plugin-icon

Owadud Link Icon Block

By Owadud·
A Gutenberg block for creating a link with a Dashicon or Font Awesome icon. Per-block, not global.
Version
1.0.0
Last updated
Mar 29, 2026
Owadud Link Icon Block

Owadud Link Icon Block 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
Freeon paid plans
Tested up to
WordPress 6.9.4
This plugin is available for download for your site.