Title: External Link Icon for Gutenberg Author: Owadud Published: 29.3.2026 Last modified: 31.3.2026 --- Hae lisäosia ![](https://ps.w.org/owadud-link-icon-block/assets/banner-772*250.png?rev=3493876) ![](https://ps.w.org/owadud-link-icon-block/assets/icon-256*256.png?rev=3493876) # External Link Icon for Gutenberg [Owadud](https://profiles.wordpress.org/owadud655/) [Lataa](https://downloads.wordpress.org/plugin/owadud-link-icon-block.1.0.2.zip) * [Tiedot](https://fi.wordpress.org/plugins/owadud-link-icon-block/#description) * [Arvostelut](https://fi.wordpress.org/plugins/owadud-link-icon-block/#reviews) * [Asennus](https://fi.wordpress.org/plugins/owadud-link-icon-block/#installation) * [Kehitys](https://fi.wordpress.org/plugins/owadud-link-icon-block/#developers) [Tuki](https://wordpress.org/support/plugin/owadud-link-icon-block/) ## Kuvaus **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: 6. * Set link text * Toggle new tab / nofollow * Pick an icon from the **Dashicons** or **SVG Icons** tab * Set icon position (before or after text) 7. 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 ## Kuvankaappaukset [[ ## Blocks This plugin provides 1 block. * Link with Icon ## Asennus 1. Upload the plugin folder to `/wp-content/plugins/` 2. Activate from the Plugins menu 3. In the block editor, search for ”Link with Icon” in the block inserter ## UKK ### Where do I find this block? Click the **+** (block inserter) in the editor and search for ”Link with Icon”. It’s in the Text category. ### Can I put multiple Link with Icon blocks on the same page? Yes — each block is fully independent. ### Does it work with page caching? Yes. The block is rendered server-side via a PHP callback, so cached pages always include the correct icon. ### How do I remove the icon? Open the sidebar, scroll to the icon picker, and click **✕ Remove icon** at the bottom of the picker. ### Can I style the link with theme styles? Yes. The block supports WordPress block color, typography, and spacing controls. Your theme’s link styles also apply normally. ### 1.0.0 * Initial release * Dedicated Gutenberg block with on-canvas URL entry * Sidebar icon picker with Dashicons and SVG icon tabs (32 icons each) * Icon position control (before / after) * New tab and nofollow toggles * Live preview in the editor canvas * Server-side PHP render (cache-safe) ### 1.0.1 * Rename Plugin name * Solved contributor name ### 1.0.2 * Name Update ## Arvostelut ![](https://secure.gravatar.com/avatar/e0c8e4739943207e53671805507afd045425f40e2495f7ad9bc6aa7dfae30e32? s=60&d=retro&r=g) ### 󠀁[Simple, clean, and exactly what I needed!](https://wordpress.org/support/topic/simple-clean-and-exactly-what-i-needed/)󠁿 [Mohammad Tuhin](https://profiles.wordpress.org/mohammadtuhin/) 30.3.2026 I was looking for a lightweight way to add icons to my links without bloat, and this plugin delivers perfectly. It integrates seamlessly with the Gutenberg editor. ![](https://secure.gravatar.com/avatar/2f961f7ecb643c7efdd0bcbc2ff20de5ed407b465dea8e69f01e00b89dd0b063? s=60&d=retro&r=g) ### 󠀁[Easy to Use and Works Smoothly , Great Experience So Far](https://wordpress.org/support/topic/easy-to-use-and-works-smoothly-great-experience-so-far/)󠁿 [Shahriar](https://profiles.wordpress.org/masrakib2019/) 29.3.2026 I was looking for a simple way to add links with icons in Gutenberg, and this plugin does it perfectly. Setup is quick, and the live preview makes it easy to adjust things. Clean UI and no bloat at all. [ Lue kaikki 1 arvostelua. ](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/) ## Avustajat & Kehittäjät “External Link Icon for Gutenberg” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet tämän lisäosan kehittämiseen. Avustajat * [ Owadud ](https://profiles.wordpress.org/owadud655/) [Käännä “External Link Icon for Gutenberg” omalle kielellesi.](https://translate.wordpress.org/projects/wp-plugins/owadud-link-icon-block) ### Oletko kiinnostunut kehitystyöstä? [Browse the code](https://plugins.trac.wordpress.org/browser/owadud-link-icon-block/), check out the [SVN repository](https://plugins.svn.wordpress.org/owadud-link-icon-block/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/owadud-link-icon-block/) by [RSS](https://plugins.trac.wordpress.org/log/owadud-link-icon-block/?limit=100&mode=stop_on_copy&format=rss). ## Metatiedot * Version **1.0.2** * Last updated **7 kuukautta sitten** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **6.9.10** * PHP version ** 7.4 or higher ** * Language * [English (US)](https://wordpress.org/plugins/owadud-link-icon-block/) * Tags * [Dashicons](https://fi.wordpress.org/plugins/tags/dashicons/)[Font Awesome](https://fi.wordpress.org/plugins/tags/font-awesome/) [Gutenberg block](https://fi.wordpress.org/plugins/tags/gutenberg-block/)[icon](https://fi.wordpress.org/plugins/tags/icon/) [link](https://fi.wordpress.org/plugins/tags/link/) * [Edistynyt näkymä](https://fi.wordpress.org/plugins/owadud-link-icon-block/advanced/) ## Arvosanat 5 out of 5 stars. * [ 2 5-star reviews ](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/owadud-link-icon-block/reviews/) ## Avustajat * [ Owadud ](https://profiles.wordpress.org/owadud655/) ## Tuki Onko sinulla jotain sanottavaa? Tarvitsetko apua? [Tukifoorumi](https://wordpress.org/support/plugin/owadud-link-icon-block/)