{"id":292798,"date":"2026-03-29T15:07:31","date_gmt":"2026-03-29T15:07:31","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/external-link-with-icon\/"},"modified":"2026-03-31T18:22:43","modified_gmt":"2026-03-31T18:22:43","slug":"owadud-link-icon-block","status":"publish","type":"plugin","link":"https:\/\/ca.wordpress.org\/plugins\/owadud-link-icon-block\/","author":20631272,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0.2","stable_tag":"1.0.2","tested":"6.9.4","requires":"6.0","requires_php":"7.4","requires_plugins":null,"header_name":"External Link Icon for Gutenberg","header_author":"Owadud","header_description":"A Gutenberg block that lets you create a link with a Dashicon or bundled SVG icon \u2014 all configured inside the block itself. No global settings. No external CDN.","assets_banners_color":"889fd5","last_updated":"2026-03-31 18:22:43","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/owadud-link-icon-block\/","header_author_uri":"https:\/\/www.owadud.com","rating":5,"author_block_rating":0,"active_installs":0,"downloads":104,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq"],"tags":{"1.0.0":{"tag":"1.0.0","author":"owadud655","date":"2026-03-29 15:07:11"},"1.0.1":{"tag":"1.0.1","author":"owadud655","date":"2026-03-31 18:09:58"},"1.0.2":{"tag":"1.0.2","author":"owadud655","date":"2026-03-31 18:22:43"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":{"icon-256*256.png":{"filename":"icon-256*256.png","revision":3493876,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772*250.png":{"filename":"banner-772*250.png","revision":3493876,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":{"seli\/link-with-icon":{"name":"seli\/link-with-icon","title":"Link with Icon"}},"tagged_versions":["1.0.0","1.0.1","1.0.2"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3493876,"resolution":"1","location":"assets","locale":""}},"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[15956,4593,151844,497,537],"plugin_category":[50],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-292798","plugin","type-plugin","status-publish","hentry","plugin_tags-dashicons","plugin_tags-font-awesome","plugin_tags-gutenberg-block","plugin_tags-icon","plugin_tags-link","plugin_category-media","plugin_committers-owadud655"],"banners":{"banner":"https:\/\/ps.w.org\/owadud-link-icon-block\/assets\/banner-772*250.png?rev=3493876","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/owadud-link-icon-block\/assets\/icon-256*256.png?rev=3493876","icon_2x":"https:\/\/ps.w.org\/owadud-link-icon-block\/assets\/icon-256*256.png?rev=3493876","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/owadud-link-icon-block\/assets\/screenshot-1.png?rev=3493876","caption":""}],"raw_content":"\n

External Link Icon for Gutenberg<\/strong> adds a new Gutenberg block called Link with Icon<\/strong>.<\/p>\n\n

Each block contains its own link URL, link text, icon choice, and display options \u2014 all configured in one place. There are no global settings that affect your whole site.<\/p>\n\n

How to use:<\/strong><\/p>\n\n

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

      Icon sets:<\/strong><\/p>\n\n

        \n
      • Dashicons<\/strong> \u2014 WordPress built-in icon font (32 icons, no extra network request)<\/li>\n
      • SVG Icons<\/strong> \u2014 32 bundled stroke-based SVG icons, rendered inline (no CDN, no webfont)<\/li>\n<\/ul>\n\n

        Principles:<\/strong><\/p>\n\n

          \n
        • No global icon settings \u2014 each block is fully independent<\/li>\n
        • Image links are not affected (this is a dedicated block, not a link filter)<\/li>\n
        • Server-side PHP rendering \u2014 compatible with all caching plugins<\/li>\n
        • No jQuery required<\/li>\n<\/ul>\n\n\n
            \n
          1. Upload the plugin folder to \/wp-content\/plugins\/<\/code><\/li>\n
          2. Activate from the Plugins menu<\/li>\n
          3. In the block editor, search for \"Link with Icon\" in the block inserter<\/li>\n<\/ol>\n\n\n
            \n

            Where do I find this block?<\/h3><\/dt>\n

            Click the +<\/strong> (block inserter) in the editor and search for \"Link with Icon\". It's in the Text category.<\/p><\/dd>\n

            Can I put multiple Link with Icon blocks on the same page?<\/h3><\/dt>\n

            Yes \u2014 each block is fully independent.<\/p><\/dd>\n

            Does it work with page caching?<\/h3><\/dt>\n

            Yes. The block is rendered server-side via a PHP callback, so cached pages always include the correct icon.<\/p><\/dd>\n

            How do I remove the icon?<\/h3><\/dt>\n

            Open the sidebar, scroll to the icon picker, and click \u2715 Remove icon<\/strong> at the bottom of the picker.<\/p><\/dd>\n

            Can I style the link with theme styles?<\/h3><\/dt>\n

            Yes. The block supports WordPress block color, typography, and spacing controls. Your theme's link styles also apply normally.<\/p><\/dd>\n

            1.0.0<\/h3><\/dt>\n
              \n
            • Initial release<\/li>\n
            • Dedicated Gutenberg block with on-canvas URL entry<\/li>\n
            • Sidebar icon picker with Dashicons and SVG icon tabs (32 icons each)<\/li>\n
            • Icon position control (before \/ after)<\/li>\n
            • New tab and nofollow toggles<\/li>\n
            • Live preview in the editor canvas<\/li>\n
            • Server-side PHP render (cache-safe)<\/li>\n<\/ul><\/dd>\n

              1.0.1<\/h3><\/dt>\n
                \n
              • Rename Plugin name<\/li>\n
              • Solved contributor name<\/li>\n<\/ul><\/dd>\n

                1.0.2<\/h3><\/dt>\n
                  \n
                • Name Update<\/li>\n<\/ul><\/dd>\n\n<\/dl>","raw_excerpt":"A Gutenberg block for creating a link with a Dashicon or Font Awesome icon. Per-block, not global.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/292798","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=292798"}],"author":[{"embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/owadud655"}],"wp:attachment":[{"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=292798"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=292798"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=292798"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=292798"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=292798"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ca.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=292798"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}