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):
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
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:
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:
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:
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.
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:
Or like this:
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:
Or 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!