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.

yukyhendiawan

<p>Block: Icon Font Awesome is a Gutenberg plugin specifically designed to simplify the user experience in displaying the Font Awesome icon collection. With this plugin, you can easily add and customize Font Awesome icons directly through the Gutenberg block.</p>
<p>The main advantage of Block: Icon Font Awesome is its ease of integrating Font Awesome icons into your WordPress pages or posts. Without the need for deep coding knowledge, you can choose from a variety of available icons and tailor them to fit your site’s design.</p>
<p>Not only that, what makes Block: Icon Font Awesome even more appealing is the very small font file size, approximately only around 100KB. This means that using the plugin will not burden the loading speed of your site. With a lightweight load, you can be sure your site remains responsive and fast, while still taking advantage of the wealth of Font Awesome icons.</p>
<h3>Usage instructions</h3>
<ol>
<li>Enter the Gutenberg Editor</li>
<li>Go to the Gutenberg Block Category Media and then select Font Awesome</li>
<li>Click the Icon Library button</li>
<li>Once the popup appears, please choose one of the icons and click on it</li>
</ol>
<h3>Contribute</h3>
<p>Contributions are always open to those who wish to participate in the further development of this plugin. <a href="https://github.com/yukyhendiawan/icon-font-awesome" rel="nofollow ugc">Github</a>.</p>


Block: Icons Font Awesome

The Block Plugin: Icon Font Awesome allows you to easily add a Gutenberg block to select icons from the Font Awesome collection.

FA WP Admin Menu Icons vs Block: Icons Font Awesome