Tools

Compare icons before you commit

The same glyph looks different in every set - stroke weight, optical size, corner radius. Line up your candidates at the sizes you actually ship and pick with your eyes, not a hunch.

Sizelucide:heartmdi:heartph:heart
16pxlucide:heart at 16 pixelsmdi:heart at 16 pixelsph:heart at 16 pixels
20pxlucide:heart at 20 pixelsmdi:heart at 20 pixelsph:heart at 20 pixels
24pxlucide:heart at 24 pixelsmdi:heart at 24 pixelsph:heart at 24 pixels
32pxlucide:heart at 32 pixelsmdi:heart at 32 pixelsph:heart at 32 pixels
48pxlucide:heart at 48 pixelsmdi:heart at 48 pixelsph:heart at 48 pixels

What to look for

Three things that decide it

Stroke weight against your type - a 1.5px icon next to a 400-weight label looks thin. Optical size - does it still read at 16px, or does the detail collapse? And corner language - rounded joins beside square buttons always feel borrowed.

Found the winner?

Save it to a collection so the rest of the team stops re-litigating the same chevron.