search

tailwindlabs / heroicons

A set of free MIT-licensed high-quality SVG icons for UI development.
https://heroicons.com
MIT License
21.03k stars 1.27k forks source link

Exclamation Triangle Mini (20px) not aligned #1138

Closed gambolputty closed 3 months ago

gambolputty commented 4 months ago

The exclamation-triangle icon is not centered.

image

jamiemlaw commented 4 months ago

I think this is related to Issue 774 where inside a circle, the triangle previously looked misaligned.

See https://play.tailwindcss.com/JGfRduT1WH for examples

sschoger commented 3 months ago

Hey! Because the triangle is bottom heavy it looks misaligned when it is next to other icons or when it is contained in a shape like @jamiemlaw pointed out. Shifting it up makes it optically centered.

Getting icons to look balanced next to one another is definitely one of the trickier parts of icon design 🥵