External Link Icon for Gutenberg

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:

1. In the block editor, click the + button to add a block
2. Search for “Link with Icon”
3. Insert the block
4. Enter your URL in the on-canvas URL field and click Add Link
5. Open the block sidebar (right panel) to:
   • Set link text
   • Toggle new tab / nofollow
   • Pick an icon from the Dashicons or SVG Icons tab
   • Set icon position (before or after text)
6. The live preview updates as you make changes

Icon sets:

• Dashicons — WordPress built-in icon font (32 icons, no extra network request)
• SVG Icons — 32 bundled stroke-based SVG icons, rendered inline (no CDN, no webfont)

Principles:

• No global icon settings — each block is fully independent
• Image links are not affected (this is a dedicated block, not a link filter)
• Server-side PHP rendering — compatible with all caching plugins
• No jQuery required