The SVG Module in Divi 5¶
The Divi 5 SVG Module lets you place SVG graphics directly on a page and control their appearance with native stroke and width settings — keeping vector artwork lightweight and pixel-perfect at any size.
Overview¶
This module was introduced as part of the Five New Modules for Divi 5 release (Timeline, Breadcrumbs, Table of Contents, SVG, Instagram Feed). Unlike inserting an SVG as an image, the SVG module exposes the source vector's strokes and fills as Divi settings, so you can restyle the artwork in the builder without editing the file.
Caption: Placeholder — capture once a working install is available.
Settings & Options¶
Content Tab¶
| Setting | Type | Default | Description |
|---|---|---|---|
Design Tab¶
| Setting | Type | Default | Description |
|---|---|---|---|
| Stroke | Native stroke styling exposed by the module | ||
| Stroke Width | Native stroke width styling exposed by the module | ||
Advanced Tab¶
| Setting | Type | Default | Description |
|---|---|---|---|
| CSS ID | text | none | Custom HTML id attribute |
| CSS Class | text | none | Custom CSS class(es) |
| Custom CSS | code | none | Target specific elements within the module |
Elegant Themes tutorials¶
- Five New Modules for Divi 5 (Timeline, Breadcrumbs, Table of Contents, SVG, Instagram Feed) — release announcement; SVG module is highlighted for native stroke and width styling.
Version Notes¶
Divi 5 Only
This page documents Divi 5 behavior exclusively.
Troubleshooting¶
Uploading SVGs
See Uploading SVG and JSON files for WordPress upload-permission setup.