BACK TO DIRECTORY

Block for Font Awesome Icons – Searchable Icon Picker, SVG, FA 7

by Ciprian Popescu

3.7
(6 ratings)

Add a Font Awesome Icon block, click Choose icon, search by name or keyword (“phone”, “home”, “arrow”) and pick from 2,000+ Font Awesome Free 7 icons. No class names to remember.

Free icons are output as small inline SVG, so your pages don’t need to load the Font Awesome script or font at all. Icons follow your text colour and work with the block Color, Typography (size) and Spacing panels.

  • Visual, searchable icon picker with style filter (solid, regular, brands) and keyboard navigation.
  • Inline SVG output: no all.js, no web font, no layout shift.
  • Accessible: decorative icons are hidden from screen readers, or add a label for icons that carry meaning.
  • Optional link, new tab, size, fixed width and alignment.
  • Adds Font Awesome Free as a collection in the core WordPress Icon block, with transforms between the two blocks.
  • Two patterns: an icon feature list and a social icons row.
  • Existing content keeps working: old blocks and the [fa class="fa-solid fa-phone"] and [icon prefix="fas" name="phone"] shortcodes now render Free icons as SVG too.
  • Font Awesome Pro and kits are still supported through the optional script loader in Settings Font Awesome.

Read more about the Block for Font Awesome plugin here.

Explore more WordPress Plugins.

Font Awesome Free icons by Fonticons, Inc., licensed under CC BY 4.0. Font Awesome is a trademark of Fonticons, Inc. This plugin is not affiliated with or endorsed by Fonticons, Inc.

From the same author

Screenshots

Searchable icon picker

Searchable icon picker

Icon block settings

Icon block settings

Front-end icons

Front-end icons

Plugin settings

Plugin settings

Plugin Details

Active Installs
1K+
Total Downloads
40,893
Version
1.8.0
Requires WP
7.1
Requires PHP
8.0
Tested Up To
7.1.4
Added
2019-07-06
Last Updated
2026-10-09 2:42pm GMT

Ratings

5
4
4
0
3
0
2
0
1
2