search

steeze-ui / icons

Effortless Icon Packs & Components for Svelte, React, Vue and more..
MIT License
175 stars 15 forks source link

Icon names are difficult to discover #46

Open archiewood opened 8 months ago

archiewood commented 8 months ago

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?

JustinVoitel commented 7 months ago

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..

archiewood commented 7 months ago

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

~Is there code somewhere that implements this pattern?~

archiewood commented 7 months ago

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