Patrik Csak

<p><a href="https://github.com/patrik-csak/fa-wp-admin-menu-icons" rel="nofollow ugc">View on GitHub</a> for better documentation</p>
<p><strong>FA WP Admin Menu Icons</strong> allows you to use Font Awesome icons for WordPress custom post types and custom menu pages by passing the Font Awesome class string, just like using Font Awesome on the front end</p>
<p>Here’s an example:</p>
<pre><code>register_post_type( 'custom_post_type', [
    //...
    'menu_icon' => 'fa-solid fa-thumbs-up',
    //...
] );
</code></pre>
<h3>Usage</h3>
<h4>`register_post_type()`</h4>
<p>To use a Font Awesome icon for your custom post type with <a href="https://developer.wordpress.org/reference/functions/register_post_type/" rel="nofollow ugc"><code>register_post_type()</code></a>, use a Font Awesome class string for the <code>$args['menu_icon]</code> parameter:</p>
<pre><code>register_post_type( 'custom_post_type', [
    //...
    'menu_icon' => 'fa-solid fa-thumbs-up',
    //...
] );
</code></pre>
<h4>`add_menu_page()`</h4>
<p>To use a Font Awesome icon for your custom menu page with <a href="https://developer.wordpress.org/reference/functions/add_menu_page/" rel="nofollow ugc"><code>add_menu_page()</code></a>, use a Font Awesome class string for the <code>$icon_url</code> parameter:</p>
<pre><code>add_menu_page(
    page_title: 'Custom Menu Page',
    menu_title: 'Custom Menu Page',
    capability: 'manage_options',
    menu_slug: 'custom_menu_page',
    icon_url: 'fa-solid fa-thumbs-up',
);
</code></pre>
<h4>Custom Post Type UI plugin</h4>
<p>To use a Font Awesome icon with the <a href="https://wordpress.org/plugins/custom-post-type-ui/" rel="ugc">Custom Post Type UI plugin</a>, use a Font Awesome class string for the <strong>Menu Icon</strong> field when adding or editing a Post Type</p>
<h3>Caveats</h3>
<p>FA WP Admin Menu Icons only supports Font Awesome’s <a href="https://fontawesome.com/search?ic=free&o=r" rel="nofollow ugc">free icons</a></p>


FA WP Admin Menu Icons

Use Font Awesome icons for custom post types and custom menu pages.

seothemes

<p>Icon Widget creates a new WordPress widget that displays an icon, title and description. Select the size, color and text-alignment with easy to use dropdown options.</p>
<h4>Icon Fonts Included</h4>
<ul>
<li>Font Awesome 4 & 5</li>
<li>Line Awesome</li>
<li>Ionicons</li>
<li>Streamline Icons</li>
<li>ET Line Icons<br />
<em>More coming soon. We are open to suggestions.</em></li>
</ul>
<h4>Shortcode Usage</h4>
<p>Since 1.0.6 you can now use the <code>icon_widget</code> shortcode. Below is a list of available attributes with their default values:</p>
<ul>
<li>classes  =>  ‘icon-widget’</li>
<li>title    =>  ‘Icon Widget’</li>
<li>content  =>  ‘Add a short description.’</li>
<li>icon     =>  ‘fa-star’</li>
<li>weight   =>  ‘600’</li>
<li>size     =>  ‘2x’</li>
<li>align    =>  ‘center’</li>
<li>color    =>  ‘#333333’</li>
<li>bg       =>  ”</li>
<li>padding  =>  ”</li>
<li>radius   =>  ”</li>
<li>heading  =>  ‘h4’</li>
<li>break    =>  ‘<code><br></code>‘</li>
</ul>
<p>Here is an example of the icon widget shortcode using all available parameters:</p>
<pre><code>[icon_widget classes="icon-widget" title="Icon Widget" content="Add a short description" icon="fa-star" weight="600" size="2x" align="center" color="#fff" bg="#333" padding="30" radius="30" heading="h4" break="<br>"]
</code></pre>


Icon Widget

This works great and saves a lot of time. Easy for clients to manage.

Works Great!

Display an icon, title and description with a widget or a shortcode.

FA WP Admin Menu Icons vs Icon Widget