Using IcoFont Icons in Divi

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

The step-by-step

115~|numbers~|number~|

Select your icons

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

115~|numbers~|number1~|

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~|number2~|

Rename your icon files

By default, icon sets downloaded from IcoFont have the name icofont 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~|number3~|

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.)