Tutorial — pick your exit
The website SVG downloader, and which route to take
Every method here ends with the same sanitised vector. They differ only in where it lands and how much you have to decide on the way — so pick by destination.
Watch it — 19 seconds
Three exits from one scan
The scan only happens once in this recording. All three exits run off the same list — which is why switching between them costs nothing.
What the recording shows
- One scan, then three ways out
- Preview until you find it
- One file — Download current
- The whole page — Download all as ZIP
- Or no file at all — Copy code
- Same scan, same page, whichever one you need
Decide by destination
Four routes, and when each is right
The question is not which method is best — it is what you are going to do with the vector once you have it.
- Download current — you want one specific vector as a file, and you care what it is called. The default route. How →
- Download all as ZIP — you want the set, or you do not yet know which one you need and would rather sort it out on disk. De-duplicated and numbered. How →
- Copy code / Copy image — the destination is an editor or a document, and a file on disk would just be a step you delete afterwards. How →
- Right-click → Save this as SVG — you are looking straight at the one you want and do not need a preview, a name or a choice. The fastest route. How →
And one decision that cuts across all four: if the destination will not accept an SVG — email, most slide software, older CMS uploaders — switch the format segment to PNG before you download. How →
The shared part
Three of the four routes begin identically. Only the last step differs, and it is the only one you have to think about.
- Get the page into the state you want to capture. Log in, scroll, open the menu — whatever puts the vectors you want on screen. The scan reads the DOM as it stands.
- Open the popup and scan. One click. The counter reports what the page renders, de-duplicated.
- Preview and pick. Prev and Next walk the set, isolated and off the busy page.
- Choose your exit. Download current for one file, Download all as ZIP for the set, or Copy code / Copy image for the clipboard. Switch the format segment first if you need a PNG or JPG.
What every route has in common
Whichever exit you take, the same two things happen to the markup on the way out, and they are the reason the result is usable. The xmlns namespace is added if it was missing, which is what makes a file lifted out of a page open as a standalone document. And anything executable — <script> elements, on* event handlers, external references — is stripped, so you are not carrying somebody else's page behaviour into your codebase or your design tool.
The five-second version
- Need one icon, right now? Right-click it.
- Need one icon, named properly? Popup, then Download current.
- Need the whole set? Popup, then Download all as ZIP.
- Pasting into code? Copy code.
- Pasting into a doc or chat? Copy image.
- Destination rejects SVG? Switch to PNG first.
- One file
- Download current — with a filename you choose.
- The set
- Download all as ZIP — de-duplicated and numbered.
- No file
- Copy code for editors, Copy image for documents.
- Fastest
- Right-click → Save this as SVG. No popup at all.
Good to know
Frequently asked
Which method gives the best quality?
They are identical. Every route runs the same sanitiser and the same namespace repair — they differ only in where the result lands and how much you choose on the way.
Can I download just a few of the SVGs rather than all of them?
Yes. Page to each one and use Download current, naming each as you go. Download all as ZIP is for when you want the whole set.
What is stripped from the markup?
Script elements, on* event handler attributes and external references. The shapes are untouched, and the xmlns namespace is added so the file opens standalone.
Do I have to rescan between downloads?
No. One scan builds the list and every exit runs off it. Rescan only if you change the page — open a modal, switch a tab, scroll a lazy grid into view.
What if the site will not accept the SVG I downloaded?
Switch the format segment to PNG and download again. Email clients, slide software and older CMS uploaders frequently reject SVG.
One scan, whichever exit you need
A file, a ZIP, the clipboard, or a single right-click.