If you’re going to purchase Divi (totally worth it) want to show some love, consider using the link in the above paragraph. It’s my affiliate link and they may compensate me for the referral at no cost to you.

How it works

115~|numbers~|number~|

Each file in an icon set must have the same name

Make sure your .tff, .svg, .woff, .woff2 and .css files all share identical names. For example, if you download the Material Icon set from the link above, you’ll get the following files:

materialdesignicons-webfont.eot

materialdesignicons-webfont.svg

materialdesignicons-webfont.tff

materialdesignicons-webfont.woff

materialdesignicons-webfont.woff2

materialdesignicons.css

Since all files need to share identical file names, we should change materialdesignicons.css to be materialdesignicons-webfont.css to match the other files names in this icon set.

All files need to share the same name.

Note: most of the time when you download an icon set web font, the css file will be called style.css. This is not uncommon. Be sure to rename this to match the other font files in the icon set.

115~|numbers~|number1~|

Upload all of the icon set files, including the .css file

Once we’re sure all font files and CSS files in the icon set share the same name, we can upload them on the plugin settings page.

115~|numbers~|number2~|

Your newly added icon sets are ready to be used in Divi!

Now that the icons are uploaded, they’re ready to be used in our modules, that’s it!

Frequently Asked Questions

Is this plugin GDPR compliant?

Yep! Since the icon fonts are being uploaded to your server there are no external calls to remote servers being made to retrieve them.

How many icons can I have?

You can upload as many icons or as few as you’d like. I originally built the plugin so I could have only the icons I want for each project. I didn’t want to have to filter through 2000 icons.

However, as a test I’ve had ~ 5,500 icons in play at one time and all I can say is thank goodness for the search bar and filter options.