Skip to content

Native Divi 5 Module

Divi Inline SVG

Embed and recolor SVG graphics that stay crisp at any size.

Ask AI about the Divi Inline SVG module

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 included in Divi Torque Pro?Yes. It is a Divi Torque Pro module, included in every plan.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 includes all 98 Divi modules. The Unlimited plan covers every site you build.

4.7★ from 116 reviews on WordPress.org

Starter

For a handful of client sites.

$99 $59 once

Billed once. Yours forever.

$39/yr

Billed yearly.

  • 10 sites
  • 98 modules, 9 extensions
  • Native Divi 5
  • ×White-label license
  • ×Saddle Pro plugin (AI agents)
Best value

Unlimited

Every site you will ever build.

$249 $149 once

Billed once. Yours forever.

$79/yr

Billed yearly.

  • Unlimited sites
  • 98 modules, 9 extensions
  • Native Divi 5
  • White-label license
  • ×Saddle Pro plugin (AI agents)

Divi Torque + AI

Everything in Unlimited, plus a second plugin: Saddle Pro, so AI agents can build your site.

$499 $299 once

Billed once. Yours forever.

$149/yr

Billed yearly.

  • Unlimited sites
  • 98 modules, 9 extensions
  • Native Divi 5
  • White-label license
  • Saddle Pro plugin (AI agents)
  • 30-day money-back guarantee
  • Lifetime honored forever, in writing
  • Secure checkout