Download every SVG on a page as a ZIP

Saving icons one at a time is fine for one icon. When you want the whole set, Download All as ZIP collects the SVGs the page contains — from all four sources — de-duplicates them, numbers them, and bundles them into a single archive.

Get the extension Read the how-to →

The problem

One-at-a-time doesn't scale to an icon set

A design system's icon page can hold sixty, eighty, a hundred glyphs. Saving those by hand means sixty rounds of find-the-source, preview, name, download — and that's if every one is a tidy inline SVG. In practice they're a mix: some inline, some CSS backgrounds, some behind <use> references into a sprite. Each source needs its own trick, and you'll lose track of which you've already grabbed and end up with three copies of the same chevron.

The manual route also has no memory. Two components reuse the same icon, you save it twice under two different names. A <use> reference fails to resolve, you don't notice until you open an empty file later. What should be a two-minute job becomes an afternoon of bookkeeping.

What SVG Downloader does instead

Click Download All as ZIP and it runs the full detection pass — inline <svg>, <img> and <object> vector images, CSS background-image SVGs and same-document <use> sprite references — collects the results, and writes one ZIP. The bookkeeping is done for you.

De-duplicated. The same icon reused across a dozen components lands in the archive once, not a dozen times. You get a clean set, not a pile of copies.
Numbered in order, with a prefix you set. Files land as svg-1.svg, svg-2.svg in the order they appear on the page, so the archive unpacks in the same sequence as the previews you paged through. Change svg to anything you like — acme-icon, logo — in the extension's options, and the whole archive follows it.
Honest about misses. If an SVG can't be fetched — a cross-origin file the page won't share, a broken reference — the popup's status line names it: Downloaded 8 of 10 SVGs. Skipped: 3, 7. Nothing is dropped without telling you which items went missing.
Still the originals. Every file in the ZIP is the page's own markup with its viewBox intact and its namespace repaired — the same fidelity as saving one by hand, at set scale.

What you get back

Format: One .zip of standards-clean .svg files — original markup, namespaces repaired, numbered svg-1.svg upward with your own prefix.
Coverage: All four sources in one pass — inline, <img>/<object>, CSS backgrounds and same-document <use> sprites — de-duplicated.
On failures: Anything it couldn't fetch is named in the popup, not hidden, so the set you get is one you can trust.
Where it runs: Entirely in your browser. The archive is built on-device — no upload, no server, no account.

Good to know

Questions about bulk download

Does the ZIP include icons from CSS backgrounds and sprites too?

Yes. The bulk pass runs the same detection as single-file saves across all four sources — inline SVG, CSS backgrounds, <img>/<object> vector images, and same-document sprite references — so the archive covers the hard sources, not just the easy ones.

What happens when an SVG can't be downloaded?

The popup's status line names it rather than dropping it without a trace — Downloaded 8 of 10 SVGs. Skipped: 3, 7. Those numbers are the positions you paged through in the preview, so you can go back to the ones that failed and chase them directly. Nothing is added to the archive itself; the ZIP holds only the files that came through.

Is there anything the bulk pass won't pick up?

Three things, and it tells you about them. A <use> pointing at an external sprite file — <use href="/sprite.svg#cart"> — is skipped, because only same-document references are resolved. On very large pages (over 10,000 elements) the CSS background scan is skipped for speed. And the pass caps at 2,000 inline SVGs, with any single SVG over about 2 MB of markup left out. All of it shows up in the popup's count and status line rather than quietly shrinking the archive.

Will I get the same icon several times?

No. Icons reused across a page are de-duplicated before the archive is built, so each distinct SVG appears once. If you only need a single glyph rather than the whole set, saving it on its own with Download Current SVG is the quicker path.

Take the whole icon set in one click

Free, private, and it does the de-duping and the bookkeeping for you.

Get the extension All features →