diff --git a/assets/icons/experimental/account-outline.svg b/assets/icons/experimental/account-outline.svg
index d8dc56a83..0b0bef2f9 100644
--- a/assets/icons/experimental/account-outline.svg
+++ b/assets/icons/experimental/account-outline.svg
@@ -1,3 +1,3 @@
diff --git a/assets/icons/experimental/car-group-outline.svg b/assets/icons/experimental/car-group-outline.svg
index f207fffdf..42922ae7b 100644
--- a/assets/icons/experimental/car-group-outline.svg
+++ b/assets/icons/experimental/car-group-outline.svg
@@ -1,5 +1,5 @@
diff --git a/assets/icons/experimental/car-outline.svg b/assets/icons/experimental/car-outline.svg
index 46f6eea4b..767cebba3 100644
--- a/assets/icons/experimental/car-outline.svg
+++ b/assets/icons/experimental/car-outline.svg
@@ -1,5 +1,5 @@
diff --git a/assets/icons/experimental/location.svg b/assets/icons/experimental/location.svg
index cd8e43760..b4f4300b6 100644
--- a/assets/icons/experimental/location.svg
+++ b/assets/icons/experimental/location.svg
@@ -1,5 +1,5 @@
diff --git a/src/icons/docs/Experimental.stories.tsx b/src/icons/docs/Experimental.stories.tsx
new file mode 100644
index 000000000..a7176161c
--- /dev/null
+++ b/src/icons/docs/Experimental.stories.tsx
@@ -0,0 +1,38 @@
+import React from 'react';
+import { Meta, StoryObj } from '@storybook/react';
+import * as Icons from '../experimental';
+import { getSemanticValue } from '../../essentials/experimental';
+
+const meta: Meta = {
+ title: 'Experimental/Icons',
+ component: ({ name, ...props }) => {
+ const Component = Icons[name];
+
+ return Component ? : null;
+ }
+};
+
+export default meta;
+
+export const Default: StoryObj = {
+ name: 'Icons',
+ args: {
+ name: Object.keys(Icons)[0],
+ color: getSemanticValue('accent'),
+ size: 40
+ },
+ argTypes: {
+ name: {
+ description: 'Name of the icon\n\n**Example Only!**',
+ control: 'select',
+ options: Object.keys(Icons)
+ },
+ color: {
+ control: 'color'
+ },
+ size: {
+ control: 'select',
+ options: ['small', 'medium', 'large', 40]
+ }
+ }
+};
diff --git a/src/icons/experimental/AccountOutlineIcon.tsx b/src/icons/experimental/AccountOutlineIcon.tsx
index eaa3c049f..af7b4f411 100644
--- a/src/icons/experimental/AccountOutlineIcon.tsx
+++ b/src/icons/experimental/AccountOutlineIcon.tsx
@@ -19,7 +19,7 @@ const AccountOutlineIcon: React.FC = ({ size = 'medium', color = 'inherit
>
);
diff --git a/src/icons/experimental/CarGroupOutlineIcon.tsx b/src/icons/experimental/CarGroupOutlineIcon.tsx
index 5ea8bf0be..a6b343206 100644
--- a/src/icons/experimental/CarGroupOutlineIcon.tsx
+++ b/src/icons/experimental/CarGroupOutlineIcon.tsx
@@ -21,7 +21,7 @@ const CarGroupOutlineIcon: React.FC = ({ size = 'medium', color = 'inheri
fillRule="evenodd"
clipRule="evenodd"
d="M20.025 4c-.2-.6-.8-1-1.4-1h-11c-.7 0-1.2.4-1.4 1l-.35 1h12.35l1.1 3 .8 2v9h1c.5 0 1-.5 1-1v-8l-2.1-6zm-4.4 2c.6 0 1.2.4 1.4 1l2.1 6v8c0 .5-.5 1-1 1h-1c-.5 0-1-.5-1-1v-1h-12v1c0 .5-.4 1-1 1h-1c-.5 0-1-.5-1-1v-8l2.1-6c.2-.6.7-1 1.4-1h11zm-.4 2h-10.3l-1 3h12.4l-1.1-3zm-12.1 10h14v-5h-14v5zm4-2.5c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5.7 1.5 1.5 1.5 1.5-.7 1.5-1.5zm9 0c0-.8-.7-1.5-1.5-1.5s-1.5.7-1.5 1.5.7 1.5 1.5 1.5 1.5-.7 1.5-1.5z"
- fill="#000"
+ fill="currentColor"
/>
);
diff --git a/src/icons/experimental/CarOutlineIcon.tsx b/src/icons/experimental/CarOutlineIcon.tsx
index d942af384..1434a9e90 100644
--- a/src/icons/experimental/CarOutlineIcon.tsx
+++ b/src/icons/experimental/CarOutlineIcon.tsx
@@ -19,7 +19,7 @@ const CarOutlineIcon: React.FC = ({ size = 'medium', color = 'inherit', .
>
);
diff --git a/src/icons/experimental/LocationIcon.tsx b/src/icons/experimental/LocationIcon.tsx
index fc638c49a..df4d8d01d 100644
--- a/src/icons/experimental/LocationIcon.tsx
+++ b/src/icons/experimental/LocationIcon.tsx
@@ -19,7 +19,7 @@ const LocationIcon: React.FC = ({ size = 'medium', color = 'inherit', ...
>
);