How to Use Font Awesome in Figma
- George Apostolov
How to Use Font Awesome in Figma: step-by-step guide
Inside your Figma design canvas, locate and click the text layer you wish to change the font style.
Following that, navigate to the right-side panel and click the font style menu under the Typography section.
Search for 'Font Awesome' and then select the specific variant you want to use.
After completing these steps, Font Awesome will be applied to the selected text layer.
Quick answer: To use Font Awesome in Figma, click your text layer in the canvas, open the font style menu in the right-side panel under Typography, search for and select Font Awesome with your desired variant, and apply it to the text layer.
About this Figma tutorial
Apply Font Awesome icons and styles to text layers in your Figma design files by selecting the font from the right-side Typography panel. This guide shows how to use Font Awesome in Figma in 4 steps, starting with "Inside your Figma design canvas, locate and click the text layer you wish to change the..." and finishing with "After completing these steps, Font Awesome will be applied to the selected text layer". The interactive demo above is a click-through copy of the real Figma interface, so you can rehearse each step before doing it in your own account.
Frequently asked questions
How many steps does it take to use Font Awesome in Figma?
4 steps. Each one is listed in order above, and the demo highlights exactly where to click.
Can I try it without changing my own account?
Yes. Clicking through the demo doesn't touch your Figma data or settings. Once you know the flow, repeat it in your own workspace.
This tutorial is filed under Figma. Related guides: How to Use Mask in Figma, How to Use SF Symbols in Figma and How to Use the Adobe Fonts in Figma. Last reviewed 05 Oct 2026.
Create your first interactive demo in minutes
No credit card required • Start building today
