Add 660+ optimized, scalable SVG icons for your WordPress site. Use them anywhere and easily customize their color and size to suit your needs.

WP Zone

annaqq

<p><strong>The WP and Divi Icons plugin adds over 660 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.</strong></p>
<p>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.</p>
<p>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.</p>
<p><strong>Features and Benefits:</strong><br />
– Includes 660+ free icons<br />
– Built-in integration with Classic Editor, and Divi by Elegant Themes<br />
– Embed icons anywhere including posts, pages, widgets, and menus<br />
– Change to any color with hex value or color selector<br />
– Scale icons to any size without a loss in quality<br />
– Custom CSS classes for additional style control<br />
– Edit and adjust icons with your image editing software<br />
– Creative Commons licensed <a href="https://wpzone.co/product/wp-and-divi-icons/?utm_source=ds-icon-expansion&utm_medium=plugin-readme-link&utm_content=download-icons" rel="nofollow ugc">icon files</a> for both personal or commercial project</p>
<h3>Pro Features and More Icons</h3>
<p>Upgrade and for easy access to 2500+ additional icons including easy connection with popular font icon libraries Font Awesome and Material Design.</p>
<p><strong>Here’s what you get when you go pro:</strong><br />
– Over 1000 additional custom icons<br />
– Multi-color icons<br />
– Font Awesome icon integration<br />
– Over 930 Material Design icons<br />
– Built-in search feature<br />
– Licensed under Creative Commons for personal and commercial use</p>
<h3>Sharper and Better Performance</h3>
<p>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.</p>
<p>⭐️⭐️⭐️⭐️⭐️</p>
<blockquote>
<p>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. – <a href="https://wordpress.org/support/users/wookvsh/" rel="ugc">wookvsh</a></p>
</blockquote>
<p>⭐️⭐️⭐️⭐️⭐️</p>
<blockquote>
<p>WP and Divi Icons is easy to use and quite effective. – <a href="https://wordpress.org/support/users/antarubira/" rel="ugc">antarubira</a></p>
</blockquote>
<h3>Use Your Favorite Page Builder</h3>
<p>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.</p>
<h3>Add Icons Anywhere</h3>
<p>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.</p>
<h3>Simple Style Controls</h3>
<p>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.</p>
<h3>Easy Integration With Popular Icon Libraries (PRO)</h3>
<p>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.</p>
<h3>Creative Commons Licensed Custom Icons</h3>
<p>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. <a href="https://wpzone.co/product/wp-and-divi-icons/?utm_source=ds-icon-expansion&utm_medium=plugin-readme-link&utm_content=download-icons" rel="nofollow ugc">Download the icons</a> from our website and follow our <a href="https://wpzone.co/blog/how-to-edit-the-free-icons-in-the-divi-nonprofit-child-theme-for-divi/?utm_source=ds-icon-expansion&utm_medium=plugin-readme-link&utm_content=resources-tutorial" rel="nofollow ugc">tutorial for editing the icons with Photoshop</a>.</p>
<h3>Love the WP and Divi Icons Plugin and Want More?</h3>
<p><a href="https://wpzone.co/" rel="nofollow ugc">WP Zone</a> has built a whole <a href="https://wpzone.co/product/?utm_source=ds-icon-expansion&utm_medium=plugin-readme-link&utm_content=resources-more-products" rel="nofollow ugc">bunch of plugins, add-ons, and themes</a>. 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.</p>
<ul>
<li><a href="https://wordpress.org/plugins/product-sales-report-for-woocommerce/" rel="ugc">Product Sales Report for WooCommerce</a> – setup a custom sales report for the products in your WooCommerce store with toggle sorting options. Including or excluding items based on date range, sale status, product category and id, define display order, choose what fields to include, and generate your report with a click.</li>
<li><a href="https://wordpress.org/plugins/export-order-items-for-woocommerce/" rel="ugc">Export Order Items for WooCommerce</a> – export the order details for each sale in your WooCommerce store. Simplify order fulfillment, generate accounting reports in a few clicks, and download into CSV format for readability and universal compatibility with Export Order Items.</li>
<li><a href="https://wordpress.org/plugins/replace-image/" rel="ugc">Replace Image</a> – keep the same URL when uploading to the WordPress media library</li>
<li><a href="https://wordpress.org/plugins/force-update-check-for-plugins-and-themes/" rel="ugc">Force Update Check for Plugins and Themes</a> -force Update Check for Plugins and Themes forces WordPress to run a theme and plugin update check whenever you visit the WordPress updates page</li>
<li><a href="https://wordpress.org/plugins/connect-sendgrid-for-emails/" rel="ugc">Connect SendGrid for Emails</a> –  connect SendGrid for Emails is a third-party fork of (and a drop-in replacement for) the official SendGrid plugin</li>
<li><a href="https://wordpress.org/plugins/custom-css-and-javascript/" rel="ugc">Custom CSS and JavaScript</a> – allows you to add custom site-wide CSS styles and JavaScript code to your WordPress site. Useful for overriding your theme’s styles and adding client-side functionality.</li>
<li><a href="https://wordpress.org/plugins/disable-user-registration-notification-emails/" rel="ugc">Disable User Registration Notification Emails</a> – when this plugin is activated, it disables the notification sent to the admin email when a new user account is registered.</li>
<li><a href="https://wordpress.org/plugins/image-upload-for-bbpress/" rel="ugc">Inline Image Upload for BBPress</a> – enables the TinyMCE WYSIWYG editor for BBPress forum topics and replies and adds a button to the editor’s “Insert/edit image” dialog that allows forum users to upload images from their computer and insert them inline into their posts.</li>
<li><a href="https://wordpress.org/plugins/password-strength-for-woocommerce/" rel="ugc">Password Strength for WooCommerce</a> – disables password strength enforcement in WooCommerce.</li>
<li><a href="https://wordpress.org/plugins/donations-for-woocommerce/" rel="ugc">Potent Donations for WooCommerce</a> – acceptance donations through your WooCommerce store</li>
<li><a href="https://wordpress.org/plugins/shortcodes-for-divi/" rel="ugc">Shortcodes for Divi</a> – allows to use Divi Library layouts as shortcodes everywhere where text comes.</li>
<li><a href="https://wordpress.org/plugins/stock-export-and-import-for-woocommerce/" rel="ugc">Stock Export and Import for WooCommerce</a> – generates reports on the stock status (in stock / out of stock) and quantity of individual WooCommerce products.</li>
<li><a href="https://wordpress.org/plugins/random-quiz-addon-for-lifterlms/" rel="ugc">Random Quiz Generator for LifterLMS</a> – pull a random set of questions from your quiz so users never get the same question twice when retaking or setting up a practice quiz.</li>
<li><a href="https://wordpress.org/plugins/wp-layouts/" rel="ugc">WP Layouts</a> – the best way to organize, import, and export your layouts, especially if you have multiple websites.</li>
<li><a href="https://wordpress.org/plugins/wp-squish/" rel="ugc">WP Squish</a> – reduce the amount of storage space consumed by your WordPress installation through the application of user-definable JPEG compression levels and image resolution limits to uploaded images.</li>
</ul>
<p>To view WP Zone’s premium WordPress plugins and themes, visit our <a href="https://wpzone.co/product/" rel="nofollow ugc">WordPress products catalog page</a></p>
<p>Follow WP Zone <a href="https://facebook.com/wpzoneco/" rel="nofollow ugc">Facebook</a>, <a href="https://twitter.com/wpzoneco/" rel="nofollow ugc">Twitter</a>, and <a href="https://www.youtube.com/channel/UCQx-0YMZwsnNBXQZNQTl1bA" rel="nofollow ugc">YouTube</a>.</p>
<p>Enjoy!</p>
<h3>Note</h3>
<p>Divi is a registered trademark of Elegant Themes, Inc. This product is not affiliated with nor endorsed by Elegant Themes.</p>
<h3>Version 2.0.9</h3>
<ul>
<li>Divi Booster compatibility fix</li>
<li>Restore Divi’s Solid and Line icon filtering options in the Divi icon picker</li>
</ul>
<h3>Version 2.0.8</h3>
<ul>
<li>Add: Font Awesome 6</li>
</ul>
<h3>Version 2.0.6</h3>
<h3>Version 2.0.5</h3>
<p>Fix: Icon not showing on Divi back to top button (other elements may be affected as well)</p>
<h3>Version 2.0.4</h3>
<ul>
<li>Improve compatibility with third-party plugins</li>
</ul>
<h3>Version 2.0.3</h3>
<ul>
<li>Fix for async ajax issue</li>
<li>Fix: Addons tab is not displaying products</li>
<li>Fix: Gutenberg > Insert modal – styling issue</li>
</ul>
<h3>Version 2.0.2</h3>
<ul>
<li>Fix: Replace call to method that was removed in jQuery 3.0</li>
</ul>
<h3>Version 2.0.1</h3>
<ul>
<li>Fix: potential syntax error on the admin page</li>
<li>Rebrand to WP Zone</li>
</ul>
<h3>Version 2.0.0</h3>
<ul>
<li>(PRO version) new: upload custom icon font (Fontello, Icomoon)</li>
<li>change permissions to access plugin admin page from install_plugins to manage_options</li>
</ul>
<h3>Version 1.6.6</h3>
<p>July 28, 2022<br />
– Fix: pseudo-elements css issue</p>
<h3>Version 1.6.5</h3>
<p>June 22, 2022<br />
– Fix: Multicolor icons not working in Divi Theme Builder<br />
– Fix: Gutenberg Icon Block: search feature doesn’t work</p>
<h3>Version 1.6.4</h3>
<p>June 20, 2022<br />
– Fix issue when switching back to single color icons from multicolor icons<br />
– Fix error in JavaScript console<br />
– Fix: CSS for multicolor icons – minification issue</p>
<h3>Version 1.6.3</h3>
<p>June 9, 2022<br />
– Fix: The icon setting in the Toggle module was not supported</p>
<h3>Version 1.6.2</h3>
<p>June 9, 2022<br />
– Multicolor icons styling issues</p>
<h3>Version 1.6.1</h3>
<p>May 10, 2022<br />
– Fix: Icons inserted into the paragraph module may overwrite following text in the paragraph and cause block validation issues<br />
– Fix: Icons inserted into the paragraph module may have duplicate agsdi-icon classes<br />
– Fix: TinyMCE icon insertion dialog -> the color pickers weren’t updating based on the existing values for existing icons or entered values in the corresponding textboxes<br />
– Add: multicolor icons support added to TinyMCE icon insertion and Gutenberg Icon Block<br />
– Fix: Compatibiltiy issue with “Complianz” plugin (and possibly other plugins)</p>
<h3>1.6.0</h3>
<p>Added: Gutenberg support</p>
<h3>1.5.0</h3>
<p>Added: Elegant Themes icon pack<br />
Fix: Filtering icons in the Divi module<br />
Fix: Divi icons are not accesible in Divi module</p>
<p>Version 1.4.11 February, 17 20212<br />
– Fix: search icon functionality doesn’t work</p>
<p>Version 1.4.10 January 19, 2022<br />
– Pro version – Divi Builder: multicolor icons width issue<br />
– Icon filtering support in Divi</p>
<h3>1.4.9</h3>
<p>December 3, 2021<br />
Fix warning: undeclared method called</p>
<h3>1.4.8</h3>
<p>November 15, 2021<br />
– Fix: Icons from Divi’s built-in icon set may be displayed as a series of icons instead of the expected icon</p>
<h3>1.4.7</h3>
<ul>
<li>Compatibility with Divi 4.13</li>
</ul>
<h3>1.4.6</h3>
<ul>
<li>Fix: Incompatibility between Divi visual builder integration and the Rank Math SEO plugin</li>
</ul>
<h3>1.4.5</h3>
<ul>
<li>Fix: ‘CRITICAL Uncaught ArgumentCountError’ in the Divi Blurb Module</li>
</ul>
<h3>1.4.4</h3>
<ul>
<li>Fix: Icons were not displaying in certain browsers (e.g. Firefox < 84, Chrome < 88, Safari < 9, IE, Edge < 88)</li>
<li>Fix: Blurb module icon may not display if a hover icon is set</li>
</ul>
<h3>1.4.3</h3>
<ul>
<li>Fix: Divi Blurb module and circle feature issues</li>
<li>Performance improvement : strip out some unnecessary commented out CSS</li>
<li>Updated license file</li>
</ul>
<h3>1.2.3</h3>
<ul>
<li>Fix: Icons may not display in some cases</li>
</ul>
<h3>1.2.2</h3>
<ul>
<li>Fix: Free icon set was not being loaded</li>
</ul>
<h3>1.2.1</h3>
<ul>
<li>Fix: Icons were not working with certain settings in Settings > Reading (resulting in an error message in the Divi/Extra visual builder, etc.)</li>
</ul>
<h3>1.2.0</h3>
<ul>
<li>Added: search feature</li>
<li>Fix: icon inserted not being loaded on the theme builder templates</li>
<li>Rebranded admin page</li>
<li>Fix: Icons may not be displayed in the visual builder for certain icon sets and modules</li>
<li>Load all one-color icon sets as fonts</li>
<li>Fix styling issue for the icon inserter in the Divi theme builder</li>
<li>Fix .agsdi-color-preview flexbox</li>
<li>Mixed performance improvements</li>
<li>Added translation support</li>
<li>Allow for triggering of icon rendering by external scripts (required for Divi Rocket support)</li>
<li>Fix: Icons not displaying correctly in Divi visual builder</li>
<li>Fix: Icon search bar not displaying in Divi visual builder</li>
<li>Add icon insertion button to WYSIWYG editor fields in modules in the Divi frontend builder.</li>
<li>Enhancement: reduced size of icons to speed up display.</li>
</ul>
<h3>1.1.0</h3>
<ul>
<li>enhancement: reduced size of icons to speed up display</li>
<li>bug fix: Search functionality missing on New Backend Divi Builder</li>
</ul>
<h3>1.0.1</h3>
<ul>
<li>First release on WordPress.org</li>
</ul>


Alternatives to WP and Divi Icons

Top alternatives