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.

sydcode

This plugin adds support for 18 free icon fonts (over 6000 icons).
<a href="https://developer.wordpress.org/resource/dashicons/" rel="nofollow ugc">Dashicons</a> (218 icons) 
<a href="http://www.elegantthemes.com/blog/resources/elegant-icon-font" rel="nofollow ugc">Elegant</a> (360 icons) 
<a href="http://elusiveicons.com/" rel="nofollow ugc">Elusive</a> (304 icons) 
<a href="https://github.com/danielbruce/entypo" rel="nofollow ugc">Entypo</a> (284 icons) 
<a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow ugc">Font Awesome</a> (519 icons) 
<a href="http://zurb.com/playground/foundation-icon-fonts-3" rel="nofollow ugc">Foundation</a> (284 icons) 
<a href="http://genericons.com/" rel="nofollow ugc">Genericons</a> (147 icons) 
<a href="https://icomoon.io/icons-icomoon.html" rel="nofollow ugc">IcoMoon Free</a> (491 icons) 
<a href="http://ionicons.com/" rel="nofollow ugc">Ionicons</a> (734 icnons) 
<a href="http://map-icons.com/" rel="nofollow ugc">Map Icons</a> (176 icons) 
<a href="http://materialdesignicons.com/" rel="nofollow ugc">Material Design</a> (1062 icons) 
<a href="http://mfglabs.github.io/mfglabs-iconset/" rel="nofollow ugc">MFG Labs</a> (186 icons) 
<a href="https://octicons.github.com/" rel="nofollow ugc">Octicons</a> (179 icons) 
<a href="https://useiconic.com/open/" rel="nofollow ugc">Open Iconic</a> (229 icons) 
<a href="http://pfefferle.github.io/openwebicons/" rel="nofollow ugc">OpenWeb</a> (118 icons) 
<a href="http://tenbytwenty.com/?xxxx_posts=sosa" rel="nofollow ugc">Sosa</a> (122 icons) 
<a href="http://themify.me/themify-icons" rel="nofollow ugc">Themify</a> (352 icons) 
<a href="http://typicons.com/" rel="nofollow ugc">Typicons</a> (336 icons)
Each font is freely distributed under an open source licence. 
Contact the author of a font if you have questions about using it.
Credits: 
<a href="http://jaicab.com/Sosa-Icon-Font-CSS/" rel="nofollow ugc">Jaime Caballero</a> for his Sosa stylesheet. 
<a href="https://gist.github.com/pnull/4510484" rel="nofollow ugc">pnull</a> for his Entypo stylesheet.

Icon Fonts

This plugin adds support for 18 free icon fonts (over 6000 icons).

External Link Icon for Gutenberg vs Icon Fonts