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.

What is Export SVG with Style?

'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.

Download

Stats

By: oroadfc

View on Chrome Web Store

Users: 5,000+

Rating: 3.17 (41)

Version: 1.23 (Last updated: 2021-07-23)

Creation date: 2019-02-11

Risk impact: Low risk impact

Risk likelihood: Very low risk likelihood

Manifest version: 3

Size: 21.92K

Email: or*****@googlemail.com

Stats date:

Chrome-Stats Rank

# 13942 ▼ 140

Other rankings

#592 in Workflow & Planning ▲ 1

#35 in style keyword 41 ▼ 13

#38 in export keyword 30 ▲ 1

#72 in iframe keyword 9 ▲ 1

#94 in cause keyword 27 ▲ 3

Upgrade to see more rankings

Other platforms

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.

Summary

Analyze keywords

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.

User reviews

User reviews summary

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

It works well for some users in downloading SVG elements
Easy to use for some users
Efficient in gathering all SVG files from a website into a single file for some users

Cons

Doesn't work or show any action for several users
Can't select a specific SVG before downloading
Instead of creating one SVG of the whole page it downloads every single element of the page as individual SVG, causing numerous download dialogs to appear

Most mentioned

Doesn't work or do anything for many users when clicked
Sometimes downloads all SVGs off a page resulting in too many download prompts
Some users find it very useful for downloading SVGs

Recent reviews

Не работает

Dmitry Monarev, 2023-02-20

плагин не работает. непонятно зачем он нужен

Gus Alizade, 2021-11-01

Doesn't seem to do anything at all when clicked. Tried exporting SVG in an HTML page I created and there was no response. Tried to do the same on this very page (this comment page) to export svg icons here (the settings icon, for eg, is SVG) and did nothing.