Divi Plugin Highlight: Divi Icons Pro

Posted on April 4, 2019 by in Divi Resources 26 Comments

Divi Plugin Highlight: Divi Icons Pro
Blog / Divi Resources / Divi Plugin Highlight: Divi Icons Pro

Divi Icons Pro is a third-party plugin that adds over 2500 icons and several related features to the Divi Builder. It comes with several purchase options and even includes a free option with over three hundred custom icons. In this Divi plugin highlight, I’ll take a look at the pro edition of the plugin and see what it can do.

About Divi Icons Pro

Divi Icons Pro adds a lot of new icon features to Divi including:

  • Over 2500 new icons
  • 360 custom line style icons
  • 1295 Font Awesome icons in 74 categories and 4 styles each
  • 900 Material Design icons in 16 categories and 5 styles each
  • Divi Builder integration
  • Icon search feature in the Divi modules
  • Icon filter in the Divi modules to choose by family or type the name of the icon

The icons integrate into the Divi builder and work the same as Divi’s native icons so you can style them with any Divi module that uses icons. Just like any icon in the Divi builder, you can customize the color and size, set where it displays with the module controls, and add a circle or border.

Divi Icons Pro Installation

Unzip the download file. Inside, you’ll find the plugin and the instructions. Upload and activate the plugin as normal.

Activate the API Key by going to Settings > Divi Icons PRO Activation in the dashboard menu. You can now use the pro version of the plugin. The Icons are automatically integrated into the Divi Builder, so there’s nothing else you need to do unless you want to customize the default settings in the theme options.

Divi Icons Pro Divi Theme Options

The icons are enabled by default, but you can enable or disable the icon families that you want and choose how they’re loaded into the website. A new Divi Icons Pro tab is added to the Divi Theme Options. Here, you can choose the icon families that you want to use. You can also choose to load Font Awesome and Google Material Icon Fonts from CDN.

Divi Icons Pro Icons

The icons, filters, and search feature are automatically added to the Divi modules that use icons. This is three blurb modules showing an icon from Line Style Icons, Font Awesome, and Material Design Icons.

Divi Icons Pro Search

The search feature lets you use intuitive words to find your icons. You don’t need to know the name of the icon. Simply enter the keyword you want to search for and the icons appear in the icon selection area. You can narrow your search by brand if you want by selecting the brand in the filter. Some of the icons didn’t show up in the search results, so the search isn’t perfect, but it worked well enough. Some of the icons from Font Awesome and Material Icons might not be named well.

Divi Icons Pro Filter

You can filter the icons or see all of them. The filter shows icons from that specific brand or family. To see the specific brands, just click the button with the label of the brand you want to see. It will filter out all other icons. This example shows a small sampling of Elegant Themes Icons.

Here’s a sampling of Line Style Icons. They’re thinner than the other icons, so they tend to work better by themselves. I did try them with the others and they do work together in some cases. It’s worth trying to see what works for you. The icons are designed well and are some of my favorites between the brands.

Here’s a small sampling of Font Awesome icons.

Here’s a small sampling of Material Design Icons.

Divi Icons Pro Examples

For this example, I’ve replaced the images in the Resort layout with Line Style Icons. I’ve set them to blue and changed the size to 48 pixels. The icons look great in the layout.

In this one, I’ve changed the icon location from the top to the left. I’ve also changed the size to 30px and added 50px of padding to center each blurb.

In this example, I replaced the social media module in the footer with blurbs so I could choose my own icons and style them. All of these are from Font Awesome. I’ve set the colors to match the network’s branding, changed the size to 52px, and added 30px of padding to the right side in order to center them.

This time, I’ve changed the icon to white and made the background the branded color. I’ve added a box shadow and added some padding in order to center the icons. I’ve also added padding to the orange button to widen it so it matches the width of the social icons. The icons blend well with the layout’s design.

This one uses the Home Improvement layout. I’ve replaced the images with blurbs and a combination of icons using different font families. They’re set to display on the left of the blurb. The icons are 50px. You can see in this example that I searched Font Awesome icons for “paint”.

These were already blurbs with icons, so I just selected them, searched for the same topics, and chose different icons.

This one adds a circle to the icons. I’ve made the circle white to match the background of the layout and made the circle’s color match the icons.

The icons work with buttons, but they don’t display in the Visual Builder. They do work just fine on the actual website.

Here’s the icon in the button within the layout. It works just fine.

Here’s a closer view so you can see how it looks in the button.

In this example, I replaced the images with blurbs within the Paralegal layout. I searched for icons that matched the topic and, with the exception of the money icon, used colors from the original graphics.

For this example, I replaced the images in the Butcher layout with icons. I used the red from the title text and set the icon font size to 84px.

I added a background color and a box shadow to each of the blurbs. It looks great within the layout. I’m hovering over the blurb in the center to show its hover effect. It rises above the others and the content, including the icons, shifts to the right.

Divi Icons Pro Price

There are several purchase options based on how many sites you want to use with the plugin. They include 6 month’s support and lifetime updates. You can purchase Divi Icon Pro from the developer’s website.

  • Regular license (1 site) – €25.00
  • Extended license (unlimited sites) – €65.00

There’s also a free version that includes the 360 line style icons. It doesn’t include support or updates.

Divi Icon Pro Documentation

Documentation is included in the download file, but you can also access it online. The documentation is detailed and steps you through installing the plugin and using the icons and features. It also includes an FAQ and links to get support. Links include the Divi communities on social media and your account with a link to create a support ticket.

Ending Thoughts

Icon plugins are the easiest way to add new icons to the Divi Builder and Divi Icons Pro is as easy as it gets. It includes plenty of icons and you can enable or disable the specific brands of icons to have more control over what appears in the modules. I like the filter and search features. I was able to find an icon for every topic I worked with.

The only issues I had were the icons didn’t want to show in the buttons when using the Visual Builder, but it worked great in the Classic Builder and they show up just fine in the website. Some of the icons didn’t appear in the search results, but I think that’s more of an issue of how the icons are named by the icon developers. These issues are minor and won’t keep me from using or recommending the plugin.

Divi Icons Pro is easy to use and adds a ton of new icons with virtually no effort. If you’re interested in adding more icons to the Divi builder, Divi Icons Pro is work a look.

We want to hear from you. Have you tried Divi Icon Pro? Let us know what you think about it in the comments.

Featured Image via VectorsMarket / shutterstock.com

Divi Marketplace

Are You A Divi User? Find Out How To Get More From Divi! 👇

Browse hundreds of modules and thousands of layouts.

Visit Marketplace
Divi Marketplace
Divi Cloud

Find Out How To Improve Your Divi Workflow 👇

Learn about the new way to manage your Divi assets.

Get Divi Cloud
Divi Cloud
Divi Hosting

Want To Speed Up Your Divi Website? Find Out How 👇

Get fast WordPress hosting optimized for Divi.

Speed Up Divi
Divi Hosting

Divi Carousel Module 2.0

Robust and extremely customizable carousel module for divi.

View Product

5690 Sales

Divi Plus

A versatile multipurpose plugin with lots of modules to design & ...

View Product

4070 Sales

Divi Events Calendar

Easily display and style events from The Events Calendar with custom ...

View Product

4418 Sales

Divi Masonry Gallery

Create awesome masonry galleries. With category filter and pagination.

View Product

2431 Sales

Table Maker

Divi-Modules – Table Maker brings beautiful responsive tables to the ...

View Product

4143 Sales

Divi Supreme Pro

With 50+ Divi premium modules and extensions to choose from. Take ...

View Product

6440 Sales

Divi Gallery Extended

Masonry Gallery Plugin for Divi.

View Product

2177 Sales

Divi Contact Form Helper

Upgrade the default Divi Contact Form with tons of missing, premium, ...

View Product

515 Sales

Premade Layouts

Check Out These Related Posts

Get a Free Home Remodeling Layout Pack for Divi

Get a Free Home Remodeling Layout Pack for Divi

Posted on August 8, 2022 in Divi Resources

Hey Divi Nation! Thanks for joining us for the next installment of our weekly Divi Design Initiative; where each week, we give away a brand new, free Divi Layout Pack from our design team to you. This time around, the design team has created a beautiful Home Remodeling Layout Pack that’ll help...

View Full Post


  1. IMO this is something we shouldn’t have to buy. This should be something released into the updated. I’m a lifetime member and I’m not shelling out any more for something so basic.

    • Font awesome is free, considering that you can also upload your own icons, it’s amazing that they’re charging for this!

    • +1

  2. Thanks a lot. True, because social media gives publishing power to every user, the noise and are unimaginable. But this post will help set the course to which strategy to implement to stay relevant.

  3. i am using Divi theme for making WordPress site for my client that’s really customizable

  4. Nice plugin that would be even nicer as a DIVI default.

    • I agree 100%

  5. Divi should really include all free font awesome icons + an option to integrate a personal pro account. Or better yet, integrate the noun project which gives access to 2 Million icons.

  6. This is a cool plug in! I have a suggestion for future Divi third party plug-in shout outs: Could you tell us in the intro paragraph the cost of the plug in, and whether there is a free version or not? I have, like 10 seconds to look at posts like that, and because I trust Elegant Themes now, I typically check everything you send me with at least a glance….Could you return the favor and start with:
    “Divi Icons Pro (limited free version, 25EU, and 60EU) is a third-party plugin that adds over 2500 icons and several related features to the Divi Builder.”
    I think that would show a ton of class and respect for your loyal users’ valuable time…Thanks and keep up the OUTSTANDING work!!

  7. after much work, can not find the free version using the Add Plugin search

    • We have the Aspen Grove one you can find though Add Plugin search. Not the one from b3 multimedia.

    • Hi John,

      The free version of the Divi Icons PRO can be downloaded on the product page. It’s not available in the WordPress repository yet.

  8. Iam Using Divi Themes From Long Time And The Best Thing About Is Divi Developers Keep Bringing New Features In There Themes.

  9. These icons are awesome! They help a lot when you create websites or a graphical projects.

    • Thanks! I’m really happy that you like our plugin! Greetings from Ireland.

  10. Nice plugin. Icons might not seem real important, and are probably overlooked by most people, but they are very helpful.

  11. Does it support the Font Awesome Pro icons too?

  12. after installation, the Font Awesome and Google Material Icon fonts are loaded locally?

    • They can be loaded locally or from CDN. You can control that in plugin settings Joerg 🙂

  13. Thanks Maciej, Icons are today necessary designig the web with Divi.

  14. It should be on divi regular updated. I purchase a lifetime member, yet to see something good keep coming up to divi features from third party (and we have buy it). I cant help my self but keep wondering what the divi team is doing actually. They seems to ignore the request from their buyer just to add some basic features. Maybe they more affraid if they gonna lose some developers, because they cut their profit through adding the developers works to divi, rather than lose some a regular buyers that tired to waiting to have some meaningfull updates.

  15. Thanks for the blog. Will it work with the Extra theme?

  16. Divi should extend their icons for us, it should cost them way less than other major features too.

  17. I’m sorry, but this drive me crazy. Why we should buy a 3rd party plugin just to have some extra icons? The Divi theme should have Font awesome and other icons in bundle with the theme. The other major competitors like Beaver Builder and Elementor give this options without need for extra plugins. Too many plugins make the website slower, and Divi is known for its slowness. Again, I’m sorry, I love Divi but I don’t understand why some features are not been implemented yet.
    I would prefer a paid bundle of plugins made by the official team, rather than all these 3rd party ones. IMHO
    For the rest Divi is great 🙂

  18. thank you for the icon pro
    and this great article

Join To Download Today