Flash Sale: 40% off Lifetime. Ends Sep 30 (20 days left).

See pricing
Skip to content
Get Divi Torque

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

Unlimited

Every module, on every site you build.

$79 $47.40 /year

Save $31.60 · 40% off

Buy Now

Includes

  • All 98 modules
  • All 9 extensions
  • Unlimited websites
  • 1 year premium support
  • 1 year product updates

Unlimited Lifetime Best value

Pay once. Keep it forever.

$249 $149.40 once

Save $99.60 · 40% off

Buy Now

Less than two years of Unlimited at $79/yr, forever.

Back to $249 after Sep 30. 30‑day refund, no questions.

Everything in Unlimited, and

  • Pay once, updates forever
  • Remove Divi Torque branding
  • Premium support

Pro + Saddle Pro

Two lifetime licences. One payment.

$499 once

One payment · no renewal

Buy Now

Everything in Unlimited Lifetime, and

  • Saddle Pro on unlimited sites, for life
  • Let Claude, ChatGPT or Cursor build and edit your Divi sites
  • Priority support for both plugins
  • 30-day money-back guarantee
  • Lifetime honored forever, in writing
  • Secure checkout