Divi Plugin Highlight: Divi Icons Pro

Last Updated on September 20, 2022 by 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 Anniversary Sale

It's The Divi Anniversary Sale! Save Big For A Limited Time 👇

Save big on Divi and Divi products for a limited time.

Access The Sale
Divi Anniversary

Divi Supreme Pro

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

View Product

11065 Sales

Divi Contact Form Helper

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

View Product

3471 Sales

Divi Events Calendar

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

View Product

8240 Sales

Divi Gallery Extended

Masonry gallery plugin for Divi with category filter, dynamic ...

View Product

3826 Sales

Divi Plus

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

View Product

7572 Sales

DiviMenus

A powerful menu builder that brings the coolest designs and popups ...

View Product

5870 Sales

Divi Carousel Module 2.0

Robust and extremely customizable carousel module for divi.

View Product

8338 Sales

Table Maker

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

View Product

6990 Sales

Premade Layouts

Check Out These Related Posts

Get a Free Modeling Agency Layout Pack for Divi

Get a Free Modeling Agency Layout Pack for Divi

Posted on March 18, 2024 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 Layout Pack for Divi. This time around, the design team has created a beautiful Modeling Agency Layout Pack that’ll help you get your next Modeling...

View Full Post
Download a Free Bistro Theme Builder Pack for Divi

Download a Free Bistro Theme Builder Pack for Divi

Posted on March 15, 2024 in Divi Resources

Divi Theme Builder Pack

It’s time for another freebie! This time, we’re giving you a free Theme Builder Pack for Divi. Combining these with our beloved Divi Layout Packs is a great way to build the Divi website of your dreams with ease. This week, the design team has created a...

View Full Post
Get a Free Art Therapist Layout Pack for Divi

Get a Free Art Therapist Layout Pack for Divi

Posted on March 11, 2024 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 Layout Pack for Divi. This time around, the design team has created a beautiful Art Therapist Layout Pack that’ll help you get your next Art Therapist...

View Full Post

26 Comments

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

  2. 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 🙂

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

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

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

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

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

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

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

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

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

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

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

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

  13. 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!!

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

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

    • I agree 100%

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

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

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

    • +1

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

    • I agree,

Leave A Reply

Comments are reviewed and must adhere to our comments policy.

👋 It's The Divi
Anniversary Sale!
Get The Deal
Before It's Gone!
Join To Download Today