Divi Icon Library – 14,000+ SVG Icons for Divi 5

TL;DR: 14,000+ searchable SVG icons for Divi 5. Three icon styles: Line, Shape, and Filled. Full colour control. Inline SVG rendering. No icon fonts. No external requests. Fast pages.

Divi’s built-in icon library is solid, but sometimes you need more. More variety. More styles. More control. That’s why we built the Divi Icon Library extension.

What You Get

A searchable cloud library of over 14,000 SVG icons, accessible directly inside the Divi 5 Visual Builder. Find the perfect icon instantly. Pick it. Customize it. Done.

14,000+ Icons — Massive variety across dozens of categories. Whatever you’re building, there’s an icon for it.

3 Icon Styles — Line icons (stroke-based), Shape icons (solid fill), and Filled icons (two-tone with both stroke and fill). Each style exposes the colour controls you actually need.

100% Inline SVG — No icon fonts. No external requests after page load. Icons render as clean, inline SVG for maximum performance.

Built for Speed

Traditional icon fonts load entire character sets whether you use them or not. External icon services add network requests and dependencies.

The Divi Icon Library takes a different approach. Each icon renders as inline SVG directly in your page markup. Only the icons you use get loaded. No fonts. No external requests. Just clean, fast-loading vector graphics.

The result: faster pages and fewer dependencies.

Full Colour Control

Every icon supports full colour customization directly in the Divi Visual Builder:

Line Icons — Control the stroke/line colour. Perfect for outline-style icons.

Shape Icons — Control the fill/accent colour. Perfect for solid icons.

Filled Icons — Control both stroke and fill. Perfect for two-tone icons with outlines and accent fills.

All colour controls include full responsive support with hover states and transitions built in. Change colours per breakpoint. Add hover effects. The icons respond.

Searchable Library

Finding the right icon shouldn’t take longer than using it.

The Divi Icon Library includes a searchable picker modal that opens directly inside the Visual Builder. Type a keyword. Browse by category. Filter by icon style. Preview before you commit.

The search is fast. The categories are logical. You’ll find what you need.

Module Features

The Icon Library module gives you everything you’d expect from a Divi module, plus a few extras:

Size Control — Set icon size with full unit support (px, em, rem, %, vw, vh). Responsive sizing per breakpoint.

Stroke Width — Adjust line thickness for Line and Filled icons. Fine-tune the visual weight.

Alignment — Horizontal alignment options to position icons exactly where you need them.

Link Wrapper — Wrap any icon in a link with target support. Perfect for social icons, navigation, and CTAs.

Child Modules — The icon module acts as a container. Add any Divi module inside it using the Elements group. Stack text below icons. Build creative layouts.

Divi Decorations — All standard Divi module options: backgrounds, borders, box shadows, animations, spacing, and more.

Three Icon Styles Explained

Not all icons are created equal. Different styles serve different purposes. The Divi Icon Library organizes icons into three categories based on how they’re drawn:

Line Icons

Outline-style icons drawn with strokes. Clean, minimal, modern. The module exposes Stroke/Line Colour controls so you can customize the outline colour.

Best for: UI elements, navigation, minimal designs, professional interfaces.

Shape Icons

Solid icons drawn with fills. Bold, confident, high-impact. The module exposes Fill/Accent Colour controls so you can customize the solid colour.

Best for: Badges, markers, bold statements, high-contrast designs.

Filled Icons

Two-tone icons with both outlines and accent fills. The best of both worlds. The module exposes both Stroke and Fill controls so you can customize each channel independently.

Best for: Illustrative icons, feature highlights, designs that need visual depth.