diff --git a/code/addons/toolbars/template/stories/preview.ts b/code/addons/toolbars/template/stories/preview.ts
index f51f24e743e0..c37009553346 100644
--- a/code/addons/toolbars/template/stories/preview.ts
+++ b/code/addons/toolbars/template/stories/preview.ts
@@ -6,10 +6,10 @@ export const globalTypes = {
icon: 'circlehollow',
title: 'Theme',
items: [
- { value: 'light', icon: 'circlehollow', title: 'light' },
- { value: 'dark', icon: 'circle', title: 'dark' },
- { value: 'side-by-side', icon: 'sidebar', title: 'side by side' },
- { value: 'stacked', icon: 'bottombar', title: 'stacked' },
+ { value: 'light', icon: 'sun', title: 'light' },
+ { value: 'dark', icon: 'moon', title: 'dark' },
+ { value: 'side-by-side', icon: 'sidebyside', title: 'side by side' },
+ { value: 'stacked', icon: 'stacked', title: 'stacked' },
],
},
},
diff --git a/code/ui/components/src/icon/icons.tsx b/code/ui/components/src/icon/icons.tsx
index fb708da90919..ed235f5cd672 100644
--- a/code/ui/components/src/icon/icons.tsx
+++ b/code/ui/components/src/icon/icons.tsx
@@ -1106,6 +1106,40 @@ export const icons = {
>
),
+ sidebyside: (
+ <>
+
+ >
+ ),
+ stacked: (
+ <>
+
+ >
+ ),
+ sun: (
+ <>
+
+
+
+ >
+ ),
+ moon: (
+ <>
+
+ >
+ ),
book: (
<>