> Markdown version of [/magazine/707-the-overflow-5-tools-for-working-with-svgs](https://www.wearedevelopers.com/magazine/707-the-overflow-5-tools-for-working-with-svgs). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md). --- # The Overflow: 5 Tools for Working with SVGs **By:** [Daniel Cranney](https://www.wearedevelopers.com/@daniel-cranney) **Published:** March 11, 2026 In last week’s edition, we looked at tools for working JSON and so this week we’re pivoting to something a little more visual, with tools for scalable vector graphics (or SVGs to you and me). As always, watch the video below to see them in action or read on and visit for yourself. [VIDEO EMBED] ## 1. SVG.js SVG.js is a lightweight library for manipulating and animating SVGs with JavaScript. The API is clean and chainable, so you can create, transform, and animate elements in just a few lines. If you’ve ever tried writing raw SVG markup by hand, you’ll understand the pain point this is a solution for. 🔗 [https://svgjs.dev/docs/3.2/#svg-js](https://svgjs.dev/docs/3.2/#svg-js) ## 2. svg.wtf The oddly-but-memorably-named svg.wtf is a browser-based SVG editor that lets edit the file’s code on one side, and see the result live on the other. No sign-up, no install, just paste and go. 🔗 [https://svg.wtf/](https://svg.wtf/) ## 3. SVG Gobbler SVG Gobbler is a browser extension that finds every SVG on the page you’re viewing and lets you optimise, download, copy, or export them. It’s incredibly handy when you spot an icon or graphic on a site and want to grab it cleanly, though of course we only recommend this for experimentation or personal projects and be sure to stay within the bounds of copyright. 🔗 [https://github.com/rossmoody/svg-gobbler](https://github.com/rossmoody/svg-gobbler) ## 4. SVGFM SVGFM is a visual playground for experimenting with and chaining SVG filter effects, and let’s see you see the results in real-time, too. It takes something that’s usually painful to work with and makes it genuinely fun to experiment with. 🔗 [https://svgfm.chriskirknielsen.com/](https://svgfm.chriskirknielsen.com/) ## 5. SVGL SVGL is a curated collection of SVG logos for well-known brands, in icon-form. Search, preview, and copy out with a single click. 🔗 [https://svgl.app/](https://svgl.app/) * * * We hope you found this article useful, and be sure to check back for the next edition soon and [send in your favourite tools for shoutout](https://bsky.app/profile/wearedevelopers.bsky.social). ## Related Articles - [The Overflow: 5 CSS Generators and Visual Design Tools](https://www.wearedevelopers.com/magazine/708-the-overflow-5-css-generators-and-visual-design-tools) - [The Overflow: 5 Tools for Developers Working with JSON](https://www.wearedevelopers.com/magazine/706-the-overflow-5-tools-for-developers-working-with-json) - [The Overflow: 5 Security and Privacy Tools for Developers](https://www.wearedevelopers.com/magazine/710-the-overflow-5-security-and-privacy-tools-for-developers) - [The Overflow: 4 Tools for Fast File Sharing](https://www.wearedevelopers.com/magazine/697-the-overflow-4-tools-for-fast-file-sharing) ## Related Videos - [Web-based Information Visualization](https://www.wearedevelopers.com/videos/84-web-based-information-visualization) - [Can SVG be fast? Rendering a scatter chart with over 10k points](https://www.wearedevelopers.com/videos/100299-can-svg-be-fast-rendering-a-scatter-chart-with-over-10k-points) - [Rendering Design Software in the Browser at Penpot](https://www.wearedevelopers.com/videos/1353-rendering-design-software-in-the-browser-at-penpot) - [WeAreDevelopers LIVE - Dapr / Pixels and Generative Art / Open Source and Communities / and more](https://www.wearedevelopers.com/videos/1720-wearedevelopers-live-dapr-pixels-and-generative-art-open-source-and-communities-and-more) ## Related Jobs - [Staff Frontend Engineer](https://www.wearedevelopers.com/jobs/48313-staff-frontend-engineer) at **SMG Swiss Marketplace Group** - [Staff Frontend Engineer (Expert+/Lead equivalent) - Hybrid working model, 100%, Ho Chi Minh City](https://www.wearedevelopers.com/jobs/48314-staff-frontend-engineer-expert-lead-equivalent-hybrid-working-model-100-ho-chi-minh-city) at **SMG Swiss Marketplace Group** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/639235-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/645320-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/646086-remote-senior-full-stack-engineer) at **Edge Impulse** - [Remote Senior Full-Stack Engineer](https://www.wearedevelopers.com/jobs/ext/679408-remote-senior-full-stack-engineer) at **Edge Impulse**