Custom icons must be in kebab case

[huang-julien]

Description

iconify's getIcon uses validateIconName which enforce some validation for an icon's name.

One validation is that a name must be split with - which is often not the case with users custom icons

Reproduction

https://stackblitz.com/edit/nuxt-starter-qlykyd?file=icons%2FEuro.svg,nuxt.config.ts,app.vue

in this reproduction, we can't see my-icons:Euro because Euro is in PascalCase

Solution

Either a documentation fix about naming convention or fix it in iconify or we could also merge prefix with the name ?

[YaredFall]

Stumbled upon this quirk too.

It seems that only lowercase letters, digits and dash (-) is allowed inside icon filename.

I was hoping to be able to use uppercase letters and underscores... I wonder why this naming convention is never mentioned in the docs.

[huang-julien]

Because we're using @iconify and this is the convention @iconify uses

[huang-julien]

I'll work on it when i have some free time