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:
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.
