Astra uses beautiful font icons internally in the header, footer, and other sections. You will see font icons like arrows, hamburger, search, account, cart, and so on.
These font icons were previously loaded from the “astra.woff” file.
With Astra version 3.3, these font icons are replaced with SVG. SVG icons are lighter and look sharp on all devices.
Replacing Astra font icons with SVG icons can uplift page loading speed by 29ms and reduce about 12.5% part of the page load.
Users who start using Astra after version 3.3.0, can directly get icons in SVG format.
Users who are updating Astra from previous versions to version 3.3.0 would need to use the following filter to replace font icons with SVG.
Here is a code you can paste into the child theme’s functions.php file.
add_filter( 'astra_is_svg_icons', '__return_true' );Note: It’s recommended to create a child theme to avoid losing customizations when the parent theme updates.
By using this filter, you can take advantage of the performance and display benefits of SVG icons in your Astra theme.
That’s all! If you have any questions, please free to contact us. We’re always here to help.
