diff --git a/packages/web-components/src/components/icon/docs/overview.mdx b/packages/web-components/src/components/icons/docs/overview.mdx
similarity index 60%
rename from packages/web-components/src/components/icon/docs/overview.mdx
rename to packages/web-components/src/components/icons/docs/overview.mdx
index 0872f025245b..d2841d0205da 100644
--- a/packages/web-components/src/components/icon/docs/overview.mdx
+++ b/packages/web-components/src/components/icons/docs/overview.mdx
@@ -6,19 +6,19 @@
variants={[
{
label: 'Default',
- variant: 'components-icon--default'
+ variant: 'elements-icons--default'
},
{
label: 'With Custom Class',
- variant: 'components-icon--with-custom-class'
+ variant: 'elements-icons--with-custom-class'
},
{
label: 'With aria-label',
- variant: 'components-icon--with-aria-label'
+ variant: 'elements-icons--with-aria-label'
},
{
label: 'With Title',
- variant: 'components-icon--with-title'
+ variant: 'elements-icons--with-title'
}
]}
/>
diff --git a/packages/web-components/src/components/icon/icon.mdx b/packages/web-components/src/components/icons/icons.mdx
similarity index 83%
rename from packages/web-components/src/components/icon/icon.mdx
rename to packages/web-components/src/components/icons/icons.mdx
index 712d97091dd6..8a2c6e8f7780 100644
--- a/packages/web-components/src/components/icon/icon.mdx
+++ b/packages/web-components/src/components/icons/icons.mdx
@@ -1,9 +1,9 @@
import { ArgTypes, Meta } from '@storybook/blocks';
-import * as IconStories from './icon.stories';
+import * as IconsStories from './icons.stories';
-
+
-# Icon
+# Icons
Icons can be utilized by specifying the icon name and size in the import.
@@ -27,5 +27,5 @@ function App() {
);
```
-Icon library can be found
+Icons library can be found
[here](https://www.carbondesignsystem.com/guidelines/icons/library).
diff --git a/packages/web-components/src/components/icon/icon.stories.ts b/packages/web-components/src/components/icons/icons.stories.ts
similarity index 98%
rename from packages/web-components/src/components/icon/icon.stories.ts
rename to packages/web-components/src/components/icons/icons.stories.ts
index f52edcf31b2c..6d78a636446b 100644
--- a/packages/web-components/src/components/icon/icon.stories.ts
+++ b/packages/web-components/src/components/icons/icons.stories.ts
@@ -72,7 +72,7 @@ export const withTitle = {
};
const meta = {
- title: 'Components/Icon',
+ title: 'Elements/Icons',
};
export default meta;