No results found. Try again with different words?

Search must be at least 3 characters.

How to Add Font Awesome Icons in Astra?

Astra does not come with Font Awesome Icons but uses a custom font icon. The library we have used is lightweight and contains only the necessary icons required for the theme.

But Font Awesome Icons can be easily added with the external plugin. Below are the steps to add Font Awesome Icons to Astra:

Adding Font Awesome Icons on Website Pages

Step 1: Choose a plugin from the WordPress repository that lets you load the Font Awesome library to your site. For instance – Better Font Awesome.

Step 2: Install and activate this plugin on your WordPress dashboard.

You can now use shortcodes for font awesome icons anywhere on your website including the header, footer, sidebar, etc.

For example – [icon name=home] will display the home icon from Font Awesome. We’ll add it to one of our pages:

Here’s how it will look on your website:

Now, [icon name=user class=”fa-2x”] will display the same icon but with a bigger size. You can check out more of these icon codes here.

Adding Font Awesome Icons to Your Menus

Navigate to your WordPress dashboard, then go to Appearance > Menus. From there, edit the navigation label of a menu item by inserting the icon code you desire.

Click on the Save Menu button to apply these changes. You can get more of these icon codes here.

You can add menu icons in multiple ways, check out this article for more details.

That’s it! Following similar steps, you can add any font icon library on your website such as Entypo.

Adding these icons is a simple yet powerful way to enhance your site’s appearance and user experience. If you have any further questions about adding icons, please reach out to our support.

Was this article helpful?
Did not find a solution? We are here to help you succeed.

Related Docs

Astra is Free. Now & Forever.

We believe creating beautiful websites should not be expensive. That's why Astra is free for everyone. Get started for free and extend with affordable packages.

REWIND

YEAR IN REVIEW

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form
Scroll to Top
Now choose your preferred
page builder addon
Choose your preferred page builder addon

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Download Free Astra Theme - Modal Popup Form