diff --git a/apps/www/src/app/examples/page.tsx b/apps/www/src/app/examples/page.tsx
index 5c3b3a908..565fb078f 100644
--- a/apps/www/src/app/examples/page.tsx
+++ b/apps/www/src/app/examples/page.tsx
@@ -11,6 +11,9 @@ import {
 import React, { useState } from "react";
 import {
   BellIcon,
+  BellSlashIcon,
+  CoinColoredIcon,
+  CoinIcon,
   FilterIcon,
   OrganizationIcon,
   SidebarIcon,
@@ -42,7 +45,7 @@ const Page = () => {
         }}
       >
         <Sidebar.Header
-          logo={<BellIcon width={24} height={24} />}
+          logo={<SidebarIcon width={24} height={24} />}
           title="Raystack"
           onLogoClick={() => console.log("Logo clicked")}
         />
diff --git a/packages/raystack/package.json b/packages/raystack/package.json
index eaee8e893..8d85239b6 100644
--- a/packages/raystack/package.json
+++ b/packages/raystack/package.json
@@ -46,7 +46,7 @@
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
-    "build:icons": "node scripts/create-icons.js"
+    "build:icons": "node v1/icons/create-icons.js"
   },
   "typesVersions": {
     "*": {
diff --git a/packages/raystack/scripts/create-icons.js b/packages/raystack/v1/icons/create-icons.js
similarity index 89%
rename from packages/raystack/scripts/create-icons.js
rename to packages/raystack/v1/icons/create-icons.js
index 0874d76a5..f3cb5498e 100644
--- a/packages/raystack/scripts/create-icons.js
+++ b/packages/raystack/v1/icons/create-icons.js
@@ -1,11 +1,13 @@
 const fs = require("fs/promises");
 const path = require("path");
 
-const ICON_FOLDER = path.join(__dirname, "..", "v1", "icons");
+const ICON_FOLDER = path.join(__dirname);
 const ICON_ASSETS = path.join(ICON_FOLDER, "assets");
 
 const FILE_INITIAL_CONTENT = `// This file is automatically generated by "npm run build:icons"
 // Do not edit this file manually
+// filled icons should be named without -filled suffix
+// outline icons need not have any suffix
 `;
 
 const getIconName = (filename) => {
diff --git a/packages/raystack/v1/icons/filled/bell-slash-filled.svg b/packages/raystack/v1/icons/filled/bell-slash-filled.svg
new file mode 100644
index 000000000..28b837ae8
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/bell-slash-filled.svg
@@ -0,0 +1,9 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bell-slash">
+<g id="Union">
+<path d="M2.35355 1.64645C2.15829 1.45118 1.84171 1.45118 1.64645 1.64645C1.45118 1.84171 1.45118 2.15829 1.64645 2.35355L13.6464 14.3536C13.8417 14.5488 14.1583 14.5488 14.3536 14.3536C14.5488 14.1583 14.5488 13.8417 14.3536 13.6464L2.35355 1.64645Z" fill="currentColor"/>
+<path d="M13.7139 10.9836C13.5649 11.0387 13.4148 11.0916 13.2637 11.1424L4.87926 2.75794C5.68831 1.97898 6.78822 1.5 8.00001 1.5C10.4853 1.5 12.5 3.51472 12.5 6L12.4999 6.03279V6.5C12.4999 7.91542 13.0339 9.20494 13.9122 10.1799C14.0232 10.3031 14.0659 10.4734 14.0262 10.6344C13.9865 10.7954 13.8695 10.9262 13.7139 10.9836Z" fill="currentColor"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.50001 5.99987C3.50001 5.87732 3.50491 5.75592 3.51453 5.63585L10.4373 12.5587C10.1836 13.6704 9.18867 14.5 8.00001 14.5C6.6193 14.5 5.50001 13.3807 5.50001 12C5.50001 11.9371 5.50234 11.8747 5.50693 11.8128C4.39289 11.644 3.31525 11.3637 2.28583 10.9836C2.13026 10.9262 2.01328 10.7954 1.97355 10.6344C1.93382 10.4734 1.97651 10.3031 2.08751 10.1799C2.96586 9.20494 3.49988 7.91542 3.49988 6.5L3.50001 5.99987ZM6.50148 11.9328C6.5005 11.9551 6.50001 11.9775 6.50001 12C6.50001 12.8284 7.17158 13.5 8.00001 13.5C8.82843 13.5 9.50001 12.8284 9.50001 12C9.50001 11.9775 9.49951 11.9551 9.49854 11.9328C9.00482 11.9773 8.50494 12 7.99988 12C7.4949 12 6.99511 11.9773 6.50148 11.9328Z" fill="currentColor"/>
+</g>
+</g>
+</svg>
diff --git a/packages/raystack/v1/icons/filled/buildings-filled.svg b/packages/raystack/v1/icons/filled/buildings-filled.svg
new file mode 100644
index 000000000..3263bb093
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/buildings-filled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.800049 2.19998C0.800049 2.04085 0.863263 1.88823 0.975785 1.77571C1.08831 1.66319 1.24092 1.59998 1.40005 1.59998H9.80005C9.95918 1.59998 10.1118 1.66319 10.2243 1.77571C10.3368 1.88823 10.4 2.04085 10.4 2.19998C10.4 2.35911 10.3368 2.51172 10.2243 2.62424C10.1118 2.73676 9.95918 2.79998 9.80005 2.79998H9.60005V13.8C9.60005 13.9591 9.53683 14.1117 9.42431 14.2242C9.31179 14.3368 9.15918 14.4 9.00005 14.4H7.80005C7.64092 14.4 7.48831 14.3368 7.37578 14.2242C7.26326 14.1117 7.20005 13.9591 7.20005 13.8V11.8C7.20005 11.6408 7.13683 11.4882 7.02431 11.3757C6.91179 11.2632 6.75918 11.2 6.60005 11.2H4.60005C4.44092 11.2 4.28831 11.2632 4.17578 11.3757C4.06326 11.4882 4.00005 11.6408 4.00005 11.8V13.8C4.00005 13.9591 3.93683 14.1117 3.82431 14.2242C3.71179 14.3368 3.55918 14.4 3.40005 14.4H1.40005C1.24092 14.4 1.08831 14.3368 0.975785 14.2242C0.863263 14.1117 0.800049 13.9591 0.800049 13.8C0.800049 13.6408 0.863263 13.4882 0.975785 13.3757C1.08831 13.2632 1.24092 13.2 1.40005 13.2H1.60005V2.79998H1.40005C1.24092 2.79998 1.08831 2.73676 0.975785 2.62424C0.863263 2.51172 0.800049 2.35911 0.800049 2.19998ZM3.20005 4.39998C3.20005 4.29389 3.24219 4.19215 3.31721 4.11713C3.39222 4.04212 3.49396 3.99998 3.60005 3.99998H4.40005C4.50614 3.99998 4.60788 4.04212 4.68289 4.11713C4.75791 4.19215 4.80005 4.29389 4.80005 4.39998V5.19998C4.80005 5.30606 4.75791 5.4078 4.68289 5.48282C4.60788 5.55783 4.50614 5.59998 4.40005 5.59998H3.60005C3.49396 5.59998 3.39222 5.55783 3.31721 5.48282C3.24219 5.4078 3.20005 5.30606 3.20005 5.19998V4.39998ZM3.60005 7.19998C3.49396 7.19998 3.39222 7.24212 3.31721 7.31713C3.24219 7.39215 3.20005 7.49389 3.20005 7.59998V8.39998C3.20005 8.50606 3.24219 8.6078 3.31721 8.68282C3.39222 8.75783 3.49396 8.79998 3.60005 8.79998H4.40005C4.50614 8.79998 4.60788 8.75783 4.68289 8.68282C4.75791 8.6078 4.80005 8.50606 4.80005 8.39998V7.59998C4.80005 7.49389 4.75791 7.39215 4.68289 7.31713C4.60788 7.24212 4.50614 7.19998 4.40005 7.19998H3.60005ZM6.40005 4.39998C6.40005 4.29389 6.44219 4.19215 6.51721 4.11713C6.59222 4.04212 6.69396 3.99998 6.80005 3.99998H7.60005C7.70613 3.99998 7.80788 4.04212 7.88289 4.11713C7.95791 4.19215 8.00005 4.29389 8.00005 4.39998V5.19998C8.00005 5.30606 7.95791 5.4078 7.88289 5.48282C7.80788 5.55783 7.70613 5.59998 7.60005 5.59998H6.80005C6.69396 5.59998 6.59222 5.55783 6.51721 5.48282C6.44219 5.4078 6.40005 5.30606 6.40005 5.19998V4.39998ZM6.80005 7.19998C6.69396 7.19998 6.59222 7.24212 6.51721 7.31713C6.44219 7.39215 6.40005 7.49389 6.40005 7.59998V8.39998C6.40005 8.50606 6.44219 8.6078 6.51721 8.68282C6.59222 8.75783 6.69396 8.79998 6.80005 8.79998H7.60005C7.70613 8.79998 7.80788 8.75783 7.88289 8.68282C7.95791 8.6078 8.00005 8.50606 8.00005 8.39998V7.59998C8.00005 7.49389 7.95791 7.39215 7.88289 7.31713C7.80788 7.24212 7.70613 7.19998 7.60005 7.19998H6.80005ZM11.4 4.79998C11.2409 4.79998 11.0883 4.86319 10.9758 4.97571C10.8633 5.08823 10.8 5.24085 10.8 5.39998V13.6C10.8 13.8121 10.8843 14.0156 11.0344 14.1657C11.1844 14.3157 11.3879 14.4 11.6 14.4H14.6C14.7592 14.4 14.9118 14.3368 15.0243 14.2242C15.1368 14.1117 15.2 13.9591 15.2 13.8C15.2 13.6408 15.1368 13.4882 15.0243 13.3757C14.9118 13.2632 14.7592 13.2 14.6 13.2H14.4V5.99998H14.6C14.7592 5.99998 14.9118 5.93676 15.0243 5.82424C15.1368 5.71172 15.2 5.55911 15.2 5.39998C15.2 5.24085 15.1368 5.08823 15.0243 4.97571C14.9118 4.86319 14.7592 4.79998 14.6 4.79998H11.4ZM11.8 7.59998C11.8 7.49389 11.8422 7.39215 11.9172 7.31713C11.9922 7.24212 12.094 7.19998 12.2 7.19998H13C13.1061 7.19998 13.2079 7.24212 13.2829 7.31713C13.3579 7.39215 13.4 7.49389 13.4 7.59998V8.39998C13.4 8.50606 13.3579 8.6078 13.2829 8.68282C13.2079 8.75783 13.1061 8.79998 13 8.79998H12.2C12.094 8.79998 11.9922 8.75783 11.9172 8.68282C11.8422 8.6078 11.8 8.50606 11.8 8.39998V7.59998ZM12.2 10.4C12.094 10.4 11.9922 10.4421 11.9172 10.5171C11.8422 10.5921 11.8 10.6939 11.8 10.8V11.6C11.8 11.7061 11.8422 11.8078 11.9172 11.8828C11.9922 11.9578 12.094 12 12.2 12H13C13.1061 12 13.2079 11.9578 13.2829 11.8828C13.3579 11.8078 13.4 11.7061 13.4 11.6V10.8C13.4 10.6939 13.3579 10.5921 13.2829 10.5171C13.2079 10.4421 13.1061 10.4 13 10.4H12.2Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/packages/raystack/v1/icons/filled/check-circle-filled.svg b/packages/raystack/v1/icons/filled/check-circle-filled.svg
new file mode 100644
index 000000000..11bcac6bf
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/check-circle-filled.svg
@@ -0,0 +1,8 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g id="Check circle">
+    <circle id="Ellipse 368" cx="8" cy="8" r="6" fill="#FCFCFC" />
+    <path id="Vector" fill-rule="evenodd" clip-rule="evenodd"
+      d="M1.5 8C1.5 4.41 4.41 1.5 8 1.5C11.59 1.5 14.5 4.41 14.5 8C14.5 11.59 11.59 14.5 8 14.5C4.41 14.5 1.5 11.59 1.5 8ZM10.4067 6.79067C10.4467 6.73737 10.4756 6.67661 10.4918 6.61197C10.508 6.54732 10.5111 6.48009 10.5009 6.41424C10.4907 6.34838 10.4675 6.28522 10.4326 6.22847C10.3976 6.17171 10.3517 6.12252 10.2975 6.08377C10.2433 6.04502 10.1819 6.0175 10.1169 6.00282C10.0519 5.98814 9.98459 5.98661 9.91899 5.99831C9.85338 6.01001 9.79078 6.0347 9.73485 6.07094C9.67893 6.10718 9.63081 6.15423 9.59333 6.20933L7.436 9.22933L6.35333 8.14667C6.25855 8.05835 6.13319 8.01026 6.00365 8.01255C5.87412 8.01484 5.75053 8.06731 5.65892 8.15892C5.56731 8.25053 5.51484 8.37412 5.51255 8.50365C5.51026 8.63319 5.55835 8.75855 5.64667 8.85333L7.14667 10.3533C7.19799 10.4046 7.25987 10.4441 7.32799 10.4691C7.39612 10.4941 7.46886 10.5039 7.54118 10.498C7.61349 10.492 7.68364 10.4704 7.74675 10.4346C7.80987 10.3988 7.86443 10.3497 7.90667 10.2907L10.4067 6.79067Z"
+      fill="currentColor" />
+  </g>
+</svg>
\ No newline at end of file
diff --git a/packages/raystack/v1/icons/filled/coin-colored-filled.svg b/packages/raystack/v1/icons/filled/coin-colored-filled.svg
new file mode 100644
index 000000000..2bf73c2be
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/coin-colored-filled.svg
@@ -0,0 +1,11 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Credit coin">
+<path id="credit coin" d="M16 8.0065C15.9994 12.4409 12.4249 16.0017 7.97544 16C3.55904 15.9983 -0.00328503 12.4167 2.27331e-06 7.98151C0.00333792 3.55091 3.58307 -0.00425033 8.03664 3.81393e-06C12.439 0.00425796 16.0006 3.58509 16 8.0065ZM3.7629 8.03256C5.56222 9.09629 6.88009 10.6178 8.06512 12.2863C9.05412 10.4291 10.6565 9.21792 12.2909 8.02328C10.4607 6.98797 9.18885 5.43231 8.01919 3.74578C6.83596 5.41394 5.58083 6.97768 3.7629 8.03256Z" fill="url(#paint0_linear_4609_45749)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_4609_45749" x1="13.25" y1="2.49999" x2="3.25004" y2="14.25" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E82F72" stop-opacity="0.7"/>
+<stop offset="1" stop-color="#ED25B5" stop-opacity="0.7"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/packages/raystack/v1/icons/filled/coin-filled.svg b/packages/raystack/v1/icons/filled/coin-filled.svg
new file mode 100644
index 000000000..822227d01
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/coin-filled.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Credit coin">
+<path id="credit coin" d="M16 8.0065C15.9994 12.4409 12.4249 16.0017 7.97544 16C3.55904 15.9983 -0.00328503 12.4167 2.27331e-06 7.98151C0.00333792 3.55091 3.58307 -0.00425033 8.03664 3.81393e-06C12.439 0.00425796 16.0006 3.58509 16 8.0065ZM3.7629 8.03256C5.56222 9.09629 6.88009 10.6178 8.06512 12.2863C9.05412 10.4291 10.6565 9.21792 12.2909 8.02328C10.4607 6.98797 9.18885 5.43231 8.01919 3.74578C6.83596 5.41394 5.58083 6.97768 3.7629 8.03256Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/packages/raystack/v1/icons/filled/cross-circle-filled.svg b/packages/raystack/v1/icons/filled/cross-circle-filled.svg
new file mode 100644
index 000000000..62cd54a2b
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/cross-circle-filled.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Cross circle">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M8 1.5C4.41 1.5 1.5 4.41 1.5 8C1.5 11.59 4.41 14.5 8 14.5C11.59 14.5 14.5 11.59 14.5 8C14.5 4.41 11.59 1.5 8 1.5ZM6.85333 6.14667C6.80756 6.09754 6.75236 6.05814 6.69103 6.03081C6.62969 6.00348 6.56348 5.98879 6.49635 5.98761C6.42921 5.98642 6.36253 5.99877 6.30027 6.02392C6.23801 6.04907 6.18145 6.0865 6.13398 6.13398C6.0865 6.18145 6.04907 6.23801 6.02392 6.30027C5.99877 6.36253 5.98642 6.42921 5.98761 6.49635C5.98879 6.56348 6.00348 6.62969 6.03081 6.69103C6.05814 6.75236 6.09754 6.80756 6.14667 6.85333L7.29333 8L6.14667 9.14667C6.09754 9.19244 6.05814 9.24764 6.03081 9.30897C6.00348 9.37031 5.98879 9.43652 5.98761 9.50365C5.98642 9.57079 5.99877 9.63747 6.02392 9.69973C6.04907 9.76199 6.0865 9.81855 6.13398 9.86603C6.18145 9.9135 6.23801 9.95093 6.30027 9.97608C6.36253 10.0012 6.42921 10.0136 6.49635 10.0124C6.56348 10.0112 6.62969 9.99652 6.69103 9.96919C6.75236 9.94186 6.80756 9.90246 6.85333 9.85333L8 8.70667L9.14667 9.85333C9.19244 9.90246 9.24764 9.94186 9.30897 9.96919C9.37031 9.99652 9.43652 10.0112 9.50365 10.0124C9.57079 10.0136 9.63747 10.0012 9.69973 9.97608C9.76199 9.95093 9.81855 9.9135 9.86603 9.86603C9.9135 9.81855 9.95093 9.76199 9.97608 9.69973C10.0012 9.63747 10.0136 9.57079 10.0124 9.50365C10.0112 9.43652 9.99652 9.37031 9.96919 9.30897C9.94186 9.24764 9.90246 9.19244 9.85333 9.14667L8.70667 8L9.85333 6.85333C9.90246 6.80756 9.94186 6.75236 9.96919 6.69103C9.99652 6.62969 10.0112 6.56348 10.0124 6.49635C10.0136 6.42921 10.0012 6.36253 9.97608 6.30027C9.95093 6.23801 9.9135 6.18145 9.86603 6.13398C9.81855 6.0865 9.76199 6.04907 9.69973 6.02392C9.63747 5.99877 9.57079 5.98642 9.50365 5.98761C9.43652 5.98879 9.37031 6.00348 9.30897 6.03081C9.24764 6.05814 9.19244 6.09754 9.14667 6.14667L8 7.29333L6.85333 6.14667Z" fill="currentColor" />
+</g>
+</svg>
diff --git a/packages/raystack/v1/icons/filled/organization-filled.svg b/packages/raystack/v1/icons/filled/organization-filled.svg
new file mode 100644
index 000000000..09d3ed9d2
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/organization-filled.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="buildings">
+<path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M0.799988 2.2C0.799988 2.04087 0.863202 1.88826 0.975724 1.77573C1.08825 1.66321 1.24086 1.6 1.39999 1.6H9.79999C9.95912 1.6 10.1117 1.66321 10.2243 1.77573C10.3368 1.88826 10.4 2.04087 10.4 2.2C10.4 2.35913 10.3368 2.51174 10.2243 2.62426C10.1117 2.73678 9.95912 2.8 9.79999 2.8H9.59999V13.8C9.59999 13.9591 9.53677 14.1117 9.42425 14.2243C9.31173 14.3368 9.15912 14.4 8.99999 14.4H7.79999C7.64086 14.4 7.48825 14.3368 7.37572 14.2243C7.2632 14.1117 7.19999 13.9591 7.19999 13.8V11.8C7.19999 11.6409 7.13677 11.4883 7.02425 11.3757C6.91173 11.2632 6.75912 11.2 6.59999 11.2H4.59999C4.44086 11.2 4.28825 11.2632 4.17572 11.3757C4.0632 11.4883 3.99999 11.6409 3.99999 11.8V13.8C3.99999 13.9591 3.93677 14.1117 3.82425 14.2243C3.71173 14.3368 3.55912 14.4 3.39999 14.4H1.39999C1.24086 14.4 1.08825 14.3368 0.975724 14.2243C0.863202 14.1117 0.799988 13.9591 0.799988 13.8C0.799988 13.6409 0.863202 13.4883 0.975724 13.3757C1.08825 13.2632 1.24086 13.2 1.39999 13.2H1.59999V2.8H1.39999C1.24086 2.8 1.08825 2.73678 0.975724 2.62426C0.863202 2.51174 0.799988 2.35913 0.799988 2.2ZM3.19999 4.4C3.19999 4.29391 3.24213 4.19217 3.31715 4.11716C3.39216 4.04214 3.4939 4 3.59999 4H4.39999C4.50607 4 4.60782 4.04214 4.68283 4.11716C4.75784 4.19217 4.79999 4.29391 4.79999 4.4V5.2C4.79999 5.30609 4.75784 5.40783 4.68283 5.48284C4.60782 5.55786 4.50607 5.6 4.39999 5.6H3.59999C3.4939 5.6 3.39216 5.55786 3.31715 5.48284C3.24213 5.40783 3.19999 5.30609 3.19999 5.2V4.4ZM3.59999 7.2C3.4939 7.2 3.39216 7.24214 3.31715 7.31716C3.24213 7.39217 3.19999 7.49391 3.19999 7.6V8.4C3.19999 8.50609 3.24213 8.60783 3.31715 8.68284C3.39216 8.75786 3.4939 8.8 3.59999 8.8H4.39999C4.50607 8.8 4.60782 8.75786 4.68283 8.68284C4.75784 8.60783 4.79999 8.50609 4.79999 8.4V7.6C4.79999 7.49391 4.75784 7.39217 4.68283 7.31716C4.60782 7.24214 4.50607 7.2 4.39999 7.2H3.59999ZM6.39999 4.4C6.39999 4.29391 6.44213 4.19217 6.51714 4.11716C6.59216 4.04214 6.6939 4 6.79999 4H7.59999C7.70607 4 7.80782 4.04214 7.88283 4.11716C7.95784 4.19217 7.99999 4.29391 7.99999 4.4V5.2C7.99999 5.30609 7.95784 5.40783 7.88283 5.48284C7.80782 5.55786 7.70607 5.6 7.59999 5.6H6.79999C6.6939 5.6 6.59216 5.55786 6.51714 5.48284C6.44213 5.40783 6.39999 5.30609 6.39999 5.2V4.4ZM6.79999 7.2C6.6939 7.2 6.59216 7.24214 6.51714 7.31716C6.44213 7.39217 6.39999 7.49391 6.39999 7.6V8.4C6.39999 8.50609 6.44213 8.60783 6.51714 8.68284C6.59216 8.75786 6.6939 8.8 6.79999 8.8H7.59999C7.70607 8.8 7.80782 8.75786 7.88283 8.68284C7.95784 8.60783 7.99999 8.50609 7.99999 8.4V7.6C7.99999 7.49391 7.95784 7.39217 7.88283 7.31716C7.80782 7.24214 7.70607 7.2 7.59999 7.2H6.79999ZM11.4 4.8C11.2409 4.8 11.0882 4.86321 10.9757 4.97573C10.8632 5.08826 10.8 5.24087 10.8 5.4V13.6C10.8 13.8122 10.8843 14.0157 11.0343 14.1657C11.1843 14.3157 11.3878 14.4 11.6 14.4H14.6C14.7591 14.4 14.9117 14.3368 15.0243 14.2243C15.1368 14.1117 15.2 13.9591 15.2 13.8C15.2 13.6409 15.1368 13.4883 15.0243 13.3757C14.9117 13.2632 14.7591 13.2 14.6 13.2H14.4V6H14.6C14.7591 6 14.9117 5.93678 15.0243 5.82426C15.1368 5.71174 15.2 5.55913 15.2 5.4C15.2 5.24087 15.1368 5.08826 15.0243 4.97573C14.9117 4.86321 14.7591 4.8 14.6 4.8H11.4ZM11.8 7.6C11.8 7.49391 11.8421 7.39217 11.9171 7.31716C11.9922 7.24214 12.0939 7.2 12.2 7.2H13C13.1061 7.2 13.2078 7.24214 13.2828 7.31716C13.3578 7.39217 13.4 7.49391 13.4 7.6V8.4C13.4 8.50609 13.3578 8.60783 13.2828 8.68284C13.2078 8.75786 13.1061 8.8 13 8.8H12.2C12.0939 8.8 11.9922 8.75786 11.9171 8.68284C11.8421 8.60783 11.8 8.50609 11.8 8.4V7.6ZM12.2 10.4C12.0939 10.4 11.9922 10.4421 11.9171 10.5172C11.8421 10.5922 11.8 10.6939 11.8 10.8V11.6C11.8 11.7061 11.8421 11.8078 11.9171 11.8828C11.9922 11.9579 12.0939 12 12.2 12H13C13.1061 12 13.2078 11.9579 13.2828 11.8828C13.3578 11.8078 13.4 11.7061 13.4 11.6V10.8C13.4 10.6939 13.3578 10.5922 13.2828 10.5172C13.2078 10.4421 13.1061 10.4 13 10.4H12.2Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/packages/raystack/v1/icons/filled/shopping-bag-filled.svg b/packages/raystack/v1/icons/filled/shopping-bag-filled.svg
new file mode 100644
index 000000000..847435a93
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/shopping-bag-filled.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5 4V4.5H3.67525C3.03555 4.5 2.49908 4.98296 2.43212 5.61914L1.59001 13.6191C1.51232 14.3572 2.09101 15 2.83314 15H13.167C13.9091 15 14.4878 14.3572 14.4101 13.6191L13.568 5.61914C13.501 4.98296 12.9646 4.5 12.3249 4.5H11V4C11 2.34315 9.65686 1 8 1C6.34315 1 5 2.34315 5 4ZM8 2C6.89543 2 6 2.89543 6 4V4.5H10V4C10 2.89543 9.10457 2 8 2ZM6 7.5C6 8.60457 6.89543 9.5 8 9.5C9.10457 9.5 10 8.60457 10 7.5V7C10 6.72386 10.2239 6.5 10.5 6.5C10.7761 6.5 11 6.72386 11 7V7.5C11 9.15685 9.65686 10.5 8 10.5C6.34315 10.5 5 9.15685 5 7.5V7C5 6.72386 5.22386 6.5 5.5 6.5C5.77614 6.5 6 6.72386 6 7V7.5Z" fill="currentColor"/>
+</svg>
diff --git a/packages/raystack/v1/icons/filled/sidebar-filled.svg b/packages/raystack/v1/icons/filled/sidebar-filled.svg
new file mode 100644
index 000000000..ca9c1c150
--- /dev/null
+++ b/packages/raystack/v1/icons/filled/sidebar-filled.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="sidebar collapse">
+<path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M9.93378 1.44995H3.49046C2.36454 1.44995 1.4518 2.36269 1.4518 3.48862V12.5093C1.4518 13.6352 2.36454 14.548 3.49046 14.548H9.93378H12.5111C13.6371 14.548 14.5498 13.6352 14.5498 12.5093V3.48862C14.5498 2.36269 13.6371 1.44995 12.5111 1.44995H9.93378ZM9.18378 13.048H3.49046C3.19297 13.048 2.9518 12.8068 2.9518 12.5093V3.48862C2.9518 3.19112 3.19297 2.94995 3.49046 2.94995H9.18378V13.048Z" fill="currentColor"/>
+</g>
+</svg>
diff --git a/packages/raystack/v1/icons/index.tsx b/packages/raystack/v1/icons/index.tsx
index 2b1d9b5b6..a454bbb2a 100644
--- a/packages/raystack/v1/icons/index.tsx
+++ b/packages/raystack/v1/icons/index.tsx
@@ -1,5 +1,7 @@
 // This file is automatically generated by "npm run build:icons"
 // Do not edit this file manually
+// filled icons should be named without -filled suffix
+// outline icons need not have any suffix
 
 export { ReactComponent as BellSlashIcon } from "./assets/bell-slash.svg";
 export { ReactComponent as BellIcon } from "./assets/bell.svg";
diff --git a/packages/raystack/v1/icons/outline/bell.svg b/packages/raystack/v1/icons/outline/bell.svg
new file mode 100644
index 000000000..2237fbccf
--- /dev/null
+++ b/packages/raystack/v1/icons/outline/bell.svg
@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="bell">
+<path id="Vector" d="M9.90457 11.3878C11.1676 11.238 12.3855 10.941 13.5408 10.5146C12.5829 9.45134 11.9999 8.04376 11.9999 6.5V6.03279C12 6.02187 12 6.01094 12 6C12 3.79086 10.2091 2 8 2C5.79086 2 4 3.79086 4 6L3.99987 6.5C3.99987 8.04376 3.41685 9.45134 2.45898 10.5146C3.61427 10.9411 4.83229 11.238 6.09542 11.3878M9.90457 11.3878C9.27999 11.4619 8.64438 11.5 7.99987 11.5C7.35545 11.5 6.71992 11.4619 6.09542 11.3878M9.90457 11.3878C9.96654 11.5807 10 11.7865 10 12C10 13.1046 9.10457 14 8 14C6.89543 14 6 13.1046 6 12C6 11.7865 6.03346 11.5808 6.09542 11.3878" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>
diff --git a/packages/raystack/v1/icons/outline/filter.svg b/packages/raystack/v1/icons/outline/filter.svg
new file mode 100644
index 000000000..c16b4c241
--- /dev/null
+++ b/packages/raystack/v1/icons/outline/filter.svg
@@ -0,0 +1,7 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g id="Filter">
+    <path id="Shape" fill-rule="evenodd" clip-rule="evenodd"
+      d="M2.16675 4.80005C2.16675 4.52391 2.39061 4.30005 2.66675 4.30005H13.3334C13.6096 4.30005 13.8334 4.52391 13.8334 4.80005C13.8334 5.07619 13.6096 5.30005 13.3334 5.30005H2.66675C2.39061 5.30005 2.16675 5.07619 2.16675 4.80005ZM4.30008 8.00005C4.30008 7.72391 4.52394 7.50005 4.80008 7.50005H11.2001C11.4762 7.50005 11.7001 7.72391 11.7001 8.00005C11.7001 8.27619 11.4762 8.50005 11.2001 8.50005H4.80008C4.52394 8.50005 4.30008 8.27619 4.30008 8.00005ZM5.23341 11.2C5.23341 10.9239 5.45727 10.7 5.73341 10.7H10.2667C10.5429 10.7 10.7667 10.9239 10.7667 11.2C10.7667 11.4762 10.5429 11.7 10.2667 11.7H5.73341C5.45727 11.7 5.23341 11.4762 5.23341 11.2Z"
+      fill="currentColor" />
+  </g>
+</svg>
\ No newline at end of file