icons icon indicating copy to clipboard operation
icons copied to clipboard

Icon names are difficult to discover

Open archiewood opened this issue 1 year ago • 3 comments

The names used by Steeze UI are not consistent with the names of the underlying icon packs.

This is not an issue, but it seems hard to find what the actual names are.

For example, in SimpleIcons, there is an npm logo named npm and in Steeze UI this is called Npm (note capitalization).

Is there a good way to discover these names? Or perhaps a pattern that Steeze UI uses that can be documented?

archiewood avatar Jan 17 '24 20:01 archiewood

When creating steeze-ui/icons I took some inspiration from heroicons react to use Upper Camel Case (Pascal Case) for all icons with the rule: if the original icon name starts with a number a underscore is prefixed.

I know searching for a specific icon can be annoying, thats why I had a icon searcher planned here but no time to realize it yet..

JustinVoitel avatar Jan 26 '24 08:01 JustinVoitel

@JustinVoitel very much appreciate your work! Has been very useful.

~Is there code somewhere that implements this pattern?~

archiewood avatar Jan 26 '24 13:01 archiewood

Aha I think I found it in here: https://github.com/steeze-ui/icons/blob/main/packages/core/src/index.ts

archiewood avatar Jan 26 '24 13:01 archiewood