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

Themeisle

WPShout

Menu Icons by Themeisle – Add Icons to Navigation Menus

Add icons to WordPress navigation menus easily — pick from Font Awesome, Dashicons, image icons & more. Style menu items with custom colors & sizes.

sydcode

Icon Fonts

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

mlaroy

SVG Heroicons Block

A Gutenberg block for Heroicons, an open source set of SVG icons at https://heroicons.com. ⚠️ Note: This is not an offical plugin from Tailwind Labs  …

Erica Franz

Frontend Dashicons

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

Kishores

Post Featured Font Icon

it supports dashicons, genericons, font-awesome.

Carbon Plugins

Vanessa

Mateo

Carbon Icons – Powerful Icon Block and SVG inserter for Gutenberg

Easily add icons from multiple libraries tanks to a Gutenberg optimized block

mrwweb

CarrotPress

Daniel Menȝies

Dashicons Viewer

RotiStudio

Tamas Rottenbacher

SVG Block for Dashicons by RotiStudio

Adds a native Gutenberg block for inserting 334 WordPress Dashicons as inline SVG — fast, lightweight, and fully customizable.

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>

Alternatives to External Link Icon for Gutenberg

Top alternatives