Simplify

February 18th, 2022 — 2 min read
design
code
Cover Image

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.