Professional
For a handful of client sites.
$25/yr
Billed yearly.
Paid once, forever.
Native Divi 5 Module
Divi Inline SVG
Embed and recolor SVG graphics that stay crisp at any size.
Why use the Divi Inline SVG module?
An SVG dropped in as an image tag cannot be recoloured with CSS. To change its colour, the markup has to be inline in the page, which usually means pasting raw SVG code into a code module by hand.
Inline SVG fetches a real SVG file and injects its markup directly into the page. Because it is inline, not linked, its colour can be overridden. Remove Inline CSS strips the file's own colours first so a custom colour actually shows.
This is the live module, the real SVG inlined and sized here.
What you get out of it
Genuinely inline, not linkedThe SVG markup is injected into the page directly, which is what makes recolouring possible.Strip the file's own coloursRemove Inline CSS clears the SVG's own fill and stroke so a custom colour actually applies.Size it independent of the fileCustom Width plus explicit width and height override whatever the SVG's own viewBox says.Keep or break the aspect ratioAspect Ratio decides whether a forced width and height distort the shape or stay proportional.AlignmentLeft, centre or right, the same as any Divi content element.Native on Divi 5Ships in Divi Torque Pro. A Divi 4 layout using the same module converts across.
Everything the Divi Inline SVG module does
Every option below ships in Divi Torque Pro.
SVG URL: fetched and inlined into the pageRemove Inline CSS: strip the file's own fill and strokeCustom colour, once inline CSS is removedCustom width, with explicit width and heightAspect ratio: preserved, or distorted to fitAlignment: left, centre or right
See the Divi Inline SVG in action
This is the live module fetching a real SVG file and inlining it, not a static image. Original colours, no override.
Original colours
No colour override; the file's own fill shows through.
Recoloured, with the original CSS stripped
Remove Inline CSS clears the file's own colours, then Custom Colour applies one flat colour across the whole mark.
Recoloured indigo
Same file, every path forced to one colour.
Recoloured on dark
The same override works for white-on-dark just as easily.
Adding one takes about a minute
Three steps, and none of them involve custom CSS.
1Drop in the moduleAdd Inline SVG to any row. It arrives with an empty SVG URL.2Point it at a fileSVG URL takes any publicly reachable .svg file.3Recolour it if you want toRemove Inline CSS plus Custom Colour override the file's own fill.
Questions people ask first
Short answers, all of them checked against what the module actually does.
Is the Inline SVG module free?No. It ships in Divi Torque Pro. The free plugin does not include it.Does it need Divi 5?It is a native Divi 5 module. A Divi 4 layout using the same module converts across, since it shares the same shortcode.Why can't I just use a normal image module for an SVG?An image tag loads the SVG as a flat file; its colours cannot be changed with CSS. Inline SVG injects the actual markup into the page, which is what makes recolouring possible.Does it work with any SVG file?It fetches whatever URL is given. A trusted source is worth using, the same caution as embedding any remote markup on a page.Can different parts of the same SVG have different colours?No. Custom Colour applies uniformly across the whole file. There is no per-path colour control.Will recolouring distort a multi-colour logo?It will flatten every path to one colour, which is the point of the setting; the shapes themselves are not affected, only the fill.
Simple, honest pricing
Every plan unlocks all 98 Divi modules on unlimited websites. One licence covers every site you build.
4.7★ from 116 reviews on WordPress.org
Studio
Room to grow your client roster.
$49/yr
Billed yearly.
Paid once, forever.
Business
Built for agencies running many sites.
$59/yr
Billed yearly.
Paid once, forever.
Unlimited
Every site you will ever build.
$99/yr
Billed yearly.
Paid once, forever.
Pro + Saddle Pro
Two lifetime licences. One payment.
$499once
Paid once, forever.
- 30-day money-back guarantee
- Lifetime honored forever, in writing
- Secure checkout