CODEWITHSUNDEEP
htmlsvgvectorvector-graphics
PrinceKickster
PrinceKickster

Reputation: 177

Extracting SVG HTML paths back to SVG files from a website

Is there any way to quickly extract SVG assets on a website including SVG HTML paths back to SVG files. Any apps, dev tools, extensions that lets you do this?

Upvotes: 15

Views: 41144

Answers (2)

Stanislau
Stanislau

Reputation: 432

Alternatively, have a look at svg-path-editor.

Just copy-paste the d parameter from an HTML page and click "Downaload as SVG" button

Upvotes: 1

Austin Brunkhorst
Austin Brunkhorst

Reputation: 21130

Given an svg element you'd like to save:

Edge

  1. Right Click > Save Picture As

Chrome, Firefox, etc.

  1. Inspect Element (Make sure you've selected the root svg element you'd like to save).
  2. Right Click > Edit as HTML
  3. Copy the outer HTML
  4. Paste in your favorite text editor (VS Code), and save as a .svg

Upvotes: 43

Related Questions