Website Building » Elementor » How do I use font awesome icons in Elementor?

How do I use font awesome icons in Elementor?

Last updated on September 25, 2022 @ 3:57 am

Font Awesome icons are a great way to add a bit of graphical flare to your Elementor templates. To use them, first download the font file from the Font Awesome website. Once you have the font file downloaded, open it in a text editor, like Notepad. Once the font file is open, locate the icon folder and copy the icons into the Notepad document.

PRO TIP: If you are using the free version of Elementor, you will need to upgrade to the Pro version in order to use Font Awesome icons.

Next, locate the Elementor-templates folder in your Elementor project folder and paste the font file into that folder. Finally, open the Elementor project in your web browser and find the icon element in the template library. Drag and drop the icon onto the design area of your Elementor template and you’re ready to go.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.