No results found. Try again with different words?

Search must be at least 3 characters.

About Icons Font That Comes with Astra

When you create a website using WordPress, icons font play an important role in the appearance of your website.

With Astra, you can get a nice-looking set of icons font that you can use on your website around the elements that you want like buttons, header menus, etc.

These icons help make your website look better and work better too.

In this article, we’ll look closely at the icons that come with the Astra theme. We’ll talk about what they can do, why they’re good, and how you can use them to make your website look great.

Note:

Since version 3.3, Astra theme default font icons have been replaced by SVG icons. When SVG support is enabled, the astra.woff file and the icons mentioned in this document are not loaded anymore. You can find out more information details in this article.

If you still wish to use these icons, you need to disable the SVG support.

What is an Icons Font

The icons font in a theme is like a collection of small icons that you can use to design your website.

These icons are designed to look good no matter how big or small you make them by adjusting their size. They can be used to represent different things, like social media buttons or navigation symbols.

The icons font comes as part of the theme, so you don’t have to find or create these icons yourself – they’re already available and ready to use.

About Icons Font That Comes with Astra

Astra comes with a custom lightweight & beautiful set of icons font.

These icons are totally customizable. You can adjust their size and they’ll still be in great quality. They’ll not get blurry at all. These icons fit perfectly into websites that use Astra, making them look cool and work well.

They’re made to not slow down your website when it loads because they’re really light. Plus, there are lots of different icons for different things, so Astra makes it easy to add nice icons to your website.

Benefits of Using Astra Icons Font

Astra Icons Font offers a range of advantages like:

  • Performance Optimization: Using Astra’s icon font on your website helps it work better by making it load faster and giving users a nicer experience.
  • Responsive Design: You can add Astra’s icons across different devices, maintaining sharpness and clarity.
  • Customization Flexibility: You can customize icons to align with your design vision. You can adjust size, color, and other attributes to easily integrate icons into your website’s visual language.

List of Font Icons in Astra Theme

You can check the Font-icons available with Astra and its CSS class from the below-attached table.

Icon Content CSS Class
. e900 astra-icon-down_arrow
. e5cd astra-icon-close
. e25d astra-icon-drag_handle
. e235 astra-icon-format_align_justify
. e5d2 astra-icon-menu
. e8fe astra-icon-reorder
. e8b6 astra-icon-search
. e56b astra-icon-zoom_in
. e901 astra-icon-check-circle
. f07a astra-icon-shopping-cart
. f290 astra-icon-shopping-bag
. f291 astra-icon-shopping-basket
. e903 astra-icon-circle-o
. e902 astra-icon-certificate

We hope this article has been helpful. If you have any questions, please feel free to leave a comment below.

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