New Font Awesome Icons in Thrive Architect

The Icon element in Thrive Architect now features a set of 3600+ icons that you can start using on your website right away!

The new icons are part of the Font Awesome set.

If you’re not familiar with Font Awesome, it's a vast collection of icons where you can find pretty much anything from popular logo icons to more common icons to use on your website.

Without Thrive Architect, you only have free access to around 1200 icons from the Font Awesome set.

To access the other icons from the set, you would have to pay extra.

However, with the Icon element in Thrive Architect, you have full access to the all the 3600+ Font Awesome icons!


One of the most distinctive aspects of this set is that, for any icon you choose, you will have 3 styles available (Light, Regular and Solid):

3 different types for any Font Awesome icon

Why Pick Icons Instead of Images? 

Before I show you some really cool looking layouts that you can create with icons, let's make sure we're on the same page about why and when you should choose an icon over an image file.

First of all, we need to make an important distinction:

When we talk about an icon you can pick using the Icon element, we're referring to a specific file format, a SVG file. We're not talking about an image that acts as an icon but that's actually a PNG or JPEG format.

While both can look the same at first glance, you'll soon discover why we have to make this distinction.

An Icon is Much Easier to Find

Imagine this:

You need a couple of cute images to display on your website and you decide to go on Google Images and search for images with a transparent background.  

If you've ever done this, you know it's not easy at all finding the right images.

They either come without a transparent background, a size that is too small, or maybe you just have a hard time finding the right look & feel.

With Thrive Architect, adding a cute icon only requires you to open the "Icon" element, search for an icon and place it on your page:

Drag and drop the Icon element on your page and choose from 3600+ icons

Superior Quality

When scaled, a SVG icon has a far superior quality, compared to an image.

Here's an example: We have two similar files on a page, one of them is a SVG icon and the other one is an image:

When the two files have a small size, they don't look so bad

At this point, both of the files have a size of 150 pixels each.

However, here's what happens if we increase the size to 500 pixels: 

When the size increases, the image simply can't keep up with the quality of the icon

As you can see, the image's quality was severely diminished by this increase in size. 

However, the icon wasn't at all affected, and it looks just as good as it looked at 150 pixels.

Customization Options

And if all of the above hasn't convinced you already, icons have one more trick up their sleeve.

They are customizable!

This means you can change the icon color, background color and shape right within Thrive Architect.

You won't need any image editing tools like you would to change an image.

You will have no problem building layouts that look like this:

3 column layout built with a Content Box element and two icons

Or like this: 

 3 column layout built using the Content Box and an icon 

Don't forget to watch the video from the top of the page to learn how to build this particular layout with Thrive Architect! 

Use Them in Other Elements as Well

Up until now, we've seen how you can use an icon as a stand alone element, but it can also be used within other Thrive Architect elements.

For example, we can use it on the Button element:

Use the icon on the Button element

Or on the Styled List element

Icons can also be used on the Styled List element

Now's Your Turn!

Don't be afraid to try out new layouts and experiment how the new icons work in Thrive Architect.

Give it a try and let us know what you think, by leaving a comment below!

Author: David

David is a content marketer at Thrive Themes, previously in charge of the Thrive Knowledge Base articles and video tutorials. When not at his working desk, he enjoys driving like an enthusiast, visiting the beautiful cities of Transylvania for the 100th time. Either that, or he could end up watching an entire season of Friends in one day.

  • Cedrick R says:

    Is there a way one can upload their own original icons?

    • David Gavrilut says:

      Unfortunately, no. Not for now, at least.

    • Fabian T says:

      Would also love for the possibility to upload own icons

      • David Gavrilut says:

        @Fabian and @Cedrick – So, with Font Awesome you can’t really upload your own icons.

        However, after looking a bit into this, I found that there is actually a pretty simple way to add your own icons, with IcoMoon.

        In your WordPress admin dashboard, access the Thrive Dashboard and look for the “Retina Icons” card. There you will find a blue hyperlink text that says “Click here”, it will send you to the IcoMoon App.

        On that platform, you will find the “Import Icons” option, which will allow you to search on your device for the icon you want to upload.

        Make sure the icon is in the right format and that it follows the IcoMoon Documentation procedures.

  • Elizabeth R says:

    Thanks for sharing this information on Icons.

    • David Gavrilut says:

      It was my pleasure, Elizabeth :)

  • Ion says:

    I noticed that these icons also don’t automatically load on all pages even if never used there.

    That’s great because i had a lot of icomoon icons and all my pages were abut 400kb more in size because of that.

    That doesn’t seem to be the case anymore so good job.

    • David Gavrilut says:

      Thank you, Ion! Enjoy :)

  • David,

    Thank you so much. This is a great addition.

    • David Gavrilut says:

      Our pleasure, Luis :)

  • Martin R says:

    Yay! Thanks guys, I’ve been looking for more icons and this is another great addition. Perfect!

    • David Gavrilut says:

      That’s awesome! Glad to hear that, Martin :)

  • Fred says:

    Good update, as usual!

    • David Gavrilut says:

      Thanks, Fred! Glad you enjoy it :)

  • That going to save me a lot of time searching for the best icon. Thanks!

    • David Gavrilut says:

      That was my thought exactly! Our pleasure :)

  • Matt F says:

    Great advice about icons and why/when they should be used. And super cool that 3600+ are now available for sleek designs and fast websites!

    • David Gavrilut says:

      I’m glad to hear you’re enjoying them, Matt! :)

  • Karin K says:

    Great to have so many icons available!! When used to create a website logo is it possible to download the icons for use in documents?

    • David Gavrilut says:

      Hello, Karin :)

      Unfortunately, the icons cannot be downloaded because they have a certain format that can only be used on web pages.

  • Henry M. says:

    Does anyone ever check their development skills at the door before they release an update or code?

    Seriously! The icons don’t work because your icon scroll window is bigger than its container ergo you can click the select button that it covers.

    I really can’t believe you people have not checked this over and over again because its been like this for months.

    • Shane Melaugh says:

      Hello Henry,

      Please create a support ticket with this issue. We can’t replicate what you describe in our test environments, so we’d have to see what causes this issue on your specific setup.

  • Joshua P says:

    Is there a way to rotate the icons in Thrive Architect?

    • Hanne says:

      No Joshua, that’s not currently an option.

  • says:

    How do I convert my png logo to icon? If so, how can I do this?

  • Michael says:

    I’m really glad that as much of Font Awesome is so easily available. I think there are fonts from newer versions of Font Awesome 5.x that are not present. Are there plans to include all of the fonts in future Thrive Architect updates? For example, the symbol for “bacon” was added in Font Awesome 5.7 but is not available in Thrive. Doesn’t everyone need access to bacon? :-)

    • David Gavrilut says:

      First of all, I’m glad you asked that question because everyone needs to have access to bacon! Haha

      Jokes aside, we’re aware of that and we’re including the new Font Awesome icons in our next release. So, the bacon should be there soon too :)

  • >