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.
Astra comes with a custom lightweight & beautiful icon font. All icons used in the theme are shown in this library.
You can find each of the font-icons available with Astra and its CSS class described below-
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
Here is a screenshot that shows how the default added icon appears.