Web Design » Figma » Can You Use Font Awesome in Figma?

Can You Use Font Awesome in Figma?

Last updated on September 28, 2022 @ 8:09 pm

Yes, you can use Font Awesome in Figma! To style text in HTML using Font Awesome, simply add the following code to your HTML file:

Can You Use Font Awesome in Figma?

Yes, you can use Font Awesome in Figma! Font Awesome is a great tool for adding vector icons and graphics to your web designs, and it’s easy to use in Figma. To add Font Awesome to your Figma project, just follow these simple steps:

1. Go to the Font Awesome website and click the “Get Started” button.

2. On the “Get Started” page, scroll down to the “Integrate Font Awesome into your website” section and click the “Download Web Font” button.

3. When the download is complete, unzip the file and upload the “fontawesome-webfont.ttf” file to your Figma project.

4. In your Figma project, select the text element you want to style with Font Awesome, then click the “Text” menu at the top of the screen and select “Add Web Font.”

5. In the “Add Web Font” dialog box, select “Custom..” from the drop-down menu and click the “UploadFonts” button.

6. Select the “fontawesome-webfont.ttf” file you uploaded earlier and click the “Open” button.

7. In the “Add Web Font” dialog box, click the “OK” button.

8. Now you can style your text with any of the Font Awesome icons! Simply type in the icon code (e.g., fas fa-heart) before or after your text.

PRO TIP: Please note that Figma does not currently support the use of Font Awesome. We recommend using an alternative icon set or font for your design projects.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.