DEV Community

#svg

Posts

đź‘‹ Sign in for the ability to sort posts by relevant, latest, or top.
Isometric diagrams in plain SVG: projection, four-tone shading and painter's order

Isometric diagrams in plain SVG: projection, four-tone shading and painter's order

Comments
6 min read
Convert an SVG to a PNG in the Browser, Without Uploading the File

Convert an SVG to a PNG in the Browser, Without Uploading the File

Comments
3 min read
How I built a free JPEG-to-SVG converter that runs 100% in the browser

How I built a free JPEG-to-SVG converter that runs 100% in the browser

1
Comments
4 min read
Why Does My SVG Icon’s Why Does My SVG Icon’s Handle Stay Black? Debugging a Sprite with DevTools

Why Does My SVG Icon’s Why Does My SVG Icon’s Handle Stay Black? Debugging a Sprite with DevTools

1
Comments
3 min read
The Complete Guide to SVG Icon Optimization for Web Performance

The Complete Guide to SVG Icon Optimization for Web Performance

Comments
5 min read
8 rules for drawing a 300-icon line set that actually looks consistent (and a 30-line validator)

8 rules for drawing a 300-icon line set that actually looks consistent (and a 30-line validator)

1
Comments 1
4 min read
Drawing a labelled overlay on a user photo with SVG (no canvas, no library)

Drawing a labelled overlay on a user photo with SVG (no canvas, no library)

Comments
4 min read
The Complete Guide to SVG Icon Optimization for Web Performance

The Complete Guide to SVG Icon Optimization for Web Performance

Comments
5 min read
Curved text in SVG without turning your words into shapes

Curved text in SVG without turning your words into shapes

Comments
3 min read
I built a globe where every country is a separate piece you can pull out 🌍

I built a globe where every country is a separate piece you can pull out 🌍

6
Comments
2 min read
Turning a folder of SVG icons into React components (without a build plugin)

Turning a folder of SVG icons into React components (without a build plugin)

Comments
5 min read
Draw-on icon loops without an AI image model: measuring stroke paths in a headless browser

Draw-on icon loops without an AI image model: measuring stroke paths in a headless browser

Comments
3 min read
How to Plot Data Using SVG on the Web

How to Plot Data Using SVG on the Web

Comments
2 min read
The Complete Guide to SVG Icon Optimization for Web Performance

The Complete Guide to SVG Icon Optimization for Web Performance

Comments
5 min read
The Complete Guide to SVG Icon Optimization for Web Performance

The Complete Guide to SVG Icon Optimization for Web Performance

Comments
5 min read
đź‘‹ Sign in for the ability to sort posts by relevant, latest, or top.