Owadud

External Link Icon for Gutenberg adds a new Gutenberg block called Link with Icon.
Each block contains its own link URL, link text, icon choice, and display options — all configured in one place. There are no global settings that affect your whole site.
How to use:
<ol>
<li>In the block editor, click the + button to add a block</li>
<li>Search for “Link with Icon”</li>
<li>Insert the block</li>
<li>Enter your URL in the on-canvas URL field and click Add Link</li>
<li>Open the block sidebar (right panel) to:
<ul>
<li>Set link text</li>
<li>Toggle new tab / nofollow</li>
<li>Pick an icon from the Dashicons or SVG Icons tab</li>
<li>Set icon position (before or after text)</li>
</ul>
</li>
<li>The live preview updates as you make changes</li>
</ol>
Icon sets:
<ul>
<li>Dashicons — WordPress built-in icon font (32 icons, no extra network request)</li>
<li>SVG Icons — 32 bundled stroke-based SVG icons, rendered inline (no CDN, no webfont)</li>
</ul>
Principles:
<ul>
<li>No global icon settings — each block is fully independent</li>
<li>Image links are not affected (this is a dedicated block, not a link filter)</li>
<li>Server-side PHP rendering — compatible with all caching plugins</li>
<li>No jQuery required</li>
</ul>

External Link Icon for Gutenberg

A Gutenberg block for creating a link with a Dashicon or Font Awesome icon. Per-block, not global.

Erica Franz

Easily load the Dashicons icon font on the front-end of your site. If you’ve ever wanted to use this snazzy little icon font but your active theme doesn’t load it on the front-end of your site for you, this plugin is here to save the day!
Activate and you’re ready to start using Dashicons on the front-end of your site via HTML and CSS.
IMPORTANT: This plugin does not make any shortcodes available to implement Dashicons icons. You can easily use the HTML and CSS options to display icons following the official Dashicons documentation at <a href="https://developer.wordpress.org/resource/dashicons/" rel="nofollow ugc">https://developer.wordpress.org/resource/dashicons/</a>.

Frontend Dashicons

Reminds me of our most popular plugin that started life with a single "enqueue" :)

Love the simplicity

Load the Dashicons icon font on the front-end of your site.

External Link Icon for Gutenberg vs Frontend Dashicons