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.

Ciprian Popescu

<p>This plugin allows you to display any Font Awesome 5, Font Awesome 6, Font Awesome 7 or Font Awesome kit icon as an editor block (Gutenberg) or a custom HTML block.</p>
<p>You can also add the icon as HTML code or, inline, by using the <code>[fa class="fas fa-fw fa-phone"]</code> shortcode.</p>
<p>Read more about the <a href="https://getbutterfly.com/wordpress-plugins/block-for-font-awesome/" rel="nofollow ugc">Block for Font Awesome plugin</a> here.</p>


Block for Font Awesome

We have installed this plugin on our 400+ agency websites and couldn't be happier.

Adding icons is a breeze, and the HTML and shortcode support extends into our theme development process.

Great time-saving plugin!

Display a Font Awesome 5, Font Awesome 6, Font Awesome 7 or Font Awesome kit icon in a Gutenberg block or a custom HTML block.

FA WP Admin Menu Icons vs Block for Font Awesome