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: install the extension, visit any page with SVGs (try a popular icon library or framework documentation), and click the SVG Gobbler icon in your toolbar. You'll see all SVGs listed in a slick overlay.

Final Thoughts

SVG Gobbler is one of those tools that feels obvious after you use it. It solves a small but persistent pain point without overcomplicating things. The code is clean, the UI is minimal, and it does exactly what it promises.

If you're a frontend developer, designer, or just someone who frequently works with SVGs, this extension will earn a permanent spot in your browser. Give it a spin next time you're building something that needs a custom icon or illustration.

Follow us on X: @githubprojects