Export SVG with Style - Chrome Extension for SVG Export with CSS
Extension stats
Ranking
Other platforms
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 moreUser reviews
- Works well for some users
- Can export multiple SVGs in one go
- Easy to use once functional
- 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
- 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
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.
Promo images
Similar extensions
Here are some Chrome extensions that are similar to Export SVG with Style: