{"id":191382,"date":"2024-05-06T10:23:36","date_gmt":"2024-05-06T10:23:36","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/icon-font-awesome\/"},"modified":"2026-06-07T20:28:46","modified_gmt":"2026-06-07T20:28:46","slug":"icon-font-awesome","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/icon-font-awesome\/","author":20431812,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"3.0.0","stable_tag":"3.0.0","tested":"6.8.5","requires":"6.3","requires_php":"7.4","requires_plugins":null,"header_name":"Block: Icons Font Awesome","header_author":"Yuky Hendiawan","header_description":"The Block Plugin: Icon Font Awesome allows you to easily add a Gutenberg block to select icons from the Font Awesome collection.","assets_banners_color":"5e17eb","last_updated":"2026-06-07 20:28:46","external_support_url":"","external_repository_url":"","donate_link":"https:\/\/yukyhendiawan.com\/","header_plugin_uri":"https:\/\/getsmartwp.com","header_author_uri":"https:\/\/yukyhendiawan.com\/","rating":0,"author_block_rating":0,"active_installs":30,"downloads":1041,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.0.2":{"tag":"2.0.2","author":"yukyhendiawan","date":"2025-04-19 17:56:51"},"3.0.0":{"tag":"3.0.0","author":"yukyhendiawan","date":"2026-06-07 20:28:46"}},"upgrade_notice":{"3.0.0":"

Major update: the icon block has been rebuilt and icons now render as inline SVG. Existing icons are migrated automatically \u2014 review your content after updating.<\/p>"},"ratings":[],"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3081846,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3081846,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3081846,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3081846,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":{"yuky\/icon-font-awesome":{"$schema":"https:\/\/schemas.wp.org\/trunk\/block.json","apiVersion":3,"name":"yuky\/icon-font-awesome","title":"Font Awesome","category":"media","description":"Add and customize a Font Awesome icon, rendered as crisp inline SVG.","keywords":["font","awesome","icon","icons","svg","graphic"],"textdomain":"icon-font-awesome","attributes":{"iconName":{"type":"string"},"iconStyle":{"type":"string","default":"solid"},"iconPath":{"type":"string"},"iconWidth":{"type":"number"},"iconHeight":{"type":"number"},"iconLabel":{"type":"string"},"label":{"type":"string"},"isDecorative":{"type":"boolean","default":false},"title":{"type":"string"},"justification":{"type":"string"},"fontSize":{"type":"number","default":45},"color":{"type":"string","default":"#333"},"hoverColor":{"type":"string","default":"#333"},"linkUrl":{"type":"string"},"linkTarget":{"type":"string"},"linkRel":{"type":"string"}},"supports":{"html":false,"spacing":{"margin":true,"padding":true}},"editorScript":"file:.\/index.js","editorStyle":"file:.\/index.css","style":"file:.\/style-index.css"}},"tagged_versions":["2.0.2","3.0.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3563908,"resolution":"1","location":"assets","locale":"","width":2038,"height":1045},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3563908,"resolution":"2","location":"assets","locale":"","width":1987,"height":1190},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3563908,"resolution":"3","location":"assets","locale":"","width":2038,"height":1115}},"screenshots":{"1":"The Icon block with the icon picker open.","2":"Block controls: color, hover color, size, alignment, link, and accessibility.","3":"The Settings page with global block defaults."}},"plugin_section":[],"plugin_tags":[1220,4593,148076,498,2904],"plugin_category":[50],"plugin_contributors":[225866],"plugin_business_model":[],"class_list":["post-191382","plugin","type-plugin","status-publish","hentry","plugin_tags-block","plugin_tags-font-awesome","plugin_tags-gutenberg","plugin_tags-icons","plugin_tags-svg","plugin_category-media","plugin_contributors-yukyhendiawan","plugin_committers-yukyhendiawan"],"banners":{"banner":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/banner-772x250.png?rev=3081846","banner_2x":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/banner-1544x500.png?rev=3081846","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/icon-128x128.png?rev=3081846","icon_2x":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/icon-256x256.png?rev=3081846","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/screenshot-1.png?rev=3563908","caption":"The Icon block with the icon picker open."},{"src":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/screenshot-2.png?rev=3563908","caption":"Block controls: color, hover color, size, alignment, link, and accessibility."},{"src":"https:\/\/ps.w.org\/icon-font-awesome\/assets\/screenshot-3.png?rev=3563908","caption":"The Settings page with global block defaults."}],"raw_content":"\n

Block: Icons Font Awesome adds a single, focused Icon block<\/strong> to the WordPress block editor (Gutenberg). Pick from roughly 2,000 free Font Awesome 6 icons and drop them anywhere \u2014 no shortcodes, no page builder, no coding.<\/p>\n\n

Icons render as inline SVG<\/strong>, so your site never loads the Font Awesome webfont or an extra stylesheet just to show an icon. That keeps pages fast and the markup clean.<\/p>\n\n

Features<\/h4>\n\n
    \n
  • ~2,000 free Font Awesome 6 icons<\/strong> \u2014 Solid, Regular, and Brands.<\/li>\n
  • Full-screen icon picker<\/strong> with instant search (by name and keyword), a category sidebar with per-style counts, a style filter, and a \"recently used\" list.<\/li>\n
  • Inline SVG output<\/strong> \u2014 no webfont, no render-blocking icon CSS.<\/li>\n
  • Styling controls<\/strong> \u2014 color, hover color, size, and alignment.<\/li>\n
  • Link support<\/strong> \u2014 wrap the icon in a link, optionally opening in a new tab.<\/li>\n
  • Accessibility<\/strong> \u2014 mark an icon as decorative (hidden from screen readers) or give it a label; links always get an accessible name.<\/li>\n
  • Global defaults<\/strong> \u2014 a Settings page to set the default style, size, and color, and to choose which icon styles appear in the picker.<\/li>\n<\/ul>\n\n\n
      \n
    1. Upload the plugin to the \/wp-content\/plugins\/<\/code> directory, or install it from Plugins \u2192 Add New<\/strong> in your dashboard.<\/li>\n
    2. Activate the plugin through the Plugins<\/strong> menu.<\/li>\n
    3. In the editor, add the Font Awesome<\/strong> block and click Icon Library<\/strong> to choose an icon.<\/li>\n
    4. (Optional) Visit Icon Font Awesome \u2192 Settings<\/strong> to set global defaults.<\/li>\n<\/ol>\n\n\n
      \n

      Does this load the Font Awesome webfont on my site?<\/h3><\/dt>\n

      No. Icons are saved as inline SVG, so the front end loads no Font Awesome CSS or webfont files.<\/p><\/dd>\n

      Which icons are included?<\/h3><\/dt>\n

      The free Font Awesome 6 set \u2014 Solid, Regular, and Brands (about 2,000 icons).<\/p><\/dd>\n

      I used an older version of this plugin. Will my existing icons still work?<\/h3><\/dt>\n

      Yes. Blocks created with the previous version are migrated automatically when you open the post in the editor. Re-save the post to update its front-end markup.<\/p><\/dd>\n

      Where do I set default colors and sizes?<\/h3><\/dt>\n

      Under Icon Font Awesome \u2192 Settings<\/strong>, in the Block Defaults tab.<\/p><\/dd>\n\n<\/dl>\n\n\n

      3.0.0<\/h4>\n\n
        \n
      • Complete rewrite of the plugin.<\/li>\n
      • Icons now render as inline SVG \u2014 the Font Awesome webfont is no longer loaded on your site.<\/li>\n
      • New full-screen icon picker: search, category sidebar with counts, style filter (Solid, Regular, Brands), and recently used icons.<\/li>\n
      • New controls: color, hover color, size, alignment, link (with open-in-new-tab), and accessibility (decorative toggle or label).<\/li>\n
      • New Settings page for global defaults (default style, size, color) and the styles shown in the picker.<\/li>\n
      • Existing icon blocks are migrated automatically.<\/li>\n<\/ul>\n\n

        2.0.2<\/h4>\n\n
          \n
        • Maintenance release.<\/li>\n<\/ul>","raw_excerpt":"Add and customize Font Awesome icons in the block editor \u2014 a lightweight Icon block that renders crisp inline SVG.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/191382","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=191382"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/yukyhendiawan"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=191382"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=191382"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=191382"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=191382"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=191382"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=191382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}