yukyhendiawan

<p>Block: Icons Font Awesome adds a single, focused <strong>Icon block</strong> to the WordPress block editor (Gutenberg). Pick from roughly 2,000 free Font Awesome 6 icons and drop them anywhere — no shortcodes, no page builder, no coding.</p>
<p>Icons render as <strong>inline SVG</strong>, so your site never loads the Font Awesome webfont or an extra stylesheet just to show an icon. That keeps pages fast and the markup clean.</p>
<h4>Features</h4>
<ul>
<li><strong>~2,000 free Font Awesome 6 icons</strong> — Solid, Regular, and Brands.</li>
<li><strong>Full-screen icon picker</strong> with instant search (by name and keyword), a category sidebar with per-style counts, a style filter, and a “recently used” list.</li>
<li><strong>Inline SVG output</strong> — no webfont, no render-blocking icon CSS.</li>
<li><strong>Styling controls</strong> — color, hover color, size, and alignment.</li>
<li><strong>Link support</strong> — wrap the icon in a link, optionally opening in a new tab.</li>
<li><strong>Accessibility</strong> — mark an icon as decorative (hidden from screen readers) or give it a label; links always get an accessible name.</li>
<li><strong>Global defaults</strong> — a Settings page to set the default style, size, and color, and to choose which icon styles appear in the picker.</li>
</ul>


Block: Icons Font Awesome

Add and customize Font Awesome icons in the block editor — a lightweight Icon block that renders crisp inline SVG.

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.

Block: Icons Font Awesome vs Awesome Fontawesome Collection