Avada is a website builder with a drag-and-drop visual interface that provides the most creative flexibility. Your changes will be immediately visible when you generate content on your website. You will also have complete control over every design component and website layout, owing to the live editor. Furthermore, the editor’s layout modification tools provide much freedom when creating website content.
If you built your website using the Avada WordPress theme, you already have access to hundreds of free icons and the possibility to upload and utilize custom icons. Avada icons play a vivid role in improving the overall presentation of your work. Therefore, it is crucial to know about the various aspects associated with these incredible icons. This article will show you how to create and use custom Avada icons.
1. Make Your Icons
After choosing a name for your unique icon collection, click the button next to the text box. This screen will then handle your treatment. The Icomoon utility has built-in support in the WordPress Avada theme. It is a helpful application that lets you submit your custom icons or add thousands more unique icons from your collection. You can use this tool to add unique Avada icons. You may access Icomoon’s collection of free custom icons by clicking the link in the page’s center.
2. Other Icomoon Features
While there, you may browse Icomoon’s premium icon library for additional icons on your website. In the top left corner of Icomoon’s navigation bar, look for the “import icons” button. You may use this option to upload your own SVG files to Icomoon. Fortunately, software like Adobe Illustrator can convert any artwork to SVG format. If you wish to contribute your unique icons rather than those from Icomoon’s collection, you must also edit the properties of the SVG you provided.
Click on the right side to access properties. Select “Remove All Colours” from the color theme menu. Depending on your SVG, the color scheme may differ from the one in the screenshot above. You may change the color of your icons using Avada’s settings if you remove the colors from your SVG.
3. Creating Export Icons
Selecting the icons you want to use in Avada is the next step. When you click it, a symbol will glow blazing orange to show it has been selected. Click “Generate Font” in the lower right corner of your screen once you’ve decided on the icons you want to utilize throughout Avada.
The symbols will get displayed. The “Generate Font” icon in the lower right corner of your screen has been replaced with a “Font Download” one. Now, please press the download button! However, you must take one more step before downloading your icons. Click the gear icon next to the download button to change your download choices. Make sure your icons have their own class prefix and font name. When icons and CSS class prefixes overlap, your icons may not appear, or other website components may become damaged if you neglect this step.
Website building has become one of the most important things these days. Considering its ability to reach a large audience, a good website is a boon for any start-up and grown company or individual. That is why using Avada icons is such a big help. You can research more about it and install nothing but the right Avada icons on your website to get more benefits.