Export SVG with Style

Adds a SVG export button to the browser, which spits out SVG DOM elements present on page as files including CSS.

Export SVG with Style - Chrome Extension for SVG Export with CSS

'Export SVG with Style' is a Chrome extension aiding the export of SVG DOM elements, even those within same-origin IFrames as files. It adds CSS classes to these SVGs as standalone style elements, making the created SVG file independent of external CSS classes. This is particularly useful for visualizations created with D3. It introduces various mechanisms to handle and eliminate errors, also including the ability to extract svg elements within iframes and images within SVGs.
Install from Chrome Web Store

Extension stats

By: oroadfc
Users: 5,000+
Rating: 3.19
(42)
Version: 1.23 (Last updated: 2021-07-23)
Creation date: 2019-02-11
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Size: 21.92K

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Exports any SVG DOM elements (now including those within same-origin IFrames) on a web page to files for further use in drawing packages such as Inkscape.

Scans through CSS classes for styles the SVG and their child elements uses and adds them as standalone style elements to the SVG object, so the generated SVG file doesn't depend on external CSS classes. Good for passing out visualisations generated with D3.


Uses Eli Grey's fileSaver routine: https://github.com/eligrey/FileSaver.js/

1.1: Now adds dummy svg node which holds computed style of svg element's parent node. Irons out a few discrepancies.

1.11: Dummy svg node now holds computed style of actual svg element, solves couple of further bugs.

1.12: Catches errors caused by invalid style rules rather than crashes

1.13: Couple more errors to do with parent style recognition ironed out.

See more

User reviews

These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • Works well for some users
  • Can export multiple SVGs in one go
  • Easy to use once functional
Cons
  • Doesn't work for many users
  • Fails to export as expected, downloading multiple files instead of one
  • Does not support CSS variables
  • Files saved with generic names instead of specific SVG names
Most mentioned
  • Extension does not work or does nothing when clicked
  • Issues with downloading format and file naming
  • Requires page reload after installation for functionality
  • Can't select individual SVGs to download
User reviews
CSS Variables are ignored (not included in the exported files).
by Y K, 2024-05-04

Не работает
by Dmitry Monarev, 2023-02-20

плагин не работает. непонятно зачем он нужен
by Gus Alizade, 2021-11-01
View all user reviews

Extension safety

Risk impact

Export SVG with Style requires very minimum permissions.

Risk likelihood

Export SVG with Style has earned a good reputation and can be trusted.

Upgrade to see risk analysis details

Promo images

Export SVG with Style small promo image
Small promo image

Similar extensions

Here are some Chrome extensions that are similar to Export SVG with Style: