Custom Icons for Elementor

By default Elementor comes with some default icon packs for your widgets. But what if you want to use a completely unique custom SVG icon? That’s possible!

You need to setup a plugin called Custom Icons for Elementor. It’s recommended by Harizma theme, so you are likely to already have it installed. If not, just search for it in Admin Panel → Plugins → Add New. It’s completely free and super easy to use.

Step 1. Make sure that the plugin in installed. You should see an extra menu row under Elementor section.

Step 2. Get prepared your SVG icons. If you don’t have any icons try to find some and download on open resources like Flaticon

Step 3. Make a Font Pack using Fontello

Step 4. Drag and drop your font pack here.
Step 5. You are now able to use your icons in Elementor in widgets. Here I’ve uploaded Linear Icons pack and extended default icon set.