phosphor-icons / homepage

The homepage of Phosphor Icons, a flexible icon family for everyone
https://phosphoricons.com
MIT License
4.47k stars 109 forks source link

Icon request: mini carets #516

Open lavinejames opened 5 months ago

lavinejames commented 5 months ago

Describe the requested icon(s)

I'd like to see mini versions of the caret icons, specifically for use in buttons, dropdown buttons, and select UIs. The current caret-down -up -left -right have their place I'm sure. But when used as an ornament within a button, dropdown button, or select they just look a little oversized. Of course one could size down and up the weight of the icon in these particular use cases, but I think most folks typically use icons at the same size/weight across a site or app, and adjusting for specific cases would cause some unnecessary complexity.

References

I've included a screenshot using the caret-down icon from a variety of sets within a dropdown button (all at 20px x 20px), and you can see the Phosphor icon appears quite a bit larger. I would argue that Google Material's is too small, while Feather and Heroicons feel pretty nice.

Screenshot 2024-06-13 at 2 07 17 PM

Additional context

Heroicons actually includes a "mini" version of their entire icon set (the mini version of the caret-down is what you see in that screenshot above). I'm not suggesting that, but I think the carets would really benefit from mini versions.

Cha-Shao commented 4 months ago

You can adjust the size of the icon image image

lavinejames commented 4 months ago

Adjusting the size of the icon in this way is absolutely an option. The issue is that you then aren't able to exactly match the weight of the icon with that of other icons in your application that are being used at the default size.

Also, sometimes an element will depend on the overall (outer) size of the icon being consistent (an icon-only button, for example). If the size of the icon is changed, the overall size of the button changes as well.

rektdeckard commented 4 months ago

@lavinejames agree with you there, and I can see the need for a smaller set of carets that retain appropriate stroke width. Something we'll look at in the next release.