SVG Gobbler: The Browser Extension That Lets You Steal (Optimized) SVGs From Any Page
Ever stumbled across a beautifully crafted SVG icon or illustration on a website and thought, "I wish I could grab that"? Sure, you could inspect the element, copy the markup, paste it into a file, and then manually clean up all those useless <g> tags, inline styles, and empty groups. Or you could just let SVG Gobbler do all that for you in two clicks.
SVG Gobbler is a browser extension that finds every SVG on a page, lets you preview them, optimizes the code, and exports them as clean, production-ready files. It's like having a mini SVG scraper and optimizer built right into your browser.
What It Does
SVG Gobbler scans the current webpage for all embedded, linked, and inline SVGs. It then shows you a clean overlay with all available SVGs, lets you filter by size or type, and gives you options to:
- Download the raw SVG file
- Copy the optimized SVG code to your clipboard
- Export as a PNG (rasterized version)
- View the SVG in a new tab
Under the hood, it runs SVGO (SVG Optimizer) to strip out unnecessary attributes, metadata, and empty elements before you even see the output. No manual cleanup needed.
Why It’s Cool
No more manual scavenger hunts. Instead of right-clicking, inspecting, and hunting through the DOM tree, you see every SVG on the page instantly. The thumbnails and size filters make it easy to spot exactly what you need.
Optimization built in. The SVGO integration means you're not just copying raw SVG code. You're getting a cleaned up, production-ready version that won't bloat your project. This is especially handy for icon libraries or design systems where every kilobyte matters.
Privacy conscious. The extension runs entirely client-side. It doesn't send your page data to any external servers. The SVGs are optimized locally, so you can even use it on internal tools or staging sites without worry.
Developer workflows. If you're building a design system, extracting assets from a competitor's landing page for inspiration, or just need a clean SVG for a blog post, this saves serious time. The "Copy as optimized SVG" feature is a game changer for quick prototyping.
How to Try It
SVG Gobbler is available for Chrome and Firefox. You can grab it directly from the Chrome Web Store or Firefox Add-ons page linked in the GitHub repo.
Head over to github.com/rossmoody/svg-gobbler to see the source code, file a bug, or contribute. The README has clear installation instructions and a usage walkthrough.
To try it right now: