svelte-starter VS svgomg

We use feather-icons (installed via npm) and have a helper component to allow for customization

Nice writeup! Here is what we use which also has a conditional check for SSR.

My colleague and I played with two ways to do this, as an action or a component. I prefer the action approach for most cases.

Another web-based SVG tool I use regularly is https://jakearchibald.github.io/svgomg/, an extremely configurable optimizer.

Im assuming if you click on the red dot you get to see the names. Try to get a svg without the names. Get it through SVGOMG https://jakearchibald.github.io/svgomg/ and then make a component out of it. Add click listener to the dots and voila

SVG Optimizer

SVGOMG for optimizing SVG

Use https://jakearchibald.github.io/svgomg/ to strip out all the unnecessary data.

I came here to say the same thing.

Somebody recently pointed me at a nice online GUI for svgo, so you can try it for yourself without installing anything: https://jakearchibald.github.io/svgomg/

Use what ever you to create it the run it through https://jakearchibald.github.io/svgomg/