Divi Icons Pro is a third-party plugin that provides over 2500 icons and a number of other similar options to the Divi Builder. It comes with a number of acquire choices or even features a loose possibility with over 300 customized icons. On this Divi plugin spotlight, I’ll check out the professional version of the plugin and spot what it may possibly do.

About Divi Icons Professional

Divi Icons Professional provides numerous new icon options to Divi together with:

  • Over 2500 new icons
  • 360 customized line taste icons
  • 1295 Font Superior icons in 74 classes and four types each and every
  • 900 Subject matter Design icons in 16 classes and 5 types each and every
  • Divi Builder integration
  • Icon seek function within the Divi modules
  • Icon clear out within the Divi modules to make a choice by way of circle of relatives or sort the title of the icon

The icons combine into the Divi builder and paintings the similar as Divi’s local icons so you’ll taste them with any Divi module that makes use of icons. Similar to any icon within the Divi builder, you’ll customise the colour and measurement, set the place it presentations with the module controls, and upload a circle or border.

Divi Icons Professional Set up

Unzip the obtain document. Inside of, you’ll to find the plugin and the directions. Add and turn on the plugin as commonplace.

Turn on the API Key by way of going to Settings > Divi Icons PRO Activation within the dashboard menu. You’ll be able to now use the professional model of the plugin. The Icons are routinely built-in into the Divi Builder, so there’s not anything else you wish to have to do until you need to customise the default settings within the theme choices.

Divi Icons Professional Divi Theme Choices

The icons are enabled by way of default, however you’ll allow or disable the icon households that you need and make a selection how they’re loaded into the web site. A brand new Divi Icons Professional tab is added to the Divi Theme Choices. Right here, you’ll make a selection the icon households that you need to make use of. You’ll be able to additionally make a selection to load Font Superior and Google Subject matter Icon Fonts from CDN.

Divi Icons Professional Icons

The icons, filters, and seek function are routinely added to the Divi modules that use icons. That is 3 blurb modules appearing an icon from Line Taste Icons, Font Superior, and Subject matter Design Icons.

Divi Icons Professional Seek

The hunt function allows you to use intuitive phrases to seek out your icons. You don’t wish to know the title of the icon. Merely input the key phrase you need to seek for and the icons seem within the icon variety house. You’ll be able to slender your seek by way of logo if you need by way of deciding on the logo within the clear out. One of the most icons didn’t display up within the seek effects, so the hunt isn’t easiest, nevertheless it labored smartly sufficient. One of the most icons from Font Superior and Subject matter Icons will not be named smartly.

Divi Icons Professional Clear out

You’ll be able to clear out the icons or see they all. The clear out presentations icons from that individual logo or circle of relatives. To look the particular manufacturers, simply click on the button with the label of the logo you need to look. It’ll clear out all different icons. This case presentations a small sampling of Sublime Subject matters Icons.

Right here’s a sampling of Line Taste Icons. They’re thinner than the opposite icons, so they generally tend to paintings higher by way of themselves. I did take a look at them with the others and so they do paintings in combination in some circumstances. It’s value seeking to see what works for you. The icons are designed smartly and are a few of my favorites between the manufacturers.

Right here’s a small sampling of Font Superior icons.

Right here’s a small sampling of Subject matter Design Icons.

Divi Icons Professional Examples

For this case, I’ve changed the photographs within the Hotel format with Line Taste Icons. I’ve set them to blue and altered the scale to 48 pixels. The icons glance nice within the format.

On this one, I’ve modified the icon location from the highest to the left. I’ve additionally modified the scale to 30px and added 50px of padding to heart each and every blurb.

On this instance, I changed the social media module within the footer with blurbs so I may make a selection my very own icons and elegance them. All of those are from Font Superior. I’ve set the colours to compare the community’s branding, modified the scale to 52px, and added 30px of padding to the correct facet with a view to heart them.

This time, I’ve modified the icon to white and made the background the branded colour. I’ve added a field shadow and added some padding with a view to heart the icons. I’ve additionally added padding to the orange button to widen it so it fits the width of the social icons. The icons mix smartly with the format’s design.

This one makes use of the House Growth format. I’ve changed the photographs with blurbs and a mixture of icons the usage of other font households. They’re set to show at the left of the blurb. The icons are 50px. You’ll be able to see on this instance that I searched Font Superior icons for “paint”.

Those have been already blurbs with icons, so I simply decided on them, searched for a similar subjects, and selected other icons.

This one provides a circle to the icons. I’ve made the circle white to compare the background of the format and made the circle’s colour fit the icons.

The icons paintings with buttons, however they don’t show within the Visible Builder. They do paintings simply wonderful on the real web site.

Right here’s the icon within the button throughout the format. It really works simply wonderful.

Right here’s a better view so you’ll see the way it seems within the button.

On this instance, I changed the photographs with blurbs throughout the Paralegal format. I looked for icons that matched the subject and, excluding the cash icon, used colours from the unique graphics.

For this case, I changed the photographs within the Butcher format with icons. I used the pink from the name textual content and set the icon font measurement to 84px.

I added a background colour and a field shadow to each and every of the blurbs. It seems nice throughout the format. I’m soaring over the blurb within the heart to turn its hover impact. It rises above the others and the content material, together with the icons, shifts to the correct.

Divi Icons Professional Worth

There are a number of acquire choices in keeping with what number of websites you need to make use of with the plugin. They come with 6 month’s beef up and lifelong updates. You’ll be able to acquire Divi Icon Professional from the developer’s web site.

  • Common license (1 web page) – €25.00
  • Prolonged license (limitless websites) – €65.00

There’s additionally a loose model that incorporates the 360 line taste icons. It doesn’t come with beef up or updates.

Divi Icon Professional Documentation

Documentation is integrated within the obtain document, however you’ll additionally get right of entry to it on-line. The documentation is detailed and steps you via putting in the plugin and the usage of the icons and lines. It additionally comprises an FAQ and hyperlinks to get beef up. Hyperlinks come with the Divi communities on social media and your account with a hyperlink to create a beef up price tag.

Finishing Ideas

Icon plugins are one of the simplest ways so as to add new icons to the Divi Builder and Divi Icons Professional is as simple because it will get. It comprises quite a lot of icons and you’ll allow or disable the particular manufacturers of icons to have extra regulate over what seems within the modules. I just like the clear out and seek options. I used to be ready to seek out an icon for each subject I labored with.

The one problems I had have been the icons didn’t wish to display within the buttons when the usage of the Visible Builder, nevertheless it labored nice within the Vintage Builder and so they display up simply wonderful within the web site. One of the most icons didn’t seem within the seek effects, however I believe that’s extra of a topic of the way the icons are named by way of the icon builders. Those problems are minor and gained’t stay me from the usage of or recommending the plugin.

Divi Icons Professional is simple to make use of and provides a ton of recent icons with just about no effort. If you happen to’re inquisitive about including extra icons to the Divi builder, Divi Icons Professional is figure a glance.

We wish to listen from you. Have you ever attempted Divi Icon Professional? Tell us what you take into consideration it within the feedback.

Featured Symbol by the use of VectorsMarket / shutterstock.com

The submit Divi Plugin Highlight: Divi Icons Pro seemed first on Elegant Themes Blog.

WordPress Web Design

[ continue ]