diff --git a/docs/content/1.getting-started/4.icons/2.vue.md b/docs/content/1.getting-started/4.icons/2.vue.md index 3c3071d6..f7211276 100644 --- a/docs/content/1.getting-started/4.icons/2.vue.md +++ b/docs/content/1.getting-started/4.icons/2.vue.md @@ -32,6 +32,12 @@ props: You can use any name from the collection. :: +::warning +When using collections with a dash (`-`), you need to separate the icon name from the collection name with a colon (`:`) as `@iconify/vue` does not handle this case like `@nuxt/icon`. For example, instead of `i-simple-icons-github` you need to write `i-simple-icons:github` or `simple-icons:github`. + +Learn more about the [Iconify naming convention](https://iconify.design/docs/icon-components/vue/#icon). +:: + ### Component Props Some components also have an `icon` prop to display an icon, like the [Button](/components/button) for example: