Description
Block: Icons Font Awesome adds a single, focused Icon block to the WordPress block editor (Gutenberg). Pick from roughly 2,000 free Font Awesome 6 icons and drop them anywhere — no shortcodes, no page builder, no coding.
Icons render as inline SVG, 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.
Features
- ~2,000 free Font Awesome 6 icons — Solid, Regular, and Brands.
- Full-screen icon picker with instant search (by name and keyword), a category sidebar with per-style counts, a style filter, and a “recently used” list.
- Inline SVG output — no webfont, no render-blocking icon CSS.
- Styling controls — color, hover color, size, and alignment.
- Link support — wrap the icon in a link, optionally opening in a new tab.
- Accessibility — mark an icon as decorative (hidden from screen readers) or give it a label; links always get an accessible name.
- Global defaults — a Settings page to set the default style, size, and color, and to choose which icon styles appear in the picker.
Screenshots
Blocks
This plugin provides 1 block.
- Font Awesome Add and customize a Font Awesome icon, rendered as crisp inline SVG.
Installation
- Upload the plugin to the
/wp-content/plugins/directory, or install it from Plugins Add New in your dashboard. - Activate the plugin through the Plugins menu.
- In the editor, add the Font Awesome block and click Icon Library to choose an icon.
- (Optional) Visit Icon Font Awesome Settings to set global defaults.
FAQ
-
Does this load the Font Awesome webfont on my site?
-
No. Icons are saved as inline SVG, so the front end loads no Font Awesome CSS or webfont files.
-
Which icons are included?
-
The free Font Awesome 6 set — Solid, Regular, and Brands (about 2,000 icons).
-
I used an older version of this plugin. Will my existing icons still work?
-
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.
-
Where do I set default colors and sizes?
-
Under Icon Font Awesome Settings, in the Block Defaults tab.
Reviews
There are no reviews for this plugin.
Contributors & Developers
“Block: Icons Font Awesome” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Block: Icons Font Awesome” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
3.0.0
- Complete rewrite of the plugin.
- Icons now render as inline SVG — the Font Awesome webfont is no longer loaded on your site.
- New full-screen icon picker: search, category sidebar with counts, style filter (Solid, Regular, Brands), and recently used icons.
- New controls: color, hover color, size, alignment, link (with open-in-new-tab), and accessibility (decorative toggle or label).
- New Settings page for global defaults (default style, size, color) and the styles shown in the picker.
- Existing icon blocks are migrated automatically.
2.0.2
- Maintenance release.