Chrome extension · sheet no. 1

Every SVG on the page. One click.

Snag all SVGs from any page. Preview, copy code, and download individually or as ZIP.

The lab

Go on. Snag something.

This is a pretend webpage. Hover a shape to see the frame, click it to snag it into the tray below. That's the whole extension, basically.

0 snagged

Nothing snagged yet. Click a shape above.

What it does

Four things.
Done properly.

checkmark-circle.svg<svg viewBox="0 0 24 24"
     fill="none" stroke="currentColor">
  <circle cx="12" cy="12" r="9"/>
  <path d="m8 12 3 3 5-6"/>
</svg>

Copy the code. Skip the file.

One click puts it on your clipboard. Paste it into React, HTML, wherever.

download (3).svg checkmark-circle.svg from id aria-label class url

Real names.

We read id, aria-label, class names and URLs to give every SVG a real name.

checker

See white SVGs.

Checkerboard backgrounds. No more invisible icons.

<svg viewBox="0 0 24 24">
  <script>alert('xss')</script>stripped
  <rect onload="steal()" />stripped
  <a href="javascript:void(0)">stripped
  <circle cx="12" cy="12" r="9"/>
  <path d="m8 12 3 3 5-6"/>
</svg>

Clean SVGs.

We strip <script> tags, event handlers and javascript: URIs.

Select & ZIP

Pick the ones you want, get one ZIP with properly named files.

Dark mode

In the extension, for 2am.

Permissions

Three permissions.
Nothing collected.

activeTab
Reads the current tab only when you click the icon. No background access.
scripting
Injects the script that scans the page for SVGs.
storage
Saves your light/dark preference on your device.

The extension collects nothing: no analytics, no cookies, nothing sent to any server. Everything runs in your browser. (This website uses Google Analytics to count visits.)

Read the privacy policy →

Stop right-clicking.
Start snagging.

Free. No account needed.

Add to Chrome — it's free