Title: Block: Icons Font Awesome
Author: yukyhendiawan
Published: <strong>May 6, 2024</strong>
Last modified: June 7, 2026

---

Search plugins

![](https://ps.w.org/icon-font-awesome/assets/banner-772x250.png?rev=3081846)

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://ps.w.org/icon-font-awesome/assets/icon-256x256.png?rev=3081846)

# Block: Icons Font Awesome

 By [yukyhendiawan](https://profiles.wordpress.org/yukyhendiawan/)

[Download](https://downloads.wordpress.org/plugin/icon-font-awesome.3.0.0.zip)

 * [Details](https://pcm.wordpress.org/plugins/icon-font-awesome/#description)
 * [Reviews](https://pcm.wordpress.org/plugins/icon-font-awesome/#reviews)
 *  [Installation](https://pcm.wordpress.org/plugins/icon-font-awesome/#installation)
 * [Development](https://pcm.wordpress.org/plugins/icon-font-awesome/#developers)

 [Support](https://wordpress.org/support/plugin/icon-font-awesome/)

## 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

[⌊The Icon block with the icon picker open.⌉⌊The Icon block with the icon picker
open.⌉[

The Icon block with the icon picker open.

[⌊Block controls: color, hover color, size, alignment, link, and accessibility.⌉⌊
Block controls: color, hover color, size, alignment, link, and accessibility.⌉[

Block controls: color, hover color, size, alignment, link, and accessibility.

[⌊The Settings page with global block defaults.⌉⌊The Settings page with global block
defaults.⌉[

The Settings page with global block defaults.

## Blocks

This plugin provides 1 block.

 *   Font Awesome Add and customize a Font Awesome icon, rendered as crisp inline
   SVG.

## Installation

 1. Upload the plugin to the `/wp-content/plugins/` directory, or install it from **
    Plugins  Add New** in your dashboard.
 2. Activate the plugin through the **Plugins** menu.
 3. In the editor, add the **Font Awesome** block and click **Icon Library** to choose
    an icon.
 4. (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

 *   [ yukyhendiawan ](https://profiles.wordpress.org/yukyhendiawan/)

“Block: Icons Font Awesome” has been translated into 1 locale. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/icon-font-awesome/contributors)
for their contributions.

[Translate “Block: Icons Font Awesome” into your language.](https://translate.wordpress.org/projects/wp-plugins/icon-font-awesome)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/icon-font-awesome/),
check out the [SVN repository](https://plugins.svn.wordpress.org/icon-font-awesome/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/icon-font-awesome/)
by [RSS](https://plugins.trac.wordpress.org/log/icon-font-awesome/?limit=100&mode=stop_on_copy&format=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.

## Meta

 *  Version **3.0.0**
 *  Last updated **4 months ago**
 *  Active installations **40+**
 *  WordPress version ** 6.3 or higher **
 *  Tested up to **6.8.11**
 *  PHP version ** 7.4 or higher **
 *  Languages
 * [English (US)](https://wordpress.org/plugins/icon-font-awesome/) and [Russian](https://ru.wordpress.org/plugins/icon-font-awesome/).
 *  [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/icon-font-awesome)
 * Tags
 * [block](https://pcm.wordpress.org/plugins/tags/block/)[Font Awesome](https://pcm.wordpress.org/plugins/tags/font-awesome/)
   [gutenberg](https://pcm.wordpress.org/plugins/tags/gutenberg/)[icons](https://pcm.wordpress.org/plugins/tags/icons/)
   [SVG](https://pcm.wordpress.org/plugins/tags/svg/)
 *  [Advanced View](https://pcm.wordpress.org/plugins/icon-font-awesome/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/icon-font-awesome/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/icon-font-awesome/reviews/)

## Contributors

 *   [ yukyhendiawan ](https://profiles.wordpress.org/yukyhendiawan/)

## Support

Issues resolved in last two months:

     0 out of 1

 [View support forum](https://wordpress.org/support/plugin/icon-font-awesome/)

## Donate

Would you like to support the advancement of this plugin?

 [ Donate to this plugin ](https://yukyhendiawan.com/)