🎉 Use coupon MYXERO to enjoy 20% recurring discount on any plan. View Pricing
External Link Icon for Gutenberg

External Link Icon for Gutenberg

5/5 (2 ratings) — active installs Updated Mar 31, 2026
Screenshot 1

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