diff --git a/src/stories/Components/Icon/Icon.mdx b/src/stories/Components/Icon/Icon.mdx index 1dfa3017..17458e65 100644 --- a/src/stories/Components/Icon/Icon.mdx +++ b/src/stories/Components/Icon/Icon.mdx @@ -126,12 +126,13 @@ The size modifiers can be used with Feather Icons. ``` -Note: Feather Icons do not support the use of filled, weight, or emphasis variations. +Note: Feather Icons do not support the use of filled, weight, or emphasis variations. The Feather Icon CDN does not include all of the Feather Icons. +If you want access to the broader range of Feather Icons, consider using Lucide Icons instead. However, if your needs are not as extensive or you are looking for a smaller icon pack, Feather Icons may be a better choice. ### Lucide Icons Lucide Icons are a fork of Feather Icons with more icons. If you don't need all the icons that Lucide provides, -you can use the Feather Icons for a smaller icon pack instead. +you can use the Feather Icons for a smaller icon pack instead. It is important to note that Feather Icons are less supported and not all of the listed icons are available. [Lucide Icons](https://lucide.dev/icons/) can be created with the `` tag and uses the `.li` prefix with `.li-{name}` to define a specific icon. diff --git a/src/stories/Overview/Addons.mdx b/src/stories/Overview/Addons.mdx index af66741f..7808d63e 100644 --- a/src/stories/Overview/Addons.mdx +++ b/src/stories/Overview/Addons.mdx @@ -47,13 +47,13 @@ For more information on how to use these icons, see the [Icon Component](?path=/ @import '@rolemodel/optics/dist/css/addons/fonts/phosphor_icons'; /* Tabler Icons */ -@import '@rolemodel/optics/dist/css/addons/fonts/tabler'; +@import '@rolemodel/optics/dist/css/addons/fonts/tabler_icons'; /* Feather Icons */ -@import '@rolemodel/optics/dist/css/addons/fonts/feather'; +@import '@rolemodel/optics/dist/css/addons/fonts/feather_icons'; /* Lucide Icons (a fork of feather with more icons) */ -@import '@rolemodel/optics/dist/css/addons/fonts/lucide'; +@import '@rolemodel/optics/dist/css/addons/fonts/lucide_icons'; ``` ## Tom Select