The Custom Icons feature allows you to add easily new icons to the existing gallery with bundled icons and to use them in a variety of different elements with the Elementor Builder.
Please follow the steps below or this guide: https://docs.elementor.com/article/590-custom-icons-pro
Preparing the font:
Step 1:
The first step is to prepare the font using the IcoMoon App or Fontello Icon Fonts Generator. Please go to this address: https://icomoon.io/app/ or http://fontello.com/
Step 2:
Next, add your custom icons or select from the Library and click on the Download Webfont button to save the .zip file on your computer:
#Fontello
#icomoon
Step 1:
The first step is to prepare a font using the IcoMoon App. Please go to this address: https://icomoon.io/app/
Step 2:
Next click on the Import Icons button:
(1) Please note that if you import your own icons they should be SVG images, SVG fonts or JSONs exported by IcoMoon!
Step 3:
Next, click on the "Generate Font" button:
Step 4:
You have to customize the font name in Preferences:
Step 5:
You have to also customize the "Class Prefix" in Preferences:
Step 6:
At the end please click on the Download button and save the .zip file on your computer.
For more information about the Icomoon app, please read this article: https://icomoon.io/#docs
Adding the font to the Icon Font Manager:
Step 7:
You can find the Icon Font Manager in Dashboard > Elementor > Custom Icons > Add new
Step 8:
Browse and upload the ZIP you've downloaded from the Icon Fonts Generator in Step 2 (see the instruction above) and click on the "Select file" button.
Step 9:
That's all. If you see this message: "Icon Set saved", you've uploaded the new icons successfully.
You can find the new icons in the Icon library:
and here they are:
Please note that you may need to clear your browser's cache.