Updated: July 2023. Now includes .5x and .75x sizes!
An official Font Awesome 5 + 6 icon component that uses OTF files and
ligatures
to make adding icons (and swapping styles) simple and easy.
Includes components for:
- Font Awesome 6 Pro
- Font Awesome 6 Free
- Font Awesome 5 Pro
- Font Awesome 5 Free
Features:
- All Font Awesome styles (including Duotone + Sharp Solid/Regular/Light)
- Padding options: none | fixed-width | square | roomy
- Multiple sizes: .5x | .75x | 1x | 1.25x | 1.5x | 2x | 2.5x | 3x | 4x | 5x | 6x | 7x | 8x | 9x | 10x
How to Use:
-
Download the “desktop” files
for your chosen version of Font Awesome. -
Install the included OTF files
into your font manager. - Select your preferred component! There are seven components in the file (6 Pro, 6 Duotone, 6 Brands, 6 Free, 5 Pro, 5 Brands, 5 Free).
- When the component is selected, you can swap styles, change padding, and scale by using the component panel in Figma’s sidebar.
- To change the icon itself, type your desired icon name in the the “icon-name” text property field in the sidebar.
-
NOTE: For the duotone component, you’ll need to type the name in both text property fields: once followed by a single # (the primary layer) and once followed by a double ## (the secondary layer).
Pick the Right Icon:
-
Explore icons here:
https://fontawesome.com/icons
Changelog:
v3.4.0 | July 5, 2023
- Added .5x and .75x sizes
v3.3.0 | March 28, 2023
- Added Sharp Light icon style as an option in v6 Pro component
v3.2.0 | February 08, 2023
- Added Sharp Regular icon style as an option in v6 Pro component
v3.1.0 | September 01, 2022
- Added Sharp Solid icon style as an option in v6 Pro component
v3.0.1 | June 02, 2022
- Updated cover image to mention v5 and v6 compatibility
- Added “changelog” section to description
v3.0.0 | May 19, 2022
- Added Duotone component
- Separated out Brands into their own icon component
- Utilized new text property component fields
- Breaking changes with previous versions
