Simplify
I simplified my logo a bit. It looks pretty much the same, but the underlying svg is much smaller.
I originally made the logo in Adobe Illustrator. I made the original path, then expanded it, then filled it in, then hid the original path. This left the svg with some unnecessary information.
I wrote the new version by hand. It’s just a path with a stroke width and rounded joints and ends like you’d expect.
The viewBox
is like the canvas; it goes from (0, 0) to (14, 14). The actual path is a bit smaller, but I have to accommodate for the stroke width. I also gave some extra margin on the sides to make it a square, since I’m using this as a favicon and logo.
It starts at the coordinate (4, 2), then draws a line segment that’s right 8 units and down 5 units. Then it goes straight down for 6 units, and so on.
I used Illustrator to export the image as different sized PNGs - ranging from 16 to 2048 pixels wide.
I tried to add the svg to this post, but WordPress doesn’t let me do that - very lame.