Using Icomoon Icons in Divi

A step-by-step guide to creating your own custom icon font using Icomoon.io, preparing it for upload to Divi and then uploading it for use in your projects.

The step-by-step

115~|numbers~|number~|

Create a free IcoMoon.io account

Create a free account on icomoon. This step is only necessary if you want to take advantage of some of the premium icon sets available on icomoon.

115~|numbers~|number1~|

Select your icons

Select the icons you’d like to include in your icon font from the various sets.

115~|numbers~|number2~|

Generate your font and download

Once you have all of your icons added to your collection, click on the generate font button and then click on the download button.

115~|numbers~|number3~|

Rename your icon files

By default, icon sets downloaded from IcoMoon have the name some-new-icons for all of their files. While you could upload these files with this name, I recommend you come up with a descriptive name for this set of icons and then rename all of your font files AND your CSS file with this new name.

115~|numbers~|number4~|

Upload your icon set to Divi Upload Icons

You’re ready to upload your files! Simply drag them into the uploader on the plugin settings page and once the uploader finishes it’s job your new icons will be available to use in the Visual Builder as well as the standard backend Divi Builder.

You don't need 2400+ icons.

You need the right icons.

Ready to take your Divi sites to the next level and make them truly custom?

We are too. Let's do it together.

This plugin requires either the Divi or Extra Wordpress themes from Elegant Themes (that's an affiliate link if you want to show some love.)