WP and Divi Icons

Description

The WP and Divi Icons plugin adds over 300 custom outline SVG icons to your website. SVG icons are vector icons, so they are sharp and look good on any screen at any size.

Use the built-in color wheel to set colors that match your brand and display professionally designed icons anywhere including posts, pages, widgets, menus, and more.

WP and Divi Icons is incredibly versatile and has seamless integration with the Classic WordPress editor and has built-in module integration with the Divi theme builder.

Features and Benefits:
– Includes 300+ free icons
– Built-in integration with Classic Editor, and Divi by Elegant Themes
– Embed icons anywhere including posts, pages, widgets, and menus
– Change to any color with hex value or color selector
– Scale icons to any size without a loss in quality
– Custom CSS classes for additional style control
– Edit and adjust icons with your image editing software
– Creative Commons licensed icon files for both personal or commercial project

Pro Features and More Icons

Upgrade and for easy access to 2500+ additional icons including easy connection with popular font icon libraries Font Awesome and Material Design.

Here’s what you get when you go pro:
– Over 450 additional custom icons
– Multi-color icons
– Font Awesome icon integration
– Over 930 Material Design icons
– Built-in search feature
– Licensed under Creative Commons for personal and commercial use

Sharper and Better Performance

Using images for icons causes problems for page speed and looks pixelated on retina screens when properly optimized. The WP and Divi Icons plugin adds SVG code-based graphics that are lite, have less of an impact on your page speed score, and let your pages load faster.

⭐️⭐️⭐️⭐️⭐️

WP and Divi Icons is exactly what I needed. I don’t need to ask for help from a graphic designer anymore. More than enough icons to use in every case and scenario works really well with CSS. Tons of stylish icons suitable for every theme. Well deserved 5 stars. – wookvsh

⭐️⭐️⭐️⭐️⭐️

WP and Divi Icons is easy to use and quite effective. – antarubira

Use Your Favorite Page Builder

The WP and Divi Icons plugin is built to work with any theme following WordPress development standards and has special integration for the Divi theme. Install and activate and a new option will be added to the text editor (TinyMCE) for adding Icons.

Add Icons Anywhere

Use Icons to grab your visitor’s attention and improve navigation with recognizable clickable icons. Add them to service and feature sections, improve navigation with icons in your nav menus, or connect your social and use them as social share icon links.

Simple Style Controls

Choose the size of your icon and pick a custom color with a live preview of how the icon will appear. Add custom CSS classes for targeted styling. WP and Divi Icons gives you full styling control for delivering the perfect design on every site.

Easy Integration With Popular Icon Libraries (PRO)

Pro users not only get an additional 450 custom icons, but WP and Divi Icons Pro also makes connecting, editing, and using font icon libraries like Font Awesome and Material Design quick and easy. Upgrade to unlock and instantly connect additional Icons.

Creative Commons Licensed Custom Icons

Icons included in the WP and Divi Icons plugin can be used as standalone graphics for both commercial and personal use. Licensed under Creative Commons, the 300+ custom icons can be edited with Adobe and other image editing software to match your brand. Download the icons from our website and follow our tutorial for editing the icons with Photoshop.

Love the WP and Divi Icons Plugin and Want More?

Aspen Grove Studios has built a whole bunch of plugins, add-ons, and themes. Check out other favorites here on the repository and don’t forget to leave a 5-star review to help others in the community decide.

Follow Aspen Grove Studios Facebook, Twitter, and YouTube.

Enjoy!

Note

Divi is a registered trademark of Elegant Themes, Inc. This product is not affiliated with nor endorsed by Elegant Themes.

1.4.6

  • Fix: Incompatibility between Divi visual builder integration and the Rank Math SEO plugin

1.4.5

  • Fix: ‘CRITICAL Uncaught ArgumentCountError’ in the Divi Blurb Module

1.4.4

  • Fix: Icons were not displaying in certain browsers (e.g. Firefox < 84, Chrome < 88, Safari < 9, IE, Edge < 88)
  • Fix: Blurb module icon may not display if a hover icon is set

1.4.3

  • Fix: Divi Blurb module and circle feature issues
  • Performance improvement : strip out some unnecessary commented out CSS
  • Updated license file

1.2.3

  • Fix: Icons may not display in some cases

1.2.2

  • Fix: Free icon set was not being loaded

1.2.1

  • Fix: Icons were not working with certain settings in Settings > Reading (resulting in an error message in the Divi/Extra visual builder, etc.)

1.2.0

  • Added: search feature
  • Fix: icon inserted not being loaded on the theme builder templates
  • Rebranded admin page
  • Fix: Icons may not be displayed in the visual builder for certain icon sets and modules
  • Load all one-color icon sets as fonts
  • Fix styling issue for the icon inserter in the Divi theme builder
  • Fix .agsdi-color-preview flexbox
  • Mixed performance improvements
  • Added translation support
  • Allow for triggering of icon rendering by external scripts (required for Divi Rocket support)
  • Fix: Icons not displaying correctly in Divi visual builder
  • Fix: Icon search bar not displaying in Divi visual builder
  • Add icon insertion button to WYSIWYG editor fields in modules in the Divi frontend builder.
  • Enhancement: reduced size of icons to speed up display.

1.1.0

  • enhancement: reduced size of icons to speed up display
  • bug fix: Search functionality missing on New Backend Divi Builder

1.0.1

  • First release on WordPress.org

Screenshots

FAQ

Can I use the free custom icons on my commercial website?

Yes! All the icons included in WP and Divi Icons are licensed under creative commons and can be used and edited for use on any site.

How can I use the icons in my navigation menu?

To add an Icon to your menu, use the editor found in your post or page to add your icon of choice. Switch to switch to the text editor and copy the icon code. If you want the Icon to take on the size and color of the menu font, remove the style tag and settings from the code. Save the menu before you exit and the icon should now be displayed in your navigation menu.

Is WP and Divi Icons a Divi plugin?

WP and Divi Icons works with any WordPress theme and it has special integration with Divi theme modules. If your site is running Divi you are able to add or edit icons right from inside Divi just like you can with the Classic WordPress editor.

How do I add Font Awesome to my WordPress site?

Font Awesome and Material Design icons are a premium integration. Upgrade to the Pro version and you will be able to search, add, change the color, and set the size of Font Awesome and Material Design icons right from the post and page editor.

Reviews

June 3, 2021
The free version doesn't even let you insert Divi icons in text modules. Only their default line icons. WTF ??? I know it's free but, JEBUS CHRISTOS!
May 24, 2021
After I updated the plugin and the divi, the icons disappeared from the whole site. It does not work anymore. I was very upset, because I have hundreds of pages that are now without the iconsj, and now I'm going to have to get one by one.
November 14, 2020
It’s a pity this plugin hasn’t been updated in a while, it looks like they only focused on the pro version 👎🏼
Read all 14 reviews

Contributors & Developers

“WP and Divi Icons” is open source software. The following people have contributed to this plugin.

Contributors

Translate “WP and Divi Icons” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.