We recently announced the launch of our latest Divi product: Divi Icon Expansion Pack.
The Divi Icon Expansion Pack is made up of two parts:
- An icon set complete with over 300 custom designed, hand-drawn icons that can be used in creative projects of both commercial and personal nature, as well as,
- A plugin that adds icons to the Divi framework, for use with any icon-ready module from within the Divi Builder.
In the following tutorial, I’ll show you just how easy the Divi Icon Expansion pack is to use. After a simple setup procedure, you’ll be able to add more icons to Divi and start creating beautiful designs for your Divi website.
If you’d like to focus just on the free icons included in the Divi Icon Expansion Pack, and would like to edit them to fit your project, have a look at our blog post, How to Edit the Free Icons in the Divi Nonprofit Child Theme for Divi.
How to Install the Divi Icon Expansion Pack
Before you start creating amazing new Divi designs with the brand new icons, you’ll need to install and activate the Divi Icon Expansion Pack plugin.
To do so, navigate to Plugins > Add New in your WordPress dashboard. Upload the Divi Icon Expansion Pack .zip file and click Install. Once the installation has run its course, click Activate.
For an in-depth guide to adding a plugin read our guide, How to Install a WordPress Plugin (Step by Step Guide for Beginners).
How to Use the Divi Icon Expansion Pack
Now that the Divi Icon Party plugin has been installed, all you have to do is use the Divi Builder as per normal, and a collection of over 300 icons will display in the respective icon-ready modules, such as the blurb module, button module and so on.
To see all of the icons included in the Divi Icon Expansion Pack, navigate to the Divi menu and click on Divi Icon Expansion Pack.
Here, you can view all of the icons included in the Divi Icon Expansion Pack.
To begin using the icons, create a new or edit an existing page or post with the Divi Builder. For this tutorial, I’ve loaded one of the Elegant Themes premade layouts, Design Agency, as it uses a number of blurb modules with icons.
In its unedited state, the section of the landing page looks like this:
To add one of the new icons, open the blurb module and scroll down to theImage & Icon option. In the Icon section, you’ll see the familiar Elegant Themes icon font set that comes standard with the Divi theme. To select one of the new icons, keep scrolling down, beyond the standard icons, and you’ll see all of the new icons on an orange background.
The new icons can be used in a multitude of new ways. They span an array of categories and can be used to communicate across a broad range of categories.
After selecting one of the new, awesome icons, the blurb section looks like this:
As with the standard Divi icons, the new icons included in the Divi Icon Expansion Pack can be custom styled in exactly the same way. In the Design tab, you can change the size and color of the icon itself, choose to add a circle around the icon and also decide what color the circle around the icon should be.
If you prefer not to use the backend builder, the Divi Icon Expansion Pack plugin is compatible with the frontend builder.
The Divi Icon Expansion Pack plugin is extremely easy to use, it requires absolutely no setup or configuration and it works perfectly, both with the backend and frontend builder, from the second it is installed.
If you’re ready to start building amazing Divi web designs with a collection of new icons, download the Divi Icon Expansion Pack today! It’s free!
We want to hear from you!
We hope that you’re excited to use the Divi Icon Expansion Pack and give your Divi web design a unique look and feel. If you’ve already used the Divi Icon Expansion Pack, let us know what you think! We’re always looking to create new icon sets so if you have any special requests, feel free to share them below!
If you have any questions or comments please feel free to share them below! We love receiving your feedback!
Thanks for reading!