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.

Phoeniixx

<p>By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.<br />
Fontawesome icon plugin can be used in various ways like by using HTML, Fontawesome icon picker in Tiny MCE editor or by adding shortcodes.</p>
<h4>Features:</h4>
<ul>
<li>You can use fontawesome icons to display the icons and texts in pages and widget area.</li>
<li><strong>Widget-</strong> Font awesome can be viewed on widget by adding ‘Phoeniixx icons with text’.</li>
<li>Awesome font awesome plugin gives you icons that can instantly be customized.</li>
<li>You can display the icons just by selecting the icons from Fontawesome icon picker in Tiny MCE editor  visual mode.</li>
<li>You can display the icons by adding shortcodes in text mode of the page.</li>
<li>You can display the icons in different size and styles using HTML in text mode.</li>
<li>Plugin is compatible with siteorign page builder plugin. </li>
<li>Advance styling options like different colors, different sizes of the font.</li>
<li>
<p>300 icons library.</p>
</li>
<li>
<p>Credit :  http://mjolnic.com/fontawesome-iconpicker/</p>
</li>
</ul>
<h4>Premium WordPress Themes</h4>
<p>Here is our premium wordpress theme</p>
<ul>
<li><a href="https://www.phoeniixx.com/product/foody/" rel="nofollow ugc">Foody Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/jstore-theme/" rel="nofollow ugc">Jstore Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/eezy-store/" rel="nofollow ugc">Eezy Themes</a></li>
<li><a href="https://www.phoeniixx.com/product/craze/" rel="nofollow ugc">Craze Themes</a></li>
</ul>
<blockquote>
<h4>Our Website</h4>
<ul>
<li>  <a href="https://www.phoeniixx.com/" rel="nofollow ugc">https://www.phoeniixx.com/</a></li>
</ul>
<h4>Support Email</h4>
<ul>
<li>  <a href="mailto:support@phoeniixx.com" rel="nofollow ugc">support@phoeniixx.com</a></li>
</ul>
<h4>NOTE</h4>
<ul>
<li>  Our plugin support the Multisite Network.
</li>
</ul>
</blockquote>


Awesome Fontawesome Collection

Seemed perfect for my needs until I ran a validator on it and discovered that for ever icon I had added in the widget, a copy of the CSS style appears in the source page.

It is "illegally" placed inside the page's HTML and perhaps worse, appears over and over and over and over and over and over and over...  you get it.  Needless bloat.

Too bad... :(

Some things need attentions

By Using fontawesome icon plugin you can demonstrate icons in your pages and widget area.

FA WP Admin Menu Icons vs Awesome Fontawesome Collection