Owadud Link Icon Block

Owadud Link Icon Block

By Owadud
Details
View on WordPress

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

Details

Plugin code:
owadud-link-icon-block
Plugin version:
1.0.0
Author:
Outdated:
No
WP version:
6.0 or higher
PHP version:
7.4 or higher
Test up to WP version:
6.9.4
Total installations:
0
Last updated:
2026-03-29
Rating:
Times rated:
0
dashicons
font-awesome
gutenberg-block
icon
link