diff --git a/.storybook/main.tsx b/.storybook/main.tsx
index 10e8f0f..f2da667 100644
--- a/.storybook/main.tsx
+++ b/.storybook/main.tsx
@@ -22,12 +22,13 @@ const config: StorybookConfig = {
     if (config.resolve) {
       config.resolve.alias = {
         ...config.resolve.alias,
-        icons: path.resolve(__dirname, "/src/icons"),
+        compositions: path.resolve(__dirname, "/src/compositions"),
         hooks: path.resolve(__dirname, "/src/hooks"),
+        icons: path.resolve(__dirname, "/src/icons"),
+        layout: path.resolve(__dirname, "/src/layout"),
         providers: path.resolve(__dirname, "/src/providers"),
-        "ui/compositions": path.resolve(__dirname, "/src/ui/compositions"),
-        "ui/layout": path.resolve(__dirname, "/src/ui/layout"),
-        "ui/primitives": path.resolve(__dirname, "/src/ui/primitives"),
+        ui: path.resolve(__dirname, "/src/ui"),
+        utils: path.resolve(__dirname, "/src/utils"),
       };
     }
 
diff --git a/figma.config.json b/figma.config.json
index 9eb940a..6e779be 100644
--- a/figma.config.json
+++ b/figma.config.json
@@ -5,9 +5,9 @@
     "react": {
       "importPaths": {
         "*": "ui",
-        "src/ui/compositions/**/*": "ui/compositions",
-        "src/ui/layout/**/*": "ui/layout",
-        "src/ui/primitives/**/*": "ui/primitives",
+        "src/compositions/**/*": "compositions",
+        "src/layout/**/*": "layout",
+        "src/ui/**/*": "ui",
         "src/icons/*": "icons"
       }
     },
diff --git a/scripts/preview/Figma.stories.tsx b/scripts/preview/Figma.stories.tsx
index a374372..0545e6c 100644
--- a/scripts/preview/Figma.stories.tsx
+++ b/scripts/preview/Figma.stories.tsx
@@ -21,7 +21,7 @@ import {
   Text,
   TextAreaField,
   TextSubtitle,
-} from "ui/primitives";
+} from "ui";
 
 function Figma() {
   return <>Figma</>;
diff --git a/src/App.tsx b/src/App.tsx
index 2dade35..93da102 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,7 @@
+import { Footer, Header } from "compositions";
+import { Flex, Section } from "layout";
 import { AuthenticationProvider } from "providers";
-import { Footer, Header } from "ui/compositions";
-import { Flex, Section } from "ui/layout";
-import { TextContentTitle } from "ui/primitives";
+import { TextContentTitle } from "ui";
 
 function App() {
   return (
diff --git a/src/ui/compositions/Cards/Cards.figma.tsx b/src/compositions/Cards/Cards.figma.tsx
similarity index 92%
rename from src/ui/compositions/Cards/Cards.figma.tsx
rename to src/compositions/Cards/Cards.figma.tsx
index 67ae81c..cf5d9dc 100644
--- a/src/ui/compositions/Cards/Cards.figma.tsx
+++ b/src/compositions/Cards/Cards.figma.tsx
@@ -1,11 +1,11 @@
 import { figma } from "@figma/code-connect";
-import { Image, Text, TextHeading } from "ui/primitives";
+import { Image, Text, TextHeading } from "ui";
 import { Card } from "./Cards";
 
 figma.connect(Card, "<FIGMA_URL_CARD>", {
   props: {
     asset: figma.enum("Asset Type", {
-      Image: <Image alt="Always use alt text" aspectRatio="1-1" size="sm" />,
+      Image: <Image alt="Always use alt text" aspectRatio="1-1" size="small" />,
       Icon: figma.instance("Icon"),
     }),
     heading: figma.string("Heading"),
diff --git a/src/ui/compositions/Cards/Cards.tsx b/src/compositions/Cards/Cards.tsx
similarity index 95%
rename from src/ui/compositions/Cards/Cards.tsx
rename to src/compositions/Cards/Cards.tsx
index def55a1..6017168 100644
--- a/src/ui/compositions/Cards/Cards.tsx
+++ b/src/compositions/Cards/Cards.tsx
@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import useMediaQuery from "hooks/useMediaQuery";
+import { useMediaQuery } from "hooks";
 import { ComponentPropsWithoutRef } from "react";
 import {
   Avatar,
@@ -13,7 +13,7 @@ import {
   TextListItem,
   TextTitlePage,
 } from "ui";
-import { AnchorOrButton, AnchorOrButtonProps } from "ui/utils/AnchorOrButton";
+import { AnchorOrButton, AnchorOrButtonProps } from "utils";
 import "./cards.css";
 
 export type CardProps = ComponentPropsWithoutRef<"div"> & {
@@ -206,7 +206,7 @@ export function TestimonialCard({
     <Card {...props} direction="vertical" variant="stroke">
       <TextHeading>{heading}</TextHeading>
       <AvatarBlock title={name} description={`@${username}`}>
-        <Avatar size="lg" src={src} initials={initials} />
+        <Avatar size="large" src={src} initials={initials} />
       </AvatarBlock>
     </Card>
   );
diff --git a/src/ui/compositions/Cards/cards.css b/src/compositions/Cards/cards.css
similarity index 100%
rename from src/ui/compositions/Cards/cards.css
rename to src/compositions/Cards/cards.css
diff --git a/src/ui/compositions/Footers/Footers.figma.tsx b/src/compositions/Footers/Footers.figma.tsx
similarity index 100%
rename from src/ui/compositions/Footers/Footers.figma.tsx
rename to src/compositions/Footers/Footers.figma.tsx
diff --git a/src/ui/compositions/Footers/Footers.tsx b/src/compositions/Footers/Footers.tsx
similarity index 96%
rename from src/ui/compositions/Footers/Footers.tsx
rename to src/compositions/Footers/Footers.tsx
index 7f426eb..f2753b5 100644
--- a/src/ui/compositions/Footers/Footers.tsx
+++ b/src/compositions/Footers/Footers.tsx
@@ -1,17 +1,14 @@
-import useMediaQuery from "hooks/useMediaQuery";
+import { useMediaQuery } from "hooks";
 import { IconInstagram, IconLinkedin, IconTwitter, IconYoutube } from "icons";
+import { Flex, FlexItem, Section, type SectionProps } from "layout";
 import {
   ButtonGroup,
-  Flex,
-  FlexItem,
   IconButton,
   Logo,
-  Section,
   TextLink,
   TextLinkList,
   TextListItem,
   TextStrong,
-  type SectionProps,
 } from "ui";
 
 export type FooterProps = Omit<SectionProps, "variant" | "padding">;
@@ -22,8 +19,8 @@ export function Footer({ className, ...props }: FooterProps) {
     <Section
       elementType="footer"
       variant="stroke"
-      paddingTop="1600""
-      paddingBottom="4000""
+      paddingTop="1600"
+      paddingBottom="4000"
       style={{ marginTop: "auto" }}
       {...props}
     >
diff --git a/src/ui/compositions/Headers/Headers.figma.tsx b/src/compositions/Headers/Headers.figma.tsx
similarity index 100%
rename from src/ui/compositions/Headers/Headers.figma.tsx
rename to src/compositions/Headers/Headers.figma.tsx
diff --git a/src/ui/compositions/Headers/Headers.tsx b/src/compositions/Headers/Headers.tsx
similarity index 97%
rename from src/ui/compositions/Headers/Headers.tsx
rename to src/compositions/Headers/Headers.tsx
index 503aaf4..3f8c86f 100644
--- a/src/ui/compositions/Headers/Headers.tsx
+++ b/src/compositions/Headers/Headers.tsx
@@ -1,6 +1,7 @@
 import clsx from "clsx";
-import useMediaQuery from "hooks/useMediaQuery";
+import { useMediaQuery } from "hooks";
 import { IconChevronDown, IconMenu, IconX } from "icons";
+import { Flex, FlexItem, Section, type SectionProps } from "layout";
 import { AuthenticationContext } from "providers";
 import { useContext, useState } from "react";
 import {
@@ -10,8 +11,6 @@ import {
   ButtonGroup,
   Dialog,
   DialogModal,
-  Flex,
-  FlexItem,
   IconButton,
   Label,
   Logo,
@@ -21,10 +20,8 @@ import {
   MenuTrigger,
   Navigation,
   NavigationItem,
-  Section,
-  type SectionProps,
 } from "ui";
-import { AnchorOrButton } from "ui/utils/AnchorOrButton";
+import { AnchorOrButton } from "utils";
 import "./headers.css";
 
 export function HeaderAuth() {
diff --git a/src/ui/compositions/Headers/headers.css b/src/compositions/Headers/headers.css
similarity index 100%
rename from src/ui/compositions/Headers/headers.css
rename to src/compositions/Headers/headers.css
diff --git a/src/ui/compositions/index.ts b/src/compositions/index.ts
similarity index 100%
rename from src/ui/compositions/index.ts
rename to src/compositions/index.ts
diff --git a/src/hooks/useMediaQuery.tsx b/src/hooks/useMediaQuery.tsx
index 75a8045..83ed163 100644
--- a/src/hooks/useMediaQuery.tsx
+++ b/src/hooks/useMediaQuery.tsx
@@ -31,7 +31,7 @@ const mediaQueryKeys: MediaQueryKey[] = [
 
 type MediaQueryMatches = { [K in MediaQueryKey]: boolean };
 
-const useMediaQuery = () => {
+export const useMediaQuery = () => {
   const [matches, setMatches] = useState<MediaQueryMatches>({
     isDesktop: false,
     isTablet: false,
@@ -64,5 +64,3 @@ const useMediaQuery = () => {
 
   return matches;
 };
-
-export default useMediaQuery;
diff --git a/src/icons/IconActivity.tsx b/src/icons/IconActivity.tsx
index 8850baf..0afec1e 100644
--- a/src/icons/IconActivity.tsx
+++ b/src/icons/IconActivity.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconActivity = (props: IconProps) => (
-  <Icon {...props}><path d="M14.6666 8.8C15.1085 8.8 15.4666 8.44183 15.4666 8C15.4666 7.55817 15.1085 7.2 14.6666 7.2V8.8ZM12 8V7.2C11.6556 7.2 11.3499 7.42034 11.241 7.74702L12 8ZM9.99998 14L9.24103 14.253C9.34992 14.5797 9.65563 14.8 9.99998 14.8C10.3443 14.8 10.65 14.5797 10.7589 14.253L9.99998 14ZM5.99998 2L6.75893 1.74702C6.65003 1.42034 6.34432 1.2 5.99998 1.2C5.65564 1.2 5.34992 1.42034 5.24103 1.74702L5.99998 2ZM3.99998 8V8.8C4.34432 8.8 4.65004 8.57966 4.75893 8.25298L3.99998 8ZM1.33331 7.2C0.891485 7.2 0.533313 7.55817 0.533313 8C0.533313 8.44183 0.891485 8.8 1.33331 8.8V7.2ZM14.6666 7.2H12V8.8H14.6666V7.2ZM11.241 7.74702L9.24103 13.747L10.7589 14.253L12.7589 8.25298L11.241 7.74702ZM10.7589 13.747L6.75893 1.74702L5.24103 2.25298L9.24103 14.253L10.7589 13.747ZM5.24103 1.74702L3.24103 7.74702L4.75893 8.25298L6.75893 2.25298L5.24103 1.74702ZM3.99998 7.2H1.33331V8.8H3.99998V7.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.6666 8.8C15.1085 8.8 15.4666 8.44183 15.4666 8C15.4666 7.55817 15.1085 7.2 14.6666 7.2V8.8ZM12 8V7.2C11.6556 7.2 11.3499 7.42034 11.241 7.74702L12 8ZM9.99998 14L9.24103 14.253C9.34992 14.5797 9.65563 14.8 9.99998 14.8C10.3443 14.8 10.65 14.5797 10.7589 14.253L9.99998 14ZM5.99998 2L6.75893 1.74702C6.65003 1.42034 6.34432 1.2 5.99998 1.2C5.65564 1.2 5.34992 1.42034 5.24103 1.74702L5.99998 2ZM3.99998 8V8.8C4.34432 8.8 4.65004 8.57966 4.75893 8.25298L3.99998 8ZM1.33331 7.2C0.891485 7.2 0.533313 7.55817 0.533313 8C0.533313 8.44183 0.891485 8.8 1.33331 8.8V7.2ZM14.6666 7.2H12V8.8H14.6666V7.2ZM11.241 7.74702L9.24103 13.747L10.7589 14.253L12.7589 8.25298L11.241 7.74702ZM10.7589 13.747L6.75893 1.74702L5.24103 2.25298L9.24103 14.253L10.7589 13.747ZM5.24103 1.74702L3.24103 7.74702L4.75893 8.25298L6.75893 2.25298L5.24103 1.74702ZM3.99998 7.2H1.33331V8.8H3.99998V7.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconActivity,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13018",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconActivity size={size} />,
+  },
 );
-figma.connect(IconActivity, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13018", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconActivity size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAirplay.tsx b/src/icons/IconAirplay.tsx
index f7835a2..1d34d32 100644
--- a/src/icons/IconAirplay.tsx
+++ b/src/icons/IconAirplay.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAirplay = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33331 12.1333C3.77514 12.1333 4.13331 11.7752 4.13331 11.3333C4.13331 10.8915 3.77514 10.5333 3.33331 10.5333V12.1333ZM1.33331 10H0.533313H1.33331ZM2.66665 2V1.2V2ZM13.3333 2V1.2V2ZM12.6666 10.5333C12.2248 10.5333 11.8666 10.8915 11.8666 11.3333C11.8666 11.7752 12.2248 12.1333 12.6666 12.1333V10.5333ZM7.99998 10L8.61456 9.48785C8.46256 9.30546 8.2374 9.2 7.99998 9.2C7.76256 9.2 7.5374 9.30546 7.3854 9.48785L7.99998 10ZM11.3333 14V14.8C11.6437 14.8 11.9261 14.6204 12.0578 14.3393C12.1894 14.0582 12.1466 13.7263 11.9479 13.4879L11.3333 14ZM4.66665 14L4.05207 13.4879C3.85335 13.7263 3.81051 14.0582 3.94217 14.3393C4.07384 14.6204 4.35623 14.8 4.66665 14.8V14ZM3.33331 10.5333H2.66665V12.1333H3.33331V10.5333ZM2.66665 10.5333C2.5252 10.5333 2.38954 10.4771 2.28952 10.3771L1.15815 11.5085C1.55823 11.9086 2.10085 12.1333 2.66665 12.1333V10.5333ZM2.28952 10.3771C2.1895 10.2771 2.13331 10.1414 2.13331 10H0.533313C0.533313 10.5658 0.758074 11.1084 1.15815 11.5085L2.28952 10.3771ZM2.13331 10V3.33333H0.533313V10H2.13331ZM2.13331 3.33333C2.13331 3.19188 2.1895 3.05623 2.28952 2.95621L1.15815 1.82484C0.758074 2.22492 0.533313 2.76754 0.533313 3.33333H2.13331ZM2.28952 2.95621C2.38954 2.85619 2.5252 2.8 2.66665 2.8V1.2C2.10085 1.2 1.55823 1.42476 1.15815 1.82484L2.28952 2.95621ZM2.66665 2.8H13.3333V1.2H2.66665V2.8ZM13.3333 2.8C13.4748 2.8 13.6104 2.85619 13.7104 2.95621L14.8418 1.82484C14.4417 1.42476 13.8991 1.2 13.3333 1.2V2.8ZM13.7104 2.95621C13.8105 3.05623 13.8666 3.19188 13.8666 3.33333H15.4666C15.4666 2.76754 15.2419 2.22492 14.8418 1.82484L13.7104 2.95621ZM13.8666 3.33333V10H15.4666V3.33333H13.8666ZM13.8666 10C13.8666 10.1414 13.8105 10.2771 13.7104 10.3771L14.8418 11.5085C15.2419 11.1084 15.4666 10.5658 15.4666 10H13.8666ZM13.7104 10.3771C13.6104 10.4771 13.4748 10.5333 13.3333 10.5333V12.1333C13.8991 12.1333 14.4417 11.9086 14.8418 11.5085L13.7104 10.3771ZM13.3333 10.5333H12.6666V12.1333H13.3333V10.5333ZM7.3854 10.5121L10.7187 14.5121L11.9479 13.4879L8.61456 9.48785L7.3854 10.5121ZM11.3333 13.2H4.66665V14.8H11.3333V13.2ZM5.28122 14.5121L8.61456 10.5121L7.3854 9.48785L4.05207 13.4879L5.28122 14.5121Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33331 12.1333C3.77514 12.1333 4.13331 11.7752 4.13331 11.3333C4.13331 10.8915 3.77514 10.5333 3.33331 10.5333V12.1333ZM1.33331 10H0.533313H1.33331ZM2.66665 2V1.2V2ZM13.3333 2V1.2V2ZM12.6666 10.5333C12.2248 10.5333 11.8666 10.8915 11.8666 11.3333C11.8666 11.7752 12.2248 12.1333 12.6666 12.1333V10.5333ZM7.99998 10L8.61456 9.48785C8.46256 9.30546 8.2374 9.2 7.99998 9.2C7.76256 9.2 7.5374 9.30546 7.3854 9.48785L7.99998 10ZM11.3333 14V14.8C11.6437 14.8 11.9261 14.6204 12.0578 14.3393C12.1894 14.0582 12.1466 13.7263 11.9479 13.4879L11.3333 14ZM4.66665 14L4.05207 13.4879C3.85335 13.7263 3.81051 14.0582 3.94217 14.3393C4.07384 14.6204 4.35623 14.8 4.66665 14.8V14ZM3.33331 10.5333H2.66665V12.1333H3.33331V10.5333ZM2.66665 10.5333C2.5252 10.5333 2.38954 10.4771 2.28952 10.3771L1.15815 11.5085C1.55823 11.9086 2.10085 12.1333 2.66665 12.1333V10.5333ZM2.28952 10.3771C2.1895 10.2771 2.13331 10.1414 2.13331 10H0.533313C0.533313 10.5658 0.758074 11.1084 1.15815 11.5085L2.28952 10.3771ZM2.13331 10V3.33333H0.533313V10H2.13331ZM2.13331 3.33333C2.13331 3.19188 2.1895 3.05623 2.28952 2.95621L1.15815 1.82484C0.758074 2.22492 0.533313 2.76754 0.533313 3.33333H2.13331ZM2.28952 2.95621C2.38954 2.85619 2.5252 2.8 2.66665 2.8V1.2C2.10085 1.2 1.55823 1.42476 1.15815 1.82484L2.28952 2.95621ZM2.66665 2.8H13.3333V1.2H2.66665V2.8ZM13.3333 2.8C13.4748 2.8 13.6104 2.85619 13.7104 2.95621L14.8418 1.82484C14.4417 1.42476 13.8991 1.2 13.3333 1.2V2.8ZM13.7104 2.95621C13.8105 3.05623 13.8666 3.19188 13.8666 3.33333H15.4666C15.4666 2.76754 15.2419 2.22492 14.8418 1.82484L13.7104 2.95621ZM13.8666 3.33333V10H15.4666V3.33333H13.8666ZM13.8666 10C13.8666 10.1414 13.8105 10.2771 13.7104 10.3771L14.8418 11.5085C15.2419 11.1084 15.4666 10.5658 15.4666 10H13.8666ZM13.7104 10.3771C13.6104 10.4771 13.4748 10.5333 13.3333 10.5333V12.1333C13.8991 12.1333 14.4417 11.9086 14.8418 11.5085L13.7104 10.3771ZM13.3333 10.5333H12.6666V12.1333H13.3333V10.5333ZM7.3854 10.5121L10.7187 14.5121L11.9479 13.4879L8.61456 9.48785L7.3854 10.5121ZM11.3333 13.2H4.66665V14.8H11.3333V13.2ZM5.28122 14.5121L8.61456 10.5121L7.3854 9.48785L4.05207 13.4879L5.28122 14.5121Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconAirplay,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13019",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAirplay size={size} />,
+  },
 );
-figma.connect(IconAirplay, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13019", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAirplay size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlertCircle.tsx b/src/icons/IconAlertCircle.tsx
index d48501e..90b3a17 100644
--- a/src/icons/IconAlertCircle.tsx
+++ b/src/icons/IconAlertCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlertCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15555)"><path d="M8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM7.20004 7.99992C7.20004 8.44175 7.55821 8.79992 8.00004 8.79992C8.44187 8.79992 8.80004 8.44175 8.80004 7.99992H7.20004ZM8.00004 9.86658C7.55821 9.86658 7.20004 10.2248 7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666V9.86658ZM8.00671 11.4666C8.44853 11.4666 8.80671 11.1084 8.80671 10.6666C8.80671 10.2248 8.44853 9.86658 8.00671 9.86658V11.4666ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM7.20004 5.33325V7.99992H8.80004V5.33325H7.20004ZM8.00004 11.4666H8.00671V9.86658H8.00004V11.4666Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15555"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15555)">
+      <path
+        d="M8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM7.20004 7.99992C7.20004 8.44175 7.55821 8.79992 8.00004 8.79992C8.44187 8.79992 8.80004 8.44175 8.80004 7.99992H7.20004ZM8.00004 9.86658C7.55821 9.86658 7.20004 10.2248 7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666V9.86658ZM8.00671 11.4666C8.44853 11.4666 8.80671 11.1084 8.80671 10.6666C8.80671 10.2248 8.44853 9.86658 8.00671 9.86658V11.4666ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM7.20004 5.33325V7.99992H8.80004V5.33325H7.20004ZM8.00004 11.4666H8.00671V9.86658H8.00004V11.4666Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15555">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconAlertCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13020",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlertCircle size={size} />,
+  },
 );
-figma.connect(IconAlertCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13020", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlertCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlertOctagon.tsx b/src/icons/IconAlertOctagon.tsx
index 716293c..dee1dc0 100644
--- a/src/icons/IconAlertOctagon.tsx
+++ b/src/icons/IconAlertOctagon.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlertOctagon = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15557)"><path d="M5.24004 1.33325V0.533252C5.02787 0.533252 4.82438 0.617537 4.67436 0.767567L5.24004 1.33325ZM10.76 1.33325L11.3257 0.767567C11.1757 0.617537 10.9722 0.533252 10.76 0.533252V1.33325ZM14.6667 5.23992H15.4667C15.4667 5.02775 15.3824 4.82426 15.2324 4.67423L14.6667 5.23992ZM14.6667 10.7599L15.2324 11.3256C15.3824 11.1756 15.4667 10.9721 15.4667 10.7599H14.6667ZM10.76 14.6666V15.4666C10.9722 15.4666 11.1757 15.3823 11.3257 15.2323L10.76 14.6666ZM5.24004 14.6666L4.67436 15.2323C4.82438 15.3823 5.02787 15.4666 5.24004 15.4666V14.6666ZM1.33337 10.7599H0.533374C0.533374 10.9721 0.61766 11.1756 0.767689 11.3256L1.33337 10.7599ZM1.33337 5.23992L0.767689 4.67423C0.61766 4.82426 0.533374 5.02775 0.533374 5.23992H1.33337ZM8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM7.20004 7.99992C7.20004 8.44175 7.55821 8.79992 8.00004 8.79992C8.44187 8.79992 8.80004 8.44175 8.80004 7.99992H7.20004ZM8.00004 9.86658C7.55821 9.86658 7.20004 10.2248 7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666V9.86658ZM8.00671 11.4666C8.44853 11.4666 8.80671 11.1084 8.80671 10.6666C8.80671 10.2248 8.44853 9.86658 8.00671 9.86658V11.4666ZM5.24004 2.13325H10.76V0.533252H5.24004V2.13325ZM10.1944 1.89894L14.101 5.8056L15.2324 4.67423L11.3257 0.767567L10.1944 1.89894ZM13.8667 5.23992V10.7599H15.4667V5.23992H13.8667ZM14.101 10.1942L10.1944 14.1009L11.3257 15.2323L15.2324 11.3256L14.101 10.1942ZM10.76 13.8666H5.24004V15.4666H10.76V13.8666ZM5.80573 14.1009L1.89906 10.1942L0.767689 11.3256L4.67436 15.2323L5.80573 14.1009ZM2.13337 10.7599V5.23992H0.533374V10.7599H2.13337ZM1.89906 5.8056L5.80573 1.89894L4.67436 0.767567L0.767689 4.67423L1.89906 5.8056ZM7.20004 5.33325V7.99992H8.80004V5.33325H7.20004ZM8.00004 11.4666H8.00671V9.86658H8.00004V11.4666Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15557"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15557)">
+      <path
+        d="M5.24004 1.33325V0.533252C5.02787 0.533252 4.82438 0.617537 4.67436 0.767567L5.24004 1.33325ZM10.76 1.33325L11.3257 0.767567C11.1757 0.617537 10.9722 0.533252 10.76 0.533252V1.33325ZM14.6667 5.23992H15.4667C15.4667 5.02775 15.3824 4.82426 15.2324 4.67423L14.6667 5.23992ZM14.6667 10.7599L15.2324 11.3256C15.3824 11.1756 15.4667 10.9721 15.4667 10.7599H14.6667ZM10.76 14.6666V15.4666C10.9722 15.4666 11.1757 15.3823 11.3257 15.2323L10.76 14.6666ZM5.24004 14.6666L4.67436 15.2323C4.82438 15.3823 5.02787 15.4666 5.24004 15.4666V14.6666ZM1.33337 10.7599H0.533374C0.533374 10.9721 0.61766 11.1756 0.767689 11.3256L1.33337 10.7599ZM1.33337 5.23992L0.767689 4.67423C0.61766 4.82426 0.533374 5.02775 0.533374 5.23992H1.33337ZM8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM7.20004 7.99992C7.20004 8.44175 7.55821 8.79992 8.00004 8.79992C8.44187 8.79992 8.80004 8.44175 8.80004 7.99992H7.20004ZM8.00004 9.86658C7.55821 9.86658 7.20004 10.2248 7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666V9.86658ZM8.00671 11.4666C8.44853 11.4666 8.80671 11.1084 8.80671 10.6666C8.80671 10.2248 8.44853 9.86658 8.00671 9.86658V11.4666ZM5.24004 2.13325H10.76V0.533252H5.24004V2.13325ZM10.1944 1.89894L14.101 5.8056L15.2324 4.67423L11.3257 0.767567L10.1944 1.89894ZM13.8667 5.23992V10.7599H15.4667V5.23992H13.8667ZM14.101 10.1942L10.1944 14.1009L11.3257 15.2323L15.2324 11.3256L14.101 10.1942ZM10.76 13.8666H5.24004V15.4666H10.76V13.8666ZM5.80573 14.1009L1.89906 10.1942L0.767689 11.3256L4.67436 15.2323L5.80573 14.1009ZM2.13337 10.7599V5.23992H0.533374V10.7599H2.13337ZM1.89906 5.8056L5.80573 1.89894L4.67436 0.767567L0.767689 4.67423L1.89906 5.8056ZM7.20004 5.33325V7.99992H8.80004V5.33325H7.20004ZM8.00004 11.4666H8.00671V9.86658H8.00004V11.4666Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15557">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconAlertOctagon,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13021",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlertOctagon size={size} />,
+  },
 );
-figma.connect(IconAlertOctagon, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13021", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlertOctagon size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlertTriangle.tsx b/src/icons/IconAlertTriangle.tsx
index f5a0cab..d67ae43 100644
--- a/src/icons/IconAlertTriangle.tsx
+++ b/src/icons/IconAlertTriangle.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlertTriangle = (props: IconProps) => (
-  <Icon {...props}><path d="M6.86001 2.57323L6.176 2.15832L6.17372 2.16213L6.86001 2.57323ZM1.21335 11.9999L0.526965 11.5887L0.520555 11.5998L1.21335 11.9999ZM2.35335 13.9999L2.34455 14.7999H2.35335V13.9999ZM13.6467 13.9999V14.7999L13.6555 14.7998L13.6467 13.9999ZM14.7867 11.9999L15.4796 11.5998L15.473 11.5888L14.7867 11.9999ZM9.14001 2.57323L9.82632 2.16212L9.82401 2.15832L9.14001 2.57323ZM8.00001 1.9314V1.1314V1.9314ZM8.80001 5.99989C8.80001 5.55806 8.44184 5.19989 8.00001 5.19989C7.55819 5.19989 7.20001 5.55806 7.20001 5.99989H8.80001ZM7.20001 8.66656C7.20001 9.10839 7.55819 9.46656 8.00001 9.46656C8.44184 9.46656 8.80001 9.10839 8.80001 8.66656H7.20001ZM8.00001 10.5332C7.55819 10.5332 7.20001 10.8914 7.20001 11.3332C7.20001 11.7751 7.55819 12.1332 8.00001 12.1332V10.5332ZM8.00668 12.1332C8.44851 12.1332 8.80668 11.7751 8.80668 11.3332C8.80668 10.8914 8.44851 10.5332 8.00668 10.5332V12.1332ZM6.17372 2.16213L0.527053 11.5888L1.89964 12.411L7.54631 2.98432L6.17372 2.16213ZM0.520555 11.5998C0.334281 11.9224 0.235719 12.2882 0.234676 12.6607L1.83467 12.6651C1.83493 12.572 1.85957 12.4806 1.90614 12.3999L0.520555 11.5998ZM0.234676 12.6607C0.233633 13.0332 0.330145 13.3994 0.51461 13.7231L1.90465 12.9307C1.85854 12.8498 1.83441 12.7583 1.83467 12.6651L0.234676 12.6607ZM0.51461 13.7231C0.699074 14.0467 0.965061 14.3164 1.28611 14.5053L2.09753 13.1263C2.01727 13.0791 1.95077 13.0117 1.90465 12.9307L0.51461 13.7231ZM1.28611 14.5053C1.60715 14.6942 1.97207 14.7958 2.34455 14.7998L2.36214 13.1999C2.26902 13.1989 2.17779 13.1735 2.09753 13.1263L1.28611 14.5053ZM2.35335 14.7999H13.6467V13.1999H2.35335V14.7999ZM13.6555 14.7998C14.028 14.7958 14.3929 14.6942 14.7139 14.5053L13.9025 13.1263C13.8222 13.1735 13.731 13.1989 13.6379 13.1999L13.6555 14.7998ZM14.7139 14.5053C15.035 14.3164 15.301 14.0467 15.4854 13.7231L14.0954 12.9307C14.0493 13.0117 13.9828 13.0791 13.9025 13.1263L14.7139 14.5053ZM15.4854 13.7231C15.6699 13.3995 15.7664 13.0332 15.7654 12.6607L14.1654 12.6651C14.1656 12.7583 14.1415 12.8498 14.0954 12.9307L15.4854 13.7231ZM15.7654 12.6607C15.7643 12.2882 15.6657 11.9224 15.4795 11.5998L14.0939 12.3999C14.1405 12.4806 14.1651 12.572 14.1654 12.6651L15.7654 12.6607ZM15.473 11.5888L9.82631 2.16213L8.45372 2.98432L14.1004 12.411L15.473 11.5888ZM9.82401 2.15832C9.63386 1.84484 9.36612 1.58565 9.04662 1.40577L8.26167 2.79999C8.34154 2.84496 8.40847 2.90976 8.45601 2.98813L9.82401 2.15832ZM9.04662 1.40577C8.72713 1.22589 8.36666 1.1314 8.00001 1.1314V2.7314C8.09168 2.7314 8.18179 2.75502 8.26167 2.79999L9.04662 1.40577ZM8.00001 1.1314C7.63336 1.1314 7.2729 1.22589 6.95341 1.40577L7.73836 2.79999C7.81824 2.75502 7.90835 2.7314 8.00001 2.7314V1.1314ZM6.95341 1.40577C6.63391 1.58565 6.36617 1.84484 6.17601 2.15832L7.54401 2.98813C7.59155 2.90976 7.65849 2.84496 7.73836 2.79999L6.95341 1.40577ZM7.20001 5.99989V8.66656H8.80001V5.99989H7.20001ZM8.00001 12.1332H8.00668V10.5332H8.00001V12.1332Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.86001 2.57323L6.176 2.15832L6.17372 2.16213L6.86001 2.57323ZM1.21335 11.9999L0.526965 11.5887L0.520555 11.5998L1.21335 11.9999ZM2.35335 13.9999L2.34455 14.7999H2.35335V13.9999ZM13.6467 13.9999V14.7999L13.6555 14.7998L13.6467 13.9999ZM14.7867 11.9999L15.4796 11.5998L15.473 11.5888L14.7867 11.9999ZM9.14001 2.57323L9.82632 2.16212L9.82401 2.15832L9.14001 2.57323ZM8.00001 1.9314V1.1314V1.9314ZM8.80001 5.99989C8.80001 5.55806 8.44184 5.19989 8.00001 5.19989C7.55819 5.19989 7.20001 5.55806 7.20001 5.99989H8.80001ZM7.20001 8.66656C7.20001 9.10839 7.55819 9.46656 8.00001 9.46656C8.44184 9.46656 8.80001 9.10839 8.80001 8.66656H7.20001ZM8.00001 10.5332C7.55819 10.5332 7.20001 10.8914 7.20001 11.3332C7.20001 11.7751 7.55819 12.1332 8.00001 12.1332V10.5332ZM8.00668 12.1332C8.44851 12.1332 8.80668 11.7751 8.80668 11.3332C8.80668 10.8914 8.44851 10.5332 8.00668 10.5332V12.1332ZM6.17372 2.16213L0.527053 11.5888L1.89964 12.411L7.54631 2.98432L6.17372 2.16213ZM0.520555 11.5998C0.334281 11.9224 0.235719 12.2882 0.234676 12.6607L1.83467 12.6651C1.83493 12.572 1.85957 12.4806 1.90614 12.3999L0.520555 11.5998ZM0.234676 12.6607C0.233633 13.0332 0.330145 13.3994 0.51461 13.7231L1.90465 12.9307C1.85854 12.8498 1.83441 12.7583 1.83467 12.6651L0.234676 12.6607ZM0.51461 13.7231C0.699074 14.0467 0.965061 14.3164 1.28611 14.5053L2.09753 13.1263C2.01727 13.0791 1.95077 13.0117 1.90465 12.9307L0.51461 13.7231ZM1.28611 14.5053C1.60715 14.6942 1.97207 14.7958 2.34455 14.7998L2.36214 13.1999C2.26902 13.1989 2.17779 13.1735 2.09753 13.1263L1.28611 14.5053ZM2.35335 14.7999H13.6467V13.1999H2.35335V14.7999ZM13.6555 14.7998C14.028 14.7958 14.3929 14.6942 14.7139 14.5053L13.9025 13.1263C13.8222 13.1735 13.731 13.1989 13.6379 13.1999L13.6555 14.7998ZM14.7139 14.5053C15.035 14.3164 15.301 14.0467 15.4854 13.7231L14.0954 12.9307C14.0493 13.0117 13.9828 13.0791 13.9025 13.1263L14.7139 14.5053ZM15.4854 13.7231C15.6699 13.3995 15.7664 13.0332 15.7654 12.6607L14.1654 12.6651C14.1656 12.7583 14.1415 12.8498 14.0954 12.9307L15.4854 13.7231ZM15.7654 12.6607C15.7643 12.2882 15.6657 11.9224 15.4795 11.5998L14.0939 12.3999C14.1405 12.4806 14.1651 12.572 14.1654 12.6651L15.7654 12.6607ZM15.473 11.5888L9.82631 2.16213L8.45372 2.98432L14.1004 12.411L15.473 11.5888ZM9.82401 2.15832C9.63386 1.84484 9.36612 1.58565 9.04662 1.40577L8.26167 2.79999C8.34154 2.84496 8.40847 2.90976 8.45601 2.98813L9.82401 2.15832ZM9.04662 1.40577C8.72713 1.22589 8.36666 1.1314 8.00001 1.1314V2.7314C8.09168 2.7314 8.18179 2.75502 8.26167 2.79999L9.04662 1.40577ZM8.00001 1.1314C7.63336 1.1314 7.2729 1.22589 6.95341 1.40577L7.73836 2.79999C7.81824 2.75502 7.90835 2.7314 8.00001 2.7314V1.1314ZM6.95341 1.40577C6.63391 1.58565 6.36617 1.84484 6.17601 2.15832L7.54401 2.98813C7.59155 2.90976 7.65849 2.84496 7.73836 2.79999L6.95341 1.40577ZM7.20001 5.99989V8.66656H8.80001V5.99989H7.20001ZM8.00001 12.1332H8.00668V10.5332H8.00001V12.1332Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconAlertTriangle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13022",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlertTriangle size={size} />,
+  },
 );
-figma.connect(IconAlertTriangle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13022", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlertTriangle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlignCenter.tsx b/src/icons/IconAlignCenter.tsx
index a550bb3..3890241 100644
--- a/src/icons/IconAlignCenter.tsx
+++ b/src/icons/IconAlignCenter.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlignCenter = (props: IconProps) => (
-  <Icon {...props}><path d="M12 7.46667C12.4418 7.46667 12.8 7.10849 12.8 6.66667C12.8 6.22484 12.4418 5.86667 12 5.86667V7.46667ZM4 5.86667C3.55817 5.86667 3.2 6.22484 3.2 6.66667C3.2 7.10849 3.55817 7.46667 4 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM12 12.8C12.4418 12.8 12.8 12.4418 12.8 12C12.8 11.5582 12.4418 11.2 12 11.2V12.8ZM4 11.2C3.55817 11.2 3.2 11.5582 3.2 12C3.2 12.4418 3.55817 12.8 4 12.8V11.2ZM12 5.86667H4V7.46667H12V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM12 11.2H4V12.8H12V11.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12 7.46667C12.4418 7.46667 12.8 7.10849 12.8 6.66667C12.8 6.22484 12.4418 5.86667 12 5.86667V7.46667ZM4 5.86667C3.55817 5.86667 3.2 6.22484 3.2 6.66667C3.2 7.10849 3.55817 7.46667 4 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM12 12.8C12.4418 12.8 12.8 12.4418 12.8 12C12.8 11.5582 12.4418 11.2 12 11.2V12.8ZM4 11.2C3.55817 11.2 3.2 11.5582 3.2 12C3.2 12.4418 3.55817 12.8 4 12.8V11.2ZM12 5.86667H4V7.46667H12V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM12 11.2H4V12.8H12V11.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconAlignCenter,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13023",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlignCenter size={size} />,
+  },
 );
-figma.connect(IconAlignCenter, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13023", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlignCenter size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlignJustify.tsx b/src/icons/IconAlignJustify.tsx
index c5f62fe..9b75d06 100644
--- a/src/icons/IconAlignJustify.tsx
+++ b/src/icons/IconAlignJustify.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlignJustify = (props: IconProps) => (
-  <Icon {...props}><path d="M14 7.46667C14.4418 7.46667 14.8 7.10849 14.8 6.66667C14.8 6.22484 14.4418 5.86667 14 5.86667V7.46667ZM2 5.86667C1.55817 5.86667 1.2 6.22484 1.2 6.66667C1.2 7.10849 1.55817 7.46667 2 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM14 5.86667H2V7.46667H14V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM14 11.2H2V12.8H14V11.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 7.46667C14.4418 7.46667 14.8 7.10849 14.8 6.66667C14.8 6.22484 14.4418 5.86667 14 5.86667V7.46667ZM2 5.86667C1.55817 5.86667 1.2 6.22484 1.2 6.66667C1.2 7.10849 1.55817 7.46667 2 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM14 5.86667H2V7.46667H14V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM14 11.2H2V12.8H14V11.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconAlignJustify,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13025",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlignJustify size={size} />,
+  },
 );
-figma.connect(IconAlignJustify, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13025", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlignJustify size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlignLeft.tsx b/src/icons/IconAlignLeft.tsx
index 2e76207..1116af4 100644
--- a/src/icons/IconAlignLeft.tsx
+++ b/src/icons/IconAlignLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlignLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M11.3333 7.46667C11.7752 7.46667 12.1333 7.10849 12.1333 6.66667C12.1333 6.22484 11.7752 5.86667 11.3333 5.86667V7.46667ZM2 5.86667C1.55817 5.86667 1.2 6.22484 1.2 6.66667C1.2 7.10849 1.55817 7.46667 2 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM11.3333 12.8C11.7752 12.8 12.1333 12.4418 12.1333 12C12.1333 11.5582 11.7752 11.2 11.3333 11.2V12.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM11.3333 5.86667H2V7.46667H11.3333V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM11.3333 11.2H2V12.8H11.3333V11.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M11.3333 7.46667C11.7752 7.46667 12.1333 7.10849 12.1333 6.66667C12.1333 6.22484 11.7752 5.86667 11.3333 5.86667V7.46667ZM2 5.86667C1.55817 5.86667 1.2 6.22484 1.2 6.66667C1.2 7.10849 1.55817 7.46667 2 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM11.3333 12.8C11.7752 12.8 12.1333 12.4418 12.1333 12C12.1333 11.5582 11.7752 11.2 11.3333 11.2V12.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM11.3333 5.86667H2V7.46667H11.3333V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM11.3333 11.2H2V12.8H11.3333V11.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconAlignLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13024",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlignLeft size={size} />,
+  },
 );
-figma.connect(IconAlignLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13024", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlignLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAlignRight.tsx b/src/icons/IconAlignRight.tsx
index 092c335..555fb25 100644
--- a/src/icons/IconAlignRight.tsx
+++ b/src/icons/IconAlignRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAlignRight = (props: IconProps) => (
-  <Icon {...props}><path d="M14 7.46667C14.4418 7.46667 14.8 7.10849 14.8 6.66667C14.8 6.22484 14.4418 5.86667 14 5.86667V7.46667ZM4.66667 5.86667C4.22484 5.86667 3.86667 6.22484 3.86667 6.66667C3.86667 7.10849 4.22484 7.46667 4.66667 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM4.66667 11.2C4.22484 11.2 3.86667 11.5582 3.86667 12C3.86667 12.4418 4.22484 12.8 4.66667 12.8V11.2ZM14 5.86667H4.66667V7.46667H14V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM14 11.2H4.66667V12.8H14V11.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 7.46667C14.4418 7.46667 14.8 7.10849 14.8 6.66667C14.8 6.22484 14.4418 5.86667 14 5.86667V7.46667ZM4.66667 5.86667C4.22484 5.86667 3.86667 6.22484 3.86667 6.66667C3.86667 7.10849 4.22484 7.46667 4.66667 7.46667V5.86667ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 10.1333C14.4418 10.1333 14.8 9.77516 14.8 9.33333C14.8 8.89151 14.4418 8.53333 14 8.53333V10.1333ZM2 8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333C1.2 9.77516 1.55817 10.1333 2 10.1333V8.53333ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM4.66667 11.2C4.22484 11.2 3.86667 11.5582 3.86667 12C3.86667 12.4418 4.22484 12.8 4.66667 12.8V11.2ZM14 5.86667H4.66667V7.46667H14V5.86667ZM14 3.2H2V4.8H14V3.2ZM14 8.53333H2V10.1333H14V8.53333ZM14 11.2H4.66667V12.8H14V11.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconAlignRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13026",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAlignRight size={size} />,
+  },
 );
-figma.connect(IconAlignRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13026", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAlignRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAnchor.tsx b/src/icons/IconAnchor.tsx
index 559f946..c508159 100644
--- a/src/icons/IconAnchor.tsx
+++ b/src/icons/IconAnchor.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAnchor = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15569)"><path d="M3.33333 8.79992C3.77516 8.79992 4.13333 8.44175 4.13333 7.99992C4.13333 7.55809 3.77516 7.19992 3.33333 7.19992V8.79992ZM1.33333 7.99992V7.19992C1.12116 7.19992 0.917672 7.2842 0.767643 7.43423C0.617614 7.58426 0.533328 7.78775 0.533328 7.99992H1.33333ZM14.6667 7.99992H15.4667C15.4667 7.55809 15.1085 7.19992 14.6667 7.19992V7.99992ZM12.6667 7.19992C12.2248 7.19992 11.8667 7.55809 11.8667 7.99992C11.8667 8.44175 12.2248 8.79992 12.6667 8.79992V7.19992ZM9.19999 3.33325C9.19999 3.99599 8.66274 4.53325 7.99999 4.53325V6.13325C9.54639 6.13325 10.8 4.87965 10.8 3.33325H9.19999ZM7.99999 4.53325C7.33725 4.53325 6.79999 3.99599 6.79999 3.33325H5.19999C5.19999 4.87965 6.4536 6.13325 7.99999 6.13325V4.53325ZM6.79999 3.33325C6.79999 2.67051 7.33725 2.13325 7.99999 2.13325V0.533252C6.4536 0.533252 5.19999 1.78685 5.19999 3.33325H6.79999ZM7.99999 2.13325C8.66274 2.13325 9.19999 2.67051 9.19999 3.33325H10.8C10.8 1.78685 9.54639 0.533252 7.99999 0.533252V2.13325ZM8.79999 14.6666V5.33325H7.19999V14.6666H8.79999ZM3.33333 7.19992H1.33333V8.79992H3.33333V7.19992ZM0.533328 7.99992C0.533328 9.9802 1.31999 11.8794 2.72026 13.2796L3.85164 12.1483C2.75142 11.0481 2.13333 9.55585 2.13333 7.99992H0.533328ZM2.72026 13.2796C4.12054 14.6799 6.01971 15.4666 7.99999 15.4666V13.8666C6.44406 13.8666 4.95185 13.2485 3.85164 12.1483L2.72026 13.2796ZM7.99999 15.4666C9.98028 15.4666 11.8795 14.6799 13.2797 13.2796L12.1484 12.1483C11.0481 13.2485 9.55593 13.8666 7.99999 13.8666V15.4666ZM13.2797 13.2796C14.68 11.8794 15.4667 9.9802 15.4667 7.99992H13.8667C13.8667 9.55585 13.2486 11.0481 12.1484 12.1483L13.2797 13.2796ZM14.6667 7.19992H12.6667V8.79992H14.6667V7.19992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15569"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15569)">
+      <path
+        d="M3.33333 8.79992C3.77516 8.79992 4.13333 8.44175 4.13333 7.99992C4.13333 7.55809 3.77516 7.19992 3.33333 7.19992V8.79992ZM1.33333 7.99992V7.19992C1.12116 7.19992 0.917672 7.2842 0.767643 7.43423C0.617614 7.58426 0.533328 7.78775 0.533328 7.99992H1.33333ZM14.6667 7.99992H15.4667C15.4667 7.55809 15.1085 7.19992 14.6667 7.19992V7.99992ZM12.6667 7.19992C12.2248 7.19992 11.8667 7.55809 11.8667 7.99992C11.8667 8.44175 12.2248 8.79992 12.6667 8.79992V7.19992ZM9.19999 3.33325C9.19999 3.99599 8.66274 4.53325 7.99999 4.53325V6.13325C9.54639 6.13325 10.8 4.87965 10.8 3.33325H9.19999ZM7.99999 4.53325C7.33725 4.53325 6.79999 3.99599 6.79999 3.33325H5.19999C5.19999 4.87965 6.4536 6.13325 7.99999 6.13325V4.53325ZM6.79999 3.33325C6.79999 2.67051 7.33725 2.13325 7.99999 2.13325V0.533252C6.4536 0.533252 5.19999 1.78685 5.19999 3.33325H6.79999ZM7.99999 2.13325C8.66274 2.13325 9.19999 2.67051 9.19999 3.33325H10.8C10.8 1.78685 9.54639 0.533252 7.99999 0.533252V2.13325ZM8.79999 14.6666V5.33325H7.19999V14.6666H8.79999ZM3.33333 7.19992H1.33333V8.79992H3.33333V7.19992ZM0.533328 7.99992C0.533328 9.9802 1.31999 11.8794 2.72026 13.2796L3.85164 12.1483C2.75142 11.0481 2.13333 9.55585 2.13333 7.99992H0.533328ZM2.72026 13.2796C4.12054 14.6799 6.01971 15.4666 7.99999 15.4666V13.8666C6.44406 13.8666 4.95185 13.2485 3.85164 12.1483L2.72026 13.2796ZM7.99999 15.4666C9.98028 15.4666 11.8795 14.6799 13.2797 13.2796L12.1484 12.1483C11.0481 13.2485 9.55593 13.8666 7.99999 13.8666V15.4666ZM13.2797 13.2796C14.68 11.8794 15.4667 9.9802 15.4667 7.99992H13.8667C13.8667 9.55585 13.2486 11.0481 12.1484 12.1483L13.2797 13.2796ZM14.6667 7.19992H12.6667V8.79992H14.6667V7.19992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15569">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconAnchor,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13027",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAnchor size={size} />,
+  },
 );
-figma.connect(IconAnchor, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13027", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAnchor size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAperture.tsx b/src/icons/IconAperture.tsx
index e83a208..84959a6 100644
--- a/src/icons/IconAperture.tsx
+++ b/src/icons/IconAperture.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAperture = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15571)"><path d="M10.2328 4.93319C10.0118 4.55058 9.52254 4.41952 9.13992 4.64047C8.75731 4.86141 8.62625 5.3507 8.84719 5.73331L10.2328 4.93319ZM12.6739 12.36C12.8948 12.7426 13.3841 12.8737 13.7667 12.6527C14.1493 12.4318 14.2804 11.9425 14.0594 11.5599L12.6739 12.36ZM6.45998 4.53325C6.01815 4.53325 5.65998 4.89142 5.65998 5.33325C5.65998 5.77508 6.01815 6.13325 6.45998 6.13325V4.53325ZM14.1133 6.13325C14.5551 6.13325 14.9133 5.77508 14.9133 5.33325C14.9133 4.89142 14.5551 4.53325 14.1133 4.53325V6.13325ZM4.22719 7.59986C4.00625 7.98247 4.13731 8.47176 4.51992 8.69271C4.90254 8.91365 5.39182 8.78259 5.61277 8.39998L4.22719 7.59986ZM9.43943 1.77331C9.66038 1.3907 9.52932 0.901413 9.14671 0.680466C8.76409 0.459519 8.27481 0.590577 8.05386 0.973192L9.43943 1.77331ZM5.76719 11.0666C5.98814 11.4493 6.47742 11.5803 6.86004 11.3594C7.24265 11.1384 7.37371 10.6491 7.15277 10.2665L5.76719 11.0666ZM3.3261 3.63986C3.10515 3.25724 2.61587 3.12619 2.23325 3.34713C1.85064 3.56808 1.71958 4.05736 1.94053 4.43998L3.3261 3.63986ZM9.53998 11.4666C9.98181 11.4666 10.34 11.1084 10.34 10.6666C10.34 10.2248 9.98181 9.86658 9.53998 9.86658V11.4666ZM1.88665 9.86658C1.44482 9.86658 1.08665 10.2248 1.08665 10.6666C1.08665 11.1084 1.44482 11.4666 1.88665 11.4666V9.86658ZM11.7728 8.39998C11.9937 8.01736 11.8627 7.52808 11.48 7.30713C11.0974 7.08619 10.6081 7.21724 10.3872 7.59986L11.7728 8.39998ZM6.56053 14.2265C6.33958 14.6091 6.47064 15.0984 6.85325 15.3194C7.23587 15.5403 7.72515 15.4093 7.9461 15.0266L6.56053 14.2265ZM13.8666 7.99992C13.8666 11.24 11.2401 13.8666 7.99998 13.8666V15.4666C12.1237 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99998 13.8666C4.75991 13.8666 2.13331 11.24 2.13331 7.99992H0.533313C0.533313 12.1236 3.87625 15.4666 7.99998 15.4666V13.8666ZM2.13331 7.99992C2.13331 4.75985 4.75991 2.13325 7.99998 2.13325V0.533252C3.87625 0.533252 0.533313 3.87619 0.533313 7.99992H2.13331ZM7.99998 2.13325C11.2401 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1237 0.533252 7.99998 0.533252V2.13325ZM8.84719 5.73331L12.6739 12.36L14.0594 11.5599L10.2328 4.93319L8.84719 5.73331ZM6.45998 6.13325H14.1133V4.53325H6.45998V6.13325ZM5.61277 8.39998L9.43943 1.77331L8.05386 0.973192L4.22719 7.59986L5.61277 8.39998ZM7.15277 10.2665L3.3261 3.63986L1.94053 4.43998L5.76719 11.0666L7.15277 10.2665ZM9.53998 9.86658H1.88665V11.4666H9.53998V9.86658ZM10.3872 7.59986L6.56053 14.2265L7.9461 15.0266L11.7728 8.39998L10.3872 7.59986Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15571"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15571)">
+      <path
+        d="M10.2328 4.93319C10.0118 4.55058 9.52254 4.41952 9.13992 4.64047C8.75731 4.86141 8.62625 5.3507 8.84719 5.73331L10.2328 4.93319ZM12.6739 12.36C12.8948 12.7426 13.3841 12.8737 13.7667 12.6527C14.1493 12.4318 14.2804 11.9425 14.0594 11.5599L12.6739 12.36ZM6.45998 4.53325C6.01815 4.53325 5.65998 4.89142 5.65998 5.33325C5.65998 5.77508 6.01815 6.13325 6.45998 6.13325V4.53325ZM14.1133 6.13325C14.5551 6.13325 14.9133 5.77508 14.9133 5.33325C14.9133 4.89142 14.5551 4.53325 14.1133 4.53325V6.13325ZM4.22719 7.59986C4.00625 7.98247 4.13731 8.47176 4.51992 8.69271C4.90254 8.91365 5.39182 8.78259 5.61277 8.39998L4.22719 7.59986ZM9.43943 1.77331C9.66038 1.3907 9.52932 0.901413 9.14671 0.680466C8.76409 0.459519 8.27481 0.590577 8.05386 0.973192L9.43943 1.77331ZM5.76719 11.0666C5.98814 11.4493 6.47742 11.5803 6.86004 11.3594C7.24265 11.1384 7.37371 10.6491 7.15277 10.2665L5.76719 11.0666ZM3.3261 3.63986C3.10515 3.25724 2.61587 3.12619 2.23325 3.34713C1.85064 3.56808 1.71958 4.05736 1.94053 4.43998L3.3261 3.63986ZM9.53998 11.4666C9.98181 11.4666 10.34 11.1084 10.34 10.6666C10.34 10.2248 9.98181 9.86658 9.53998 9.86658V11.4666ZM1.88665 9.86658C1.44482 9.86658 1.08665 10.2248 1.08665 10.6666C1.08665 11.1084 1.44482 11.4666 1.88665 11.4666V9.86658ZM11.7728 8.39998C11.9937 8.01736 11.8627 7.52808 11.48 7.30713C11.0974 7.08619 10.6081 7.21724 10.3872 7.59986L11.7728 8.39998ZM6.56053 14.2265C6.33958 14.6091 6.47064 15.0984 6.85325 15.3194C7.23587 15.5403 7.72515 15.4093 7.9461 15.0266L6.56053 14.2265ZM13.8666 7.99992C13.8666 11.24 11.2401 13.8666 7.99998 13.8666V15.4666C12.1237 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99998 13.8666C4.75991 13.8666 2.13331 11.24 2.13331 7.99992H0.533313C0.533313 12.1236 3.87625 15.4666 7.99998 15.4666V13.8666ZM2.13331 7.99992C2.13331 4.75985 4.75991 2.13325 7.99998 2.13325V0.533252C3.87625 0.533252 0.533313 3.87619 0.533313 7.99992H2.13331ZM7.99998 2.13325C11.2401 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1237 0.533252 7.99998 0.533252V2.13325ZM8.84719 5.73331L12.6739 12.36L14.0594 11.5599L10.2328 4.93319L8.84719 5.73331ZM6.45998 6.13325H14.1133V4.53325H6.45998V6.13325ZM5.61277 8.39998L9.43943 1.77331L8.05386 0.973192L4.22719 7.59986L5.61277 8.39998ZM7.15277 10.2665L3.3261 3.63986L1.94053 4.43998L5.76719 11.0666L7.15277 10.2665ZM9.53998 9.86658H1.88665V11.4666H9.53998V9.86658ZM10.3872 7.59986L6.56053 14.2265L7.9461 15.0266L11.7728 8.39998L10.3872 7.59986Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15571">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconAperture,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13029",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAperture size={size} />,
+  },
 );
-figma.connect(IconAperture, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13029", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAperture size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArchive.tsx b/src/icons/IconArchive.tsx
index df57484..feb791e 100644
--- a/src/icons/IconArchive.tsx
+++ b/src/icons/IconArchive.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArchive = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15573)"><path d="M14.8 5.33333C14.8 4.89151 14.4418 4.53333 14 4.53333C13.5581 4.53333 13.2 4.89151 13.2 5.33333H14.8ZM14 14V14.8C14.4418 14.8 14.8 14.4418 14.8 14H14ZM1.99996 14H1.19996C1.19996 14.4418 1.55813 14.8 1.99996 14.8V14ZM2.79996 5.33333C2.79996 4.89151 2.44179 4.53333 1.99996 4.53333C1.55813 4.53333 1.19996 4.89151 1.19996 5.33333H2.79996ZM0.666626 2V1.2C0.224798 1.2 -0.133374 1.55817 -0.133374 2H0.666626ZM15.3333 2H16.1333C16.1333 1.55817 15.7751 1.2 15.3333 1.2V2ZM15.3333 5.33333V6.13333C15.7751 6.13333 16.1333 5.77516 16.1333 5.33333H15.3333ZM0.666626 5.33333H-0.133374C-0.133374 5.77516 0.224798 6.13333 0.666626 6.13333L0.666626 5.33333ZM6.66663 7.2C6.2248 7.2 5.86663 7.55817 5.86663 8C5.86663 8.44183 6.2248 8.8 6.66663 8.8V7.2ZM9.33329 8.8C9.77512 8.8 10.1333 8.44183 10.1333 8C10.1333 7.55817 9.77512 7.2 9.33329 7.2V8.8ZM13.2 5.33333V14H14.8V5.33333H13.2ZM14 13.2H1.99996V14.8H14V13.2ZM2.79996 14V5.33333H1.19996V14H2.79996ZM0.666626 2.8H15.3333V1.2H0.666626V2.8ZM14.5333 2V5.33333H16.1333V2H14.5333ZM15.3333 4.53333H0.666626V6.13333H15.3333V4.53333ZM1.46663 5.33333V2H-0.133374V5.33333H1.46663ZM6.66663 8.8H9.33329V7.2H6.66663V8.8Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15573"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15573)">
+      <path
+        d="M14.8 5.33333C14.8 4.89151 14.4418 4.53333 14 4.53333C13.5581 4.53333 13.2 4.89151 13.2 5.33333H14.8ZM14 14V14.8C14.4418 14.8 14.8 14.4418 14.8 14H14ZM1.99996 14H1.19996C1.19996 14.4418 1.55813 14.8 1.99996 14.8V14ZM2.79996 5.33333C2.79996 4.89151 2.44179 4.53333 1.99996 4.53333C1.55813 4.53333 1.19996 4.89151 1.19996 5.33333H2.79996ZM0.666626 2V1.2C0.224798 1.2 -0.133374 1.55817 -0.133374 2H0.666626ZM15.3333 2H16.1333C16.1333 1.55817 15.7751 1.2 15.3333 1.2V2ZM15.3333 5.33333V6.13333C15.7751 6.13333 16.1333 5.77516 16.1333 5.33333H15.3333ZM0.666626 5.33333H-0.133374C-0.133374 5.77516 0.224798 6.13333 0.666626 6.13333L0.666626 5.33333ZM6.66663 7.2C6.2248 7.2 5.86663 7.55817 5.86663 8C5.86663 8.44183 6.2248 8.8 6.66663 8.8V7.2ZM9.33329 8.8C9.77512 8.8 10.1333 8.44183 10.1333 8C10.1333 7.55817 9.77512 7.2 9.33329 7.2V8.8ZM13.2 5.33333V14H14.8V5.33333H13.2ZM14 13.2H1.99996V14.8H14V13.2ZM2.79996 14V5.33333H1.19996V14H2.79996ZM0.666626 2.8H15.3333V1.2H0.666626V2.8ZM14.5333 2V5.33333H16.1333V2H14.5333ZM15.3333 4.53333H0.666626V6.13333H15.3333V4.53333ZM1.46663 5.33333V2H-0.133374V5.33333H1.46663ZM6.66663 8.8H9.33329V7.2H6.66663V8.8Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15573">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconArchive,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13028",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArchive size={size} />,
+  },
 );
-figma.connect(IconArchive, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13028", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArchive size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowDown.tsx b/src/icons/IconArrowDown.tsx
index 706bc1e..074d4d1 100644
--- a/src/icons/IconArrowDown.tsx
+++ b/src/icons/IconArrowDown.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowDown = (props: IconProps) => (
-  <Icon {...props}><path d="M8.79992 3.33325C8.79992 2.89142 8.44175 2.53325 7.99992 2.53325C7.55809 2.53325 7.19992 2.89142 7.19992 3.33325H8.79992ZM7.99992 12.6666L7.43423 13.2323C7.74665 13.5447 8.25318 13.5447 8.5656 13.2323L7.99992 12.6666ZM13.2323 8.5656C13.5447 8.25318 13.5447 7.74665 13.2323 7.43423C12.9199 7.12181 12.4133 7.12181 12.1009 7.43423L13.2323 8.5656ZM3.89894 7.43423C3.58652 7.12181 3.07999 7.12181 2.76757 7.43423C2.45515 7.74665 2.45515 8.25318 2.76757 8.5656L3.89894 7.43423ZM7.19992 3.33325V12.6666H8.79992V3.33325H7.19992ZM12.1009 7.43423L7.43423 12.1009L8.5656 13.2323L13.2323 8.5656L12.1009 7.43423ZM8.5656 12.1009L3.89894 7.43423L2.76757 8.5656L7.43423 13.2323L8.5656 12.1009Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.79992 3.33325C8.79992 2.89142 8.44175 2.53325 7.99992 2.53325C7.55809 2.53325 7.19992 2.89142 7.19992 3.33325H8.79992ZM7.99992 12.6666L7.43423 13.2323C7.74665 13.5447 8.25318 13.5447 8.5656 13.2323L7.99992 12.6666ZM13.2323 8.5656C13.5447 8.25318 13.5447 7.74665 13.2323 7.43423C12.9199 7.12181 12.4133 7.12181 12.1009 7.43423L13.2323 8.5656ZM3.89894 7.43423C3.58652 7.12181 3.07999 7.12181 2.76757 7.43423C2.45515 7.74665 2.45515 8.25318 2.76757 8.5656L3.89894 7.43423ZM7.19992 3.33325V12.6666H8.79992V3.33325H7.19992ZM12.1009 7.43423L7.43423 12.1009L8.5656 13.2323L13.2323 8.5656L12.1009 7.43423ZM8.5656 12.1009L3.89894 7.43423L2.76757 8.5656L7.43423 13.2323L8.5656 12.1009Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13032",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowDown size={size} />,
+  },
 );
-figma.connect(IconArrowDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13032", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowDownCircle.tsx b/src/icons/IconArrowDownCircle.tsx
index 76d5f1e..ce96977 100644
--- a/src/icons/IconArrowDownCircle.tsx
+++ b/src/icons/IconArrowDownCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowDownCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15575)"><path d="M5.89906 7.43423C5.58664 7.12181 5.08011 7.12181 4.76769 7.43423C4.45527 7.74665 4.45527 8.25318 4.76769 8.5656L5.89906 7.43423ZM8.00004 10.6666L7.43436 11.2323C7.74677 11.5447 8.25331 11.5447 8.56573 11.2323L8.00004 10.6666ZM11.2324 8.5656C11.5448 8.25318 11.5448 7.74665 11.2324 7.43423C10.92 7.12181 10.4134 7.12181 10.101 7.43423L11.2324 8.5656ZM8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM4.76769 8.5656L7.43436 11.2323L8.56573 10.1009L5.89906 7.43423L4.76769 8.5656ZM8.56573 11.2323L11.2324 8.5656L10.101 7.43423L7.43436 10.1009L8.56573 11.2323ZM7.20004 5.33325V10.6666H8.80004V5.33325H7.20004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15575"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15575)">
+      <path
+        d="M5.89906 7.43423C5.58664 7.12181 5.08011 7.12181 4.76769 7.43423C4.45527 7.74665 4.45527 8.25318 4.76769 8.5656L5.89906 7.43423ZM8.00004 10.6666L7.43436 11.2323C7.74677 11.5447 8.25331 11.5447 8.56573 11.2323L8.00004 10.6666ZM11.2324 8.5656C11.5448 8.25318 11.5448 7.74665 11.2324 7.43423C10.92 7.12181 10.4134 7.12181 10.101 7.43423L11.2324 8.5656ZM8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM4.76769 8.5656L7.43436 11.2323L8.56573 10.1009L5.89906 7.43423L4.76769 8.5656ZM8.56573 11.2323L11.2324 8.5656L10.101 7.43423L7.43436 10.1009L8.56573 11.2323ZM7.20004 5.33325V10.6666H8.80004V5.33325H7.20004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15575">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconArrowDownCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13031",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowDownCircle size={size} />,
+  },
 );
-figma.connect(IconArrowDownCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13031", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowDownCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowDownLeft.tsx b/src/icons/IconArrowDownLeft.tsx
index c77d51b..74eebd7 100644
--- a/src/icons/IconArrowDownLeft.tsx
+++ b/src/icons/IconArrowDownLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowDownLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M11.8991 5.23243C12.2115 4.92001 12.2115 4.41348 11.8991 4.10106C11.5867 3.78864 11.0801 3.78864 10.7677 4.10106L11.8991 5.23243ZM4.66675 11.3334H3.86675C3.86675 11.7752 4.22492 12.1334 4.66675 12.1334V11.3334ZM11.3334 12.1334C11.7752 12.1334 12.1334 11.7752 12.1334 11.3334C12.1334 10.8916 11.7752 10.5334 11.3334 10.5334V12.1334ZM5.46675 4.66675C5.46675 4.22492 5.10858 3.86675 4.66675 3.86675C4.22492 3.86675 3.86675 4.22492 3.86675 4.66675H5.46675ZM10.7677 4.10106L4.10106 10.7677L5.23243 11.8991L11.8991 5.23243L10.7677 4.10106ZM11.3334 10.5334H4.66675V12.1334H11.3334V10.5334ZM5.46675 11.3334V4.66675H3.86675V11.3334H5.46675Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M11.8991 5.23243C12.2115 4.92001 12.2115 4.41348 11.8991 4.10106C11.5867 3.78864 11.0801 3.78864 10.7677 4.10106L11.8991 5.23243ZM4.66675 11.3334H3.86675C3.86675 11.7752 4.22492 12.1334 4.66675 12.1334V11.3334ZM11.3334 12.1334C11.7752 12.1334 12.1334 11.7752 12.1334 11.3334C12.1334 10.8916 11.7752 10.5334 11.3334 10.5334V12.1334ZM5.46675 4.66675C5.46675 4.22492 5.10858 3.86675 4.66675 3.86675C4.22492 3.86675 3.86675 4.22492 3.86675 4.66675H5.46675ZM10.7677 4.10106L4.10106 10.7677L5.23243 11.8991L11.8991 5.23243L10.7677 4.10106ZM11.3334 10.5334H4.66675V12.1334H11.3334V10.5334ZM5.46675 11.3334V4.66675H3.86675V11.3334H5.46675Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowDownLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13030",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowDownLeft size={size} />,
+  },
 );
-figma.connect(IconArrowDownLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13030", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowDownLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowDownRight.tsx b/src/icons/IconArrowDownRight.tsx
index 58760d2..3cfb574 100644
--- a/src/icons/IconArrowDownRight.tsx
+++ b/src/icons/IconArrowDownRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowDownRight = (props: IconProps) => (
-  <Icon {...props}><path d="M5.23243 4.10106C4.92001 3.78864 4.41348 3.78864 4.10106 4.10106C3.78864 4.41348 3.78864 4.92001 4.10106 5.23243L5.23243 4.10106ZM11.3334 11.3334V12.1334C11.7752 12.1334 12.1334 11.7752 12.1334 11.3334H11.3334ZM12.1334 4.66675C12.1334 4.22492 11.7752 3.86675 11.3334 3.86675C10.8916 3.86675 10.5334 4.22492 10.5334 4.66675H12.1334ZM4.66675 10.5334C4.22492 10.5334 3.86675 10.8916 3.86675 11.3334C3.86675 11.7752 4.22492 12.1334 4.66675 12.1334V10.5334ZM4.10106 5.23243L10.7677 11.8991L11.8991 10.7677L5.23243 4.10106L4.10106 5.23243ZM10.5334 4.66675V11.3334H12.1334V4.66675H10.5334ZM11.3334 10.5334H4.66675V12.1334H11.3334V10.5334Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.23243 4.10106C4.92001 3.78864 4.41348 3.78864 4.10106 4.10106C3.78864 4.41348 3.78864 4.92001 4.10106 5.23243L5.23243 4.10106ZM11.3334 11.3334V12.1334C11.7752 12.1334 12.1334 11.7752 12.1334 11.3334H11.3334ZM12.1334 4.66675C12.1334 4.22492 11.7752 3.86675 11.3334 3.86675C10.8916 3.86675 10.5334 4.22492 10.5334 4.66675H12.1334ZM4.66675 10.5334C4.22492 10.5334 3.86675 10.8916 3.86675 11.3334C3.86675 11.7752 4.22492 12.1334 4.66675 12.1334V10.5334ZM4.10106 5.23243L10.7677 11.8991L11.8991 10.7677L5.23243 4.10106L4.10106 5.23243ZM10.5334 4.66675V11.3334H12.1334V4.66675H10.5334ZM11.3334 10.5334H4.66675V12.1334H11.3334V10.5334Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowDownRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13033",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowDownRight size={size} />,
+  },
 );
-figma.connect(IconArrowDownRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13033", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowDownRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowLeft.tsx b/src/icons/IconArrowLeft.tsx
index 9a224e7..61791d6 100644
--- a/src/icons/IconArrowLeft.tsx
+++ b/src/icons/IconArrowLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M12.6668 8.79992C13.1087 8.79992 13.4668 8.44175 13.4668 7.99992C13.4668 7.55809 13.1087 7.19992 12.6668 7.19992V8.79992ZM3.3335 7.99992L2.76781 7.43423C2.45539 7.74665 2.45539 8.25318 2.76781 8.5656L3.3335 7.99992ZM7.43448 13.2323C7.7469 13.5447 8.25343 13.5447 8.56585 13.2323C8.87827 12.9199 8.87827 12.4133 8.56585 12.1009L7.43448 13.2323ZM8.56585 3.89894C8.87827 3.58652 8.87827 3.07999 8.56585 2.76757C8.25343 2.45515 7.7469 2.45515 7.43448 2.76757L8.56585 3.89894ZM12.6668 7.19992H3.3335V8.79992H12.6668V7.19992ZM8.56585 12.1009L3.89918 7.43423L2.76781 8.5656L7.43448 13.2323L8.56585 12.1009ZM3.89918 8.5656L8.56585 3.89894L7.43448 2.76757L2.76781 7.43423L3.89918 8.5656Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.6668 8.79992C13.1087 8.79992 13.4668 8.44175 13.4668 7.99992C13.4668 7.55809 13.1087 7.19992 12.6668 7.19992V8.79992ZM3.3335 7.99992L2.76781 7.43423C2.45539 7.74665 2.45539 8.25318 2.76781 8.5656L3.3335 7.99992ZM7.43448 13.2323C7.7469 13.5447 8.25343 13.5447 8.56585 13.2323C8.87827 12.9199 8.87827 12.4133 8.56585 12.1009L7.43448 13.2323ZM8.56585 3.89894C8.87827 3.58652 8.87827 3.07999 8.56585 2.76757C8.25343 2.45515 7.7469 2.45515 7.43448 2.76757L8.56585 3.89894ZM12.6668 7.19992H3.3335V8.79992H12.6668V7.19992ZM8.56585 12.1009L3.89918 7.43423L2.76781 8.5656L7.43448 13.2323L8.56585 12.1009ZM3.89918 8.5656L8.56585 3.89894L7.43448 2.76757L2.76781 7.43423L3.89918 8.5656Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13034",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowLeft size={size} />,
+  },
 );
-figma.connect(IconArrowLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13034", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowLeftCircle.tsx b/src/icons/IconArrowLeftCircle.tsx
index aa468f6..8da7fef 100644
--- a/src/icons/IconArrowLeftCircle.tsx
+++ b/src/icons/IconArrowLeftCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowLeftCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15583)"><path d="M8.56585 5.89894C8.87827 5.58652 8.87827 5.07999 8.56585 4.76757C8.25343 4.45515 7.7469 4.45515 7.43448 4.76757L8.56585 5.89894ZM5.3335 7.99992L4.76781 7.43423C4.45539 7.74665 4.45539 8.25318 4.76781 8.5656L5.3335 7.99992ZM7.43448 11.2323C7.7469 11.5447 8.25343 11.5447 8.56585 11.2323C8.87827 10.9199 8.87827 10.4133 8.56585 10.1009L7.43448 11.2323ZM10.6668 8.79992C11.1087 8.79992 11.4668 8.44175 11.4668 7.99992C11.4668 7.55809 11.1087 7.19992 10.6668 7.19992V8.79992ZM13.8668 7.99992C13.8668 11.24 11.2402 13.8666 8.00016 13.8666V15.4666C12.1239 15.4666 15.4668 12.1236 15.4668 7.99992H13.8668ZM8.00016 13.8666C4.76009 13.8666 2.1335 11.24 2.1335 7.99992H0.533496C0.533496 12.1236 3.87644 15.4666 8.00016 15.4666V13.8666ZM2.1335 7.99992C2.1335 4.75985 4.76009 2.13325 8.00016 2.13325V0.533252C3.87644 0.533252 0.533496 3.87619 0.533496 7.99992H2.1335ZM8.00016 2.13325C11.2402 2.13325 13.8668 4.75985 13.8668 7.99992H15.4668C15.4668 3.87619 12.1239 0.533252 8.00016 0.533252V2.13325ZM7.43448 4.76757L4.76781 7.43423L5.89918 8.5656L8.56585 5.89894L7.43448 4.76757ZM4.76781 8.5656L7.43448 11.2323L8.56585 10.1009L5.89918 7.43423L4.76781 8.5656ZM10.6668 7.19992H5.3335V8.79992H10.6668V7.19992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15583"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15583)">
+      <path
+        d="M8.56585 5.89894C8.87827 5.58652 8.87827 5.07999 8.56585 4.76757C8.25343 4.45515 7.7469 4.45515 7.43448 4.76757L8.56585 5.89894ZM5.3335 7.99992L4.76781 7.43423C4.45539 7.74665 4.45539 8.25318 4.76781 8.5656L5.3335 7.99992ZM7.43448 11.2323C7.7469 11.5447 8.25343 11.5447 8.56585 11.2323C8.87827 10.9199 8.87827 10.4133 8.56585 10.1009L7.43448 11.2323ZM10.6668 8.79992C11.1087 8.79992 11.4668 8.44175 11.4668 7.99992C11.4668 7.55809 11.1087 7.19992 10.6668 7.19992V8.79992ZM13.8668 7.99992C13.8668 11.24 11.2402 13.8666 8.00016 13.8666V15.4666C12.1239 15.4666 15.4668 12.1236 15.4668 7.99992H13.8668ZM8.00016 13.8666C4.76009 13.8666 2.1335 11.24 2.1335 7.99992H0.533496C0.533496 12.1236 3.87644 15.4666 8.00016 15.4666V13.8666ZM2.1335 7.99992C2.1335 4.75985 4.76009 2.13325 8.00016 2.13325V0.533252C3.87644 0.533252 0.533496 3.87619 0.533496 7.99992H2.1335ZM8.00016 2.13325C11.2402 2.13325 13.8668 4.75985 13.8668 7.99992H15.4668C15.4668 3.87619 12.1239 0.533252 8.00016 0.533252V2.13325ZM7.43448 4.76757L4.76781 7.43423L5.89918 8.5656L8.56585 5.89894L7.43448 4.76757ZM4.76781 8.5656L7.43448 11.2323L8.56585 10.1009L5.89918 7.43423L4.76781 8.5656ZM10.6668 7.19992H5.3335V8.79992H10.6668V7.19992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15583">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconArrowLeftCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13035",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowLeftCircle size={size} />,
+  },
 );
-figma.connect(IconArrowLeftCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13035", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowLeftCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowRight.tsx b/src/icons/IconArrowRight.tsx
index 31524ee..78857b0 100644
--- a/src/icons/IconArrowRight.tsx
+++ b/src/icons/IconArrowRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowRight = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33331 7.19992C2.89149 7.19992 2.53331 7.55809 2.53331 7.99992C2.53331 8.44175 2.89149 8.79992 3.33331 8.79992V7.19992ZM12.6666 7.99992L13.2323 8.5656C13.5448 8.25318 13.5448 7.74665 13.2323 7.43423L12.6666 7.99992ZM8.56566 2.76757C8.25325 2.45515 7.74671 2.45515 7.43429 2.76757C7.12187 3.07999 7.12187 3.58652 7.43429 3.89894L8.56566 2.76757ZM7.43429 12.1009C7.12187 12.4133 7.12187 12.9199 7.43429 13.2323C7.74671 13.5447 8.25325 13.5447 8.56566 13.2323L7.43429 12.1009ZM3.33331 8.79992H12.6666V7.19992H3.33331V8.79992ZM7.43429 3.89894L12.101 8.5656L13.2323 7.43423L8.56566 2.76757L7.43429 3.89894ZM12.101 7.43423L7.43429 12.1009L8.56566 13.2323L13.2323 8.5656L12.101 7.43423Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33331 7.19992C2.89149 7.19992 2.53331 7.55809 2.53331 7.99992C2.53331 8.44175 2.89149 8.79992 3.33331 8.79992V7.19992ZM12.6666 7.99992L13.2323 8.5656C13.5448 8.25318 13.5448 7.74665 13.2323 7.43423L12.6666 7.99992ZM8.56566 2.76757C8.25325 2.45515 7.74671 2.45515 7.43429 2.76757C7.12187 3.07999 7.12187 3.58652 7.43429 3.89894L8.56566 2.76757ZM7.43429 12.1009C7.12187 12.4133 7.12187 12.9199 7.43429 13.2323C7.74671 13.5447 8.25325 13.5447 8.56566 13.2323L7.43429 12.1009ZM3.33331 8.79992H12.6666V7.19992H3.33331V8.79992ZM7.43429 3.89894L12.101 8.5656L13.2323 7.43423L8.56566 2.76757L7.43429 3.89894ZM12.101 7.43423L7.43429 12.1009L8.56566 13.2323L13.2323 8.5656L12.101 7.43423Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13036",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowRight size={size} />,
+  },
 );
-figma.connect(IconArrowRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13036", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowRightCircle.tsx b/src/icons/IconArrowRightCircle.tsx
index ae60949..860fdb5 100644
--- a/src/icons/IconArrowRightCircle.tsx
+++ b/src/icons/IconArrowRightCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowRightCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15587)"><path d="M7.43431 10.1009C7.12189 10.4133 7.12189 10.9199 7.43431 11.2323C7.74673 11.5447 8.25326 11.5447 8.56568 11.2323L7.43431 10.1009ZM10.6667 7.99992L11.2323 8.5656C11.5448 8.25318 11.5448 7.74665 11.2323 7.43423L10.6667 7.99992ZM8.56568 4.76757C8.25326 4.45515 7.74673 4.45515 7.43431 4.76757C7.12189 5.07999 7.12189 5.58652 7.43431 5.89894L8.56568 4.76757ZM5.33333 7.19992C4.8915 7.19992 4.53333 7.55809 4.53333 7.99992C4.53333 8.44175 4.8915 8.79992 5.33333 8.79992V7.19992ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 7.99999 13.8666V15.4666C12.1237 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM7.99999 13.8666C4.75992 13.8666 2.13333 11.24 2.13333 7.99992H0.533328C0.533328 12.1236 3.87627 15.4666 7.99999 15.4666V13.8666ZM2.13333 7.99992C2.13333 4.75985 4.75992 2.13325 7.99999 2.13325V0.533252C3.87627 0.533252 0.533328 3.87619 0.533328 7.99992H2.13333ZM7.99999 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1237 0.533252 7.99999 0.533252V2.13325ZM8.56568 11.2323L11.2323 8.5656L10.101 7.43423L7.43431 10.1009L8.56568 11.2323ZM11.2323 7.43423L8.56568 4.76757L7.43431 5.89894L10.101 8.5656L11.2323 7.43423ZM5.33333 8.79992H10.6667V7.19992H5.33333V8.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15587"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15587)">
+      <path
+        d="M7.43431 10.1009C7.12189 10.4133 7.12189 10.9199 7.43431 11.2323C7.74673 11.5447 8.25326 11.5447 8.56568 11.2323L7.43431 10.1009ZM10.6667 7.99992L11.2323 8.5656C11.5448 8.25318 11.5448 7.74665 11.2323 7.43423L10.6667 7.99992ZM8.56568 4.76757C8.25326 4.45515 7.74673 4.45515 7.43431 4.76757C7.12189 5.07999 7.12189 5.58652 7.43431 5.89894L8.56568 4.76757ZM5.33333 7.19992C4.8915 7.19992 4.53333 7.55809 4.53333 7.99992C4.53333 8.44175 4.8915 8.79992 5.33333 8.79992V7.19992ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 7.99999 13.8666V15.4666C12.1237 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM7.99999 13.8666C4.75992 13.8666 2.13333 11.24 2.13333 7.99992H0.533328C0.533328 12.1236 3.87627 15.4666 7.99999 15.4666V13.8666ZM2.13333 7.99992C2.13333 4.75985 4.75992 2.13325 7.99999 2.13325V0.533252C3.87627 0.533252 0.533328 3.87619 0.533328 7.99992H2.13333ZM7.99999 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1237 0.533252 7.99999 0.533252V2.13325ZM8.56568 11.2323L11.2323 8.5656L10.101 7.43423L7.43431 10.1009L8.56568 11.2323ZM11.2323 7.43423L8.56568 4.76757L7.43431 5.89894L10.101 8.5656L11.2323 7.43423ZM5.33333 8.79992H10.6667V7.19992H5.33333V8.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15587">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconArrowRightCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13037",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowRightCircle size={size} />,
+  },
 );
-figma.connect(IconArrowRightCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13037", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowRightCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowUp.tsx b/src/icons/IconArrowUp.tsx
index f903c0f..bc67757 100644
--- a/src/icons/IconArrowUp.tsx
+++ b/src/icons/IconArrowUp.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowUp = (props: IconProps) => (
-  <Icon {...props}><path d="M7.19992 12.6666C7.19992 13.1084 7.55809 13.4666 7.99992 13.4666C8.44175 13.4666 8.79992 13.1084 8.79992 12.6666H7.19992ZM7.99992 3.33325L8.5656 2.76757C8.25318 2.45515 7.74665 2.45515 7.43423 2.76757L7.99992 3.33325ZM2.76757 7.43423C2.45515 7.74665 2.45515 8.25318 2.76757 8.5656C3.07999 8.87802 3.58652 8.87802 3.89894 8.5656L2.76757 7.43423ZM12.1009 8.5656C12.4133 8.87802 12.9199 8.87802 13.2323 8.5656C13.5447 8.25318 13.5447 7.74665 13.2323 7.43423L12.1009 8.5656ZM8.79992 12.6666V3.33325H7.19992V12.6666H8.79992ZM3.89894 8.5656L8.5656 3.89894L7.43423 2.76757L2.76757 7.43423L3.89894 8.5656ZM7.43423 3.89894L12.1009 8.5656L13.2323 7.43423L8.5656 2.76757L7.43423 3.89894Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.19992 12.6666C7.19992 13.1084 7.55809 13.4666 7.99992 13.4666C8.44175 13.4666 8.79992 13.1084 8.79992 12.6666H7.19992ZM7.99992 3.33325L8.5656 2.76757C8.25318 2.45515 7.74665 2.45515 7.43423 2.76757L7.99992 3.33325ZM2.76757 7.43423C2.45515 7.74665 2.45515 8.25318 2.76757 8.5656C3.07999 8.87802 3.58652 8.87802 3.89894 8.5656L2.76757 7.43423ZM12.1009 8.5656C12.4133 8.87802 12.9199 8.87802 13.2323 8.5656C13.5447 8.25318 13.5447 7.74665 13.2323 7.43423L12.1009 8.5656ZM8.79992 12.6666V3.33325H7.19992V12.6666H8.79992ZM3.89894 8.5656L8.5656 3.89894L7.43423 2.76757L2.76757 7.43423L3.89894 8.5656ZM7.43423 3.89894L12.1009 8.5656L13.2323 7.43423L8.5656 2.76757L7.43423 3.89894Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13040",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowUp size={size} />,
+  },
 );
-figma.connect(IconArrowUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13040", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowUpCircle.tsx b/src/icons/IconArrowUpCircle.tsx
index 8eeb4ff..5a8df52 100644
--- a/src/icons/IconArrowUpCircle.tsx
+++ b/src/icons/IconArrowUpCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowUpCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15591)"><path d="M10.101 8.5656C10.4134 8.87802 10.92 8.87802 11.2324 8.5656C11.5448 8.25318 11.5448 7.74665 11.2324 7.43423L10.101 8.5656ZM8.00004 5.33325L8.56573 4.76757C8.25331 4.45515 7.74677 4.45515 7.43436 4.76757L8.00004 5.33325ZM4.76769 7.43423C4.45527 7.74665 4.45527 8.25318 4.76769 8.5656C5.08011 8.87802 5.58664 8.87802 5.89906 8.5656L4.76769 7.43423ZM7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666C8.44187 11.4666 8.80004 11.1084 8.80004 10.6666H7.20004ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM11.2324 7.43423L8.56573 4.76757L7.43436 5.89894L10.101 8.5656L11.2324 7.43423ZM7.43436 4.76757L4.76769 7.43423L5.89906 8.5656L8.56573 5.89894L7.43436 4.76757ZM8.80004 10.6666V5.33325H7.20004V10.6666H8.80004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15591"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15591)">
+      <path
+        d="M10.101 8.5656C10.4134 8.87802 10.92 8.87802 11.2324 8.5656C11.5448 8.25318 11.5448 7.74665 11.2324 7.43423L10.101 8.5656ZM8.00004 5.33325L8.56573 4.76757C8.25331 4.45515 7.74677 4.45515 7.43436 4.76757L8.00004 5.33325ZM4.76769 7.43423C4.45527 7.74665 4.45527 8.25318 4.76769 8.5656C5.08011 8.87802 5.58664 8.87802 5.89906 8.5656L4.76769 7.43423ZM7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666C8.44187 11.4666 8.80004 11.1084 8.80004 10.6666H7.20004ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM11.2324 7.43423L8.56573 4.76757L7.43436 5.89894L10.101 8.5656L11.2324 7.43423ZM7.43436 4.76757L4.76769 7.43423L5.89906 8.5656L8.56573 5.89894L7.43436 4.76757ZM8.80004 10.6666V5.33325H7.20004V10.6666H8.80004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15591">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconArrowUpCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13038",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowUpCircle size={size} />,
+  },
 );
-figma.connect(IconArrowUpCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13038", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowUpCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowUpLeft.tsx b/src/icons/IconArrowUpLeft.tsx
index 2743f5e..2b47a87 100644
--- a/src/icons/IconArrowUpLeft.tsx
+++ b/src/icons/IconArrowUpLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowUpLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M10.7676 11.8991C11.08 12.2115 11.5866 12.2115 11.899 11.8991C12.2114 11.5867 12.2114 11.0801 11.899 10.7677L10.7676 11.8991ZM4.66663 4.66675V3.86675C4.2248 3.86675 3.86663 4.22492 3.86663 4.66675H4.66663ZM3.86663 11.3334C3.86663 11.7752 4.2248 12.1334 4.66663 12.1334C5.10845 12.1334 5.46663 11.7752 5.46663 11.3334H3.86663ZM11.3333 5.46675C11.7751 5.46675 12.1333 5.10858 12.1333 4.66675C12.1333 4.22492 11.7751 3.86675 11.3333 3.86675V5.46675ZM11.899 10.7677L5.23231 4.10106L4.10094 5.23243L10.7676 11.8991L11.899 10.7677ZM5.46663 11.3334V4.66675H3.86663V11.3334H5.46663ZM4.66663 5.46675H11.3333V3.86675H4.66663V5.46675Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.7676 11.8991C11.08 12.2115 11.5866 12.2115 11.899 11.8991C12.2114 11.5867 12.2114 11.0801 11.899 10.7677L10.7676 11.8991ZM4.66663 4.66675V3.86675C4.2248 3.86675 3.86663 4.22492 3.86663 4.66675H4.66663ZM3.86663 11.3334C3.86663 11.7752 4.2248 12.1334 4.66663 12.1334C5.10845 12.1334 5.46663 11.7752 5.46663 11.3334H3.86663ZM11.3333 5.46675C11.7751 5.46675 12.1333 5.10858 12.1333 4.66675C12.1333 4.22492 11.7751 3.86675 11.3333 3.86675V5.46675ZM11.899 10.7677L5.23231 4.10106L4.10094 5.23243L10.7676 11.8991L11.899 10.7677ZM5.46663 11.3334V4.66675H3.86663V11.3334H5.46663ZM4.66663 5.46675H11.3333V3.86675H4.66663V5.46675Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowUpLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13039",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowUpLeft size={size} />,
+  },
 );
-figma.connect(IconArrowUpLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13039", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowUpLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconArrowUpRight.tsx b/src/icons/IconArrowUpRight.tsx
index 13b5964..928c0f0 100644
--- a/src/icons/IconArrowUpRight.tsx
+++ b/src/icons/IconArrowUpRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconArrowUpRight = (props: IconProps) => (
-  <Icon {...props}><path d="M4.10106 10.7677C3.78864 11.0801 3.78864 11.5867 4.10106 11.8991C4.41348 12.2115 4.92001 12.2115 5.23243 11.8991L4.10106 10.7677ZM11.3334 4.66675H12.1334C12.1334 4.22492 11.7752 3.86675 11.3334 3.86675V4.66675ZM4.66675 3.86675C4.22492 3.86675 3.86675 4.22492 3.86675 4.66675C3.86675 5.10858 4.22492 5.46675 4.66675 5.46675V3.86675ZM10.5334 11.3334C10.5334 11.7752 10.8916 12.1334 11.3334 12.1334C11.7752 12.1334 12.1334 11.7752 12.1334 11.3334H10.5334ZM5.23243 11.8991L11.8991 5.23243L10.7677 4.10106L4.10106 10.7677L5.23243 11.8991ZM4.66675 5.46675H11.3334V3.86675H4.66675V5.46675ZM10.5334 4.66675V11.3334H12.1334V4.66675H10.5334Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4.10106 10.7677C3.78864 11.0801 3.78864 11.5867 4.10106 11.8991C4.41348 12.2115 4.92001 12.2115 5.23243 11.8991L4.10106 10.7677ZM11.3334 4.66675H12.1334C12.1334 4.22492 11.7752 3.86675 11.3334 3.86675V4.66675ZM4.66675 3.86675C4.22492 3.86675 3.86675 4.22492 3.86675 4.66675C3.86675 5.10858 4.22492 5.46675 4.66675 5.46675V3.86675ZM10.5334 11.3334C10.5334 11.7752 10.8916 12.1334 11.3334 12.1334C11.7752 12.1334 12.1334 11.7752 12.1334 11.3334H10.5334ZM5.23243 11.8991L11.8991 5.23243L10.7677 4.10106L4.10106 10.7677L5.23243 11.8991ZM4.66675 5.46675H11.3334V3.86675H4.66675V5.46675ZM10.5334 4.66675V11.3334H12.1334V4.66675H10.5334Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconArrowUpRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13041",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconArrowUpRight size={size} />,
+  },
 );
-figma.connect(IconArrowUpRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13041", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconArrowUpRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAtSign.tsx b/src/icons/IconAtSign.tsx
index 861b37d..9969c98 100644
--- a/src/icons/IconAtSign.tsx
+++ b/src/icons/IconAtSign.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAtSign = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15599)"><path d="M11.4666 5.33333C11.4666 4.8915 11.1084 4.53333 10.6666 4.53333C10.2248 4.53333 9.86659 4.8915 9.86659 5.33333H11.4666ZM10.6666 8.66666H9.86659H10.6666ZM14.6666 8.66666H15.4666H14.6666ZM14.6666 7.99999H15.4666V7.99994L14.6666 7.99999ZM12.5397 13.9285C12.8904 13.6598 12.957 13.1577 12.6884 12.8069C12.4198 12.4561 11.9176 12.3895 11.5669 12.6582L12.5397 13.9285ZM9.86659 7.99999C9.86659 9.03092 9.03086 9.86666 7.99993 9.86666V11.4667C9.91451 11.4667 11.4666 9.91458 11.4666 7.99999H9.86659ZM7.99993 9.86666C6.96899 9.86666 6.13326 9.03092 6.13326 7.99999H4.53326C4.53326 9.91458 6.08534 11.4667 7.99993 11.4667V9.86666ZM6.13326 7.99999C6.13326 6.96906 6.96899 6.13333 7.99993 6.13333V4.53333C6.08534 4.53333 4.53326 6.08541 4.53326 7.99999H6.13326ZM7.99993 6.13333C9.03086 6.13333 9.86659 6.96906 9.86659 7.99999H11.4666C11.4666 6.08541 9.91451 4.53333 7.99993 4.53333V6.13333ZM9.86659 5.33333V8.66666H11.4666V5.33333H9.86659ZM9.86659 8.66666C9.86659 9.40927 10.1616 10.1215 10.6867 10.6466L11.8181 9.51519C11.593 9.29014 11.4666 8.98492 11.4666 8.66666H9.86659ZM10.6867 10.6466C11.2118 11.1717 11.924 11.4667 12.6666 11.4667V9.86666C12.3483 9.86666 12.0431 9.74023 11.8181 9.51519L10.6867 10.6466ZM12.6666 11.4667C13.4092 11.4667 14.1214 11.1717 14.6465 10.6466L13.5151 9.51519C13.2901 9.74023 12.9849 9.86666 12.6666 9.86666V11.4667ZM14.6465 10.6466C15.1716 10.1215 15.4666 9.40927 15.4666 8.66666H13.8666C13.8666 8.98492 13.7402 9.29014 13.5151 9.51519L14.6465 10.6466ZM15.4666 8.66666V7.99999H13.8666V8.66666H15.4666ZM15.4666 7.99994C15.4665 6.31474 14.8963 4.67913 13.8488 3.35906L12.5954 4.35364C13.4185 5.39083 13.8665 6.67595 13.8666 8.00004L15.4666 7.99994ZM13.8488 3.35906C12.8012 2.03899 11.3379 1.11211 9.69683 0.729125L9.33321 2.28726C10.6227 2.58818 11.7724 3.31644 12.5954 4.35364L13.8488 3.35906ZM9.69683 0.729125C8.05572 0.346139 6.33332 0.529574 4.80968 1.2496L5.4933 2.69621C6.69045 2.13047 8.04377 1.98634 9.33321 2.28726L9.69683 0.729125ZM4.80968 1.2496C3.28604 1.96963 2.05078 3.18391 1.30476 4.69499L2.73944 5.40329C3.3256 4.21602 4.29616 3.26194 5.4933 2.69621L4.80968 1.2496ZM1.30476 4.69499C0.558733 6.20607 0.345819 7.92508 0.700637 9.57251L2.26477 9.23563C1.98599 7.94122 2.15327 6.59057 2.73944 5.40329L1.30476 4.69499ZM0.700637 9.57251C1.05545 11.2199 1.95713 12.6989 3.25906 13.7689L4.27496 12.5328C3.25202 11.6921 2.54356 10.53 2.26477 9.23563L0.700637 9.57251ZM3.25906 13.7689C4.56099 14.8389 6.18659 15.437 7.87155 15.466L7.89906 13.8662C6.57517 13.8434 5.2979 13.3735 4.27496 12.5328L3.25906 13.7689ZM7.87155 15.466C9.5565 15.4949 11.2017 14.9531 12.5397 13.9285L11.5669 12.6582C10.5156 13.4632 9.22295 13.889 7.89906 13.8662L7.87155 15.466Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15599"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15599)">
+      <path
+        d="M11.4666 5.33333C11.4666 4.8915 11.1084 4.53333 10.6666 4.53333C10.2248 4.53333 9.86659 4.8915 9.86659 5.33333H11.4666ZM10.6666 8.66666H9.86659H10.6666ZM14.6666 8.66666H15.4666H14.6666ZM14.6666 7.99999H15.4666V7.99994L14.6666 7.99999ZM12.5397 13.9285C12.8904 13.6598 12.957 13.1577 12.6884 12.8069C12.4198 12.4561 11.9176 12.3895 11.5669 12.6582L12.5397 13.9285ZM9.86659 7.99999C9.86659 9.03092 9.03086 9.86666 7.99993 9.86666V11.4667C9.91451 11.4667 11.4666 9.91458 11.4666 7.99999H9.86659ZM7.99993 9.86666C6.96899 9.86666 6.13326 9.03092 6.13326 7.99999H4.53326C4.53326 9.91458 6.08534 11.4667 7.99993 11.4667V9.86666ZM6.13326 7.99999C6.13326 6.96906 6.96899 6.13333 7.99993 6.13333V4.53333C6.08534 4.53333 4.53326 6.08541 4.53326 7.99999H6.13326ZM7.99993 6.13333C9.03086 6.13333 9.86659 6.96906 9.86659 7.99999H11.4666C11.4666 6.08541 9.91451 4.53333 7.99993 4.53333V6.13333ZM9.86659 5.33333V8.66666H11.4666V5.33333H9.86659ZM9.86659 8.66666C9.86659 9.40927 10.1616 10.1215 10.6867 10.6466L11.8181 9.51519C11.593 9.29014 11.4666 8.98492 11.4666 8.66666H9.86659ZM10.6867 10.6466C11.2118 11.1717 11.924 11.4667 12.6666 11.4667V9.86666C12.3483 9.86666 12.0431 9.74023 11.8181 9.51519L10.6867 10.6466ZM12.6666 11.4667C13.4092 11.4667 14.1214 11.1717 14.6465 10.6466L13.5151 9.51519C13.2901 9.74023 12.9849 9.86666 12.6666 9.86666V11.4667ZM14.6465 10.6466C15.1716 10.1215 15.4666 9.40927 15.4666 8.66666H13.8666C13.8666 8.98492 13.7402 9.29014 13.5151 9.51519L14.6465 10.6466ZM15.4666 8.66666V7.99999H13.8666V8.66666H15.4666ZM15.4666 7.99994C15.4665 6.31474 14.8963 4.67913 13.8488 3.35906L12.5954 4.35364C13.4185 5.39083 13.8665 6.67595 13.8666 8.00004L15.4666 7.99994ZM13.8488 3.35906C12.8012 2.03899 11.3379 1.11211 9.69683 0.729125L9.33321 2.28726C10.6227 2.58818 11.7724 3.31644 12.5954 4.35364L13.8488 3.35906ZM9.69683 0.729125C8.05572 0.346139 6.33332 0.529574 4.80968 1.2496L5.4933 2.69621C6.69045 2.13047 8.04377 1.98634 9.33321 2.28726L9.69683 0.729125ZM4.80968 1.2496C3.28604 1.96963 2.05078 3.18391 1.30476 4.69499L2.73944 5.40329C3.3256 4.21602 4.29616 3.26194 5.4933 2.69621L4.80968 1.2496ZM1.30476 4.69499C0.558733 6.20607 0.345819 7.92508 0.700637 9.57251L2.26477 9.23563C1.98599 7.94122 2.15327 6.59057 2.73944 5.40329L1.30476 4.69499ZM0.700637 9.57251C1.05545 11.2199 1.95713 12.6989 3.25906 13.7689L4.27496 12.5328C3.25202 11.6921 2.54356 10.53 2.26477 9.23563L0.700637 9.57251ZM3.25906 13.7689C4.56099 14.8389 6.18659 15.437 7.87155 15.466L7.89906 13.8662C6.57517 13.8434 5.2979 13.3735 4.27496 12.5328L3.25906 13.7689ZM7.87155 15.466C9.5565 15.4949 11.2017 14.9531 12.5397 13.9285L11.5669 12.6582C10.5156 13.4632 9.22295 13.889 7.89906 13.8662L7.87155 15.466Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15599">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconAtSign,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13043",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAtSign size={size} />,
+  },
 );
-figma.connect(IconAtSign, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13043", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAtSign size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconAward.tsx b/src/icons/IconAward.tsx
index 6e24e82..59f2ca1 100644
--- a/src/icons/IconAward.tsx
+++ b/src/icons/IconAward.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconAward = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15601)"><path d="M6.26653 9.36541C6.3247 8.92743 6.01681 8.52522 5.57883 8.46705C5.14085 8.40887 4.73863 8.71677 4.68046 9.15475L6.26653 9.36541ZM4.66683 15.3334L3.87379 15.2281C3.83335 15.5326 3.97085 15.8334 4.2276 16.0021C4.48435 16.1707 4.81501 16.1775 5.07843 16.0194L4.66683 15.3334ZM8.00016 13.3334L8.41176 12.6474C8.15841 12.4954 7.84191 12.4954 7.58857 12.6474L8.00016 13.3334ZM11.3335 15.3334L10.9219 16.0194C11.1853 16.1774 11.5159 16.1707 11.7727 16.0021C12.0294 15.8335 12.1669 15.5327 12.1265 15.2282L11.3335 15.3334ZM11.3199 9.1482C11.2618 8.71021 10.8596 8.40225 10.4216 8.46036C9.98362 8.51847 9.67567 8.92064 9.73378 9.35863L11.3199 9.1482ZM11.8668 5.33341C11.8668 7.46892 10.1357 9.20008 8.00016 9.20008V10.8001C11.0193 10.8001 13.4668 8.35257 13.4668 5.33341H11.8668ZM8.00016 9.20008C5.86466 9.20008 4.1335 7.46892 4.1335 5.33341H2.5335C2.5335 8.35257 4.98101 10.8001 8.00016 10.8001V9.20008ZM4.1335 5.33341C4.1335 3.19791 5.86466 1.46675 8.00016 1.46675V-0.133252C4.98101 -0.133252 2.5335 2.31426 2.5335 5.33341H4.1335ZM8.00016 1.46675C10.1357 1.46675 11.8668 3.19791 11.8668 5.33341H13.4668C13.4668 2.31426 11.0193 -0.133252 8.00016 -0.133252V1.46675ZM4.68046 9.15475L3.87379 15.2281L5.45986 15.4387L6.26653 9.36541L4.68046 9.15475ZM5.07843 16.0194L8.41176 14.0194L7.58857 12.6474L4.25523 14.6474L5.07843 16.0194ZM7.58857 14.0194L10.9219 16.0194L11.7451 14.6474L8.41176 12.6474L7.58857 14.0194ZM12.1265 15.2282L11.3199 9.1482L9.73378 9.35863L10.5404 15.4386L12.1265 15.2282Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15601"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15601)">
+      <path
+        d="M6.26653 9.36541C6.3247 8.92743 6.01681 8.52522 5.57883 8.46705C5.14085 8.40887 4.73863 8.71677 4.68046 9.15475L6.26653 9.36541ZM4.66683 15.3334L3.87379 15.2281C3.83335 15.5326 3.97085 15.8334 4.2276 16.0021C4.48435 16.1707 4.81501 16.1775 5.07843 16.0194L4.66683 15.3334ZM8.00016 13.3334L8.41176 12.6474C8.15841 12.4954 7.84191 12.4954 7.58857 12.6474L8.00016 13.3334ZM11.3335 15.3334L10.9219 16.0194C11.1853 16.1774 11.5159 16.1707 11.7727 16.0021C12.0294 15.8335 12.1669 15.5327 12.1265 15.2282L11.3335 15.3334ZM11.3199 9.1482C11.2618 8.71021 10.8596 8.40225 10.4216 8.46036C9.98362 8.51847 9.67567 8.92064 9.73378 9.35863L11.3199 9.1482ZM11.8668 5.33341C11.8668 7.46892 10.1357 9.20008 8.00016 9.20008V10.8001C11.0193 10.8001 13.4668 8.35257 13.4668 5.33341H11.8668ZM8.00016 9.20008C5.86466 9.20008 4.1335 7.46892 4.1335 5.33341H2.5335C2.5335 8.35257 4.98101 10.8001 8.00016 10.8001V9.20008ZM4.1335 5.33341C4.1335 3.19791 5.86466 1.46675 8.00016 1.46675V-0.133252C4.98101 -0.133252 2.5335 2.31426 2.5335 5.33341H4.1335ZM8.00016 1.46675C10.1357 1.46675 11.8668 3.19791 11.8668 5.33341H13.4668C13.4668 2.31426 11.0193 -0.133252 8.00016 -0.133252V1.46675ZM4.68046 9.15475L3.87379 15.2281L5.45986 15.4387L6.26653 9.36541L4.68046 9.15475ZM5.07843 16.0194L8.41176 14.0194L7.58857 12.6474L4.25523 14.6474L5.07843 16.0194ZM7.58857 14.0194L10.9219 16.0194L11.7451 14.6474L8.41176 12.6474L7.58857 14.0194ZM12.1265 15.2282L11.3199 9.1482L9.73378 9.35863L10.5404 15.4386L12.1265 15.2282Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15601">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconAward,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13042",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconAward size={size} />,
+  },
 );
-figma.connect(IconAward, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13042", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconAward size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBarChart.tsx b/src/icons/IconBarChart.tsx
index 23d609c..4f7e22b 100644
--- a/src/icons/IconBarChart.tsx
+++ b/src/icons/IconBarChart.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBarChart = (props: IconProps) => (
-  <Icon {...props}><path d="M7.2 13.3334C7.2 13.7752 7.55817 14.1334 8 14.1334C8.44183 14.1334 8.8 13.7752 8.8 13.3334H7.2ZM8.8 6.66675C8.8 6.22492 8.44183 5.86675 8 5.86675C7.55817 5.86675 7.2 6.22492 7.2 6.66675H8.8ZM11.2 13.3334C11.2 13.7752 11.5582 14.1334 12 14.1334C12.4418 14.1334 12.8 13.7752 12.8 13.3334H11.2ZM12.8 2.66675C12.8 2.22492 12.4418 1.86675 12 1.86675C11.5582 1.86675 11.2 2.22492 11.2 2.66675H12.8ZM3.2 13.3334C3.2 13.7752 3.55817 14.1334 4 14.1334C4.44183 14.1334 4.8 13.7752 4.8 13.3334H3.2ZM4.8 10.6667C4.8 10.2249 4.44183 9.86675 4 9.86675C3.55817 9.86675 3.2 10.2249 3.2 10.6667H4.8ZM8.8 13.3334V6.66675H7.2V13.3334H8.8ZM12.8 13.3334V2.66675H11.2V13.3334H12.8ZM4.8 13.3334V10.6667H3.2V13.3334H4.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.2 13.3334C7.2 13.7752 7.55817 14.1334 8 14.1334C8.44183 14.1334 8.8 13.7752 8.8 13.3334H7.2ZM8.8 6.66675C8.8 6.22492 8.44183 5.86675 8 5.86675C7.55817 5.86675 7.2 6.22492 7.2 6.66675H8.8ZM11.2 13.3334C11.2 13.7752 11.5582 14.1334 12 14.1334C12.4418 14.1334 12.8 13.7752 12.8 13.3334H11.2ZM12.8 2.66675C12.8 2.22492 12.4418 1.86675 12 1.86675C11.5582 1.86675 11.2 2.22492 11.2 2.66675H12.8ZM3.2 13.3334C3.2 13.7752 3.55817 14.1334 4 14.1334C4.44183 14.1334 4.8 13.7752 4.8 13.3334H3.2ZM4.8 10.6667C4.8 10.2249 4.44183 9.86675 4 9.86675C3.55817 9.86675 3.2 10.2249 3.2 10.6667H4.8ZM8.8 13.3334V6.66675H7.2V13.3334H8.8ZM12.8 13.3334V2.66675H11.2V13.3334H12.8ZM4.8 13.3334V10.6667H3.2V13.3334H4.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBarChart,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13044",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBarChart size={size} />,
+  },
 );
-figma.connect(IconBarChart, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13044", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBarChart size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBarChart2.tsx b/src/icons/IconBarChart2.tsx
index 2dabfe9..23e2a72 100644
--- a/src/icons/IconBarChart2.tsx
+++ b/src/icons/IconBarChart2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBarChart2 = (props: IconProps) => (
-  <Icon {...props}><path d="M11.2 13.3334C11.2 13.7752 11.5582 14.1334 12 14.1334C12.4418 14.1334 12.8 13.7752 12.8 13.3334H11.2ZM12.8 6.66675C12.8 6.22492 12.4418 5.86675 12 5.86675C11.5582 5.86675 11.2 6.22492 11.2 6.66675H12.8ZM7.2 13.3334C7.2 13.7752 7.55817 14.1334 8 14.1334C8.44183 14.1334 8.8 13.7752 8.8 13.3334H7.2ZM8.8 2.66675C8.8 2.22492 8.44183 1.86675 8 1.86675C7.55817 1.86675 7.2 2.22492 7.2 2.66675H8.8ZM3.2 13.3334C3.2 13.7752 3.55817 14.1334 4 14.1334C4.44183 14.1334 4.8 13.7752 4.8 13.3334H3.2ZM4.8 9.33342C4.8 8.89159 4.44183 8.53342 4 8.53342C3.55817 8.53342 3.2 8.89159 3.2 9.33342H4.8ZM12.8 13.3334V6.66675H11.2V13.3334H12.8ZM8.8 13.3334V2.66675H7.2V13.3334H8.8ZM4.8 13.3334V9.33342H3.2V13.3334H4.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M11.2 13.3334C11.2 13.7752 11.5582 14.1334 12 14.1334C12.4418 14.1334 12.8 13.7752 12.8 13.3334H11.2ZM12.8 6.66675C12.8 6.22492 12.4418 5.86675 12 5.86675C11.5582 5.86675 11.2 6.22492 11.2 6.66675H12.8ZM7.2 13.3334C7.2 13.7752 7.55817 14.1334 8 14.1334C8.44183 14.1334 8.8 13.7752 8.8 13.3334H7.2ZM8.8 2.66675C8.8 2.22492 8.44183 1.86675 8 1.86675C7.55817 1.86675 7.2 2.22492 7.2 2.66675H8.8ZM3.2 13.3334C3.2 13.7752 3.55817 14.1334 4 14.1334C4.44183 14.1334 4.8 13.7752 4.8 13.3334H3.2ZM4.8 9.33342C4.8 8.89159 4.44183 8.53342 4 8.53342C3.55817 8.53342 3.2 8.89159 3.2 9.33342H4.8ZM12.8 13.3334V6.66675H11.2V13.3334H12.8ZM8.8 13.3334V2.66675H7.2V13.3334H8.8ZM4.8 13.3334V9.33342H3.2V13.3334H4.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBarChart2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13045",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBarChart2 size={size} />,
+  },
 );
-figma.connect(IconBarChart2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13045", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBarChart2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBattery.tsx b/src/icons/IconBattery.tsx
index 95ab63a..19c407f 100644
--- a/src/icons/IconBattery.tsx
+++ b/src/icons/IconBattery.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBattery = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15609)"><path d="M14.5333 8.66667C14.5333 9.10849 14.8915 9.46667 15.3333 9.46667C15.7751 9.46667 16.1333 9.10849 16.1333 8.66667H14.5333ZM16.1333 7.33333C16.1333 6.89151 15.7751 6.53333 15.3333 6.53333C14.8915 6.53333 14.5333 6.89151 14.5333 7.33333H16.1333ZM1.99996 4.8H11.3333V3.2H1.99996V4.8ZM11.3333 4.8C11.6278 4.8 11.8666 5.03878 11.8666 5.33333H13.4666C13.4666 4.15513 12.5115 3.2 11.3333 3.2V4.8ZM11.8666 5.33333V10.6667H13.4666V5.33333H11.8666ZM11.8666 10.6667C11.8666 10.9612 11.6278 11.2 11.3333 11.2V12.8C12.5115 12.8 13.4666 11.8449 13.4666 10.6667H11.8666ZM11.3333 11.2H1.99996V12.8H11.3333V11.2ZM1.99996 11.2C1.70541 11.2 1.46663 10.9612 1.46663 10.6667H-0.133374C-0.133374 11.8449 0.821752 12.8 1.99996 12.8V11.2ZM1.46663 10.6667V5.33333H-0.133374V10.6667H1.46663ZM1.46663 5.33333C1.46663 5.03878 1.70541 4.8 1.99996 4.8V3.2C0.821752 3.2 -0.133374 4.15513 -0.133374 5.33333H1.46663ZM16.1333 8.66667V7.33333H14.5333V8.66667H16.1333Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15609"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15609)">
+      <path
+        d="M14.5333 8.66667C14.5333 9.10849 14.8915 9.46667 15.3333 9.46667C15.7751 9.46667 16.1333 9.10849 16.1333 8.66667H14.5333ZM16.1333 7.33333C16.1333 6.89151 15.7751 6.53333 15.3333 6.53333C14.8915 6.53333 14.5333 6.89151 14.5333 7.33333H16.1333ZM1.99996 4.8H11.3333V3.2H1.99996V4.8ZM11.3333 4.8C11.6278 4.8 11.8666 5.03878 11.8666 5.33333H13.4666C13.4666 4.15513 12.5115 3.2 11.3333 3.2V4.8ZM11.8666 5.33333V10.6667H13.4666V5.33333H11.8666ZM11.8666 10.6667C11.8666 10.9612 11.6278 11.2 11.3333 11.2V12.8C12.5115 12.8 13.4666 11.8449 13.4666 10.6667H11.8666ZM11.3333 11.2H1.99996V12.8H11.3333V11.2ZM1.99996 11.2C1.70541 11.2 1.46663 10.9612 1.46663 10.6667H-0.133374C-0.133374 11.8449 0.821752 12.8 1.99996 12.8V11.2ZM1.46663 10.6667V5.33333H-0.133374V10.6667H1.46663ZM1.46663 5.33333C1.46663 5.03878 1.70541 4.8 1.99996 4.8V3.2C0.821752 3.2 -0.133374 4.15513 -0.133374 5.33333H1.46663ZM16.1333 8.66667V7.33333H14.5333V8.66667H16.1333Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15609">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconBattery,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13047",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBattery size={size} />,
+  },
 );
-figma.connect(IconBattery, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13047", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBattery size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBatteryCharging.tsx b/src/icons/IconBatteryCharging.tsx
index e3507bd..a5f1983 100644
--- a/src/icons/IconBatteryCharging.tsx
+++ b/src/icons/IconBatteryCharging.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBatteryCharging = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15607)"><path d="M3.33335 12.8C3.77518 12.8 4.13335 12.4418 4.13335 12C4.13335 11.5582 3.77518 11.2 3.33335 11.2V12.8ZM0.666687 10.6667H-0.133313H0.666687ZM2.00002 4V3.2V4ZM4.12669 4.8C4.56851 4.8 4.92669 4.44183 4.92669 4C4.92669 3.55817 4.56851 3.2 4.12669 3.2V4.8ZM10 3.2C9.55819 3.2 9.20002 3.55817 9.20002 4C9.20002 4.44183 9.55819 4.8 10 4.8V3.2ZM11.3334 4V3.2V4ZM9.20669 11.2C8.76486 11.2 8.40669 11.5582 8.40669 12C8.40669 12.4418 8.76486 12.8 9.20669 12.8V11.2ZM14.5334 8.66667C14.5334 9.10849 14.8915 9.46667 15.3334 9.46667C15.7752 9.46667 16.1334 9.10849 16.1334 8.66667H14.5334ZM16.1334 7.33333C16.1334 6.89151 15.7752 6.53333 15.3334 6.53333C14.8915 6.53333 14.5334 6.89151 14.5334 7.33333H16.1334ZM7.99899 4.44376C8.24408 4.07614 8.14474 3.57944 7.77711 3.33436C7.40949 3.08928 6.9128 3.18862 6.66771 3.55624L7.99899 4.44376ZM4.66669 8L4.00105 7.55624C3.83739 7.80172 3.82213 8.11736 3.96135 8.37749C4.10056 8.63761 4.37165 8.8 4.66669 8.8V8ZM8.66669 8L9.33233 8.44376C9.49598 8.19828 9.51124 7.88264 9.37203 7.62251C9.23281 7.36239 8.96172 7.2 8.66669 7.2V8ZM5.33438 11.5562C5.0893 11.9239 5.18864 12.4206 5.55626 12.6656C5.92388 12.9107 6.42058 12.8114 6.66566 12.4438L5.33438 11.5562ZM3.33335 11.2H2.00002V12.8H3.33335V11.2ZM2.00002 11.2C1.85857 11.2 1.72292 11.1438 1.6229 11.0438L0.491526 12.1752C0.891603 12.5752 1.43422 12.8 2.00002 12.8V11.2ZM1.6229 11.0438C1.52288 10.9438 1.46669 10.8081 1.46669 10.6667H-0.133313C-0.133313 11.2325 0.0914485 11.7751 0.491526 12.1752L1.6229 11.0438ZM1.46669 10.6667V5.33333H-0.133313V10.6667H1.46669ZM1.46669 5.33333C1.46669 5.19188 1.52288 5.05623 1.6229 4.95621L0.491526 3.82484C0.0914482 4.22492 -0.133313 4.76754 -0.133313 5.33333H1.46669ZM1.6229 4.95621C1.72292 4.85619 1.85857 4.8 2.00002 4.8V3.2C1.43423 3.2 0.891604 3.42476 0.491526 3.82484L1.6229 4.95621ZM2.00002 4.8H4.12669V3.2H2.00002V4.8ZM10 4.8H11.3334V3.2H10V4.8ZM11.3334 4.8C11.4748 4.8 11.6105 4.85619 11.7105 4.95621L12.8418 3.82484C12.4418 3.42476 11.8991 3.2 11.3334 3.2V4.8ZM11.7105 4.95621C11.8105 5.05623 11.8667 5.19189 11.8667 5.33333H13.4667C13.4667 4.76754 13.2419 4.22492 12.8418 3.82484L11.7105 4.95621ZM11.8667 5.33333V10.6667H13.4667V5.33333H11.8667ZM11.8667 10.6667C11.8667 10.8081 11.8105 10.9438 11.7105 11.0438L12.8418 12.1752C13.2419 11.7751 13.4667 11.2325 13.4667 10.6667H11.8667ZM11.7105 11.0438C11.6105 11.1438 11.4748 11.2 11.3334 11.2V12.8C11.8991 12.8 12.4418 12.5752 12.8418 12.1752L11.7105 11.0438ZM11.3334 11.2H9.20669V12.8H11.3334V11.2ZM16.1334 8.66667V7.33333H14.5334V8.66667H16.1334ZM6.66771 3.55624L4.00105 7.55624L5.33233 8.44376L7.99899 4.44376L6.66771 3.55624ZM4.66669 8.8H8.66669V7.2H4.66669V8.8ZM8.00105 7.55624L5.33438 11.5562L6.66566 12.4438L9.33233 8.44376L8.00105 7.55624Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15607"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15607)">
+      <path
+        d="M3.33335 12.8C3.77518 12.8 4.13335 12.4418 4.13335 12C4.13335 11.5582 3.77518 11.2 3.33335 11.2V12.8ZM0.666687 10.6667H-0.133313H0.666687ZM2.00002 4V3.2V4ZM4.12669 4.8C4.56851 4.8 4.92669 4.44183 4.92669 4C4.92669 3.55817 4.56851 3.2 4.12669 3.2V4.8ZM10 3.2C9.55819 3.2 9.20002 3.55817 9.20002 4C9.20002 4.44183 9.55819 4.8 10 4.8V3.2ZM11.3334 4V3.2V4ZM9.20669 11.2C8.76486 11.2 8.40669 11.5582 8.40669 12C8.40669 12.4418 8.76486 12.8 9.20669 12.8V11.2ZM14.5334 8.66667C14.5334 9.10849 14.8915 9.46667 15.3334 9.46667C15.7752 9.46667 16.1334 9.10849 16.1334 8.66667H14.5334ZM16.1334 7.33333C16.1334 6.89151 15.7752 6.53333 15.3334 6.53333C14.8915 6.53333 14.5334 6.89151 14.5334 7.33333H16.1334ZM7.99899 4.44376C8.24408 4.07614 8.14474 3.57944 7.77711 3.33436C7.40949 3.08928 6.9128 3.18862 6.66771 3.55624L7.99899 4.44376ZM4.66669 8L4.00105 7.55624C3.83739 7.80172 3.82213 8.11736 3.96135 8.37749C4.10056 8.63761 4.37165 8.8 4.66669 8.8V8ZM8.66669 8L9.33233 8.44376C9.49598 8.19828 9.51124 7.88264 9.37203 7.62251C9.23281 7.36239 8.96172 7.2 8.66669 7.2V8ZM5.33438 11.5562C5.0893 11.9239 5.18864 12.4206 5.55626 12.6656C5.92388 12.9107 6.42058 12.8114 6.66566 12.4438L5.33438 11.5562ZM3.33335 11.2H2.00002V12.8H3.33335V11.2ZM2.00002 11.2C1.85857 11.2 1.72292 11.1438 1.6229 11.0438L0.491526 12.1752C0.891603 12.5752 1.43422 12.8 2.00002 12.8V11.2ZM1.6229 11.0438C1.52288 10.9438 1.46669 10.8081 1.46669 10.6667H-0.133313C-0.133313 11.2325 0.0914485 11.7751 0.491526 12.1752L1.6229 11.0438ZM1.46669 10.6667V5.33333H-0.133313V10.6667H1.46669ZM1.46669 5.33333C1.46669 5.19188 1.52288 5.05623 1.6229 4.95621L0.491526 3.82484C0.0914482 4.22492 -0.133313 4.76754 -0.133313 5.33333H1.46669ZM1.6229 4.95621C1.72292 4.85619 1.85857 4.8 2.00002 4.8V3.2C1.43423 3.2 0.891604 3.42476 0.491526 3.82484L1.6229 4.95621ZM2.00002 4.8H4.12669V3.2H2.00002V4.8ZM10 4.8H11.3334V3.2H10V4.8ZM11.3334 4.8C11.4748 4.8 11.6105 4.85619 11.7105 4.95621L12.8418 3.82484C12.4418 3.42476 11.8991 3.2 11.3334 3.2V4.8ZM11.7105 4.95621C11.8105 5.05623 11.8667 5.19189 11.8667 5.33333H13.4667C13.4667 4.76754 13.2419 4.22492 12.8418 3.82484L11.7105 4.95621ZM11.8667 5.33333V10.6667H13.4667V5.33333H11.8667ZM11.8667 10.6667C11.8667 10.8081 11.8105 10.9438 11.7105 11.0438L12.8418 12.1752C13.2419 11.7751 13.4667 11.2325 13.4667 10.6667H11.8667ZM11.7105 11.0438C11.6105 11.1438 11.4748 11.2 11.3334 11.2V12.8C11.8991 12.8 12.4418 12.5752 12.8418 12.1752L11.7105 11.0438ZM11.3334 11.2H9.20669V12.8H11.3334V11.2ZM16.1334 8.66667V7.33333H14.5334V8.66667H16.1334ZM6.66771 3.55624L4.00105 7.55624L5.33233 8.44376L7.99899 4.44376L6.66771 3.55624ZM4.66669 8.8H8.66669V7.2H4.66669V8.8ZM8.00105 7.55624L5.33438 11.5562L6.66566 12.4438L9.33233 8.44376L8.00105 7.55624Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15607">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconBatteryCharging,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13046",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBatteryCharging size={size} />,
+  },
 );
-figma.connect(IconBatteryCharging, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13046", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBatteryCharging size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBell.tsx b/src/icons/IconBell.tsx
index f85f9b0..51ecc76 100644
--- a/src/icons/IconBell.tsx
+++ b/src/icons/IconBell.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBell = (props: IconProps) => (
-  <Icon {...props}><path d="M8 1.33325V0.533252V1.33325ZM4 5.33325H3.2H4ZM2 11.3333L1.55624 10.6676C1.26291 10.8632 1.13217 11.2277 1.23433 11.5651C1.33649 11.9025 1.64747 12.1333 2 12.1333L2 11.3333ZM14 11.3333V12.1333C14.3525 12.1333 14.6635 11.9025 14.7657 11.5651C14.8678 11.2277 14.7371 10.8632 14.4438 10.6676L14 11.3333ZM9.84533 14.4013C10.067 14.0192 9.93693 13.5296 9.55475 13.3079C9.17257 13.0862 8.68303 13.2163 8.46133 13.5985L9.84533 14.4013ZM7.53867 13.5985C7.31697 13.2163 6.82743 13.0862 6.44525 13.3079C6.06307 13.5296 5.93297 14.0192 6.15467 14.4013L7.53867 13.5985ZM12.8 5.33325C12.8 4.06021 12.2943 2.83931 11.3941 1.93914L10.2627 3.07051C10.8629 3.67063 11.2 4.48456 11.2 5.33325H12.8ZM11.3941 1.93914C10.4939 1.03896 9.27304 0.533252 8 0.533252V2.13325C8.84869 2.13325 9.66263 2.47039 10.2627 3.07051L11.3941 1.93914ZM8 0.533252C6.72696 0.533252 5.50606 1.03896 4.60589 1.93914L5.73726 3.07051C6.33737 2.47039 7.15131 2.13325 8 2.13325V0.533252ZM4.60589 1.93914C3.70571 2.83931 3.2 4.06021 3.2 5.33325H4.8C4.8 4.48456 5.13714 3.67063 5.73726 3.07051L4.60589 1.93914ZM3.2 5.33325C3.2 7.54871 2.72635 8.91429 2.29768 9.70017C2.08225 10.0951 1.87378 10.3519 1.73174 10.5018C1.66051 10.577 1.60543 10.6259 1.57379 10.6523C1.55796 10.6655 1.54798 10.673 1.54475 10.6754C1.54313 10.6766 1.5432 10.6765 1.54508 10.6752C1.54602 10.6746 1.54741 10.6736 1.54926 10.6723C1.55019 10.6717 1.55124 10.671 1.5524 10.6702C1.55298 10.6698 1.55359 10.6694 1.55423 10.669C1.55455 10.6687 1.55505 10.6684 1.55521 10.6683C1.55572 10.668 1.55624 10.6676 2 11.3333C2.44376 11.9989 2.44429 11.9985 2.44483 11.9982C2.44502 11.998 2.44557 11.9977 2.44595 11.9974C2.44672 11.9969 2.44751 11.9964 2.44833 11.9958C2.44998 11.9947 2.45175 11.9935 2.45363 11.9922C2.45741 11.9896 2.46167 11.9867 2.46639 11.9833C2.47584 11.9767 2.48714 11.9685 2.50018 11.9588C2.52624 11.9394 2.55923 11.9138 2.59809 11.8814C2.67582 11.8166 2.77699 11.7249 2.89326 11.6022C3.12622 11.3563 3.41775 10.988 3.70232 10.4663C4.27365 9.41888 4.8 7.78446 4.8 5.33325H3.2ZM2 12.1333H14V10.5333H2V12.1333ZM14 11.3333C14.4438 10.6676 14.4443 10.668 14.4448 10.6683C14.4449 10.6684 14.4455 10.6687 14.4458 10.669C14.4464 10.6694 14.447 10.6698 14.4476 10.6702C14.4488 10.671 14.4498 10.6717 14.4507 10.6723C14.4526 10.6736 14.454 10.6746 14.4549 10.6752C14.4568 10.6765 14.4569 10.6766 14.4553 10.6754C14.452 10.673 14.442 10.6655 14.4262 10.6523C14.3946 10.6259 14.3395 10.577 14.2683 10.5018C14.1262 10.3519 13.9178 10.0951 13.7023 9.70017C13.2737 8.91429 12.8 7.54871 12.8 5.33325H11.2C11.2 7.78446 11.7263 9.41888 12.2977 10.4663C12.5822 10.988 12.8738 11.3563 13.1067 11.6022C13.223 11.7249 13.3242 11.8166 13.4019 11.8814C13.4408 11.9138 13.4738 11.9394 13.4998 11.9588C13.5129 11.9685 13.5242 11.9767 13.5336 11.9833C13.5383 11.9867 13.5426 11.9896 13.5464 11.9922C13.5483 11.9935 13.55 11.9947 13.5517 11.9958C13.5525 11.9964 13.5533 11.9969 13.554 11.9974C13.5544 11.9977 13.555 11.998 13.5552 11.9982C13.5557 11.9985 13.5562 11.9989 14 11.3333ZM8.46133 13.5985C8.41445 13.6793 8.34716 13.7464 8.26619 13.793L9.06477 15.1795C9.38863 14.993 9.6578 14.7246 9.84533 14.4013L8.46133 13.5985ZM8.26619 13.793C8.18523 13.8397 8.09343 13.8642 8 13.8642V15.4642C8.37374 15.4642 8.74092 15.366 9.06477 15.1795L8.26619 13.793ZM8 13.8642C7.90657 13.8642 7.81477 13.8397 7.73381 13.793L6.93523 15.1795C7.25908 15.366 7.62626 15.4642 8 15.4642V13.8642ZM7.73381 13.793C7.65284 13.7464 7.58555 13.6793 7.53867 13.5985L6.15467 14.4013C6.3422 14.7246 6.61137 14.993 6.93523 15.1795L7.73381 13.793Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8 1.33325V0.533252V1.33325ZM4 5.33325H3.2H4ZM2 11.3333L1.55624 10.6676C1.26291 10.8632 1.13217 11.2277 1.23433 11.5651C1.33649 11.9025 1.64747 12.1333 2 12.1333L2 11.3333ZM14 11.3333V12.1333C14.3525 12.1333 14.6635 11.9025 14.7657 11.5651C14.8678 11.2277 14.7371 10.8632 14.4438 10.6676L14 11.3333ZM9.84533 14.4013C10.067 14.0192 9.93693 13.5296 9.55475 13.3079C9.17257 13.0862 8.68303 13.2163 8.46133 13.5985L9.84533 14.4013ZM7.53867 13.5985C7.31697 13.2163 6.82743 13.0862 6.44525 13.3079C6.06307 13.5296 5.93297 14.0192 6.15467 14.4013L7.53867 13.5985ZM12.8 5.33325C12.8 4.06021 12.2943 2.83931 11.3941 1.93914L10.2627 3.07051C10.8629 3.67063 11.2 4.48456 11.2 5.33325H12.8ZM11.3941 1.93914C10.4939 1.03896 9.27304 0.533252 8 0.533252V2.13325C8.84869 2.13325 9.66263 2.47039 10.2627 3.07051L11.3941 1.93914ZM8 0.533252C6.72696 0.533252 5.50606 1.03896 4.60589 1.93914L5.73726 3.07051C6.33737 2.47039 7.15131 2.13325 8 2.13325V0.533252ZM4.60589 1.93914C3.70571 2.83931 3.2 4.06021 3.2 5.33325H4.8C4.8 4.48456 5.13714 3.67063 5.73726 3.07051L4.60589 1.93914ZM3.2 5.33325C3.2 7.54871 2.72635 8.91429 2.29768 9.70017C2.08225 10.0951 1.87378 10.3519 1.73174 10.5018C1.66051 10.577 1.60543 10.6259 1.57379 10.6523C1.55796 10.6655 1.54798 10.673 1.54475 10.6754C1.54313 10.6766 1.5432 10.6765 1.54508 10.6752C1.54602 10.6746 1.54741 10.6736 1.54926 10.6723C1.55019 10.6717 1.55124 10.671 1.5524 10.6702C1.55298 10.6698 1.55359 10.6694 1.55423 10.669C1.55455 10.6687 1.55505 10.6684 1.55521 10.6683C1.55572 10.668 1.55624 10.6676 2 11.3333C2.44376 11.9989 2.44429 11.9985 2.44483 11.9982C2.44502 11.998 2.44557 11.9977 2.44595 11.9974C2.44672 11.9969 2.44751 11.9964 2.44833 11.9958C2.44998 11.9947 2.45175 11.9935 2.45363 11.9922C2.45741 11.9896 2.46167 11.9867 2.46639 11.9833C2.47584 11.9767 2.48714 11.9685 2.50018 11.9588C2.52624 11.9394 2.55923 11.9138 2.59809 11.8814C2.67582 11.8166 2.77699 11.7249 2.89326 11.6022C3.12622 11.3563 3.41775 10.988 3.70232 10.4663C4.27365 9.41888 4.8 7.78446 4.8 5.33325H3.2ZM2 12.1333H14V10.5333H2V12.1333ZM14 11.3333C14.4438 10.6676 14.4443 10.668 14.4448 10.6683C14.4449 10.6684 14.4455 10.6687 14.4458 10.669C14.4464 10.6694 14.447 10.6698 14.4476 10.6702C14.4488 10.671 14.4498 10.6717 14.4507 10.6723C14.4526 10.6736 14.454 10.6746 14.4549 10.6752C14.4568 10.6765 14.4569 10.6766 14.4553 10.6754C14.452 10.673 14.442 10.6655 14.4262 10.6523C14.3946 10.6259 14.3395 10.577 14.2683 10.5018C14.1262 10.3519 13.9178 10.0951 13.7023 9.70017C13.2737 8.91429 12.8 7.54871 12.8 5.33325H11.2C11.2 7.78446 11.7263 9.41888 12.2977 10.4663C12.5822 10.988 12.8738 11.3563 13.1067 11.6022C13.223 11.7249 13.3242 11.8166 13.4019 11.8814C13.4408 11.9138 13.4738 11.9394 13.4998 11.9588C13.5129 11.9685 13.5242 11.9767 13.5336 11.9833C13.5383 11.9867 13.5426 11.9896 13.5464 11.9922C13.5483 11.9935 13.55 11.9947 13.5517 11.9958C13.5525 11.9964 13.5533 11.9969 13.554 11.9974C13.5544 11.9977 13.555 11.998 13.5552 11.9982C13.5557 11.9985 13.5562 11.9989 14 11.3333ZM8.46133 13.5985C8.41445 13.6793 8.34716 13.7464 8.26619 13.793L9.06477 15.1795C9.38863 14.993 9.6578 14.7246 9.84533 14.4013L8.46133 13.5985ZM8.26619 13.793C8.18523 13.8397 8.09343 13.8642 8 13.8642V15.4642C8.37374 15.4642 8.74092 15.366 9.06477 15.1795L8.26619 13.793ZM8 13.8642C7.90657 13.8642 7.81477 13.8397 7.73381 13.793L6.93523 15.1795C7.25908 15.366 7.62626 15.4642 8 15.4642V13.8642ZM7.73381 13.793C7.65284 13.7464 7.58555 13.6793 7.53867 13.5985L6.15467 14.4013C6.3422 14.7246 6.61137 14.993 6.93523 15.1795L7.73381 13.793Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBell,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13048",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBell size={size} />,
+  },
 );
-figma.connect(IconBell, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13048", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBell size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBellOff.tsx b/src/icons/IconBellOff.tsx
index c029fe7..79597e4 100644
--- a/src/icons/IconBellOff.tsx
+++ b/src/icons/IconBellOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBellOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15611)"><path d="M9.84529 14.4015C10.067 14.0193 9.93689 13.5298 9.55471 13.3081C9.17253 13.0864 8.68299 13.2165 8.46129 13.5987L9.84529 14.4015ZM7.53863 13.5987C7.31693 13.2165 6.82739 13.0864 6.44521 13.3081C6.06303 13.5298 5.93293 14.0193 6.15463 14.4015L7.53863 13.5987ZM11.6482 8.87755C11.7647 9.30377 12.2046 9.5549 12.6308 9.43847C13.057 9.32205 13.3081 8.88215 13.1917 8.45594L11.6482 8.87755ZM12 5.33342L12.7999 5.3462L12.8 5.3346L12 5.33342ZM4.9378 4.40907C5.06795 3.98685 4.83118 3.53906 4.40895 3.40891C3.98673 3.27876 3.53894 3.51553 3.40879 3.93776L4.9378 4.40907ZM3.99996 5.33342H4.79996L4.79996 5.33153L3.99996 5.33342ZM1.99996 11.3334L1.5562 10.6678C1.26287 10.8633 1.13213 11.2278 1.23429 11.5652C1.33644 11.9026 1.64743 12.1334 1.99996 12.1334V11.3334ZM11.3333 12.1334C11.7751 12.1334 12.1333 11.7752 12.1333 11.3334C12.1333 10.8916 11.7751 10.5334 11.3333 10.5334V12.1334ZM5.33596 1.3346C4.96842 1.57982 4.86926 2.07655 5.11448 2.44408C5.35969 2.81162 5.85643 2.91078 6.22396 2.66556L5.33596 1.3346ZM1.23231 0.101063C0.919892 -0.211357 0.41336 -0.211357 0.100941 0.101063C-0.211479 0.413482 -0.211479 0.920014 0.100941 1.23243L1.23231 0.101063ZM14.7676 15.8991C15.08 16.2115 15.5866 16.2115 15.899 15.8991C16.2114 15.5867 16.2114 15.0801 15.899 14.7677L14.7676 15.8991ZM8.46129 13.5987C8.41441 13.6795 8.34712 13.7466 8.26615 13.7932L9.06473 15.1797C9.38859 14.9931 9.65776 14.7248 9.84529 14.4015L8.46129 13.5987ZM8.26615 13.7932C8.18519 13.8398 8.09339 13.8644 7.99996 13.8644V15.4644C8.3737 15.4644 8.74088 15.3662 9.06473 15.1797L8.26615 13.7932ZM7.99996 13.8644C7.90652 13.8644 7.81473 13.8398 7.73377 13.7932L6.93518 15.1797C7.25904 15.3662 7.62622 15.4644 7.99996 15.4644V13.8644ZM7.73377 13.7932C7.6528 13.7466 7.58551 13.6795 7.53863 13.5987L6.15463 14.4015C6.34216 14.7248 6.61133 14.9931 6.93518 15.1797L7.73377 13.7932ZM13.1917 8.45594C12.915 7.44304 12.7831 6.39607 12.7999 5.3462L11.2001 5.32063C11.1809 6.52148 11.3318 7.719 11.6482 8.87755L13.1917 8.45594ZM3.40879 3.93776C3.26925 4.39044 3.19885 4.8616 3.19996 5.3353L4.79996 5.33153C4.79922 5.01886 4.84569 4.70787 4.9378 4.40907L3.40879 3.93776ZM3.19996 5.33342C3.19996 7.54888 2.72631 8.91445 2.29764 9.70033C2.08221 10.0953 1.87374 10.352 1.7317 10.502C1.66047 10.5772 1.60538 10.6261 1.57375 10.6524C1.55792 10.6656 1.54793 10.6732 1.5447 10.6756C1.54309 10.6768 1.54316 10.6767 1.54504 10.6754C1.54598 10.6747 1.54737 10.6738 1.54922 10.6725C1.55015 10.6718 1.5512 10.6711 1.55236 10.6704C1.55294 10.67 1.55355 10.6695 1.55419 10.6691C1.55451 10.6689 1.55501 10.6686 1.55517 10.6685C1.55568 10.6681 1.5562 10.6678 1.99996 11.3334C2.44372 11.9991 2.44425 11.9987 2.44479 11.9983C2.44498 11.9982 2.44553 11.9978 2.44591 11.9976C2.44667 11.9971 2.44747 11.9965 2.44829 11.996C2.44994 11.9949 2.45171 11.9937 2.45359 11.9924C2.45737 11.9898 2.46163 11.9868 2.46635 11.9835C2.4758 11.9769 2.4871 11.9687 2.50014 11.959C2.5262 11.9396 2.55919 11.914 2.59804 11.8816C2.67578 11.8168 2.77695 11.7251 2.89322 11.6024C3.12618 11.3565 3.41771 10.9882 3.70228 10.4665C4.27361 9.41904 4.79996 7.78462 4.79996 5.33342H3.19996ZM1.99996 12.1334H11.3333V10.5334H1.99996V12.1334ZM12.8 5.3346C12.8012 4.46505 12.5663 3.61148 12.1202 2.86507L10.7468 3.68588C11.0442 4.18348 11.2008 4.75253 11.2 5.33223L12.8 5.3346ZM12.1202 2.86507C11.6741 2.11866 11.0337 1.50745 10.2673 1.09671L9.51149 2.50697C10.0224 2.78079 10.4494 3.18827 10.7468 3.68588L12.1202 2.86507ZM10.2673 1.09671C9.50083 0.685979 8.63722 0.491156 7.76868 0.533055L7.84577 2.1312C8.4248 2.10326 9.00054 2.23315 9.51149 2.50697L10.2673 1.09671ZM7.76868 0.533055C6.90014 0.574954 6.05929 0.852001 5.33596 1.3346L6.22396 2.66556C6.70618 2.34383 7.26675 2.15913 7.84577 2.1312L7.76868 0.533055ZM0.100941 1.23243L14.7676 15.8991L15.899 14.7677L1.23231 0.101063L0.100941 1.23243Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15611"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15611)">
+      <path
+        d="M9.84529 14.4015C10.067 14.0193 9.93689 13.5298 9.55471 13.3081C9.17253 13.0864 8.68299 13.2165 8.46129 13.5987L9.84529 14.4015ZM7.53863 13.5987C7.31693 13.2165 6.82739 13.0864 6.44521 13.3081C6.06303 13.5298 5.93293 14.0193 6.15463 14.4015L7.53863 13.5987ZM11.6482 8.87755C11.7647 9.30377 12.2046 9.5549 12.6308 9.43847C13.057 9.32205 13.3081 8.88215 13.1917 8.45594L11.6482 8.87755ZM12 5.33342L12.7999 5.3462L12.8 5.3346L12 5.33342ZM4.9378 4.40907C5.06795 3.98685 4.83118 3.53906 4.40895 3.40891C3.98673 3.27876 3.53894 3.51553 3.40879 3.93776L4.9378 4.40907ZM3.99996 5.33342H4.79996L4.79996 5.33153L3.99996 5.33342ZM1.99996 11.3334L1.5562 10.6678C1.26287 10.8633 1.13213 11.2278 1.23429 11.5652C1.33644 11.9026 1.64743 12.1334 1.99996 12.1334V11.3334ZM11.3333 12.1334C11.7751 12.1334 12.1333 11.7752 12.1333 11.3334C12.1333 10.8916 11.7751 10.5334 11.3333 10.5334V12.1334ZM5.33596 1.3346C4.96842 1.57982 4.86926 2.07655 5.11448 2.44408C5.35969 2.81162 5.85643 2.91078 6.22396 2.66556L5.33596 1.3346ZM1.23231 0.101063C0.919892 -0.211357 0.41336 -0.211357 0.100941 0.101063C-0.211479 0.413482 -0.211479 0.920014 0.100941 1.23243L1.23231 0.101063ZM14.7676 15.8991C15.08 16.2115 15.5866 16.2115 15.899 15.8991C16.2114 15.5867 16.2114 15.0801 15.899 14.7677L14.7676 15.8991ZM8.46129 13.5987C8.41441 13.6795 8.34712 13.7466 8.26615 13.7932L9.06473 15.1797C9.38859 14.9931 9.65776 14.7248 9.84529 14.4015L8.46129 13.5987ZM8.26615 13.7932C8.18519 13.8398 8.09339 13.8644 7.99996 13.8644V15.4644C8.3737 15.4644 8.74088 15.3662 9.06473 15.1797L8.26615 13.7932ZM7.99996 13.8644C7.90652 13.8644 7.81473 13.8398 7.73377 13.7932L6.93518 15.1797C7.25904 15.3662 7.62622 15.4644 7.99996 15.4644V13.8644ZM7.73377 13.7932C7.6528 13.7466 7.58551 13.6795 7.53863 13.5987L6.15463 14.4015C6.34216 14.7248 6.61133 14.9931 6.93518 15.1797L7.73377 13.7932ZM13.1917 8.45594C12.915 7.44304 12.7831 6.39607 12.7999 5.3462L11.2001 5.32063C11.1809 6.52148 11.3318 7.719 11.6482 8.87755L13.1917 8.45594ZM3.40879 3.93776C3.26925 4.39044 3.19885 4.8616 3.19996 5.3353L4.79996 5.33153C4.79922 5.01886 4.84569 4.70787 4.9378 4.40907L3.40879 3.93776ZM3.19996 5.33342C3.19996 7.54888 2.72631 8.91445 2.29764 9.70033C2.08221 10.0953 1.87374 10.352 1.7317 10.502C1.66047 10.5772 1.60538 10.6261 1.57375 10.6524C1.55792 10.6656 1.54793 10.6732 1.5447 10.6756C1.54309 10.6768 1.54316 10.6767 1.54504 10.6754C1.54598 10.6747 1.54737 10.6738 1.54922 10.6725C1.55015 10.6718 1.5512 10.6711 1.55236 10.6704C1.55294 10.67 1.55355 10.6695 1.55419 10.6691C1.55451 10.6689 1.55501 10.6686 1.55517 10.6685C1.55568 10.6681 1.5562 10.6678 1.99996 11.3334C2.44372 11.9991 2.44425 11.9987 2.44479 11.9983C2.44498 11.9982 2.44553 11.9978 2.44591 11.9976C2.44667 11.9971 2.44747 11.9965 2.44829 11.996C2.44994 11.9949 2.45171 11.9937 2.45359 11.9924C2.45737 11.9898 2.46163 11.9868 2.46635 11.9835C2.4758 11.9769 2.4871 11.9687 2.50014 11.959C2.5262 11.9396 2.55919 11.914 2.59804 11.8816C2.67578 11.8168 2.77695 11.7251 2.89322 11.6024C3.12618 11.3565 3.41771 10.9882 3.70228 10.4665C4.27361 9.41904 4.79996 7.78462 4.79996 5.33342H3.19996ZM1.99996 12.1334H11.3333V10.5334H1.99996V12.1334ZM12.8 5.3346C12.8012 4.46505 12.5663 3.61148 12.1202 2.86507L10.7468 3.68588C11.0442 4.18348 11.2008 4.75253 11.2 5.33223L12.8 5.3346ZM12.1202 2.86507C11.6741 2.11866 11.0337 1.50745 10.2673 1.09671L9.51149 2.50697C10.0224 2.78079 10.4494 3.18827 10.7468 3.68588L12.1202 2.86507ZM10.2673 1.09671C9.50083 0.685979 8.63722 0.491156 7.76868 0.533055L7.84577 2.1312C8.4248 2.10326 9.00054 2.23315 9.51149 2.50697L10.2673 1.09671ZM7.76868 0.533055C6.90014 0.574954 6.05929 0.852001 5.33596 1.3346L6.22396 2.66556C6.70618 2.34383 7.26675 2.15913 7.84577 2.1312L7.76868 0.533055ZM0.100941 1.23243L14.7676 15.8991L15.899 14.7677L1.23231 0.101063L0.100941 1.23243Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15611">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconBellOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13049",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBellOff size={size} />,
+  },
 );
-figma.connect(IconBellOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13049", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBellOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBluetooth.tsx b/src/icons/IconBluetooth.tsx
index cce2659..bcc7238 100644
--- a/src/icons/IconBluetooth.tsx
+++ b/src/icons/IconBluetooth.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBluetooth = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15615)"><path d="M4.89894 3.76773C4.58652 3.45531 4.07999 3.45531 3.76757 3.76773C3.45515 4.08015 3.45515 4.58668 3.76757 4.8991L4.89894 3.76773ZM11.6666 11.6667L12.2323 12.2324C12.5447 11.92 12.5447 11.4135 12.2323 11.1011L11.6666 11.6667ZM7.99992 15.3334H7.19992C7.19992 15.657 7.39483 15.9487 7.69377 16.0725C7.99271 16.1963 8.33681 16.1279 8.5656 15.8991L7.99992 15.3334ZM7.99992 0.666748L8.5656 0.101063C8.33681 -0.127736 7.99271 -0.19618 7.69377 -0.0723556C7.39483 0.0514692 7.19992 0.343178 7.19992 0.666748H7.99992ZM11.6666 4.33341L12.2323 4.8991C12.5447 4.58668 12.5447 4.08015 12.2323 3.76773L11.6666 4.33341ZM3.76757 11.1011C3.45515 11.4135 3.45515 11.92 3.76757 12.2324C4.07999 12.5449 4.58652 12.5449 4.89894 12.2324L3.76757 11.1011ZM3.76757 4.8991L11.1009 12.2324L12.2323 11.1011L4.89894 3.76773L3.76757 4.8991ZM11.1009 11.1011L7.43423 14.7677L8.5656 15.8991L12.2323 12.2324L11.1009 11.1011ZM8.79992 15.3334V0.666748H7.19992V15.3334H8.79992ZM7.43423 1.23243L11.1009 4.8991L12.2323 3.76773L8.5656 0.101063L7.43423 1.23243ZM11.1009 3.76773L3.76757 11.1011L4.89894 12.2324L12.2323 4.8991L11.1009 3.76773Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15615"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15615)">
+      <path
+        d="M4.89894 3.76773C4.58652 3.45531 4.07999 3.45531 3.76757 3.76773C3.45515 4.08015 3.45515 4.58668 3.76757 4.8991L4.89894 3.76773ZM11.6666 11.6667L12.2323 12.2324C12.5447 11.92 12.5447 11.4135 12.2323 11.1011L11.6666 11.6667ZM7.99992 15.3334H7.19992C7.19992 15.657 7.39483 15.9487 7.69377 16.0725C7.99271 16.1963 8.33681 16.1279 8.5656 15.8991L7.99992 15.3334ZM7.99992 0.666748L8.5656 0.101063C8.33681 -0.127736 7.99271 -0.19618 7.69377 -0.0723556C7.39483 0.0514692 7.19992 0.343178 7.19992 0.666748H7.99992ZM11.6666 4.33341L12.2323 4.8991C12.5447 4.58668 12.5447 4.08015 12.2323 3.76773L11.6666 4.33341ZM3.76757 11.1011C3.45515 11.4135 3.45515 11.92 3.76757 12.2324C4.07999 12.5449 4.58652 12.5449 4.89894 12.2324L3.76757 11.1011ZM3.76757 4.8991L11.1009 12.2324L12.2323 11.1011L4.89894 3.76773L3.76757 4.8991ZM11.1009 11.1011L7.43423 14.7677L8.5656 15.8991L12.2323 12.2324L11.1009 11.1011ZM8.79992 15.3334V0.666748H7.19992V15.3334H8.79992ZM7.43423 1.23243L11.1009 4.8991L12.2323 3.76773L8.5656 0.101063L7.43423 1.23243ZM11.1009 3.76773L3.76757 11.1011L4.89894 12.2324L12.2323 4.8991L11.1009 3.76773Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15615">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconBluetooth,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13051",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBluetooth size={size} />,
+  },
 );
-figma.connect(IconBluetooth, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13051", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBluetooth size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBold.tsx b/src/icons/IconBold.tsx
index eea97ca..5a07a8b 100644
--- a/src/icons/IconBold.tsx
+++ b/src/icons/IconBold.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBold = (props: IconProps) => (
-  <Icon {...props}><path d="M4 2.66675V1.86675C3.55817 1.86675 3.2 2.22492 3.2 2.66675H4ZM9.33333 2.66675V1.86675V2.66675ZM9.33333 8.00008V8.80008V8.00008ZM10 8.00008V7.20008V8.00008ZM4 13.3334H3.2C3.2 13.7752 3.55817 14.1334 4 14.1334V13.3334ZM4 3.46675H9.33333V1.86675H4V3.46675ZM9.33333 3.46675C9.8284 3.46675 10.3032 3.66341 10.6533 4.01348L11.7846 2.88211C11.1345 2.23199 10.2527 1.86675 9.33333 1.86675V3.46675ZM10.6533 4.01348C11.0033 4.36355 11.2 4.83834 11.2 5.33341H12.8C12.8 4.414 12.4348 3.53224 11.7846 2.88211L10.6533 4.01348ZM11.2 5.33341C11.2 5.82848 11.0033 6.30328 10.6533 6.65335L11.7846 7.78472C12.4348 7.13459 12.8 6.25283 12.8 5.33341H11.2ZM10.6533 6.65335C10.3032 7.00342 9.8284 7.20008 9.33333 7.20008V8.80008C10.2528 8.80008 11.1345 8.43484 11.7846 7.78472L10.6533 6.65335ZM9.33333 7.20008H4V8.80008H9.33333V7.20008ZM4.8 8.00008V2.66675H3.2V8.00008H4.8ZM4 8.80008H10V7.20008H4V8.80008ZM10 8.80008C10.4951 8.80008 10.9699 8.99675 11.3199 9.34682L12.4513 8.21544C11.8012 7.56532 10.9194 7.20008 10 7.20008V8.80008ZM11.3199 9.34682C11.67 9.69688 11.8667 10.1717 11.8667 10.6667H13.4667C13.4667 9.74733 13.1014 8.86557 12.4513 8.21544L11.3199 9.34682ZM11.8667 10.6667C11.8667 11.1618 11.67 11.6366 11.3199 11.9867L12.4513 13.118C13.1014 12.4679 13.4667 11.5862 13.4667 10.6667H11.8667ZM11.3199 11.9867C10.9699 12.3367 10.4951 12.5334 10 12.5334V14.1334C10.9194 14.1334 11.8012 13.7682 12.4513 13.118L11.3199 11.9867ZM10 12.5334H4V14.1334H10V12.5334ZM4.8 13.3334V8.00008H3.2V13.3334H4.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4 2.66675V1.86675C3.55817 1.86675 3.2 2.22492 3.2 2.66675H4ZM9.33333 2.66675V1.86675V2.66675ZM9.33333 8.00008V8.80008V8.00008ZM10 8.00008V7.20008V8.00008ZM4 13.3334H3.2C3.2 13.7752 3.55817 14.1334 4 14.1334V13.3334ZM4 3.46675H9.33333V1.86675H4V3.46675ZM9.33333 3.46675C9.8284 3.46675 10.3032 3.66341 10.6533 4.01348L11.7846 2.88211C11.1345 2.23199 10.2527 1.86675 9.33333 1.86675V3.46675ZM10.6533 4.01348C11.0033 4.36355 11.2 4.83834 11.2 5.33341H12.8C12.8 4.414 12.4348 3.53224 11.7846 2.88211L10.6533 4.01348ZM11.2 5.33341C11.2 5.82848 11.0033 6.30328 10.6533 6.65335L11.7846 7.78472C12.4348 7.13459 12.8 6.25283 12.8 5.33341H11.2ZM10.6533 6.65335C10.3032 7.00342 9.8284 7.20008 9.33333 7.20008V8.80008C10.2528 8.80008 11.1345 8.43484 11.7846 7.78472L10.6533 6.65335ZM9.33333 7.20008H4V8.80008H9.33333V7.20008ZM4.8 8.00008V2.66675H3.2V8.00008H4.8ZM4 8.80008H10V7.20008H4V8.80008ZM10 8.80008C10.4951 8.80008 10.9699 8.99675 11.3199 9.34682L12.4513 8.21544C11.8012 7.56532 10.9194 7.20008 10 7.20008V8.80008ZM11.3199 9.34682C11.67 9.69688 11.8667 10.1717 11.8667 10.6667H13.4667C13.4667 9.74733 13.1014 8.86557 12.4513 8.21544L11.3199 9.34682ZM11.8667 10.6667C11.8667 11.1618 11.67 11.6366 11.3199 11.9867L12.4513 13.118C13.1014 12.4679 13.4667 11.5862 13.4667 10.6667H11.8667ZM11.3199 11.9867C10.9699 12.3367 10.4951 12.5334 10 12.5334V14.1334C10.9194 14.1334 11.8012 13.7682 12.4513 13.118L11.3199 11.9867ZM10 12.5334H4V14.1334H10V12.5334ZM4.8 13.3334V8.00008H3.2V13.3334H4.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBold,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13050",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBold size={size} />,
+  },
 );
-figma.connect(IconBold, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13050", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBold size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBook.tsx b/src/icons/IconBook.tsx
index 3cb2f07..bca2a67 100644
--- a/src/icons/IconBook.tsx
+++ b/src/icons/IconBook.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBook = (props: IconProps) => (
-  <Icon {...props}><path d="M2.6665 12.9999H1.8665H2.6665ZM4.33317 11.3333V10.5333V11.3333ZM13.3332 12.1333C13.775 12.1333 14.1332 11.7751 14.1332 11.3333C14.1332 10.8914 13.775 10.5333 13.3332 10.5333V12.1333ZM4.33317 1.33325V0.533252V1.33325ZM13.3332 1.33325H14.1332C14.1332 0.891424 13.775 0.533252 13.3332 0.533252V1.33325ZM13.3332 14.6666V15.4666C13.775 15.4666 14.1332 15.1084 14.1332 14.6666H13.3332ZM2.6665 2.99992H1.8665H2.6665ZM3.4665 12.9999C3.4665 12.7701 3.55781 12.5496 3.72034 12.3871L2.58897 11.2557C2.12638 11.7183 1.8665 12.3457 1.8665 12.9999H3.4665ZM3.72034 12.3871C3.88288 12.2246 4.10332 12.1333 4.33317 12.1333V10.5333C3.67897 10.5333 3.05156 10.7931 2.58897 11.2557L3.72034 12.3871ZM4.33317 12.1333H13.3332V10.5333H4.33317V12.1333ZM4.33317 2.13325H13.3332V0.533252H4.33317V2.13325ZM12.5332 1.33325V14.6666H14.1332V1.33325H12.5332ZM13.3332 13.8666H4.33317V15.4666H13.3332V13.8666ZM4.33317 13.8666C4.10332 13.8666 3.88288 13.7753 3.72034 13.6127L2.58897 14.7441C3.05156 15.2067 3.67897 15.4666 4.33317 15.4666V13.8666ZM3.72034 13.6127C3.55781 13.4502 3.4665 13.2298 3.4665 12.9999H1.8665C1.8665 13.6541 2.12638 14.2815 2.58897 14.7441L3.72034 13.6127ZM3.4665 12.9999V2.99992H1.8665V12.9999H3.4665ZM3.4665 2.99992C3.4665 2.77006 3.55781 2.54962 3.72034 2.38709L2.58897 1.25572C2.12638 1.71831 1.8665 2.34572 1.8665 2.99992H3.4665ZM3.72034 2.38709C3.88288 2.22456 4.10332 2.13325 4.33317 2.13325V0.533252C3.67897 0.533252 3.05156 0.793132 2.58897 1.25572L3.72034 2.38709Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.6665 12.9999H1.8665H2.6665ZM4.33317 11.3333V10.5333V11.3333ZM13.3332 12.1333C13.775 12.1333 14.1332 11.7751 14.1332 11.3333C14.1332 10.8914 13.775 10.5333 13.3332 10.5333V12.1333ZM4.33317 1.33325V0.533252V1.33325ZM13.3332 1.33325H14.1332C14.1332 0.891424 13.775 0.533252 13.3332 0.533252V1.33325ZM13.3332 14.6666V15.4666C13.775 15.4666 14.1332 15.1084 14.1332 14.6666H13.3332ZM2.6665 2.99992H1.8665H2.6665ZM3.4665 12.9999C3.4665 12.7701 3.55781 12.5496 3.72034 12.3871L2.58897 11.2557C2.12638 11.7183 1.8665 12.3457 1.8665 12.9999H3.4665ZM3.72034 12.3871C3.88288 12.2246 4.10332 12.1333 4.33317 12.1333V10.5333C3.67897 10.5333 3.05156 10.7931 2.58897 11.2557L3.72034 12.3871ZM4.33317 12.1333H13.3332V10.5333H4.33317V12.1333ZM4.33317 2.13325H13.3332V0.533252H4.33317V2.13325ZM12.5332 1.33325V14.6666H14.1332V1.33325H12.5332ZM13.3332 13.8666H4.33317V15.4666H13.3332V13.8666ZM4.33317 13.8666C4.10332 13.8666 3.88288 13.7753 3.72034 13.6127L2.58897 14.7441C3.05156 15.2067 3.67897 15.4666 4.33317 15.4666V13.8666ZM3.72034 13.6127C3.55781 13.4502 3.4665 13.2298 3.4665 12.9999H1.8665C1.8665 13.6541 2.12638 14.2815 2.58897 14.7441L3.72034 13.6127ZM3.4665 12.9999V2.99992H1.8665V12.9999H3.4665ZM3.4665 2.99992C3.4665 2.77006 3.55781 2.54962 3.72034 2.38709L2.58897 1.25572C2.12638 1.71831 1.8665 2.34572 1.8665 2.99992H3.4665ZM3.72034 2.38709C3.88288 2.22456 4.10332 2.13325 4.33317 2.13325V0.533252C3.67897 0.533252 3.05156 0.793132 2.58897 1.25572L3.72034 2.38709Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBook,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13052",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBook size={size} />,
+  },
 );
-figma.connect(IconBook, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13052", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBook size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBookOpen.tsx b/src/icons/IconBookOpen.tsx
index d0da0e7..d035df3 100644
--- a/src/icons/IconBookOpen.tsx
+++ b/src/icons/IconBookOpen.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBookOpen = (props: IconProps) => (
-  <Icon {...props}><path d="M1.3335 2V1.2C0.891668 1.2 0.533496 1.55817 0.533496 2H1.3335ZM8.00016 4.66667H8.80016H8.00016ZM7.20016 14C7.20016 14.4418 7.55833 14.8 8.00016 14.8C8.44199 14.8 8.80016 14.4418 8.80016 14H7.20016ZM6.00016 12V11.2V12ZM1.3335 12H0.533496C0.533496 12.4418 0.891668 12.8 1.3335 12.8L1.3335 12ZM14.6668 2H15.4668C15.4668 1.55817 15.1087 1.2 14.6668 1.2V2ZM10.6668 2V1.2V2ZM10.0002 12V11.2V12ZM14.6668 12V12.8C15.1087 12.8 15.4668 12.4418 15.4668 12H14.6668ZM1.3335 2.8H5.3335V1.2H1.3335V2.8ZM5.3335 2.8C5.82857 2.8 6.30336 2.99667 6.65343 3.34673L7.7848 2.21536C7.13467 1.56524 6.25291 1.2 5.3335 1.2V2.8ZM6.65343 3.34673C7.0035 3.6968 7.20016 4.1716 7.20016 4.66667H8.80016C8.80016 3.74725 8.43493 2.86549 7.7848 2.21536L6.65343 3.34673ZM7.20016 4.66667V14H8.80016V4.66667H7.20016ZM8.80016 14C8.80016 13.2574 8.50516 12.5452 7.98006 12.0201L6.84869 13.1515C7.07373 13.3765 7.20016 13.6817 7.20016 14H8.80016ZM7.98006 12.0201C7.45496 11.495 6.74277 11.2 6.00016 11.2V12.8C6.31842 12.8 6.62365 12.9264 6.84869 13.1515L7.98006 12.0201ZM6.00016 11.2H1.3335V12.8H6.00016V11.2ZM2.1335 12V2H0.533496V12H2.1335ZM14.6668 1.2H10.6668V2.8H14.6668V1.2ZM10.6668 1.2C9.74741 1.2 8.86565 1.56524 8.21553 2.21536L9.3469 3.34673C9.69696 2.99667 10.1718 2.8 10.6668 2.8V1.2ZM8.21553 2.21536C7.5654 2.86549 7.20016 3.74725 7.20016 4.66667H8.80016C8.80016 4.1716 8.99683 3.6968 9.3469 3.34673L8.21553 2.21536ZM8.80016 14C8.80016 13.6817 8.92659 13.3765 9.15163 13.1515L8.02026 12.0201C7.49516 12.5452 7.20016 13.2574 7.20016 14H8.80016ZM9.15163 13.1515C9.37668 12.9264 9.6819 12.8 10.0002 12.8V11.2C9.25756 11.2 8.54537 11.495 8.02026 12.0201L9.15163 13.1515ZM10.0002 12.8H14.6668V11.2H10.0002V12.8ZM15.4668 12V2H13.8668V12H15.4668Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.3335 2V1.2C0.891668 1.2 0.533496 1.55817 0.533496 2H1.3335ZM8.00016 4.66667H8.80016H8.00016ZM7.20016 14C7.20016 14.4418 7.55833 14.8 8.00016 14.8C8.44199 14.8 8.80016 14.4418 8.80016 14H7.20016ZM6.00016 12V11.2V12ZM1.3335 12H0.533496C0.533496 12.4418 0.891668 12.8 1.3335 12.8L1.3335 12ZM14.6668 2H15.4668C15.4668 1.55817 15.1087 1.2 14.6668 1.2V2ZM10.6668 2V1.2V2ZM10.0002 12V11.2V12ZM14.6668 12V12.8C15.1087 12.8 15.4668 12.4418 15.4668 12H14.6668ZM1.3335 2.8H5.3335V1.2H1.3335V2.8ZM5.3335 2.8C5.82857 2.8 6.30336 2.99667 6.65343 3.34673L7.7848 2.21536C7.13467 1.56524 6.25291 1.2 5.3335 1.2V2.8ZM6.65343 3.34673C7.0035 3.6968 7.20016 4.1716 7.20016 4.66667H8.80016C8.80016 3.74725 8.43493 2.86549 7.7848 2.21536L6.65343 3.34673ZM7.20016 4.66667V14H8.80016V4.66667H7.20016ZM8.80016 14C8.80016 13.2574 8.50516 12.5452 7.98006 12.0201L6.84869 13.1515C7.07373 13.3765 7.20016 13.6817 7.20016 14H8.80016ZM7.98006 12.0201C7.45496 11.495 6.74277 11.2 6.00016 11.2V12.8C6.31842 12.8 6.62365 12.9264 6.84869 13.1515L7.98006 12.0201ZM6.00016 11.2H1.3335V12.8H6.00016V11.2ZM2.1335 12V2H0.533496V12H2.1335ZM14.6668 1.2H10.6668V2.8H14.6668V1.2ZM10.6668 1.2C9.74741 1.2 8.86565 1.56524 8.21553 2.21536L9.3469 3.34673C9.69696 2.99667 10.1718 2.8 10.6668 2.8V1.2ZM8.21553 2.21536C7.5654 2.86549 7.20016 3.74725 7.20016 4.66667H8.80016C8.80016 4.1716 8.99683 3.6968 9.3469 3.34673L8.21553 2.21536ZM8.80016 14C8.80016 13.6817 8.92659 13.3765 9.15163 13.1515L8.02026 12.0201C7.49516 12.5452 7.20016 13.2574 7.20016 14H8.80016ZM9.15163 13.1515C9.37668 12.9264 9.6819 12.8 10.0002 12.8V11.2C9.25756 11.2 8.54537 11.495 8.02026 12.0201L9.15163 13.1515ZM10.0002 12.8H14.6668V11.2H10.0002V12.8ZM15.4668 12V2H13.8668V12H15.4668Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBookOpen,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13053",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBookOpen size={size} />,
+  },
 );
-figma.connect(IconBookOpen, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13053", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBookOpen size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBookmark.tsx b/src/icons/IconBookmark.tsx
index cc13596..387c3e0 100644
--- a/src/icons/IconBookmark.tsx
+++ b/src/icons/IconBookmark.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBookmark = (props: IconProps) => (
-  <Icon {...props}><path d="M12.6667 14L12.2017 14.651C12.4455 14.8252 12.7663 14.8485 13.0327 14.7113C13.2992 14.5742 13.4667 14.2997 13.4667 14H12.6667ZM7.99999 10.6667L8.46499 10.0157C8.18683 9.817 7.81316 9.817 7.535 10.0157L7.99999 10.6667ZM3.33333 14H2.53333C2.53333 14.2997 2.70081 14.5742 2.96726 14.7113C3.23372 14.8485 3.55447 14.8252 3.79832 14.651L3.33333 14ZM4.66666 2V1.2V2ZM11.3333 2V1.2V2ZM13.1317 13.349L8.46499 10.0157L7.535 11.3177L12.2017 14.651L13.1317 13.349ZM7.535 10.0157L2.86834 13.349L3.79832 14.651L8.46499 11.3177L7.535 10.0157ZM4.13333 14V3.33333H2.53333V14H4.13333ZM4.13333 3.33333C4.13333 3.19188 4.18952 3.05623 4.28954 2.95621L3.15817 1.82484C2.75809 2.22492 2.53333 2.76754 2.53333 3.33333H4.13333ZM4.28954 2.95621C4.38956 2.85619 4.52521 2.8 4.66666 2.8V1.2C4.10087 1.2 3.55824 1.42476 3.15817 1.82484L4.28954 2.95621ZM4.66666 2.8H11.3333V1.2H4.66666V2.8ZM11.3333 2.8C11.4748 2.8 11.6104 2.85619 11.7105 2.95621L12.8418 1.82484C12.4417 1.42476 11.8991 1.2 11.3333 1.2V2.8ZM11.7105 2.95621C11.8105 3.05623 11.8667 3.19188 11.8667 3.33333H13.4667C13.4667 2.76754 13.2419 2.22492 12.8418 1.82484L11.7105 2.95621ZM11.8667 3.33333V14H13.4667V3.33333H11.8667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.6667 14L12.2017 14.651C12.4455 14.8252 12.7663 14.8485 13.0327 14.7113C13.2992 14.5742 13.4667 14.2997 13.4667 14H12.6667ZM7.99999 10.6667L8.46499 10.0157C8.18683 9.817 7.81316 9.817 7.535 10.0157L7.99999 10.6667ZM3.33333 14H2.53333C2.53333 14.2997 2.70081 14.5742 2.96726 14.7113C3.23372 14.8485 3.55447 14.8252 3.79832 14.651L3.33333 14ZM4.66666 2V1.2V2ZM11.3333 2V1.2V2ZM13.1317 13.349L8.46499 10.0157L7.535 11.3177L12.2017 14.651L13.1317 13.349ZM7.535 10.0157L2.86834 13.349L3.79832 14.651L8.46499 11.3177L7.535 10.0157ZM4.13333 14V3.33333H2.53333V14H4.13333ZM4.13333 3.33333C4.13333 3.19188 4.18952 3.05623 4.28954 2.95621L3.15817 1.82484C2.75809 2.22492 2.53333 2.76754 2.53333 3.33333H4.13333ZM4.28954 2.95621C4.38956 2.85619 4.52521 2.8 4.66666 2.8V1.2C4.10087 1.2 3.55824 1.42476 3.15817 1.82484L4.28954 2.95621ZM4.66666 2.8H11.3333V1.2H4.66666V2.8ZM11.3333 2.8C11.4748 2.8 11.6104 2.85619 11.7105 2.95621L12.8418 1.82484C12.4417 1.42476 11.8991 1.2 11.3333 1.2V2.8ZM11.7105 2.95621C11.8105 3.05623 11.8667 3.19188 11.8667 3.33333H13.4667C13.4667 2.76754 13.2419 2.22492 12.8418 1.82484L11.7105 2.95621ZM11.8667 3.33333V14H13.4667V3.33333H11.8667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBookmark,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13055",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBookmark size={size} />,
+  },
 );
-figma.connect(IconBookmark, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13055", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBookmark size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBox.tsx b/src/icons/IconBox.tsx
index 36f3894..6bddd6f 100644
--- a/src/icons/IconBox.tsx
+++ b/src/icons/IconBox.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBox = (props: IconProps) => (
-  <Icon {...props}><path d="M14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM2.58058 3.94753C2.19813 3.7263 1.70875 3.85699 1.48751 4.23944C1.26628 4.62189 1.39697 5.11127 1.77942 5.3325L2.58058 3.94753ZM8 8.00668L7.59942 8.69917C7.84724 8.84252 8.15276 8.84252 8.40058 8.69917L8 8.00668ZM14.2206 5.3325C14.603 5.11127 14.7337 4.62189 14.5125 4.23944C14.2913 3.85699 13.8019 3.7263 13.4194 3.94753L14.2206 5.3325ZM7.2 14.72C7.2 15.1618 7.55817 15.52 8 15.52C8.44183 15.52 8.8 15.1618 8.8 14.72H7.2ZM8.8 8.00002C8.8 7.55819 8.44183 7.20002 8 7.20002C7.55817 7.20002 7.2 7.55819 7.2 8.00002H8.8ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329ZM1.77942 5.3325L7.59942 8.69917L8.40058 7.3142L2.58058 3.94753L1.77942 5.3325ZM8.40058 8.69917L14.2206 5.3325L13.4194 3.94753L7.59942 7.3142L8.40058 8.69917ZM8.8 14.72V8.00002H7.2V14.72H8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM2.58058 3.94753C2.19813 3.7263 1.70875 3.85699 1.48751 4.23944C1.26628 4.62189 1.39697 5.11127 1.77942 5.3325L2.58058 3.94753ZM8 8.00668L7.59942 8.69917C7.84724 8.84252 8.15276 8.84252 8.40058 8.69917L8 8.00668ZM14.2206 5.3325C14.603 5.11127 14.7337 4.62189 14.5125 4.23944C14.2913 3.85699 13.8019 3.7263 13.4194 3.94753L14.2206 5.3325ZM7.2 14.72C7.2 15.1618 7.55817 15.52 8 15.52C8.44183 15.52 8.8 15.1618 8.8 14.72H7.2ZM8.8 8.00002C8.8 7.55819 8.44183 7.20002 8 7.20002C7.55817 7.20002 7.2 7.55819 7.2 8.00002H8.8ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329ZM1.77942 5.3325L7.59942 8.69917L8.40058 7.3142L2.58058 3.94753L1.77942 5.3325ZM8.40058 8.69917L14.2206 5.3325L13.4194 3.94753L7.59942 7.3142L8.40058 8.69917ZM8.8 14.72V8.00002H7.2V14.72H8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBox,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13054",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBox size={size} />,
+  },
 );
-figma.connect(IconBox, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13054", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBox size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconBriefcase.tsx b/src/icons/IconBriefcase.tsx
index 2c2f62d..3a091bf 100644
--- a/src/icons/IconBriefcase.tsx
+++ b/src/icons/IconBriefcase.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconBriefcase = (props: IconProps) => (
-  <Icon {...props}><path d="M9.86671 14C9.86671 14.4418 10.2249 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86671ZM9.33337 2V1.2V2ZM6.66671 2V1.2V2ZM5.33337 3.33333H4.53337H5.33337ZM4.53337 14C4.53337 14.4418 4.89155 14.8 5.33337 14.8C5.7752 14.8 6.13337 14.4418 6.13337 14H4.53337ZM2.66671 5.46667H13.3334V3.86667H2.66671V5.46667ZM13.3334 5.46667C13.6279 5.46667 13.8667 5.70545 13.8667 6H15.4667C15.4667 4.82179 14.5116 3.86667 13.3334 3.86667V5.46667ZM13.8667 6V12.6667H15.4667V6H13.8667ZM13.8667 12.6667C13.8667 12.9612 13.6279 13.2 13.3334 13.2V14.8C14.5116 14.8 15.4667 13.8449 15.4667 12.6667H13.8667ZM13.3334 13.2H2.66671V14.8H13.3334V13.2ZM2.66671 13.2C2.37216 13.2 2.13337 12.9612 2.13337 12.6667H0.533374C0.533374 13.8449 1.4885 14.8 2.66671 14.8V13.2ZM2.13337 12.6667V6H0.533374V12.6667H2.13337ZM2.13337 6C2.13337 5.70545 2.37216 5.46667 2.66671 5.46667V3.86667C1.4885 3.86667 0.533374 4.82179 0.533374 6H2.13337ZM11.4667 14V3.33333H9.86671V14H11.4667ZM11.4667 3.33333C11.4667 2.76754 11.2419 2.22492 10.8419 1.82484L9.7105 2.95621C9.81052 3.05623 9.86671 3.19189 9.86671 3.33333H11.4667ZM10.8419 1.82484C10.4418 1.42476 9.89917 1.2 9.33337 1.2V2.8C9.47482 2.8 9.61048 2.85619 9.7105 2.95621L10.8419 1.82484ZM9.33337 1.2H6.66671V2.8H9.33337V1.2ZM6.66671 1.2C6.10091 1.2 5.55829 1.42476 5.15821 1.82484L6.28958 2.95621C6.3896 2.85619 6.52526 2.8 6.66671 2.8V1.2ZM5.15821 1.82484C4.75814 2.22492 4.53337 2.76754 4.53337 3.33333H6.13337C6.13337 3.19189 6.18956 3.05623 6.28958 2.95621L5.15821 1.82484ZM4.53337 3.33333V14H6.13337V3.33333H4.53337Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.86671 14C9.86671 14.4418 10.2249 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86671ZM9.33337 2V1.2V2ZM6.66671 2V1.2V2ZM5.33337 3.33333H4.53337H5.33337ZM4.53337 14C4.53337 14.4418 4.89155 14.8 5.33337 14.8C5.7752 14.8 6.13337 14.4418 6.13337 14H4.53337ZM2.66671 5.46667H13.3334V3.86667H2.66671V5.46667ZM13.3334 5.46667C13.6279 5.46667 13.8667 5.70545 13.8667 6H15.4667C15.4667 4.82179 14.5116 3.86667 13.3334 3.86667V5.46667ZM13.8667 6V12.6667H15.4667V6H13.8667ZM13.8667 12.6667C13.8667 12.9612 13.6279 13.2 13.3334 13.2V14.8C14.5116 14.8 15.4667 13.8449 15.4667 12.6667H13.8667ZM13.3334 13.2H2.66671V14.8H13.3334V13.2ZM2.66671 13.2C2.37216 13.2 2.13337 12.9612 2.13337 12.6667H0.533374C0.533374 13.8449 1.4885 14.8 2.66671 14.8V13.2ZM2.13337 12.6667V6H0.533374V12.6667H2.13337ZM2.13337 6C2.13337 5.70545 2.37216 5.46667 2.66671 5.46667V3.86667C1.4885 3.86667 0.533374 4.82179 0.533374 6H2.13337ZM11.4667 14V3.33333H9.86671V14H11.4667ZM11.4667 3.33333C11.4667 2.76754 11.2419 2.22492 10.8419 1.82484L9.7105 2.95621C9.81052 3.05623 9.86671 3.19189 9.86671 3.33333H11.4667ZM10.8419 1.82484C10.4418 1.42476 9.89917 1.2 9.33337 1.2V2.8C9.47482 2.8 9.61048 2.85619 9.7105 2.95621L10.8419 1.82484ZM9.33337 1.2H6.66671V2.8H9.33337V1.2ZM6.66671 1.2C6.10091 1.2 5.55829 1.42476 5.15821 1.82484L6.28958 2.95621C6.3896 2.85619 6.52526 2.8 6.66671 2.8V1.2ZM5.15821 1.82484C4.75814 2.22492 4.53337 2.76754 4.53337 3.33333H6.13337C6.13337 3.19189 6.18956 3.05623 6.28958 2.95621L5.15821 1.82484ZM4.53337 3.33333V14H6.13337V3.33333H4.53337Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconBriefcase,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13057",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconBriefcase size={size} />,
+  },
 );
-figma.connect(IconBriefcase, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13057", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconBriefcase size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCalendar.tsx b/src/icons/IconCalendar.tsx
index f068850..e32cc87 100644
--- a/src/icons/IconCalendar.tsx
+++ b/src/icons/IconCalendar.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCalendar = (props: IconProps) => (
-  <Icon {...props}><path d="M11.4667 1.33337C11.4667 0.891546 11.1085 0.533374 10.6667 0.533374C10.2248 0.533374 9.86667 0.891546 9.86667 1.33337H11.4667ZM9.86667 4.00004C9.86667 4.44187 10.2248 4.80004 10.6667 4.80004C11.1085 4.80004 11.4667 4.44187 11.4667 4.00004H9.86667ZM6.13333 1.33337C6.13333 0.891546 5.77516 0.533374 5.33333 0.533374C4.89151 0.533374 4.53333 0.891546 4.53333 1.33337H6.13333ZM4.53333 4.00004C4.53333 4.44187 4.89151 4.80004 5.33333 4.80004C5.77516 4.80004 6.13333 4.44187 6.13333 4.00004H4.53333ZM2 5.86671C1.55817 5.86671 1.2 6.22488 1.2 6.66671C1.2 7.10853 1.55817 7.46671 2 7.46671V5.86671ZM14 7.46671C14.4418 7.46671 14.8 7.10853 14.8 6.66671C14.8 6.22488 14.4418 5.86671 14 5.86671V7.46671ZM3.33333 3.46671H12.6667V1.86671H3.33333V3.46671ZM12.6667 3.46671C12.9612 3.46671 13.2 3.70549 13.2 4.00004H14.8C14.8 2.82183 13.8449 1.86671 12.6667 1.86671V3.46671ZM13.2 4.00004V13.3334H14.8V4.00004H13.2ZM13.2 13.3334C13.2 13.6279 12.9612 13.8667 12.6667 13.8667V15.4667C13.8449 15.4667 14.8 14.5116 14.8 13.3334H13.2ZM12.6667 13.8667H3.33333V15.4667H12.6667V13.8667ZM3.33333 13.8667C3.03878 13.8667 2.8 13.6279 2.8 13.3334H1.2C1.2 14.5116 2.15513 15.4667 3.33333 15.4667V13.8667ZM2.8 13.3334V4.00004H1.2V13.3334H2.8ZM2.8 4.00004C2.8 3.70549 3.03878 3.46671 3.33333 3.46671V1.86671C2.15513 1.86671 1.2 2.82183 1.2 4.00004H2.8ZM9.86667 1.33337V4.00004H11.4667V1.33337H9.86667ZM4.53333 1.33337V4.00004H6.13333V1.33337H4.53333ZM2 7.46671H14V5.86671H2V7.46671Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M11.4667 1.33337C11.4667 0.891546 11.1085 0.533374 10.6667 0.533374C10.2248 0.533374 9.86667 0.891546 9.86667 1.33337H11.4667ZM9.86667 4.00004C9.86667 4.44187 10.2248 4.80004 10.6667 4.80004C11.1085 4.80004 11.4667 4.44187 11.4667 4.00004H9.86667ZM6.13333 1.33337C6.13333 0.891546 5.77516 0.533374 5.33333 0.533374C4.89151 0.533374 4.53333 0.891546 4.53333 1.33337H6.13333ZM4.53333 4.00004C4.53333 4.44187 4.89151 4.80004 5.33333 4.80004C5.77516 4.80004 6.13333 4.44187 6.13333 4.00004H4.53333ZM2 5.86671C1.55817 5.86671 1.2 6.22488 1.2 6.66671C1.2 7.10853 1.55817 7.46671 2 7.46671V5.86671ZM14 7.46671C14.4418 7.46671 14.8 7.10853 14.8 6.66671C14.8 6.22488 14.4418 5.86671 14 5.86671V7.46671ZM3.33333 3.46671H12.6667V1.86671H3.33333V3.46671ZM12.6667 3.46671C12.9612 3.46671 13.2 3.70549 13.2 4.00004H14.8C14.8 2.82183 13.8449 1.86671 12.6667 1.86671V3.46671ZM13.2 4.00004V13.3334H14.8V4.00004H13.2ZM13.2 13.3334C13.2 13.6279 12.9612 13.8667 12.6667 13.8667V15.4667C13.8449 15.4667 14.8 14.5116 14.8 13.3334H13.2ZM12.6667 13.8667H3.33333V15.4667H12.6667V13.8667ZM3.33333 13.8667C3.03878 13.8667 2.8 13.6279 2.8 13.3334H1.2C1.2 14.5116 2.15513 15.4667 3.33333 15.4667V13.8667ZM2.8 13.3334V4.00004H1.2V13.3334H2.8ZM2.8 4.00004C2.8 3.70549 3.03878 3.46671 3.33333 3.46671V1.86671C2.15513 1.86671 1.2 2.82183 1.2 4.00004H2.8ZM9.86667 1.33337V4.00004H11.4667V1.33337H9.86667ZM4.53333 1.33337V4.00004H6.13333V1.33337H4.53333ZM2 7.46671H14V5.86671H2V7.46671Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCalendar,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13056",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCalendar size={size} />,
+  },
 );
-figma.connect(IconCalendar, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13056", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCalendar size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCamera.tsx b/src/icons/IconCamera.tsx
index cc08fd0..f1459cd 100644
--- a/src/icons/IconCamera.tsx
+++ b/src/icons/IconCamera.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCamera = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15633)"><path d="M0.666748 12.6667H-0.133252H0.666748ZM2.00008 4V3.2V4ZM4.66675 4V4.8C4.93423 4.8 5.18402 4.66632 5.33239 4.44376L4.66675 4ZM6.00008 2V1.2C5.7326 1.2 5.48281 1.33368 5.33444 1.55624L6.00008 2ZM10.0001 2L10.6657 1.55624C10.5173 1.33368 10.2676 1.2 10.0001 1.2V2ZM11.3334 4L10.6678 4.44376C10.8161 4.66632 11.0659 4.8 11.3334 4.8V4ZM14.0001 4V3.2V4ZM14.5334 12.6667C14.5334 12.8081 14.4772 12.9438 14.3772 13.0438L15.5086 14.1752C15.9087 13.7751 16.1334 13.2325 16.1334 12.6667H14.5334ZM14.3772 13.0438C14.2772 13.1438 14.1415 13.2 14.0001 13.2V14.8C14.5659 14.8 15.1085 14.5752 15.5086 14.1752L14.3772 13.0438ZM14.0001 13.2H2.00008V14.8H14.0001V13.2ZM2.00008 13.2C1.85863 13.2 1.72298 13.1438 1.62296 13.0438L0.491587 14.1752C0.891664 14.5752 1.43428 14.8 2.00008 14.8V13.2ZM1.62296 13.0438C1.52294 12.9438 1.46675 12.8081 1.46675 12.6667H-0.133252C-0.133252 13.2325 0.0915095 13.7751 0.491587 14.1752L1.62296 13.0438ZM1.46675 12.6667V5.33333H-0.133252V12.6667H1.46675ZM1.46675 5.33333C1.46675 5.19188 1.52294 5.05623 1.62296 4.95621L0.491587 3.82484C0.0915093 4.22492 -0.133252 4.76754 -0.133252 5.33333H1.46675ZM1.62296 4.95621C1.72298 4.85619 1.85863 4.8 2.00008 4.8V3.2C1.43429 3.2 0.891665 3.42476 0.491587 3.82484L1.62296 4.95621ZM2.00008 4.8H4.66675V3.2H2.00008V4.8ZM5.33239 4.44376L6.66572 2.44376L5.33444 1.55624L4.00111 3.55624L5.33239 4.44376ZM6.00008 2.8H10.0001V1.2H6.00008V2.8ZM9.33444 2.44376L10.6678 4.44376L11.9991 3.55624L10.6657 1.55624L9.33444 2.44376ZM11.3334 4.8H14.0001V3.2H11.3334V4.8ZM14.0001 4.8C14.1415 4.8 14.2772 4.85619 14.3772 4.95621L15.5086 3.82484C15.1085 3.42476 14.5659 3.2 14.0001 3.2V4.8ZM14.3772 4.95621C14.4772 5.05623 14.5334 5.19188 14.5334 5.33333H16.1334C16.1334 4.76754 15.9087 4.22492 15.5086 3.82484L14.3772 4.95621ZM14.5334 5.33333V12.6667H16.1334V5.33333H14.5334ZM9.86675 8.66667C9.86675 9.6976 9.03101 10.5333 8.00008 10.5333V12.1333C9.91467 12.1333 11.4667 10.5813 11.4667 8.66667H9.86675ZM8.00008 10.5333C6.96915 10.5333 6.13341 9.6976 6.13341 8.66667H4.53341C4.53341 10.5813 6.08549 12.1333 8.00008 12.1333V10.5333ZM6.13341 8.66667C6.13341 7.63574 6.96915 6.8 8.00008 6.8V5.2C6.08549 5.2 4.53341 6.75208 4.53341 8.66667H6.13341ZM8.00008 6.8C9.03101 6.8 9.86675 7.63574 9.86675 8.66667H11.4667C11.4667 6.75208 9.91467 5.2 8.00008 5.2V6.8Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15633"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15633)">
+      <path
+        d="M0.666748 12.6667H-0.133252H0.666748ZM2.00008 4V3.2V4ZM4.66675 4V4.8C4.93423 4.8 5.18402 4.66632 5.33239 4.44376L4.66675 4ZM6.00008 2V1.2C5.7326 1.2 5.48281 1.33368 5.33444 1.55624L6.00008 2ZM10.0001 2L10.6657 1.55624C10.5173 1.33368 10.2676 1.2 10.0001 1.2V2ZM11.3334 4L10.6678 4.44376C10.8161 4.66632 11.0659 4.8 11.3334 4.8V4ZM14.0001 4V3.2V4ZM14.5334 12.6667C14.5334 12.8081 14.4772 12.9438 14.3772 13.0438L15.5086 14.1752C15.9087 13.7751 16.1334 13.2325 16.1334 12.6667H14.5334ZM14.3772 13.0438C14.2772 13.1438 14.1415 13.2 14.0001 13.2V14.8C14.5659 14.8 15.1085 14.5752 15.5086 14.1752L14.3772 13.0438ZM14.0001 13.2H2.00008V14.8H14.0001V13.2ZM2.00008 13.2C1.85863 13.2 1.72298 13.1438 1.62296 13.0438L0.491587 14.1752C0.891664 14.5752 1.43428 14.8 2.00008 14.8V13.2ZM1.62296 13.0438C1.52294 12.9438 1.46675 12.8081 1.46675 12.6667H-0.133252C-0.133252 13.2325 0.0915095 13.7751 0.491587 14.1752L1.62296 13.0438ZM1.46675 12.6667V5.33333H-0.133252V12.6667H1.46675ZM1.46675 5.33333C1.46675 5.19188 1.52294 5.05623 1.62296 4.95621L0.491587 3.82484C0.0915093 4.22492 -0.133252 4.76754 -0.133252 5.33333H1.46675ZM1.62296 4.95621C1.72298 4.85619 1.85863 4.8 2.00008 4.8V3.2C1.43429 3.2 0.891665 3.42476 0.491587 3.82484L1.62296 4.95621ZM2.00008 4.8H4.66675V3.2H2.00008V4.8ZM5.33239 4.44376L6.66572 2.44376L5.33444 1.55624L4.00111 3.55624L5.33239 4.44376ZM6.00008 2.8H10.0001V1.2H6.00008V2.8ZM9.33444 2.44376L10.6678 4.44376L11.9991 3.55624L10.6657 1.55624L9.33444 2.44376ZM11.3334 4.8H14.0001V3.2H11.3334V4.8ZM14.0001 4.8C14.1415 4.8 14.2772 4.85619 14.3772 4.95621L15.5086 3.82484C15.1085 3.42476 14.5659 3.2 14.0001 3.2V4.8ZM14.3772 4.95621C14.4772 5.05623 14.5334 5.19188 14.5334 5.33333H16.1334C16.1334 4.76754 15.9087 4.22492 15.5086 3.82484L14.3772 4.95621ZM14.5334 5.33333V12.6667H16.1334V5.33333H14.5334ZM9.86675 8.66667C9.86675 9.6976 9.03101 10.5333 8.00008 10.5333V12.1333C9.91467 12.1333 11.4667 10.5813 11.4667 8.66667H9.86675ZM8.00008 10.5333C6.96915 10.5333 6.13341 9.6976 6.13341 8.66667H4.53341C4.53341 10.5813 6.08549 12.1333 8.00008 12.1333V10.5333ZM6.13341 8.66667C6.13341 7.63574 6.96915 6.8 8.00008 6.8V5.2C6.08549 5.2 4.53341 6.75208 4.53341 8.66667H6.13341ZM8.00008 6.8C9.03101 6.8 9.86675 7.63574 9.86675 8.66667H11.4667C11.4667 6.75208 9.91467 5.2 8.00008 5.2V6.8Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15633">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCamera,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13058",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCamera size={size} />,
+  },
 );
-figma.connect(IconCamera, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13058", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCamera size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCameraOff.tsx b/src/icons/IconCameraOff.tsx
index 821e9e2..49bd83f 100644
--- a/src/icons/IconCameraOff.tsx
+++ b/src/icons/IconCameraOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCameraOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15631)"><path d="M1.23243 0.100941C0.920014 -0.211479 0.413482 -0.211479 0.101063 0.100941C-0.211357 0.41336 -0.211357 0.919892 0.101063 1.23231L1.23243 0.100941ZM14.7677 15.899C15.0801 16.2114 15.5867 16.2114 15.8991 15.899C16.2115 15.5866 16.2115 15.08 15.8991 14.7676L14.7677 15.899ZM14.0001 14.8C14.4419 14.8 14.8001 14.4418 14.8001 14C14.8001 13.5581 14.4419 13.2 14.0001 13.2V14.8ZM0.666748 12.6666H-0.133252H0.666748ZM2.00008 3.99996V3.19996V3.99996ZM4.00008 4.79996C4.44191 4.79996 4.80008 4.44179 4.80008 3.99996C4.80008 3.55813 4.44191 3.19996 4.00008 3.19996V4.79996ZM6.00008 1.19996C5.55825 1.19996 5.20008 1.55813 5.20008 1.99996C5.20008 2.44179 5.55825 2.79996 6.00008 2.79996V1.19996ZM10.0001 1.99996L10.6657 1.5562C10.5173 1.33364 10.2676 1.19996 10.0001 1.19996V1.99996ZM11.3334 3.99996L10.6678 4.44372C10.8161 4.66628 11.0659 4.79996 11.3334 4.79996V3.99996ZM14.0001 3.99996V3.19996V3.99996ZM14.5334 11.56C14.5334 12.0018 14.8916 12.36 15.3334 12.36C15.7752 12.36 16.1334 12.0018 16.1334 11.56H14.5334ZM10.847 10.6384C11.0965 10.2738 11.0032 9.7759 10.6385 9.52639C10.2739 9.27689 9.77602 9.37022 9.52652 9.73486L10.847 10.6384ZM6.93185 7.14019C7.29649 6.89068 7.38982 6.39283 7.14031 6.02819C6.89081 5.66355 6.39295 5.57022 6.02831 5.81973L6.93185 7.14019ZM0.101063 1.23231L14.7677 15.899L15.8991 14.7676L1.23243 0.100941L0.101063 1.23231ZM14.0001 13.2H2.00008V14.8H14.0001V13.2ZM2.00008 13.2C1.85863 13.2 1.72298 13.1438 1.62296 13.0437L0.491587 14.1751C0.891664 14.5752 1.43429 14.8 2.00008 14.8V13.2ZM1.62296 13.0437C1.52294 12.9437 1.46675 12.8081 1.46675 12.6666H-0.133252C-0.133252 13.2324 0.0915095 13.775 0.491587 14.1751L1.62296 13.0437ZM1.46675 12.6666V5.33329H-0.133252V12.6666H1.46675ZM1.46675 5.33329C1.46675 5.19184 1.52294 5.05619 1.62296 4.95617L0.491587 3.8248C0.0915093 4.22488 -0.133252 4.7675 -0.133252 5.33329H1.46675ZM1.62296 4.95617C1.72298 4.85615 1.85863 4.79996 2.00008 4.79996V3.19996C1.43429 3.19996 0.891664 3.42472 0.491587 3.8248L1.62296 4.95617ZM2.00008 4.79996H4.00008V3.19996H2.00008V4.79996ZM6.00008 2.79996H10.0001V1.19996H6.00008V2.79996ZM9.33444 2.44372L10.6678 4.44372L11.9991 3.5562L10.6657 1.5562L9.33444 2.44372ZM11.3334 4.79996H14.0001V3.19996H11.3334V4.79996ZM14.0001 4.79996C14.1415 4.79996 14.2772 4.85615 14.3772 4.95617L15.5086 3.8248C15.1085 3.42472 14.5659 3.19996 14.0001 3.19996V4.79996ZM14.3772 4.95617C14.4772 5.05619 14.5334 5.19184 14.5334 5.33329H16.1334C16.1334 4.7675 15.9087 4.22488 15.5086 3.8248L14.3772 4.95617ZM14.5334 5.33329V11.56H16.1334V5.33329H14.5334ZM9.52652 9.73486C9.37163 9.96121 9.16877 10.1507 8.93235 10.2897L9.74353 11.6688C10.1826 11.4106 10.5593 11.0588 10.847 10.6384L9.52652 9.73486ZM8.93235 10.2897C8.69594 10.4288 8.43179 10.514 8.15869 10.5394L8.30673 12.1325C8.81391 12.0854 9.30448 11.9271 9.74353 11.6688L8.93235 10.2897ZM8.15869 10.5394C7.88559 10.5648 7.61026 10.5296 7.35227 10.4365L6.80909 11.9415C7.28821 12.1144 7.79955 12.1797 8.30673 12.1325L8.15869 10.5394ZM7.35227 10.4365C7.09428 10.3434 6.85999 10.1946 6.66605 10.0007L5.53468 11.132C5.89485 11.4922 6.32998 11.7686 6.80909 11.9415L7.35227 10.4365ZM6.66605 10.0007C6.47211 9.80672 6.32328 9.57242 6.23017 9.31444L4.72519 9.85761C4.89812 10.3367 5.1745 10.7719 5.53468 11.132L6.66605 10.0007ZM6.23017 9.31444C6.13706 9.05645 6.10194 8.78111 6.12732 8.50801L4.53418 8.35998C4.48705 8.86716 4.55227 9.3785 4.72519 9.85761L6.23017 9.31444ZM6.12732 8.50801C6.1527 8.23492 6.23794 7.97077 6.377 7.73435L4.99787 6.92318C4.73963 7.36223 4.58131 7.85279 4.53418 8.35998L6.12732 8.50801ZM6.377 7.73435C6.51605 7.49794 6.70549 7.29508 6.93185 7.14019L6.02831 5.81973C5.60794 6.10737 5.25611 6.48412 4.99787 6.92318L6.377 7.73435Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15631"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15631)">
+      <path
+        d="M1.23243 0.100941C0.920014 -0.211479 0.413482 -0.211479 0.101063 0.100941C-0.211357 0.41336 -0.211357 0.919892 0.101063 1.23231L1.23243 0.100941ZM14.7677 15.899C15.0801 16.2114 15.5867 16.2114 15.8991 15.899C16.2115 15.5866 16.2115 15.08 15.8991 14.7676L14.7677 15.899ZM14.0001 14.8C14.4419 14.8 14.8001 14.4418 14.8001 14C14.8001 13.5581 14.4419 13.2 14.0001 13.2V14.8ZM0.666748 12.6666H-0.133252H0.666748ZM2.00008 3.99996V3.19996V3.99996ZM4.00008 4.79996C4.44191 4.79996 4.80008 4.44179 4.80008 3.99996C4.80008 3.55813 4.44191 3.19996 4.00008 3.19996V4.79996ZM6.00008 1.19996C5.55825 1.19996 5.20008 1.55813 5.20008 1.99996C5.20008 2.44179 5.55825 2.79996 6.00008 2.79996V1.19996ZM10.0001 1.99996L10.6657 1.5562C10.5173 1.33364 10.2676 1.19996 10.0001 1.19996V1.99996ZM11.3334 3.99996L10.6678 4.44372C10.8161 4.66628 11.0659 4.79996 11.3334 4.79996V3.99996ZM14.0001 3.99996V3.19996V3.99996ZM14.5334 11.56C14.5334 12.0018 14.8916 12.36 15.3334 12.36C15.7752 12.36 16.1334 12.0018 16.1334 11.56H14.5334ZM10.847 10.6384C11.0965 10.2738 11.0032 9.7759 10.6385 9.52639C10.2739 9.27689 9.77602 9.37022 9.52652 9.73486L10.847 10.6384ZM6.93185 7.14019C7.29649 6.89068 7.38982 6.39283 7.14031 6.02819C6.89081 5.66355 6.39295 5.57022 6.02831 5.81973L6.93185 7.14019ZM0.101063 1.23231L14.7677 15.899L15.8991 14.7676L1.23243 0.100941L0.101063 1.23231ZM14.0001 13.2H2.00008V14.8H14.0001V13.2ZM2.00008 13.2C1.85863 13.2 1.72298 13.1438 1.62296 13.0437L0.491587 14.1751C0.891664 14.5752 1.43429 14.8 2.00008 14.8V13.2ZM1.62296 13.0437C1.52294 12.9437 1.46675 12.8081 1.46675 12.6666H-0.133252C-0.133252 13.2324 0.0915095 13.775 0.491587 14.1751L1.62296 13.0437ZM1.46675 12.6666V5.33329H-0.133252V12.6666H1.46675ZM1.46675 5.33329C1.46675 5.19184 1.52294 5.05619 1.62296 4.95617L0.491587 3.8248C0.0915093 4.22488 -0.133252 4.7675 -0.133252 5.33329H1.46675ZM1.62296 4.95617C1.72298 4.85615 1.85863 4.79996 2.00008 4.79996V3.19996C1.43429 3.19996 0.891664 3.42472 0.491587 3.8248L1.62296 4.95617ZM2.00008 4.79996H4.00008V3.19996H2.00008V4.79996ZM6.00008 2.79996H10.0001V1.19996H6.00008V2.79996ZM9.33444 2.44372L10.6678 4.44372L11.9991 3.5562L10.6657 1.5562L9.33444 2.44372ZM11.3334 4.79996H14.0001V3.19996H11.3334V4.79996ZM14.0001 4.79996C14.1415 4.79996 14.2772 4.85615 14.3772 4.95617L15.5086 3.8248C15.1085 3.42472 14.5659 3.19996 14.0001 3.19996V4.79996ZM14.3772 4.95617C14.4772 5.05619 14.5334 5.19184 14.5334 5.33329H16.1334C16.1334 4.7675 15.9087 4.22488 15.5086 3.8248L14.3772 4.95617ZM14.5334 5.33329V11.56H16.1334V5.33329H14.5334ZM9.52652 9.73486C9.37163 9.96121 9.16877 10.1507 8.93235 10.2897L9.74353 11.6688C10.1826 11.4106 10.5593 11.0588 10.847 10.6384L9.52652 9.73486ZM8.93235 10.2897C8.69594 10.4288 8.43179 10.514 8.15869 10.5394L8.30673 12.1325C8.81391 12.0854 9.30448 11.9271 9.74353 11.6688L8.93235 10.2897ZM8.15869 10.5394C7.88559 10.5648 7.61026 10.5296 7.35227 10.4365L6.80909 11.9415C7.28821 12.1144 7.79955 12.1797 8.30673 12.1325L8.15869 10.5394ZM7.35227 10.4365C7.09428 10.3434 6.85999 10.1946 6.66605 10.0007L5.53468 11.132C5.89485 11.4922 6.32998 11.7686 6.80909 11.9415L7.35227 10.4365ZM6.66605 10.0007C6.47211 9.80672 6.32328 9.57242 6.23017 9.31444L4.72519 9.85761C4.89812 10.3367 5.1745 10.7719 5.53468 11.132L6.66605 10.0007ZM6.23017 9.31444C6.13706 9.05645 6.10194 8.78111 6.12732 8.50801L4.53418 8.35998C4.48705 8.86716 4.55227 9.3785 4.72519 9.85761L6.23017 9.31444ZM6.12732 8.50801C6.1527 8.23492 6.23794 7.97077 6.377 7.73435L4.99787 6.92318C4.73963 7.36223 4.58131 7.85279 4.53418 8.35998L6.12732 8.50801ZM6.377 7.73435C6.51605 7.49794 6.70549 7.29508 6.93185 7.14019L6.02831 5.81973C5.60794 6.10737 5.25611 6.48412 4.99787 6.92318L6.377 7.73435Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15631">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCameraOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13059",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCameraOff size={size} />,
+  },
 );
-figma.connect(IconCameraOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13059", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCameraOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCast.tsx b/src/icons/IconCast.tsx
index 37b50c0..436465b 100644
--- a/src/icons/IconCast.tsx
+++ b/src/icons/IconCast.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCast = (props: IconProps) => (
-  <Icon {...props}><path d="M1.49312 9.94943C1.0602 9.86114 0.637678 10.1405 0.549388 10.5734C0.461097 11.0063 0.740471 11.4289 1.17339 11.5172L1.49312 9.94943ZM3.14939 13.4932C3.23768 13.9261 3.6602 14.2054 4.09312 14.1172C4.52603 14.0289 4.80541 13.6063 4.71712 13.1734L3.14939 13.4932ZM1.42168 7.23819C0.982563 7.18936 0.586993 7.50574 0.538154 7.94486C0.489316 8.38398 0.805701 8.77955 1.24482 8.82839L1.42168 7.23819ZM5.83815 13.4217C5.88699 13.8608 6.28256 14.1772 6.72168 14.1284C7.1608 14.0795 7.47719 13.684 7.42835 13.2449L5.83815 13.4217ZM0.533252 5.33329C0.533252 5.77512 0.891424 6.13329 1.33325 6.13329C1.77508 6.13329 2.13325 5.77512 2.13325 5.33329H0.533252ZM2.66659 2.66663V1.86663V2.66663ZM13.3333 2.66663V1.86663V2.66663ZM9.33325 12.5333C8.89142 12.5333 8.53325 12.8915 8.53325 13.3333C8.53325 13.7751 8.89142 14.1333 9.33325 14.1333V12.5333ZM1.33325 12.5333C0.891424 12.5333 0.533252 12.8915 0.533252 13.3333C0.533252 13.7751 0.891424 14.1333 1.33325 14.1333V12.5333ZM1.33992 14.1333C1.78175 14.1333 2.13992 13.7751 2.13992 13.3333C2.13992 12.8915 1.78175 12.5333 1.33992 12.5333V14.1333ZM1.17339 11.5172C1.66024 11.6164 2.10714 11.8567 2.45849 12.2081L3.58986 11.0767C3.01662 10.5034 2.28745 10.1114 1.49312 9.94943L1.17339 11.5172ZM2.45849 12.2081C2.80983 12.5594 3.0501 13.0063 3.14939 13.4932L4.71712 13.1734C4.55512 12.3791 4.1631 11.6499 3.58986 11.0767L2.45849 12.2081ZM1.24482 8.82839C2.41817 8.95889 3.51218 9.48477 4.34698 10.3196L5.47835 9.1882C4.38669 8.09654 2.95606 7.40885 1.42168 7.23819L1.24482 8.82839ZM4.34698 10.3196C5.18177 11.1544 5.70765 12.2484 5.83815 13.4217L7.42835 13.2449C7.2577 11.7105 6.57 10.2799 5.47835 9.1882L4.34698 10.3196ZM2.13325 5.33329V3.99996H0.533252V5.33329H2.13325ZM2.13325 3.99996C2.13325 3.85851 2.18944 3.72285 2.28946 3.62284L1.15809 2.49146C0.758013 2.89154 0.533252 3.43416 0.533252 3.99996H2.13325ZM2.28946 3.62284C2.38948 3.52282 2.52514 3.46663 2.66659 3.46663V1.86663C2.10079 1.86663 1.55817 2.09139 1.15809 2.49146L2.28946 3.62284ZM2.66659 3.46663H13.3333V1.86663H2.66659V3.46663ZM13.3333 3.46663C13.4747 3.46663 13.6104 3.52282 13.7104 3.62284L14.8417 2.49146C14.4417 2.09139 13.899 1.86663 13.3333 1.86663V3.46663ZM13.7104 3.62284C13.8104 3.72285 13.8666 3.85851 13.8666 3.99996H15.4666C15.4666 3.43416 15.2418 2.89154 14.8417 2.49146L13.7104 3.62284ZM13.8666 3.99996V12H15.4666V3.99996H13.8666ZM13.8666 12C13.8666 12.1414 13.8104 12.2771 13.7104 12.3771L14.8417 13.5085C15.2418 13.1084 15.4666 12.5658 15.4666 12H13.8666ZM13.7104 12.3771C13.6104 12.4771 13.4747 12.5333 13.3333 12.5333V14.1333C13.899 14.1333 14.4417 13.9085 14.8417 13.5085L13.7104 12.3771ZM13.3333 12.5333H9.33325V14.1333H13.3333V12.5333ZM1.33325 14.1333H1.33992V12.5333H1.33325V14.1333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.49312 9.94943C1.0602 9.86114 0.637678 10.1405 0.549388 10.5734C0.461097 11.0063 0.740471 11.4289 1.17339 11.5172L1.49312 9.94943ZM3.14939 13.4932C3.23768 13.9261 3.6602 14.2054 4.09312 14.1172C4.52603 14.0289 4.80541 13.6063 4.71712 13.1734L3.14939 13.4932ZM1.42168 7.23819C0.982563 7.18936 0.586993 7.50574 0.538154 7.94486C0.489316 8.38398 0.805701 8.77955 1.24482 8.82839L1.42168 7.23819ZM5.83815 13.4217C5.88699 13.8608 6.28256 14.1772 6.72168 14.1284C7.1608 14.0795 7.47719 13.684 7.42835 13.2449L5.83815 13.4217ZM0.533252 5.33329C0.533252 5.77512 0.891424 6.13329 1.33325 6.13329C1.77508 6.13329 2.13325 5.77512 2.13325 5.33329H0.533252ZM2.66659 2.66663V1.86663V2.66663ZM13.3333 2.66663V1.86663V2.66663ZM9.33325 12.5333C8.89142 12.5333 8.53325 12.8915 8.53325 13.3333C8.53325 13.7751 8.89142 14.1333 9.33325 14.1333V12.5333ZM1.33325 12.5333C0.891424 12.5333 0.533252 12.8915 0.533252 13.3333C0.533252 13.7751 0.891424 14.1333 1.33325 14.1333V12.5333ZM1.33992 14.1333C1.78175 14.1333 2.13992 13.7751 2.13992 13.3333C2.13992 12.8915 1.78175 12.5333 1.33992 12.5333V14.1333ZM1.17339 11.5172C1.66024 11.6164 2.10714 11.8567 2.45849 12.2081L3.58986 11.0767C3.01662 10.5034 2.28745 10.1114 1.49312 9.94943L1.17339 11.5172ZM2.45849 12.2081C2.80983 12.5594 3.0501 13.0063 3.14939 13.4932L4.71712 13.1734C4.55512 12.3791 4.1631 11.6499 3.58986 11.0767L2.45849 12.2081ZM1.24482 8.82839C2.41817 8.95889 3.51218 9.48477 4.34698 10.3196L5.47835 9.1882C4.38669 8.09654 2.95606 7.40885 1.42168 7.23819L1.24482 8.82839ZM4.34698 10.3196C5.18177 11.1544 5.70765 12.2484 5.83815 13.4217L7.42835 13.2449C7.2577 11.7105 6.57 10.2799 5.47835 9.1882L4.34698 10.3196ZM2.13325 5.33329V3.99996H0.533252V5.33329H2.13325ZM2.13325 3.99996C2.13325 3.85851 2.18944 3.72285 2.28946 3.62284L1.15809 2.49146C0.758013 2.89154 0.533252 3.43416 0.533252 3.99996H2.13325ZM2.28946 3.62284C2.38948 3.52282 2.52514 3.46663 2.66659 3.46663V1.86663C2.10079 1.86663 1.55817 2.09139 1.15809 2.49146L2.28946 3.62284ZM2.66659 3.46663H13.3333V1.86663H2.66659V3.46663ZM13.3333 3.46663C13.4747 3.46663 13.6104 3.52282 13.7104 3.62284L14.8417 2.49146C14.4417 2.09139 13.899 1.86663 13.3333 1.86663V3.46663ZM13.7104 3.62284C13.8104 3.72285 13.8666 3.85851 13.8666 3.99996H15.4666C15.4666 3.43416 15.2418 2.89154 14.8417 2.49146L13.7104 3.62284ZM13.8666 3.99996V12H15.4666V3.99996H13.8666ZM13.8666 12C13.8666 12.1414 13.8104 12.2771 13.7104 12.3771L14.8417 13.5085C15.2418 13.1084 15.4666 12.5658 15.4666 12H13.8666ZM13.7104 12.3771C13.6104 12.4771 13.4747 12.5333 13.3333 12.5333V14.1333C13.899 14.1333 14.4417 13.9085 14.8417 13.5085L13.7104 12.3771ZM13.3333 12.5333H9.33325V14.1333H13.3333V12.5333ZM1.33325 14.1333H1.33992V12.5333H1.33325V14.1333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCast,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13061",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCast size={size} />,
+  },
 );
-figma.connect(IconCast, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13061", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCast size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCheck.tsx b/src/icons/IconCheck.tsx
index d40b767..260e49b 100644
--- a/src/icons/IconCheck.tsx
+++ b/src/icons/IconCheck.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCheck = (props: IconProps) => (
-  <Icon {...props}><path d="M13.899 4.56569C14.2114 4.25327 14.2114 3.74673 13.899 3.43431C13.5866 3.1219 13.0801 3.1219 12.7677 3.43431L13.899 4.56569ZM6 11.3333L5.43432 11.899C5.58435 12.049 5.78783 12.1333 6 12.1333C6.21218 12.1333 6.41566 12.049 6.56569 11.899L6 11.3333ZM3.23236 7.43431C2.91994 7.12189 2.41341 7.12189 2.10099 7.43431C1.78857 7.74673 1.78857 8.25327 2.10099 8.56569L3.23236 7.43431ZM12.7677 3.43431L5.43432 10.7676L6.56569 11.899L13.899 4.56569L12.7677 3.43431ZM6.56569 10.7676L3.23236 7.43431L2.10099 8.56569L5.43432 11.899L6.56569 10.7676Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.899 4.56569C14.2114 4.25327 14.2114 3.74673 13.899 3.43431C13.5866 3.1219 13.0801 3.1219 12.7677 3.43431L13.899 4.56569ZM6 11.3333L5.43432 11.899C5.58435 12.049 5.78783 12.1333 6 12.1333C6.21218 12.1333 6.41566 12.049 6.56569 11.899L6 11.3333ZM3.23236 7.43431C2.91994 7.12189 2.41341 7.12189 2.10099 7.43431C1.78857 7.74673 1.78857 8.25327 2.10099 8.56569L3.23236 7.43431ZM12.7677 3.43431L5.43432 10.7676L6.56569 11.899L13.899 4.56569L12.7677 3.43431ZM6.56569 10.7676L3.23236 7.43431L2.10099 8.56569L5.43432 11.899L6.56569 10.7676Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCheck,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13063",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCheck size={size} />,
+  },
 );
-figma.connect(IconCheck, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13063", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCheck size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCheckCircle.tsx b/src/icons/IconCheckCircle.tsx
index b47018d..b699232 100644
--- a/src/icons/IconCheckCircle.tsx
+++ b/src/icons/IconCheckCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCheckCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15637)"><path d="M15.4668 7.38662C15.4668 6.94479 15.1087 6.58662 14.6668 6.58662C14.225 6.58662 13.8668 6.94479 13.8668 7.38662H15.4668ZM14.6668 7.99995L15.4668 8.00041V7.99995H14.6668ZM10.3879 2.63736C10.7915 2.81718 11.2644 2.6358 11.4442 2.23222C11.6241 1.82864 11.4427 1.3557 11.0391 1.17587L10.3879 2.63736ZM15.2328 3.23202C15.5451 2.91944 15.5448 2.41291 15.2322 2.10065C14.9197 1.78839 14.4131 1.78864 14.1009 2.10121L15.2328 3.23202ZM8.00017 9.33995L7.43448 9.90564C7.58456 10.0557 7.78812 10.14 8.00037 10.1399C8.21261 10.1399 8.41613 10.0555 8.56613 9.90535L8.00017 9.33995ZM6.56585 6.77426C6.25343 6.46185 5.7469 6.46185 5.43448 6.77426C5.12206 7.08668 5.12206 7.59322 5.43448 7.90564L6.56585 6.77426ZM13.8668 7.38662V7.99995H15.4668V7.38662H13.8668ZM13.8668 7.99949C13.8661 9.26459 13.4565 10.4956 12.699 11.5088L13.9805 12.4668C14.9445 11.1772 15.4659 9.61054 15.4668 8.00041L13.8668 7.99949ZM12.699 11.5088C11.9415 12.5221 10.8768 13.2633 9.66357 13.622L10.1172 15.1564C11.6613 14.6999 13.0164 13.7564 13.9805 12.4668L12.699 11.5088ZM9.66357 13.622C8.45039 13.9807 7.15376 13.9377 5.96705 13.4992L5.41257 15.0001C6.92292 15.5581 8.57318 15.6129 10.1172 15.1564L9.66357 13.622ZM5.96705 13.4992C4.78035 13.0608 3.76716 12.2505 3.07859 11.1892L1.73635 12.0601C2.6127 13.4108 3.90222 14.4421 5.41257 15.0001L5.96705 13.4992ZM3.07859 11.1892C2.39003 10.1279 2.06297 8.87249 2.14621 7.61013L0.549681 7.50486C0.44374 9.11149 0.859988 10.7093 1.73635 12.0601L3.07859 11.1892ZM2.14621 7.61013C2.22945 6.34777 2.71852 5.14614 3.54049 4.18444L2.32421 3.14489C1.27808 4.36886 0.655622 5.89822 0.549681 7.50486L2.14621 7.61013ZM3.54049 4.18444C4.36245 3.22275 5.47326 2.55252 6.70726 2.27371L6.35465 0.71305C4.78411 1.06789 3.37035 1.92091 2.32421 3.14489L3.54049 4.18444ZM6.70726 2.27371C7.94126 1.99491 9.23232 2.12246 10.3879 2.63736L11.0391 1.17587C9.56836 0.520553 7.92519 0.358207 6.35465 0.71305L6.70726 2.27371ZM14.1009 2.10121L7.4342 8.77455L8.56613 9.90535L15.2328 3.23202L14.1009 2.10121ZM8.56585 8.77426L6.56585 6.77426L5.43448 7.90564L7.43448 9.90564L8.56585 8.77426Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15637"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15637)">
+      <path
+        d="M15.4668 7.38662C15.4668 6.94479 15.1087 6.58662 14.6668 6.58662C14.225 6.58662 13.8668 6.94479 13.8668 7.38662H15.4668ZM14.6668 7.99995L15.4668 8.00041V7.99995H14.6668ZM10.3879 2.63736C10.7915 2.81718 11.2644 2.6358 11.4442 2.23222C11.6241 1.82864 11.4427 1.3557 11.0391 1.17587L10.3879 2.63736ZM15.2328 3.23202C15.5451 2.91944 15.5448 2.41291 15.2322 2.10065C14.9197 1.78839 14.4131 1.78864 14.1009 2.10121L15.2328 3.23202ZM8.00017 9.33995L7.43448 9.90564C7.58456 10.0557 7.78812 10.14 8.00037 10.1399C8.21261 10.1399 8.41613 10.0555 8.56613 9.90535L8.00017 9.33995ZM6.56585 6.77426C6.25343 6.46185 5.7469 6.46185 5.43448 6.77426C5.12206 7.08668 5.12206 7.59322 5.43448 7.90564L6.56585 6.77426ZM13.8668 7.38662V7.99995H15.4668V7.38662H13.8668ZM13.8668 7.99949C13.8661 9.26459 13.4565 10.4956 12.699 11.5088L13.9805 12.4668C14.9445 11.1772 15.4659 9.61054 15.4668 8.00041L13.8668 7.99949ZM12.699 11.5088C11.9415 12.5221 10.8768 13.2633 9.66357 13.622L10.1172 15.1564C11.6613 14.6999 13.0164 13.7564 13.9805 12.4668L12.699 11.5088ZM9.66357 13.622C8.45039 13.9807 7.15376 13.9377 5.96705 13.4992L5.41257 15.0001C6.92292 15.5581 8.57318 15.6129 10.1172 15.1564L9.66357 13.622ZM5.96705 13.4992C4.78035 13.0608 3.76716 12.2505 3.07859 11.1892L1.73635 12.0601C2.6127 13.4108 3.90222 14.4421 5.41257 15.0001L5.96705 13.4992ZM3.07859 11.1892C2.39003 10.1279 2.06297 8.87249 2.14621 7.61013L0.549681 7.50486C0.44374 9.11149 0.859988 10.7093 1.73635 12.0601L3.07859 11.1892ZM2.14621 7.61013C2.22945 6.34777 2.71852 5.14614 3.54049 4.18444L2.32421 3.14489C1.27808 4.36886 0.655622 5.89822 0.549681 7.50486L2.14621 7.61013ZM3.54049 4.18444C4.36245 3.22275 5.47326 2.55252 6.70726 2.27371L6.35465 0.71305C4.78411 1.06789 3.37035 1.92091 2.32421 3.14489L3.54049 4.18444ZM6.70726 2.27371C7.94126 1.99491 9.23232 2.12246 10.3879 2.63736L11.0391 1.17587C9.56836 0.520553 7.92519 0.358207 6.35465 0.71305L6.70726 2.27371ZM14.1009 2.10121L7.4342 8.77455L8.56613 9.90535L15.2328 3.23202L14.1009 2.10121ZM8.56585 8.77426L6.56585 6.77426L5.43448 7.90564L7.43448 9.90564L8.56585 8.77426Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15637">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCheckCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13060",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCheckCircle size={size} />,
+  },
 );
-figma.connect(IconCheckCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13060", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCheckCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCheckSquare.tsx b/src/icons/IconCheckSquare.tsx
index 35434f8..ce460dd 100644
--- a/src/icons/IconCheckSquare.tsx
+++ b/src/icons/IconCheckSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCheckSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M6.56569 6.76765C6.25327 6.45523 5.74673 6.45523 5.43431 6.76765C5.12189 7.08007 5.12189 7.5866 5.43431 7.89902L6.56569 6.76765ZM8 9.33333L7.43431 9.89902C7.58434 10.049 7.78783 10.1333 8 10.1333C8.21217 10.1333 8.41566 10.049 8.56568 9.89902L8 9.33333ZM15.2324 3.23235C15.5448 2.91993 15.5448 2.4134 15.2324 2.10098C14.9199 1.78856 14.4134 1.78856 14.101 2.10098L15.2324 3.23235ZM14.8 8C14.8 7.55817 14.4418 7.2 14 7.2C13.5582 7.2 13.2 7.55817 13.2 8H14.8ZM2 12.6667H1.2H2ZM3.33333 2V1.2V2ZM10.6667 2.8C11.1085 2.8 11.4667 2.44183 11.4667 2C11.4667 1.55817 11.1085 1.2 10.6667 1.2V2.8ZM5.43431 7.89902L7.43431 9.89902L8.56568 8.76765L6.56569 6.76765L5.43431 7.89902ZM8.56568 9.89902L15.2324 3.23235L14.101 2.10098L7.43431 8.76765L8.56568 9.89902ZM13.2 8V12.6667H14.8V8H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H10.6667V1.2H3.33333V2.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.56569 6.76765C6.25327 6.45523 5.74673 6.45523 5.43431 6.76765C5.12189 7.08007 5.12189 7.5866 5.43431 7.89902L6.56569 6.76765ZM8 9.33333L7.43431 9.89902C7.58434 10.049 7.78783 10.1333 8 10.1333C8.21217 10.1333 8.41566 10.049 8.56568 9.89902L8 9.33333ZM15.2324 3.23235C15.5448 2.91993 15.5448 2.4134 15.2324 2.10098C14.9199 1.78856 14.4134 1.78856 14.101 2.10098L15.2324 3.23235ZM14.8 8C14.8 7.55817 14.4418 7.2 14 7.2C13.5582 7.2 13.2 7.55817 13.2 8H14.8ZM2 12.6667H1.2H2ZM3.33333 2V1.2V2ZM10.6667 2.8C11.1085 2.8 11.4667 2.44183 11.4667 2C11.4667 1.55817 11.1085 1.2 10.6667 1.2V2.8ZM5.43431 7.89902L7.43431 9.89902L8.56568 8.76765L6.56569 6.76765L5.43431 7.89902ZM8.56568 9.89902L15.2324 3.23235L14.101 2.10098L7.43431 8.76765L8.56568 9.89902ZM13.2 8V12.6667H14.8V8H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H10.6667V1.2H3.33333V2.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCheckSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13062",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCheckSquare size={size} />,
+  },
 );
-figma.connect(IconCheckSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13062", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCheckSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronDown.tsx b/src/icons/IconChevronDown.tsx
index 2fa4d17..ba9cc1f 100644
--- a/src/icons/IconChevronDown.tsx
+++ b/src/icons/IconChevronDown.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronDown = (props: IconProps) => (
-  <Icon {...props}><path d="M4.56569 5.43431C4.25327 5.1219 3.74673 5.1219 3.43431 5.43431C3.1219 5.74673 3.1219 6.25327 3.43431 6.56569L4.56569 5.43431ZM8 10L7.43431 10.5657C7.74673 10.8781 8.25327 10.8781 8.56569 10.5657L8 10ZM12.5657 6.56569C12.8781 6.25327 12.8781 5.74673 12.5657 5.43431C12.2533 5.1219 11.7467 5.1219 11.4343 5.43431L12.5657 6.56569ZM3.43431 6.56569L7.43431 10.5657L8.56569 9.43431L4.56569 5.43431L3.43431 6.56569ZM8.56569 10.5657L12.5657 6.56569L11.4343 5.43431L7.43431 9.43431L8.56569 10.5657Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4.56569 5.43431C4.25327 5.1219 3.74673 5.1219 3.43431 5.43431C3.1219 5.74673 3.1219 6.25327 3.43431 6.56569L4.56569 5.43431ZM8 10L7.43431 10.5657C7.74673 10.8781 8.25327 10.8781 8.56569 10.5657L8 10ZM12.5657 6.56569C12.8781 6.25327 12.8781 5.74673 12.5657 5.43431C12.2533 5.1219 11.7467 5.1219 11.4343 5.43431L12.5657 6.56569ZM3.43431 6.56569L7.43431 10.5657L8.56569 9.43431L4.56569 5.43431L3.43431 6.56569ZM8.56569 10.5657L12.5657 6.56569L11.4343 5.43431L7.43431 9.43431L8.56569 10.5657Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13072",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronDown size={size} />,
+  },
 );
-figma.connect(IconChevronDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13072", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronLeft.tsx b/src/icons/IconChevronLeft.tsx
index 69acc0d..ce8fb74 100644
--- a/src/icons/IconChevronLeft.tsx
+++ b/src/icons/IconChevronLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M9.43431 12.5657C9.74673 12.8781 10.2533 12.8781 10.5657 12.5657C10.8781 12.2533 10.8781 11.7467 10.5657 11.4343L9.43431 12.5657ZM6 8L5.43431 7.43431C5.1219 7.74673 5.1219 8.25327 5.43431 8.56569L6 8ZM10.5657 4.56569C10.8781 4.25327 10.8781 3.74673 10.5657 3.43431C10.2533 3.1219 9.74673 3.1219 9.43431 3.43431L10.5657 4.56569ZM10.5657 11.4343L6.56569 7.43431L5.43431 8.56569L9.43431 12.5657L10.5657 11.4343ZM6.56569 8.56569L10.5657 4.56569L9.43431 3.43431L5.43431 7.43431L6.56569 8.56569Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.43431 12.5657C9.74673 12.8781 10.2533 12.8781 10.5657 12.5657C10.8781 12.2533 10.8781 11.7467 10.5657 11.4343L9.43431 12.5657ZM6 8L5.43431 7.43431C5.1219 7.74673 5.1219 8.25327 5.43431 8.56569L6 8ZM10.5657 4.56569C10.8781 4.25327 10.8781 3.74673 10.5657 3.43431C10.2533 3.1219 9.74673 3.1219 9.43431 3.43431L10.5657 4.56569ZM10.5657 11.4343L6.56569 7.43431L5.43431 8.56569L9.43431 12.5657L10.5657 11.4343ZM6.56569 8.56569L10.5657 4.56569L9.43431 3.43431L5.43431 7.43431L6.56569 8.56569Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13064",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronLeft size={size} />,
+  },
 );
-figma.connect(IconChevronLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13064", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronRight.tsx b/src/icons/IconChevronRight.tsx
index a2247b8..49ce7c3 100644
--- a/src/icons/IconChevronRight.tsx
+++ b/src/icons/IconChevronRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronRight = (props: IconProps) => (
-  <Icon {...props}><path d="M5.43431 11.4343C5.1219 11.7467 5.1219 12.2533 5.43431 12.5657C5.74673 12.8781 6.25327 12.8781 6.56569 12.5657L5.43431 11.4343ZM10 8L10.5657 8.56569C10.8781 8.25327 10.8781 7.74673 10.5657 7.43431L10 8ZM6.56569 3.43431C6.25327 3.1219 5.74673 3.1219 5.43431 3.43431C5.1219 3.74673 5.1219 4.25327 5.43431 4.56569L6.56569 3.43431ZM6.56569 12.5657L10.5657 8.56569L9.43431 7.43431L5.43431 11.4343L6.56569 12.5657ZM10.5657 7.43431L6.56569 3.43431L5.43431 4.56569L9.43431 8.56569L10.5657 7.43431Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.43431 11.4343C5.1219 11.7467 5.1219 12.2533 5.43431 12.5657C5.74673 12.8781 6.25327 12.8781 6.56569 12.5657L5.43431 11.4343ZM10 8L10.5657 8.56569C10.8781 8.25327 10.8781 7.74673 10.5657 7.43431L10 8ZM6.56569 3.43431C6.25327 3.1219 5.74673 3.1219 5.43431 3.43431C5.1219 3.74673 5.1219 4.25327 5.43431 4.56569L6.56569 3.43431ZM6.56569 12.5657L10.5657 8.56569L9.43431 7.43431L5.43431 11.4343L6.56569 12.5657ZM10.5657 7.43431L6.56569 3.43431L5.43431 4.56569L9.43431 8.56569L10.5657 7.43431Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13165",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronRight size={size} />,
+  },
 );
-figma.connect(IconChevronRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13165", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronUp.tsx b/src/icons/IconChevronUp.tsx
index ef9a487..58a8dc5 100644
--- a/src/icons/IconChevronUp.tsx
+++ b/src/icons/IconChevronUp.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronUp = (props: IconProps) => (
-  <Icon {...props}><path d="M11.4343 10.5657C11.7467 10.8781 12.2533 10.8781 12.5657 10.5657C12.8781 10.2533 12.8781 9.74673 12.5657 9.43431L11.4343 10.5657ZM8 6L8.56569 5.43431C8.25327 5.1219 7.74673 5.1219 7.43431 5.43431L8 6ZM3.43431 9.43431C3.1219 9.74673 3.1219 10.2533 3.43431 10.5657C3.74673 10.8781 4.25327 10.8781 4.56569 10.5657L3.43431 9.43431ZM12.5657 9.43431L8.56569 5.43431L7.43431 6.56569L11.4343 10.5657L12.5657 9.43431ZM7.43431 5.43431L3.43431 9.43431L4.56569 10.5657L8.56569 6.56569L7.43431 5.43431Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M11.4343 10.5657C11.7467 10.8781 12.2533 10.8781 12.5657 10.5657C12.8781 10.2533 12.8781 9.74673 12.5657 9.43431L11.4343 10.5657ZM8 6L8.56569 5.43431C8.25327 5.1219 7.74673 5.1219 7.43431 5.43431L8 6ZM3.43431 9.43431C3.1219 9.74673 3.1219 10.2533 3.43431 10.5657C3.74673 10.8781 4.25327 10.8781 4.56569 10.5657L3.43431 9.43431ZM12.5657 9.43431L8.56569 5.43431L7.43431 6.56569L11.4343 10.5657L12.5657 9.43431ZM7.43431 5.43431L3.43431 9.43431L4.56569 10.5657L8.56569 6.56569L7.43431 5.43431Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13166",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronUp size={size} />,
+  },
 );
-figma.connect(IconChevronUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13166", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronsDown.tsx b/src/icons/IconChevronsDown.tsx
index 560bd14..4abcf15 100644
--- a/src/icons/IconChevronsDown.tsx
+++ b/src/icons/IconChevronsDown.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronsDown = (props: IconProps) => (
-  <Icon {...props}><path d="M5.23243 8.10098C4.92001 7.78856 4.41348 7.78856 4.10106 8.10098C3.78864 8.4134 3.78864 8.91993 4.10106 9.23235L5.23243 8.10098ZM8.00008 12L7.4344 12.5657C7.58442 12.7157 7.78791 12.8 8.00008 12.8C8.21225 12.8 8.41574 12.7157 8.56577 12.5657L8.00008 12ZM11.8991 9.23235C12.2115 8.91993 12.2115 8.4134 11.8991 8.10098C11.5867 7.78856 11.0801 7.78856 10.7677 8.10098L11.8991 9.23235ZM5.23243 3.43431C4.92001 3.1219 4.41348 3.1219 4.10106 3.43431C3.78864 3.74673 3.78864 4.25327 4.10106 4.56569L5.23243 3.43431ZM8.00008 7.33333L7.4344 7.89902C7.74682 8.21144 8.25335 8.21144 8.56577 7.89902L8.00008 7.33333ZM11.8991 4.56569C12.2115 4.25327 12.2115 3.74673 11.8991 3.43431C11.5867 3.1219 11.0801 3.1219 10.7677 3.43431L11.8991 4.56569ZM4.10106 9.23235L7.4344 12.5657L8.56577 11.4343L5.23243 8.10098L4.10106 9.23235ZM8.56577 12.5657L11.8991 9.23235L10.7677 8.10098L7.4344 11.4343L8.56577 12.5657ZM4.10106 4.56569L7.4344 7.89902L8.56577 6.76765L5.23243 3.43431L4.10106 4.56569ZM8.56577 7.89902L11.8991 4.56569L10.7677 3.43431L7.4344 6.76765L8.56577 7.89902Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.23243 8.10098C4.92001 7.78856 4.41348 7.78856 4.10106 8.10098C3.78864 8.4134 3.78864 8.91993 4.10106 9.23235L5.23243 8.10098ZM8.00008 12L7.4344 12.5657C7.58442 12.7157 7.78791 12.8 8.00008 12.8C8.21225 12.8 8.41574 12.7157 8.56577 12.5657L8.00008 12ZM11.8991 9.23235C12.2115 8.91993 12.2115 8.4134 11.8991 8.10098C11.5867 7.78856 11.0801 7.78856 10.7677 8.10098L11.8991 9.23235ZM5.23243 3.43431C4.92001 3.1219 4.41348 3.1219 4.10106 3.43431C3.78864 3.74673 3.78864 4.25327 4.10106 4.56569L5.23243 3.43431ZM8.00008 7.33333L7.4344 7.89902C7.74682 8.21144 8.25335 8.21144 8.56577 7.89902L8.00008 7.33333ZM11.8991 4.56569C12.2115 4.25327 12.2115 3.74673 11.8991 3.43431C11.5867 3.1219 11.0801 3.1219 10.7677 3.43431L11.8991 4.56569ZM4.10106 9.23235L7.4344 12.5657L8.56577 11.4343L5.23243 8.10098L4.10106 9.23235ZM8.56577 12.5657L11.8991 9.23235L10.7677 8.10098L7.4344 11.4343L8.56577 12.5657ZM4.10106 4.56569L7.4344 7.89902L8.56577 6.76765L5.23243 3.43431L4.10106 4.56569ZM8.56577 7.89902L11.8991 4.56569L10.7677 3.43431L7.4344 6.76765L8.56577 7.89902Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronsDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13168",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronsDown size={size} />,
+  },
 );
-figma.connect(IconChevronsDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13168", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronsDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronsLeft.tsx b/src/icons/IconChevronsLeft.tsx
index 298a554..c619437 100644
--- a/src/icons/IconChevronsLeft.tsx
+++ b/src/icons/IconChevronsLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronsLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M6.76765 11.899C7.08007 12.2114 7.5866 12.2114 7.89902 11.899C8.21144 11.5866 8.21144 11.08 7.89902 10.7676L6.76765 11.899ZM4 7.99996L3.43431 7.43427C3.1219 7.74669 3.1219 8.25323 3.43431 8.56564L4 7.99996ZM7.89902 5.23231C8.21144 4.91989 8.21144 4.41336 7.89902 4.10094C7.5866 3.78852 7.08007 3.78852 6.76765 4.10094L7.89902 5.23231ZM11.4343 11.899C11.7467 12.2114 12.2533 12.2114 12.5657 11.899C12.8781 11.5866 12.8781 11.08 12.5657 10.7676L11.4343 11.899ZM8.66667 7.99996L8.10098 7.43427C7.95095 7.5843 7.86667 7.78779 7.86667 7.99996C7.86667 8.21213 7.95095 8.41562 8.10098 8.56564L8.66667 7.99996ZM12.5657 5.23231C12.8781 4.91989 12.8781 4.41336 12.5657 4.10094C12.2533 3.78852 11.7467 3.78852 11.4343 4.10094L12.5657 5.23231ZM7.89902 10.7676L4.56569 7.43427L3.43431 8.56564L6.76765 11.899L7.89902 10.7676ZM4.56569 8.56564L7.89902 5.23231L6.76765 4.10094L3.43431 7.43427L4.56569 8.56564ZM12.5657 10.7676L9.23235 7.43427L8.10098 8.56564L11.4343 11.899L12.5657 10.7676ZM9.23235 8.56564L12.5657 5.23231L11.4343 4.10094L8.10098 7.43427L9.23235 8.56564Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.76765 11.899C7.08007 12.2114 7.5866 12.2114 7.89902 11.899C8.21144 11.5866 8.21144 11.08 7.89902 10.7676L6.76765 11.899ZM4 7.99996L3.43431 7.43427C3.1219 7.74669 3.1219 8.25323 3.43431 8.56564L4 7.99996ZM7.89902 5.23231C8.21144 4.91989 8.21144 4.41336 7.89902 4.10094C7.5866 3.78852 7.08007 3.78852 6.76765 4.10094L7.89902 5.23231ZM11.4343 11.899C11.7467 12.2114 12.2533 12.2114 12.5657 11.899C12.8781 11.5866 12.8781 11.08 12.5657 10.7676L11.4343 11.899ZM8.66667 7.99996L8.10098 7.43427C7.95095 7.5843 7.86667 7.78779 7.86667 7.99996C7.86667 8.21213 7.95095 8.41562 8.10098 8.56564L8.66667 7.99996ZM12.5657 5.23231C12.8781 4.91989 12.8781 4.41336 12.5657 4.10094C12.2533 3.78852 11.7467 3.78852 11.4343 4.10094L12.5657 5.23231ZM7.89902 10.7676L4.56569 7.43427L3.43431 8.56564L6.76765 11.899L7.89902 10.7676ZM4.56569 8.56564L7.89902 5.23231L6.76765 4.10094L3.43431 7.43427L4.56569 8.56564ZM12.5657 10.7676L9.23235 7.43427L8.10098 8.56564L11.4343 11.899L12.5657 10.7676ZM9.23235 8.56564L12.5657 5.23231L11.4343 4.10094L8.10098 7.43427L9.23235 8.56564Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronsLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13167",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronsLeft size={size} />,
+  },
 );
-figma.connect(IconChevronsLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13167", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronsLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronsRight.tsx b/src/icons/IconChevronsRight.tsx
index 840f6c6..4086cc8 100644
--- a/src/icons/IconChevronsRight.tsx
+++ b/src/icons/IconChevronsRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronsRight = (props: IconProps) => (
-  <Icon {...props}><path d="M8.10098 10.7676C7.78856 11.08 7.78856 11.5866 8.10098 11.899C8.4134 12.2114 8.91993 12.2114 9.23235 11.899L8.10098 10.7676ZM12 7.99996L12.5657 8.56564C12.7157 8.41562 12.8 8.21213 12.8 7.99996C12.8 7.78779 12.7157 7.5843 12.5657 7.43427L12 7.99996ZM9.23235 4.10094C8.91993 3.78852 8.4134 3.78852 8.10098 4.10094C7.78856 4.41336 7.78856 4.91989 8.10098 5.23231L9.23235 4.10094ZM3.43431 10.7676C3.1219 11.08 3.1219 11.5866 3.43431 11.899C3.74673 12.2114 4.25327 12.2114 4.56569 11.899L3.43431 10.7676ZM7.33333 7.99996L7.89902 8.56564C8.21144 8.25323 8.21144 7.74669 7.89902 7.43427L7.33333 7.99996ZM4.56569 4.10094C4.25327 3.78852 3.74673 3.78852 3.43431 4.10094C3.1219 4.41336 3.1219 4.91989 3.43431 5.23231L4.56569 4.10094ZM9.23235 11.899L12.5657 8.56564L11.4343 7.43427L8.10098 10.7676L9.23235 11.899ZM12.5657 7.43427L9.23235 4.10094L8.10098 5.23231L11.4343 8.56564L12.5657 7.43427ZM4.56569 11.899L7.89902 8.56564L6.76765 7.43427L3.43431 10.7676L4.56569 11.899ZM7.89902 7.43427L4.56569 4.10094L3.43431 5.23231L6.76765 8.56564L7.89902 7.43427Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.10098 10.7676C7.78856 11.08 7.78856 11.5866 8.10098 11.899C8.4134 12.2114 8.91993 12.2114 9.23235 11.899L8.10098 10.7676ZM12 7.99996L12.5657 8.56564C12.7157 8.41562 12.8 8.21213 12.8 7.99996C12.8 7.78779 12.7157 7.5843 12.5657 7.43427L12 7.99996ZM9.23235 4.10094C8.91993 3.78852 8.4134 3.78852 8.10098 4.10094C7.78856 4.41336 7.78856 4.91989 8.10098 5.23231L9.23235 4.10094ZM3.43431 10.7676C3.1219 11.08 3.1219 11.5866 3.43431 11.899C3.74673 12.2114 4.25327 12.2114 4.56569 11.899L3.43431 10.7676ZM7.33333 7.99996L7.89902 8.56564C8.21144 8.25323 8.21144 7.74669 7.89902 7.43427L7.33333 7.99996ZM4.56569 4.10094C4.25327 3.78852 3.74673 3.78852 3.43431 4.10094C3.1219 4.41336 3.1219 4.91989 3.43431 5.23231L4.56569 4.10094ZM9.23235 11.899L12.5657 8.56564L11.4343 7.43427L8.10098 10.7676L9.23235 11.899ZM12.5657 7.43427L9.23235 4.10094L8.10098 5.23231L11.4343 8.56564L12.5657 7.43427ZM4.56569 11.899L7.89902 8.56564L6.76765 7.43427L3.43431 10.7676L4.56569 11.899ZM7.89902 7.43427L4.56569 4.10094L3.43431 5.23231L6.76765 8.56564L7.89902 7.43427Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronsRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13170",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronsRight size={size} />,
+  },
 );
-figma.connect(IconChevronsRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13170", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronsRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChevronsUp.tsx b/src/icons/IconChevronsUp.tsx
index 1da0b65..dd6412f 100644
--- a/src/icons/IconChevronsUp.tsx
+++ b/src/icons/IconChevronsUp.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChevronsUp = (props: IconProps) => (
-  <Icon {...props}><path d="M10.7675 7.89902C11.0799 8.21144 11.5864 8.21144 11.8989 7.89902C12.2113 7.5866 12.2113 7.08007 11.8989 6.76765L10.7675 7.89902ZM7.99984 4L8.56552 3.43431C8.2531 3.1219 7.74657 3.1219 7.43415 3.43431L7.99984 4ZM4.10082 6.76765C3.7884 7.08007 3.7884 7.5866 4.10082 7.89902C4.41324 8.21144 4.91977 8.21144 5.23219 7.89902L4.10082 6.76765ZM10.7675 12.5657C11.0799 12.8781 11.5864 12.8781 11.8989 12.5657C12.2113 12.2533 12.2113 11.7467 11.8989 11.4343L10.7675 12.5657ZM7.99984 8.66667L8.56552 8.10098C8.41549 7.95095 8.21201 7.86667 7.99984 7.86667C7.78766 7.86667 7.58418 7.95095 7.43415 8.10098L7.99984 8.66667ZM4.10082 11.4343C3.7884 11.7467 3.7884 12.2533 4.10082 12.5657C4.41324 12.8781 4.91977 12.8781 5.23219 12.5657L4.10082 11.4343ZM11.8989 6.76765L8.56552 3.43431L7.43415 4.56569L10.7675 7.89902L11.8989 6.76765ZM7.43415 3.43431L4.10082 6.76765L5.23219 7.89902L8.56552 4.56569L7.43415 3.43431ZM11.8989 11.4343L8.56552 8.10098L7.43415 9.23235L10.7675 12.5657L11.8989 11.4343ZM7.43415 8.10098L4.10082 11.4343L5.23219 12.5657L8.56552 9.23235L7.43415 8.10098Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.7675 7.89902C11.0799 8.21144 11.5864 8.21144 11.8989 7.89902C12.2113 7.5866 12.2113 7.08007 11.8989 6.76765L10.7675 7.89902ZM7.99984 4L8.56552 3.43431C8.2531 3.1219 7.74657 3.1219 7.43415 3.43431L7.99984 4ZM4.10082 6.76765C3.7884 7.08007 3.7884 7.5866 4.10082 7.89902C4.41324 8.21144 4.91977 8.21144 5.23219 7.89902L4.10082 6.76765ZM10.7675 12.5657C11.0799 12.8781 11.5864 12.8781 11.8989 12.5657C12.2113 12.2533 12.2113 11.7467 11.8989 11.4343L10.7675 12.5657ZM7.99984 8.66667L8.56552 8.10098C8.41549 7.95095 8.21201 7.86667 7.99984 7.86667C7.78766 7.86667 7.58418 7.95095 7.43415 8.10098L7.99984 8.66667ZM4.10082 11.4343C3.7884 11.7467 3.7884 12.2533 4.10082 12.5657C4.41324 12.8781 4.91977 12.8781 5.23219 12.5657L4.10082 11.4343ZM11.8989 6.76765L8.56552 3.43431L7.43415 4.56569L10.7675 7.89902L11.8989 6.76765ZM7.43415 3.43431L4.10082 6.76765L5.23219 7.89902L8.56552 4.56569L7.43415 3.43431ZM11.8989 11.4343L8.56552 8.10098L7.43415 9.23235L10.7675 12.5657L11.8989 11.4343ZM7.43415 8.10098L4.10082 11.4343L5.23219 12.5657L8.56552 9.23235L7.43415 8.10098Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconChevronsUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13169",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChevronsUp size={size} />,
+  },
 );
-figma.connect(IconChevronsUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13169", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChevronsUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconChrome.tsx b/src/icons/IconChrome.tsx
index 18a6365..6dc2455 100644
--- a/src/icons/IconChrome.tsx
+++ b/src/icons/IconChrome.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconChrome = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15659)"><path d="M14.1133 6.13337C14.5552 6.13337 14.9133 5.7752 14.9133 5.33337C14.9133 4.89155 14.5552 4.53337 14.1133 4.53337V6.13337ZM3.32593 3.63966C3.1048 3.25715 2.61546 3.12632 2.23295 3.34744C1.85043 3.56857 1.7196 4.05791 1.94073 4.44042L3.32593 3.63966ZM5.00073 9.73376C5.22185 10.1163 5.7112 10.2471 6.09371 10.026C6.47622 9.80485 6.60705 9.3155 6.38593 8.93299L5.00073 9.73376ZM6.56035 14.227C6.33959 14.6097 6.47088 15.0989 6.8536 15.3197C7.23632 15.5404 7.72554 15.4092 7.94631 15.0264L6.56035 14.227ZM10.9996 9.7331C11.2204 9.35038 11.0891 8.86116 10.7064 8.6404C10.3237 8.41963 9.83445 8.55093 9.61368 8.93365L10.9996 9.7331ZM13.8667 8.00004C13.8667 11.2401 11.2401 13.8667 7.99999 13.8667V15.4667C12.1237 15.4667 15.4667 12.1238 15.4667 8.00004H13.8667ZM7.99999 13.8667C4.75992 13.8667 2.13333 11.2401 2.13333 8.00004H0.533328C0.533328 12.1238 3.87627 15.4667 7.99999 15.4667V13.8667ZM2.13333 8.00004C2.13333 4.75997 4.75992 2.13337 7.99999 2.13337V0.533374C3.87627 0.533374 0.533328 3.87631 0.533328 8.00004H2.13333ZM7.99999 2.13337C11.2401 2.13337 13.8667 4.75997 13.8667 8.00004H15.4667C15.4667 3.87631 12.1237 0.533374 7.99999 0.533374V2.13337ZM9.86666 8.00004C9.86666 9.03097 9.03093 9.86671 7.99999 9.86671V11.4667C9.91458 11.4667 11.4667 9.91463 11.4667 8.00004H9.86666ZM7.99999 9.86671C6.96906 9.86671 6.13333 9.03097 6.13333 8.00004H4.53333C4.53333 9.91463 6.08541 11.4667 7.99999 11.4667V9.86671ZM6.13333 8.00004C6.13333 6.96911 6.96906 6.13337 7.99999 6.13337V4.53337C6.08541 4.53337 4.53333 6.08545 4.53333 8.00004H6.13333ZM7.99999 6.13337C9.03093 6.13337 9.86666 6.96911 9.86666 8.00004H11.4667C11.4667 6.08545 9.91458 4.53337 7.99999 4.53337V6.13337ZM14.1133 4.53337H7.99999V6.13337H14.1133V4.53337ZM1.94073 4.44042L5.00073 9.73376L6.38593 8.93299L3.32593 3.63966L1.94073 4.44042ZM7.94631 15.0264L10.9996 9.7331L9.61368 8.93365L6.56035 14.227L7.94631 15.0264Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15659"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15659)">
+      <path
+        d="M14.1133 6.13337C14.5552 6.13337 14.9133 5.7752 14.9133 5.33337C14.9133 4.89155 14.5552 4.53337 14.1133 4.53337V6.13337ZM3.32593 3.63966C3.1048 3.25715 2.61546 3.12632 2.23295 3.34744C1.85043 3.56857 1.7196 4.05791 1.94073 4.44042L3.32593 3.63966ZM5.00073 9.73376C5.22185 10.1163 5.7112 10.2471 6.09371 10.026C6.47622 9.80485 6.60705 9.3155 6.38593 8.93299L5.00073 9.73376ZM6.56035 14.227C6.33959 14.6097 6.47088 15.0989 6.8536 15.3197C7.23632 15.5404 7.72554 15.4092 7.94631 15.0264L6.56035 14.227ZM10.9996 9.7331C11.2204 9.35038 11.0891 8.86116 10.7064 8.6404C10.3237 8.41963 9.83445 8.55093 9.61368 8.93365L10.9996 9.7331ZM13.8667 8.00004C13.8667 11.2401 11.2401 13.8667 7.99999 13.8667V15.4667C12.1237 15.4667 15.4667 12.1238 15.4667 8.00004H13.8667ZM7.99999 13.8667C4.75992 13.8667 2.13333 11.2401 2.13333 8.00004H0.533328C0.533328 12.1238 3.87627 15.4667 7.99999 15.4667V13.8667ZM2.13333 8.00004C2.13333 4.75997 4.75992 2.13337 7.99999 2.13337V0.533374C3.87627 0.533374 0.533328 3.87631 0.533328 8.00004H2.13333ZM7.99999 2.13337C11.2401 2.13337 13.8667 4.75997 13.8667 8.00004H15.4667C15.4667 3.87631 12.1237 0.533374 7.99999 0.533374V2.13337ZM9.86666 8.00004C9.86666 9.03097 9.03093 9.86671 7.99999 9.86671V11.4667C9.91458 11.4667 11.4667 9.91463 11.4667 8.00004H9.86666ZM7.99999 9.86671C6.96906 9.86671 6.13333 9.03097 6.13333 8.00004H4.53333C4.53333 9.91463 6.08541 11.4667 7.99999 11.4667V9.86671ZM6.13333 8.00004C6.13333 6.96911 6.96906 6.13337 7.99999 6.13337V4.53337C6.08541 4.53337 4.53333 6.08545 4.53333 8.00004H6.13333ZM7.99999 6.13337C9.03093 6.13337 9.86666 6.96911 9.86666 8.00004H11.4667C11.4667 6.08545 9.91458 4.53337 7.99999 4.53337V6.13337ZM14.1133 4.53337H7.99999V6.13337H14.1133V4.53337ZM1.94073 4.44042L5.00073 9.73376L6.38593 8.93299L3.32593 3.63966L1.94073 4.44042ZM7.94631 15.0264L10.9996 9.7331L9.61368 8.93365L6.56035 14.227L7.94631 15.0264Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15659">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconChrome,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13172",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconChrome size={size} />,
+  },
 );
-figma.connect(IconChrome, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13172", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconChrome size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCircle.tsx b/src/icons/IconCircle.tsx
index ad3ab74..ecc0743 100644
--- a/src/icons/IconCircle.tsx
+++ b/src/icons/IconCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15661)"><path d="M13.8666 8.00004C13.8666 11.2401 11.2401 13.8667 7.99998 13.8667V15.4667C12.1237 15.4667 15.4666 12.1238 15.4666 8.00004H13.8666ZM7.99998 13.8667C4.75991 13.8667 2.13331 11.2401 2.13331 8.00004H0.533313C0.533313 12.1238 3.87625 15.4667 7.99998 15.4667V13.8667ZM2.13331 8.00004C2.13331 4.75997 4.75991 2.13337 7.99998 2.13337V0.533374C3.87625 0.533374 0.533313 3.87631 0.533313 8.00004H2.13331ZM7.99998 2.13337C11.2401 2.13337 13.8666 4.75997 13.8666 8.00004H15.4666C15.4666 3.87631 12.1237 0.533374 7.99998 0.533374V2.13337Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15661"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15661)">
+      <path
+        d="M13.8666 8.00004C13.8666 11.2401 11.2401 13.8667 7.99998 13.8667V15.4667C12.1237 15.4667 15.4666 12.1238 15.4666 8.00004H13.8666ZM7.99998 13.8667C4.75991 13.8667 2.13331 11.2401 2.13331 8.00004H0.533313C0.533313 12.1238 3.87625 15.4667 7.99998 15.4667V13.8667ZM2.13331 8.00004C2.13331 4.75997 4.75991 2.13337 7.99998 2.13337V0.533374C3.87625 0.533374 0.533313 3.87631 0.533313 8.00004H2.13331ZM7.99998 2.13337C11.2401 2.13337 13.8666 4.75997 13.8666 8.00004H15.4666C15.4666 3.87631 12.1237 0.533374 7.99998 0.533374V2.13337Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15661">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13171",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCircle size={size} />,
+  },
 );
-figma.connect(IconCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13171", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconClipboard.tsx b/src/icons/IconClipboard.tsx
index 913b9c9..0aa7b8b 100644
--- a/src/icons/IconClipboard.tsx
+++ b/src/icons/IconClipboard.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconClipboard = (props: IconProps) => (
-  <Icon {...props}><path d="M10.6666 1.86671C10.2248 1.86671 9.86663 2.22488 9.86663 2.66671C9.86663 3.10854 10.2248 3.46671 10.6666 3.46671V1.86671ZM12 2.66671V1.86671V2.66671ZM2.66663 13.3334H1.86663H2.66663ZM3.99996 2.66671V1.86671V2.66671ZM5.33329 3.46671C5.77512 3.46671 6.13329 3.10854 6.13329 2.66671C6.13329 2.22488 5.77512 1.86671 5.33329 1.86671V3.46671ZM10.6666 3.46671H12V1.86671H10.6666V3.46671ZM12 3.46671C12.1414 3.46671 12.2771 3.5229 12.3771 3.62292L13.5085 2.49155C13.1084 2.09147 12.5658 1.86671 12 1.86671V3.46671ZM12.3771 3.62292C12.4771 3.72294 12.5333 3.85859 12.5333 4.00004H14.1333C14.1333 3.43425 13.9085 2.89162 13.5085 2.49155L12.3771 3.62292ZM12.5333 4.00004V13.3334H14.1333V4.00004H12.5333ZM12.5333 13.3334C12.5333 13.4748 12.4771 13.6105 12.3771 13.7105L13.5085 14.8419C13.9085 14.4418 14.1333 13.8992 14.1333 13.3334H12.5333ZM12.3771 13.7105C12.2771 13.8105 12.1414 13.8667 12 13.8667V15.4667C12.5658 15.4667 13.1084 15.2419 13.5085 14.8419L12.3771 13.7105ZM12 13.8667H3.99996V15.4667H12V13.8667ZM3.99996 13.8667C3.85851 13.8667 3.72285 13.8105 3.62284 13.7105L2.49146 14.8419C2.89154 15.2419 3.43416 15.4667 3.99996 15.4667V13.8667ZM3.62284 13.7105C3.52282 13.6105 3.46663 13.4748 3.46663 13.3334H1.86663C1.86663 13.8992 2.09139 14.4418 2.49146 14.8419L3.62284 13.7105ZM3.46663 13.3334V4.00004H1.86663V13.3334H3.46663ZM3.46663 4.00004C3.46663 3.85859 3.52282 3.72294 3.62284 3.62292L2.49146 2.49155C2.09139 2.89162 1.86663 3.43425 1.86663 4.00004H3.46663ZM3.62284 3.62292C3.72285 3.5229 3.85851 3.46671 3.99996 3.46671V1.86671C3.43416 1.86671 2.89154 2.09147 2.49146 2.49155L3.62284 3.62292ZM3.99996 3.46671H5.33329V1.86671H3.99996V3.46671ZM5.99996 2.13337H9.99996V0.533374H5.99996V2.13337ZM9.99996 2.13337C9.92632 2.13337 9.86663 2.07368 9.86663 2.00004H11.4666C11.4666 1.19002 10.81 0.533374 9.99996 0.533374V2.13337ZM9.86663 2.00004V3.33337H11.4666V2.00004H9.86663ZM9.86663 3.33337C9.86663 3.25974 9.92632 3.20004 9.99996 3.20004V4.80004C10.81 4.80004 11.4666 4.14339 11.4666 3.33337H9.86663ZM9.99996 3.20004H5.99996V4.80004H9.99996V3.20004ZM5.99996 3.20004C6.0736 3.20004 6.13329 3.25974 6.13329 3.33337H4.53329C4.53329 4.14339 5.18994 4.80004 5.99996 4.80004V3.20004ZM6.13329 3.33337V2.00004H4.53329V3.33337H6.13329ZM6.13329 2.00004C6.13329 2.07368 6.0736 2.13337 5.99996 2.13337V0.533374C5.18994 0.533374 4.53329 1.19002 4.53329 2.00004H6.13329Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.6666 1.86671C10.2248 1.86671 9.86663 2.22488 9.86663 2.66671C9.86663 3.10854 10.2248 3.46671 10.6666 3.46671V1.86671ZM12 2.66671V1.86671V2.66671ZM2.66663 13.3334H1.86663H2.66663ZM3.99996 2.66671V1.86671V2.66671ZM5.33329 3.46671C5.77512 3.46671 6.13329 3.10854 6.13329 2.66671C6.13329 2.22488 5.77512 1.86671 5.33329 1.86671V3.46671ZM10.6666 3.46671H12V1.86671H10.6666V3.46671ZM12 3.46671C12.1414 3.46671 12.2771 3.5229 12.3771 3.62292L13.5085 2.49155C13.1084 2.09147 12.5658 1.86671 12 1.86671V3.46671ZM12.3771 3.62292C12.4771 3.72294 12.5333 3.85859 12.5333 4.00004H14.1333C14.1333 3.43425 13.9085 2.89162 13.5085 2.49155L12.3771 3.62292ZM12.5333 4.00004V13.3334H14.1333V4.00004H12.5333ZM12.5333 13.3334C12.5333 13.4748 12.4771 13.6105 12.3771 13.7105L13.5085 14.8419C13.9085 14.4418 14.1333 13.8992 14.1333 13.3334H12.5333ZM12.3771 13.7105C12.2771 13.8105 12.1414 13.8667 12 13.8667V15.4667C12.5658 15.4667 13.1084 15.2419 13.5085 14.8419L12.3771 13.7105ZM12 13.8667H3.99996V15.4667H12V13.8667ZM3.99996 13.8667C3.85851 13.8667 3.72285 13.8105 3.62284 13.7105L2.49146 14.8419C2.89154 15.2419 3.43416 15.4667 3.99996 15.4667V13.8667ZM3.62284 13.7105C3.52282 13.6105 3.46663 13.4748 3.46663 13.3334H1.86663C1.86663 13.8992 2.09139 14.4418 2.49146 14.8419L3.62284 13.7105ZM3.46663 13.3334V4.00004H1.86663V13.3334H3.46663ZM3.46663 4.00004C3.46663 3.85859 3.52282 3.72294 3.62284 3.62292L2.49146 2.49155C2.09139 2.89162 1.86663 3.43425 1.86663 4.00004H3.46663ZM3.62284 3.62292C3.72285 3.5229 3.85851 3.46671 3.99996 3.46671V1.86671C3.43416 1.86671 2.89154 2.09147 2.49146 2.49155L3.62284 3.62292ZM3.99996 3.46671H5.33329V1.86671H3.99996V3.46671ZM5.99996 2.13337H9.99996V0.533374H5.99996V2.13337ZM9.99996 2.13337C9.92632 2.13337 9.86663 2.07368 9.86663 2.00004H11.4666C11.4666 1.19002 10.81 0.533374 9.99996 0.533374V2.13337ZM9.86663 2.00004V3.33337H11.4666V2.00004H9.86663ZM9.86663 3.33337C9.86663 3.25974 9.92632 3.20004 9.99996 3.20004V4.80004C10.81 4.80004 11.4666 4.14339 11.4666 3.33337H9.86663ZM9.99996 3.20004H5.99996V4.80004H9.99996V3.20004ZM5.99996 3.20004C6.0736 3.20004 6.13329 3.25974 6.13329 3.33337H4.53329C4.53329 4.14339 5.18994 4.80004 5.99996 4.80004V3.20004ZM6.13329 3.33337V2.00004H4.53329V3.33337H6.13329ZM6.13329 2.00004C6.13329 2.07368 6.0736 2.13337 5.99996 2.13337V0.533374C5.18994 0.533374 4.53329 1.19002 4.53329 2.00004H6.13329Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconClipboard,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13174",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconClipboard size={size} />,
+  },
 );
-figma.connect(IconClipboard, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13174", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconClipboard size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconClock.tsx b/src/icons/IconClock.tsx
index ac3fd1e..2c77682 100644
--- a/src/icons/IconClock.tsx
+++ b/src/icons/IconClock.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconClock = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15665)"><path d="M8.80004 4.00004C8.80004 3.55821 8.44187 3.20004 8.00004 3.20004C7.55821 3.20004 7.20004 3.55821 7.20004 4.00004H8.80004ZM8.00004 8.00004H7.20004C7.20004 8.30306 7.37124 8.58007 7.64227 8.71558L8.00004 8.00004ZM10.3089 10.0489C10.7041 10.2465 11.1847 10.0863 11.3822 9.69114C11.5798 9.29596 11.4197 8.81542 11.0245 8.61783L10.3089 10.0489ZM13.8667 8.00004C13.8667 11.2401 11.2401 13.8667 8.00004 13.8667V15.4667C12.1238 15.4667 15.4667 12.1238 15.4667 8.00004H13.8667ZM8.00004 13.8667C4.75997 13.8667 2.13337 11.2401 2.13337 8.00004H0.533374C0.533374 12.1238 3.87631 15.4667 8.00004 15.4667V13.8667ZM2.13337 8.00004C2.13337 4.75997 4.75997 2.13337 8.00004 2.13337V0.533374C3.87631 0.533374 0.533374 3.87631 0.533374 8.00004H2.13337ZM8.00004 2.13337C11.2401 2.13337 13.8667 4.75997 13.8667 8.00004H15.4667C15.4667 3.87631 12.1238 0.533374 8.00004 0.533374V2.13337ZM7.20004 4.00004V8.00004H8.80004V4.00004H7.20004ZM7.64227 8.71558L10.3089 10.0489L11.0245 8.61783L8.35781 7.2845L7.64227 8.71558Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15665"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15665)">
+      <path
+        d="M8.80004 4.00004C8.80004 3.55821 8.44187 3.20004 8.00004 3.20004C7.55821 3.20004 7.20004 3.55821 7.20004 4.00004H8.80004ZM8.00004 8.00004H7.20004C7.20004 8.30306 7.37124 8.58007 7.64227 8.71558L8.00004 8.00004ZM10.3089 10.0489C10.7041 10.2465 11.1847 10.0863 11.3822 9.69114C11.5798 9.29596 11.4197 8.81542 11.0245 8.61783L10.3089 10.0489ZM13.8667 8.00004C13.8667 11.2401 11.2401 13.8667 8.00004 13.8667V15.4667C12.1238 15.4667 15.4667 12.1238 15.4667 8.00004H13.8667ZM8.00004 13.8667C4.75997 13.8667 2.13337 11.2401 2.13337 8.00004H0.533374C0.533374 12.1238 3.87631 15.4667 8.00004 15.4667V13.8667ZM2.13337 8.00004C2.13337 4.75997 4.75997 2.13337 8.00004 2.13337V0.533374C3.87631 0.533374 0.533374 3.87631 0.533374 8.00004H2.13337ZM8.00004 2.13337C11.2401 2.13337 13.8667 4.75997 13.8667 8.00004H15.4667C15.4667 3.87631 12.1238 0.533374 8.00004 0.533374V2.13337ZM7.20004 4.00004V8.00004H8.80004V4.00004H7.20004ZM7.64227 8.71558L10.3089 10.0489L11.0245 8.61783L8.35781 7.2845L7.64227 8.71558Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15665">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconClock,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13173",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconClock size={size} />,
+  },
 );
-figma.connect(IconClock, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13173", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconClock size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCloud.tsx b/src/icons/IconCloud.tsx
index c93e8a5..6c87d77 100644
--- a/src/icons/IconCloud.tsx
+++ b/src/icons/IconCloud.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCloud = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15677)"><path d="M12 6.66663V5.86663V6.66663ZM11.16 6.66663L10.3854 6.86663C10.4766 7.21984 10.7952 7.46663 11.16 7.46663V6.66663ZM6 13.3333V12.5333H5.99941L6 13.3333ZM12 5.86663H11.16V7.46663H12V5.86663ZM11.9346 6.46663C11.6478 5.35572 11.0551 4.34755 10.2239 3.55666L9.12097 4.71578C9.73533 5.30035 10.1734 6.04552 10.3854 6.86663L11.9346 6.46663ZM10.2239 3.55666C9.39271 2.76577 8.35635 2.22389 7.23257 1.99257L6.90999 3.55972C7.74061 3.73069 8.50662 4.13121 9.12097 4.71578L10.2239 3.55666ZM7.23257 1.99257C6.1088 1.76126 4.94267 1.84979 3.8667 2.24811L4.42218 3.74859C5.21746 3.45418 6.07938 3.38874 6.90999 3.55972L7.23257 1.99257ZM3.8667 2.24811C2.79073 2.64644 1.84806 3.33858 1.1458 4.24589L2.41108 5.22521C2.93014 4.55459 3.62689 4.04301 4.42218 3.74859L3.8667 2.24811ZM1.1458 4.24589C0.443542 5.15319 0.00985807 6.23929 -0.105972 7.38076L1.48585 7.54229C1.57147 6.6986 1.89202 5.89583 2.41108 5.22521L1.1458 4.24589ZM-0.105972 7.38076C-0.221802 8.52224 -0.0151348 9.67331 0.490547 10.7032L1.92676 9.99801C1.55299 9.23679 1.40024 8.38599 1.48585 7.54229L-0.105972 7.38076ZM0.490547 10.7032C0.996229 11.7331 1.78065 12.6005 2.75467 13.2068L3.60024 11.8485C2.88031 11.4003 2.30052 10.7592 1.92676 9.99801L0.490547 10.7032ZM2.75467 13.2068C3.72869 13.8132 4.85327 14.1341 6.0006 14.1333L5.99941 12.5333C5.15138 12.5339 4.32017 12.2967 3.60024 11.8485L2.75467 13.2068ZM6 14.1333H12V12.5333H6V14.1333ZM12 14.1333C13.0962 14.1333 14.1476 13.6978 14.9227 12.9227L13.7913 11.7913C13.3162 12.2664 12.6719 12.5333 12 12.5333V14.1333ZM14.9227 12.9227C15.6979 12.1475 16.1333 11.0962 16.1333 9.99996H14.5333C14.5333 10.6718 14.2664 11.3162 13.7913 11.7913L14.9227 12.9227ZM16.1333 9.99996C16.1333 8.90373 15.6979 7.8524 14.9227 7.07725L13.7913 8.20862C14.2664 8.68371 14.5333 9.32808 14.5333 9.99996H16.1333ZM14.9227 7.07725C14.1476 6.3021 13.0962 5.86663 12 5.86663V7.46663C12.6719 7.46663 13.3162 7.73353 13.7913 8.20862L14.9227 7.07725Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15677"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15677)">
+      <path
+        d="M12 6.66663V5.86663V6.66663ZM11.16 6.66663L10.3854 6.86663C10.4766 7.21984 10.7952 7.46663 11.16 7.46663V6.66663ZM6 13.3333V12.5333H5.99941L6 13.3333ZM12 5.86663H11.16V7.46663H12V5.86663ZM11.9346 6.46663C11.6478 5.35572 11.0551 4.34755 10.2239 3.55666L9.12097 4.71578C9.73533 5.30035 10.1734 6.04552 10.3854 6.86663L11.9346 6.46663ZM10.2239 3.55666C9.39271 2.76577 8.35635 2.22389 7.23257 1.99257L6.90999 3.55972C7.74061 3.73069 8.50662 4.13121 9.12097 4.71578L10.2239 3.55666ZM7.23257 1.99257C6.1088 1.76126 4.94267 1.84979 3.8667 2.24811L4.42218 3.74859C5.21746 3.45418 6.07938 3.38874 6.90999 3.55972L7.23257 1.99257ZM3.8667 2.24811C2.79073 2.64644 1.84806 3.33858 1.1458 4.24589L2.41108 5.22521C2.93014 4.55459 3.62689 4.04301 4.42218 3.74859L3.8667 2.24811ZM1.1458 4.24589C0.443542 5.15319 0.00985807 6.23929 -0.105972 7.38076L1.48585 7.54229C1.57147 6.6986 1.89202 5.89583 2.41108 5.22521L1.1458 4.24589ZM-0.105972 7.38076C-0.221802 8.52224 -0.0151348 9.67331 0.490547 10.7032L1.92676 9.99801C1.55299 9.23679 1.40024 8.38599 1.48585 7.54229L-0.105972 7.38076ZM0.490547 10.7032C0.996229 11.7331 1.78065 12.6005 2.75467 13.2068L3.60024 11.8485C2.88031 11.4003 2.30052 10.7592 1.92676 9.99801L0.490547 10.7032ZM2.75467 13.2068C3.72869 13.8132 4.85327 14.1341 6.0006 14.1333L5.99941 12.5333C5.15138 12.5339 4.32017 12.2967 3.60024 11.8485L2.75467 13.2068ZM6 14.1333H12V12.5333H6V14.1333ZM12 14.1333C13.0962 14.1333 14.1476 13.6978 14.9227 12.9227L13.7913 11.7913C13.3162 12.2664 12.6719 12.5333 12 12.5333V14.1333ZM14.9227 12.9227C15.6979 12.1475 16.1333 11.0962 16.1333 9.99996H14.5333C14.5333 10.6718 14.2664 11.3162 13.7913 11.7913L14.9227 12.9227ZM16.1333 9.99996C16.1333 8.90373 15.6979 7.8524 14.9227 7.07725L13.7913 8.20862C14.2664 8.68371 14.5333 9.32808 14.5333 9.99996H16.1333ZM14.9227 7.07725C14.1476 6.3021 13.0962 5.86663 12 5.86663V7.46663C12.6719 7.46663 13.3162 7.73353 13.7913 8.20862L14.9227 7.07725Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15677">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCloud,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13179",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCloud size={size} />,
+  },
 );
-figma.connect(IconCloud, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13179", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCloud size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCloudDrizzle.tsx b/src/icons/IconCloudDrizzle.tsx
index 471f05e..3fb894d 100644
--- a/src/icons/IconCloudDrizzle.tsx
+++ b/src/icons/IconCloudDrizzle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCloudDrizzle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15667)"><path d="M6.13344 12.6667C6.13344 12.2249 5.77526 11.8667 5.33344 11.8667C4.89161 11.8667 4.53344 12.2249 4.53344 12.6667H6.13344ZM4.53344 14C4.53344 14.4418 4.89161 14.8 5.33344 14.8C5.77526 14.8 6.13344 14.4418 6.13344 14H4.53344ZM6.13344 8.66668C6.13344 8.22485 5.77526 7.86668 5.33344 7.86668C4.89161 7.86668 4.53344 8.22485 4.53344 8.66668H6.13344ZM4.53344 10C4.53344 10.4418 4.89161 10.8 5.33344 10.8C5.77526 10.8 6.13344 10.4418 6.13344 10H4.53344ZM11.4668 12.6667C11.4668 12.2249 11.1086 11.8667 10.6668 11.8667C10.2249 11.8667 9.86677 12.2249 9.86677 12.6667H11.4668ZM9.86677 14C9.86677 14.4418 10.2249 14.8 10.6668 14.8C11.1086 14.8 11.4668 14.4418 11.4668 14H9.86677ZM11.4668 8.66668C11.4668 8.22485 11.1086 7.86668 10.6668 7.86668C10.2249 7.86668 9.86677 8.22485 9.86677 8.66668H11.4668ZM9.86677 10C9.86677 10.4418 10.2249 10.8 10.6668 10.8C11.1086 10.8 11.4668 10.4418 11.4668 10H9.86677ZM8.8001 14C8.8001 13.5582 8.44193 13.2 8.0001 13.2C7.55828 13.2 7.2001 13.5582 7.2001 14H8.8001ZM7.2001 15.3333C7.2001 15.7752 7.55828 16.1333 8.0001 16.1333C8.44193 16.1333 8.8001 15.7752 8.8001 15.3333H7.2001ZM8.8001 10C8.8001 9.55818 8.44193 9.20001 8.0001 9.20001C7.55828 9.20001 7.2001 9.55818 7.2001 10H8.8001ZM7.2001 11.3333C7.2001 11.7752 7.55828 12.1333 8.0001 12.1333C8.44193 12.1333 8.8001 11.7752 8.8001 11.3333H7.2001ZM13.0125 10.3205C12.6078 10.4978 12.4234 10.9696 12.6006 11.3743C12.7779 11.779 13.2497 11.9634 13.6544 11.7861L13.0125 10.3205ZM12.0001 4.66668L12.001 3.86668H12.0001V4.66668ZM11.1601 4.66668L10.3855 4.86671C10.4767 5.21991 10.7953 5.46668 11.1601 5.46668V4.66668ZM2.16736 10.7917C2.51252 11.0675 3.01592 11.0113 3.29174 10.6661C3.56756 10.3209 3.51134 9.81753 3.16618 9.54171L2.16736 10.7917ZM4.53344 12.6667V14H6.13344V12.6667H4.53344ZM4.53344 8.66668V10H6.13344V8.66668H4.53344ZM9.86677 12.6667V14H11.4668V12.6667H9.86677ZM9.86677 8.66668V10H11.4668V8.66668H9.86677ZM7.2001 14V15.3333H8.8001V14H7.2001ZM7.2001 10V11.3333H8.8001V10H7.2001ZM13.6544 11.7861C14.5234 11.4055 15.2351 10.7376 15.6699 9.89435L14.2478 9.16106C13.9813 9.67787 13.5451 10.0873 13.0125 10.3205L13.6544 11.7861ZM15.6699 9.89435C16.1047 9.05114 16.2362 8.08401 16.0423 7.15531L14.476 7.48229C14.5949 8.05149 14.5143 8.64425 14.2478 9.16106L15.6699 9.89435ZM16.0423 7.15531C15.8484 6.22661 15.3409 5.39288 14.6051 4.79406L13.5952 6.03507C14.0462 6.40209 14.3572 6.91309 14.476 7.48229L16.0423 7.15531ZM14.6051 4.79406C13.8692 4.19525 12.9498 3.8678 12.001 3.86668L11.9992 5.46668C12.5806 5.46736 13.1442 5.66806 13.5952 6.03507L14.6051 4.79406ZM12.0001 3.86668H11.1601V5.46668H12.0001V3.86668ZM11.9347 4.46665C11.6917 3.52558 11.2285 2.65574 10.5833 1.92883L9.38666 2.99093C9.86353 3.52821 10.2059 4.17114 10.3855 4.86671L11.9347 4.46665ZM10.5833 1.92883C9.93811 1.20192 9.12941 0.638742 8.22385 0.285727L7.64272 1.77646C8.31205 2.03738 8.90978 2.45364 9.38666 2.99093L10.5833 1.92883ZM8.22385 0.285727C7.31828 -0.0672888 6.34179 -0.200037 5.37485 -0.101576L5.53693 1.49019C6.25163 1.41742 6.97339 1.51554 7.64272 1.77646L8.22385 0.285727ZM5.37485 -0.101576C4.40791 -0.00311577 3.47821 0.323734 2.66239 0.852034L3.53207 2.19503C4.13507 1.80455 4.82224 1.56297 5.53693 1.49019L5.37485 -0.101576ZM2.66239 0.852034C1.84657 1.38033 1.16798 2.09495 0.682559 2.93699L2.06872 3.73609C2.42751 3.11372 2.92908 2.58552 3.53207 2.19503L2.66239 0.852034ZM0.682559 2.93699C0.197137 3.77903 -0.0812185 4.72438 -0.129565 5.69512L1.46845 5.77471C1.50419 5.05721 1.70993 4.35847 2.06872 3.73609L0.682559 2.93699ZM-0.129565 5.69512C-0.177912 6.66586 0.00513583 7.63418 0.404489 8.52029L1.86319 7.86288C1.56802 7.20793 1.43272 6.49221 1.46845 5.77471L-0.129565 5.69512ZM0.404489 8.52029C0.803842 9.40639 1.40807 10.1849 2.16736 10.7917L3.16618 9.54171C2.60497 9.09324 2.15836 8.51782 1.86319 7.86288L0.404489 8.52029Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15667"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15667)">
+      <path
+        d="M6.13344 12.6667C6.13344 12.2249 5.77526 11.8667 5.33344 11.8667C4.89161 11.8667 4.53344 12.2249 4.53344 12.6667H6.13344ZM4.53344 14C4.53344 14.4418 4.89161 14.8 5.33344 14.8C5.77526 14.8 6.13344 14.4418 6.13344 14H4.53344ZM6.13344 8.66668C6.13344 8.22485 5.77526 7.86668 5.33344 7.86668C4.89161 7.86668 4.53344 8.22485 4.53344 8.66668H6.13344ZM4.53344 10C4.53344 10.4418 4.89161 10.8 5.33344 10.8C5.77526 10.8 6.13344 10.4418 6.13344 10H4.53344ZM11.4668 12.6667C11.4668 12.2249 11.1086 11.8667 10.6668 11.8667C10.2249 11.8667 9.86677 12.2249 9.86677 12.6667H11.4668ZM9.86677 14C9.86677 14.4418 10.2249 14.8 10.6668 14.8C11.1086 14.8 11.4668 14.4418 11.4668 14H9.86677ZM11.4668 8.66668C11.4668 8.22485 11.1086 7.86668 10.6668 7.86668C10.2249 7.86668 9.86677 8.22485 9.86677 8.66668H11.4668ZM9.86677 10C9.86677 10.4418 10.2249 10.8 10.6668 10.8C11.1086 10.8 11.4668 10.4418 11.4668 10H9.86677ZM8.8001 14C8.8001 13.5582 8.44193 13.2 8.0001 13.2C7.55828 13.2 7.2001 13.5582 7.2001 14H8.8001ZM7.2001 15.3333C7.2001 15.7752 7.55828 16.1333 8.0001 16.1333C8.44193 16.1333 8.8001 15.7752 8.8001 15.3333H7.2001ZM8.8001 10C8.8001 9.55818 8.44193 9.20001 8.0001 9.20001C7.55828 9.20001 7.2001 9.55818 7.2001 10H8.8001ZM7.2001 11.3333C7.2001 11.7752 7.55828 12.1333 8.0001 12.1333C8.44193 12.1333 8.8001 11.7752 8.8001 11.3333H7.2001ZM13.0125 10.3205C12.6078 10.4978 12.4234 10.9696 12.6006 11.3743C12.7779 11.779 13.2497 11.9634 13.6544 11.7861L13.0125 10.3205ZM12.0001 4.66668L12.001 3.86668H12.0001V4.66668ZM11.1601 4.66668L10.3855 4.86671C10.4767 5.21991 10.7953 5.46668 11.1601 5.46668V4.66668ZM2.16736 10.7917C2.51252 11.0675 3.01592 11.0113 3.29174 10.6661C3.56756 10.3209 3.51134 9.81753 3.16618 9.54171L2.16736 10.7917ZM4.53344 12.6667V14H6.13344V12.6667H4.53344ZM4.53344 8.66668V10H6.13344V8.66668H4.53344ZM9.86677 12.6667V14H11.4668V12.6667H9.86677ZM9.86677 8.66668V10H11.4668V8.66668H9.86677ZM7.2001 14V15.3333H8.8001V14H7.2001ZM7.2001 10V11.3333H8.8001V10H7.2001ZM13.6544 11.7861C14.5234 11.4055 15.2351 10.7376 15.6699 9.89435L14.2478 9.16106C13.9813 9.67787 13.5451 10.0873 13.0125 10.3205L13.6544 11.7861ZM15.6699 9.89435C16.1047 9.05114 16.2362 8.08401 16.0423 7.15531L14.476 7.48229C14.5949 8.05149 14.5143 8.64425 14.2478 9.16106L15.6699 9.89435ZM16.0423 7.15531C15.8484 6.22661 15.3409 5.39288 14.6051 4.79406L13.5952 6.03507C14.0462 6.40209 14.3572 6.91309 14.476 7.48229L16.0423 7.15531ZM14.6051 4.79406C13.8692 4.19525 12.9498 3.8678 12.001 3.86668L11.9992 5.46668C12.5806 5.46736 13.1442 5.66806 13.5952 6.03507L14.6051 4.79406ZM12.0001 3.86668H11.1601V5.46668H12.0001V3.86668ZM11.9347 4.46665C11.6917 3.52558 11.2285 2.65574 10.5833 1.92883L9.38666 2.99093C9.86353 3.52821 10.2059 4.17114 10.3855 4.86671L11.9347 4.46665ZM10.5833 1.92883C9.93811 1.20192 9.12941 0.638742 8.22385 0.285727L7.64272 1.77646C8.31205 2.03738 8.90978 2.45364 9.38666 2.99093L10.5833 1.92883ZM8.22385 0.285727C7.31828 -0.0672888 6.34179 -0.200037 5.37485 -0.101576L5.53693 1.49019C6.25163 1.41742 6.97339 1.51554 7.64272 1.77646L8.22385 0.285727ZM5.37485 -0.101576C4.40791 -0.00311577 3.47821 0.323734 2.66239 0.852034L3.53207 2.19503C4.13507 1.80455 4.82224 1.56297 5.53693 1.49019L5.37485 -0.101576ZM2.66239 0.852034C1.84657 1.38033 1.16798 2.09495 0.682559 2.93699L2.06872 3.73609C2.42751 3.11372 2.92908 2.58552 3.53207 2.19503L2.66239 0.852034ZM0.682559 2.93699C0.197137 3.77903 -0.0812185 4.72438 -0.129565 5.69512L1.46845 5.77471C1.50419 5.05721 1.70993 4.35847 2.06872 3.73609L0.682559 2.93699ZM-0.129565 5.69512C-0.177912 6.66586 0.00513583 7.63418 0.404489 8.52029L1.86319 7.86288C1.56802 7.20793 1.43272 6.49221 1.46845 5.77471L-0.129565 5.69512ZM0.404489 8.52029C0.803842 9.40639 1.40807 10.1849 2.16736 10.7917L3.16618 9.54171C2.60497 9.09324 2.15836 8.51782 1.86319 7.86288L0.404489 8.52029Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15667">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCloudDrizzle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13176",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCloudDrizzle size={size} />,
+  },
 );
-figma.connect(IconCloudDrizzle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13176", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCloudDrizzle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCloudLightning.tsx b/src/icons/IconCloudLightning.tsx
index 8aebc81..04a40fa 100644
--- a/src/icons/IconCloudLightning.tsx
+++ b/src/icons/IconCloudLightning.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCloudLightning = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15669)"><path d="M12.5075 10.4827C12.0745 10.5706 11.7948 10.9929 11.8827 11.4259C11.9706 11.8589 12.3929 12.1386 12.8259 12.0507L12.5075 10.4827ZM12 4.66666V5.46666L12.0008 5.46666L12 4.66666ZM11.16 4.66666L10.3855 4.86673C10.4767 5.21991 10.7953 5.46666 11.16 5.46666V4.66666ZM3.02595 11.3666C3.41251 11.5806 3.89934 11.4406 4.1133 11.0541C4.32727 10.6675 4.18735 10.1807 3.80079 9.96673L3.02595 11.3666ZM9.33234 7.77709C9.57743 7.40947 9.47809 6.91277 9.11046 6.66769C8.74284 6.42261 8.24615 6.52195 8.00106 6.88957L9.33234 7.77709ZM6.00004 11.3333L5.3344 10.8896C5.17074 11.1351 5.15548 11.4507 5.2947 11.7108C5.43391 11.9709 5.705 12.1333 6.00004 12.1333V11.3333ZM10 11.3333L10.6657 11.7771C10.8293 11.5316 10.8446 11.216 10.7054 10.9558C10.5662 10.6957 10.2951 10.5333 10 10.5333V11.3333ZM6.66773 14.8896C6.42265 15.2572 6.52199 15.7539 6.88961 15.999C7.25723 16.2441 7.75393 16.1447 7.99901 15.7771L6.66773 14.8896ZM12.8259 12.0507C13.8304 11.8467 14.7233 11.2767 15.3313 10.4515L14.0431 9.5025C13.6704 10.0083 13.1232 10.3576 12.5075 10.4827L12.8259 12.0507ZM15.3313 10.4515C15.9392 9.62617 16.2188 8.60444 16.1158 7.5846L14.5239 7.7454C14.587 8.37046 14.4157 8.99668 14.0431 9.5025L15.3313 10.4515ZM16.1158 7.5846C16.0128 6.56476 15.5345 5.61958 14.7738 4.93255L13.7014 6.11995C14.1676 6.54103 14.4608 7.12034 14.5239 7.7454L16.1158 7.5846ZM14.7738 4.93255C14.0131 4.24551 13.0243 3.86563 11.9992 3.86666L12.0008 5.46666C12.6291 5.46603 13.2351 5.69886 13.7014 6.11995L14.7738 4.93255ZM12 3.86666H11.16V5.46666H12V3.86666ZM11.9346 4.4666C11.6806 3.48321 11.1864 2.57829 10.4963 1.83308L9.32233 2.92022C9.83241 3.47103 10.1977 4.13988 10.3855 4.86673L11.9346 4.4666ZM10.4963 1.83308C9.80617 1.08788 8.9418 0.525721 7.98078 0.197077L7.46306 1.711C8.17338 1.95391 8.81226 2.36942 9.32233 2.92022L10.4963 1.83308ZM7.98078 0.197077C7.01976 -0.131568 5.99216 -0.21641 4.99025 -0.0498322L5.25267 1.5285C5.99321 1.40538 6.75274 1.46809 7.46306 1.711L7.98078 0.197077ZM4.99025 -0.0498322C3.98834 0.116746 3.04348 0.52953 2.2405 1.15146L3.22024 2.41641C3.81375 1.95673 4.51213 1.65162 5.25267 1.5285L4.99025 -0.0498322ZM2.2405 1.15146C1.43752 1.77339 0.801563 2.58499 0.389716 3.51341L1.85227 4.1622C2.15668 3.47598 2.62674 2.8761 3.22024 2.41641L2.2405 1.15146ZM0.389716 3.51341C-0.0221314 4.44182 -0.196971 5.45798 -0.119106 6.47065L1.47618 6.34799C1.41863 5.59949 1.54786 4.84842 1.85227 4.1622L0.389716 3.51341ZM-0.119106 6.47065C-0.0412416 7.48333 0.286891 8.46081 0.83583 9.31535L2.18201 8.4506C1.77627 7.81898 1.53374 7.09649 1.47618 6.34799L-0.119106 6.47065ZM0.83583 9.31535C1.38477 10.1699 2.13733 10.8747 3.02595 11.3666L3.80079 9.96673C3.14399 9.60318 2.58774 9.08221 2.18201 8.4506L0.83583 9.31535ZM8.00106 6.88957L5.3344 10.8896L6.66568 11.7771L9.33234 7.77709L8.00106 6.88957ZM6.00004 12.1333H10V10.5333H6.00004V12.1333ZM9.3344 10.8896L6.66773 14.8896L7.99901 15.7771L10.6657 11.7771L9.3344 10.8896Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15669"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15669)">
+      <path
+        d="M12.5075 10.4827C12.0745 10.5706 11.7948 10.9929 11.8827 11.4259C11.9706 11.8589 12.3929 12.1386 12.8259 12.0507L12.5075 10.4827ZM12 4.66666V5.46666L12.0008 5.46666L12 4.66666ZM11.16 4.66666L10.3855 4.86673C10.4767 5.21991 10.7953 5.46666 11.16 5.46666V4.66666ZM3.02595 11.3666C3.41251 11.5806 3.89934 11.4406 4.1133 11.0541C4.32727 10.6675 4.18735 10.1807 3.80079 9.96673L3.02595 11.3666ZM9.33234 7.77709C9.57743 7.40947 9.47809 6.91277 9.11046 6.66769C8.74284 6.42261 8.24615 6.52195 8.00106 6.88957L9.33234 7.77709ZM6.00004 11.3333L5.3344 10.8896C5.17074 11.1351 5.15548 11.4507 5.2947 11.7108C5.43391 11.9709 5.705 12.1333 6.00004 12.1333V11.3333ZM10 11.3333L10.6657 11.7771C10.8293 11.5316 10.8446 11.216 10.7054 10.9558C10.5662 10.6957 10.2951 10.5333 10 10.5333V11.3333ZM6.66773 14.8896C6.42265 15.2572 6.52199 15.7539 6.88961 15.999C7.25723 16.2441 7.75393 16.1447 7.99901 15.7771L6.66773 14.8896ZM12.8259 12.0507C13.8304 11.8467 14.7233 11.2767 15.3313 10.4515L14.0431 9.5025C13.6704 10.0083 13.1232 10.3576 12.5075 10.4827L12.8259 12.0507ZM15.3313 10.4515C15.9392 9.62617 16.2188 8.60444 16.1158 7.5846L14.5239 7.7454C14.587 8.37046 14.4157 8.99668 14.0431 9.5025L15.3313 10.4515ZM16.1158 7.5846C16.0128 6.56476 15.5345 5.61958 14.7738 4.93255L13.7014 6.11995C14.1676 6.54103 14.4608 7.12034 14.5239 7.7454L16.1158 7.5846ZM14.7738 4.93255C14.0131 4.24551 13.0243 3.86563 11.9992 3.86666L12.0008 5.46666C12.6291 5.46603 13.2351 5.69886 13.7014 6.11995L14.7738 4.93255ZM12 3.86666H11.16V5.46666H12V3.86666ZM11.9346 4.4666C11.6806 3.48321 11.1864 2.57829 10.4963 1.83308L9.32233 2.92022C9.83241 3.47103 10.1977 4.13988 10.3855 4.86673L11.9346 4.4666ZM10.4963 1.83308C9.80617 1.08788 8.9418 0.525721 7.98078 0.197077L7.46306 1.711C8.17338 1.95391 8.81226 2.36942 9.32233 2.92022L10.4963 1.83308ZM7.98078 0.197077C7.01976 -0.131568 5.99216 -0.21641 4.99025 -0.0498322L5.25267 1.5285C5.99321 1.40538 6.75274 1.46809 7.46306 1.711L7.98078 0.197077ZM4.99025 -0.0498322C3.98834 0.116746 3.04348 0.52953 2.2405 1.15146L3.22024 2.41641C3.81375 1.95673 4.51213 1.65162 5.25267 1.5285L4.99025 -0.0498322ZM2.2405 1.15146C1.43752 1.77339 0.801563 2.58499 0.389716 3.51341L1.85227 4.1622C2.15668 3.47598 2.62674 2.8761 3.22024 2.41641L2.2405 1.15146ZM0.389716 3.51341C-0.0221314 4.44182 -0.196971 5.45798 -0.119106 6.47065L1.47618 6.34799C1.41863 5.59949 1.54786 4.84842 1.85227 4.1622L0.389716 3.51341ZM-0.119106 6.47065C-0.0412416 7.48333 0.286891 8.46081 0.83583 9.31535L2.18201 8.4506C1.77627 7.81898 1.53374 7.09649 1.47618 6.34799L-0.119106 6.47065ZM0.83583 9.31535C1.38477 10.1699 2.13733 10.8747 3.02595 11.3666L3.80079 9.96673C3.14399 9.60318 2.58774 9.08221 2.18201 8.4506L0.83583 9.31535ZM8.00106 6.88957L5.3344 10.8896L6.66568 11.7771L9.33234 7.77709L8.00106 6.88957ZM6.00004 12.1333H10V10.5333H6.00004V12.1333ZM9.3344 10.8896L6.66773 14.8896L7.99901 15.7771L10.6657 11.7771L9.3344 10.8896Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15669">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCloudLightning,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13175",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCloudLightning size={size} />,
+  },
 );
-figma.connect(IconCloudLightning, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13175", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCloudLightning size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCloudOff.tsx b/src/icons/IconCloudOff.tsx
index 9c47898..f28a4c6 100644
--- a/src/icons/IconCloudOff.tsx
+++ b/src/icons/IconCloudOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCloudOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15671)"><path d="M14.3368 10.988C14.1644 11.3948 14.3546 11.8643 14.7614 12.0366C15.1683 12.2089 15.6377 12.0188 15.8101 11.612L14.3368 10.988ZM12.0001 6.66663V7.46663L12.001 7.46663L12.0001 6.66663ZM11.1601 6.66663L10.3847 6.86352C10.4748 7.21826 10.7941 7.46663 11.1601 7.46663V6.66663ZM6.53047 1.86973C6.09035 1.83085 5.70205 2.15612 5.66318 2.59623C5.6243 3.03635 5.94957 3.42465 6.38968 3.46352L6.53047 1.86973ZM3.72052 4.0334C4.10718 3.8196 4.24731 3.33284 4.03351 2.94618C3.81972 2.55953 3.33296 2.41939 2.9463 2.63319L3.72052 4.0334ZM6.00008 13.3333V12.5332L5.98719 12.5334L6.00008 13.3333ZM12.0001 13.3333V14.1333L12.001 14.1333L12.0001 13.3333ZM13.4063 13.8853C13.8217 13.7346 14.0361 13.2757 13.8854 12.8604C13.7347 12.445 13.2758 12.2306 12.8605 12.3813L13.4063 13.8853ZM1.23243 0.100941C0.920008 -0.211479 0.413476 -0.211479 0.101057 0.100941C-0.211363 0.41336 -0.211363 0.919892 0.101057 1.23231L1.23243 0.100941ZM14.7677 15.899C15.0801 16.2114 15.5867 16.2114 15.8991 15.899C16.2115 15.5866 16.2115 15.08 15.8991 14.7676L14.7677 15.899ZM15.8101 11.612C16.0764 10.9831 16.1828 10.2981 16.1197 9.61808L14.5265 9.7659C14.5652 10.1827 14.5 10.6025 14.3368 10.988L15.8101 11.612ZM16.1197 9.61808C16.0566 8.93808 15.826 8.28431 15.4485 7.71521L14.1152 8.59963C14.3465 8.94843 14.4879 9.34913 14.5265 9.7659L16.1197 9.61808ZM15.4485 7.71521C15.071 7.14611 14.5584 6.6794 13.9565 6.35682L13.2007 7.76706C13.5696 7.96478 13.8838 8.25082 14.1152 8.59963L15.4485 7.71521ZM13.9565 6.35682C13.3545 6.03423 12.682 5.86582 11.9991 5.86663L12.001 7.46663C12.4196 7.46613 12.8318 7.56935 13.2007 7.76706L13.9565 6.35682ZM12.0001 5.86663H11.1601V7.46663H12.0001V5.86663ZM11.9355 6.46973C11.6225 5.2373 10.9343 4.13261 9.96593 3.3085L8.92894 4.52696C9.64466 5.13609 10.1534 5.9526 10.3847 6.86352L11.9355 6.46973ZM9.96593 3.3085C8.9976 2.48439 7.79708 1.98161 6.53047 1.86973L6.38968 3.46352C7.32587 3.54622 8.21322 3.91784 8.92894 4.52696L9.96593 3.3085ZM2.9463 2.63319C1.74882 3.29531 0.807152 4.33886 0.271083 5.59782L1.74319 6.22464C2.13941 5.29411 2.83543 4.52279 3.72052 4.0334L2.9463 2.63319ZM0.271083 5.59782C-0.264987 6.85678 -0.364665 8.25884 -0.0120947 9.58098L1.53388 9.16872C1.27329 8.19149 1.34696 7.15518 1.74319 6.22464L0.271083 5.59782ZM-0.0120947 9.58098C0.340475 10.9031 1.12504 12.0694 2.2168 12.8943L3.18133 11.6177C2.37437 11.008 1.79448 10.146 1.53388 9.16872L-0.0120947 9.58098ZM2.2168 12.8943C3.30856 13.7191 4.6448 14.1552 6.01297 14.1332L5.98719 12.5334C4.97594 12.5497 3.98828 12.2274 3.18133 11.6177L2.2168 12.8943ZM6.00008 14.1333H12.0001V12.5333H6.00008V14.1333ZM12.001 14.1333C12.4803 14.1327 12.9558 14.0488 13.4063 13.8853L12.8605 12.3813C12.5843 12.4815 12.2929 12.5329 11.9991 12.5333L12.001 14.1333ZM0.101057 1.23231L14.7677 15.899L15.8991 14.7676L1.23243 0.100941L0.101057 1.23231Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15671"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15671)">
+      <path
+        d="M14.3368 10.988C14.1644 11.3948 14.3546 11.8643 14.7614 12.0366C15.1683 12.2089 15.6377 12.0188 15.8101 11.612L14.3368 10.988ZM12.0001 6.66663V7.46663L12.001 7.46663L12.0001 6.66663ZM11.1601 6.66663L10.3847 6.86352C10.4748 7.21826 10.7941 7.46663 11.1601 7.46663V6.66663ZM6.53047 1.86973C6.09035 1.83085 5.70205 2.15612 5.66318 2.59623C5.6243 3.03635 5.94957 3.42465 6.38968 3.46352L6.53047 1.86973ZM3.72052 4.0334C4.10718 3.8196 4.24731 3.33284 4.03351 2.94618C3.81972 2.55953 3.33296 2.41939 2.9463 2.63319L3.72052 4.0334ZM6.00008 13.3333V12.5332L5.98719 12.5334L6.00008 13.3333ZM12.0001 13.3333V14.1333L12.001 14.1333L12.0001 13.3333ZM13.4063 13.8853C13.8217 13.7346 14.0361 13.2757 13.8854 12.8604C13.7347 12.445 13.2758 12.2306 12.8605 12.3813L13.4063 13.8853ZM1.23243 0.100941C0.920008 -0.211479 0.413476 -0.211479 0.101057 0.100941C-0.211363 0.41336 -0.211363 0.919892 0.101057 1.23231L1.23243 0.100941ZM14.7677 15.899C15.0801 16.2114 15.5867 16.2114 15.8991 15.899C16.2115 15.5866 16.2115 15.08 15.8991 14.7676L14.7677 15.899ZM15.8101 11.612C16.0764 10.9831 16.1828 10.2981 16.1197 9.61808L14.5265 9.7659C14.5652 10.1827 14.5 10.6025 14.3368 10.988L15.8101 11.612ZM16.1197 9.61808C16.0566 8.93808 15.826 8.28431 15.4485 7.71521L14.1152 8.59963C14.3465 8.94843 14.4879 9.34913 14.5265 9.7659L16.1197 9.61808ZM15.4485 7.71521C15.071 7.14611 14.5584 6.6794 13.9565 6.35682L13.2007 7.76706C13.5696 7.96478 13.8838 8.25082 14.1152 8.59963L15.4485 7.71521ZM13.9565 6.35682C13.3545 6.03423 12.682 5.86582 11.9991 5.86663L12.001 7.46663C12.4196 7.46613 12.8318 7.56935 13.2007 7.76706L13.9565 6.35682ZM12.0001 5.86663H11.1601V7.46663H12.0001V5.86663ZM11.9355 6.46973C11.6225 5.2373 10.9343 4.13261 9.96593 3.3085L8.92894 4.52696C9.64466 5.13609 10.1534 5.9526 10.3847 6.86352L11.9355 6.46973ZM9.96593 3.3085C8.9976 2.48439 7.79708 1.98161 6.53047 1.86973L6.38968 3.46352C7.32587 3.54622 8.21322 3.91784 8.92894 4.52696L9.96593 3.3085ZM2.9463 2.63319C1.74882 3.29531 0.807152 4.33886 0.271083 5.59782L1.74319 6.22464C2.13941 5.29411 2.83543 4.52279 3.72052 4.0334L2.9463 2.63319ZM0.271083 5.59782C-0.264987 6.85678 -0.364665 8.25884 -0.0120947 9.58098L1.53388 9.16872C1.27329 8.19149 1.34696 7.15518 1.74319 6.22464L0.271083 5.59782ZM-0.0120947 9.58098C0.340475 10.9031 1.12504 12.0694 2.2168 12.8943L3.18133 11.6177C2.37437 11.008 1.79448 10.146 1.53388 9.16872L-0.0120947 9.58098ZM2.2168 12.8943C3.30856 13.7191 4.6448 14.1552 6.01297 14.1332L5.98719 12.5334C4.97594 12.5497 3.98828 12.2274 3.18133 11.6177L2.2168 12.8943ZM6.00008 14.1333H12.0001V12.5333H6.00008V14.1333ZM12.001 14.1333C12.4803 14.1327 12.9558 14.0488 13.4063 13.8853L12.8605 12.3813C12.5843 12.4815 12.2929 12.5329 11.9991 12.5333L12.001 14.1333ZM0.101057 1.23231L14.7677 15.899L15.8991 14.7676L1.23243 0.100941L0.101057 1.23231Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15671">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCloudOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13178",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCloudOff size={size} />,
+  },
 );
-figma.connect(IconCloudOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13178", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCloudOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCloudRain.tsx b/src/icons/IconCloudRain.tsx
index a5ca705..de52e3e 100644
--- a/src/icons/IconCloudRain.tsx
+++ b/src/icons/IconCloudRain.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCloudRain = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15673)"><path d="M11.4665 8.66668C11.4665 8.22485 11.1084 7.86668 10.6665 7.86668C10.2247 7.86668 9.86653 8.22485 9.86653 8.66668H11.4665ZM9.86653 14C9.86653 14.4418 10.2247 14.8 10.6665 14.8C11.1084 14.8 11.4665 14.4418 11.4665 14H9.86653ZM6.13319 8.66668C6.13319 8.22485 5.77502 7.86668 5.33319 7.86668C4.89137 7.86668 4.53319 8.22485 4.53319 8.66668H6.13319ZM4.53319 14C4.53319 14.4418 4.89137 14.8 5.33319 14.8C5.77502 14.8 6.13319 14.4418 6.13319 14H4.53319ZM8.79986 10C8.79986 9.55818 8.44169 9.20001 7.99986 9.20001C7.55803 9.20001 7.19986 9.55818 7.19986 10H8.79986ZM7.19986 15.3333C7.19986 15.7752 7.55803 16.1333 7.99986 16.1333C8.44169 16.1333 8.79986 15.7752 8.79986 15.3333H7.19986ZM13.0123 10.3205C12.6075 10.4978 12.4231 10.9696 12.6004 11.3743C12.7776 11.779 13.2494 11.9634 13.6541 11.7861L13.0123 10.3205ZM11.9999 4.66668L12.0008 3.86668H11.9999V4.66668ZM11.1599 4.66668L10.3853 4.86671C10.4765 5.21991 10.7951 5.46668 11.1599 5.46668V4.66668ZM2.16712 10.7917C2.51228 11.0675 3.01568 11.0113 3.2915 10.6661C3.56731 10.3209 3.5111 9.81753 3.16594 9.54171L2.16712 10.7917ZM9.86653 8.66668V14H11.4665V8.66668H9.86653ZM4.53319 8.66668V14H6.13319V8.66668H4.53319ZM7.19986 10V15.3333H8.79986V10H7.19986ZM13.6541 11.7861C14.5232 11.4055 15.2348 10.7376 15.6696 9.89435L14.2475 9.16106C13.9811 9.67787 13.5449 10.0873 13.0123 10.3205L13.6541 11.7861ZM15.6696 9.89435C16.1044 9.05114 16.2359 8.08401 16.042 7.15531L14.4758 7.48229C14.5946 8.05149 14.514 8.64425 14.2475 9.16106L15.6696 9.89435ZM16.042 7.15531C15.8482 6.22661 15.3407 5.39288 14.6048 4.79406L13.5949 6.03507C14.0459 6.40209 14.357 6.91309 14.4758 7.48229L16.042 7.15531ZM14.6048 4.79406C13.869 4.19525 12.9495 3.8678 12.0008 3.86668L11.9989 5.46668C12.5804 5.46736 13.1439 5.66806 13.5949 6.03507L14.6048 4.79406ZM11.9999 3.86668H11.1599V5.46668H11.9999V3.86668ZM11.9344 4.46665C11.6914 3.52558 11.2282 2.65574 10.5831 1.92883L9.38641 2.99093C9.86329 3.52821 10.2056 4.17114 10.3853 4.86671L11.9344 4.46665ZM10.5831 1.92883C9.93787 1.20192 9.12917 0.638742 8.2236 0.285727L7.64247 1.77646C8.3118 2.03738 8.90954 2.45364 9.38641 2.99093L10.5831 1.92883ZM8.2236 0.285727C7.31804 -0.0672888 6.34154 -0.200037 5.3746 -0.101576L5.53669 1.49019C6.25138 1.41742 6.97314 1.51554 7.64247 1.77646L8.2236 0.285727ZM5.3746 -0.101576C4.40767 -0.00311577 3.47797 0.323734 2.66215 0.852034L3.53183 2.19503C4.13483 1.80455 4.822 1.56297 5.53669 1.49019L5.3746 -0.101576ZM2.66215 0.852034C1.84633 1.38033 1.16774 2.09495 0.682315 2.93699L2.06848 3.73609C2.42727 3.11372 2.92883 2.58552 3.53183 2.19503L2.66215 0.852034ZM0.682315 2.93699C0.196893 3.77903 -0.0814627 4.72438 -0.129809 5.69512L1.46821 5.77471C1.50394 5.05721 1.70969 4.35847 2.06848 3.73609L0.682315 2.93699ZM-0.129809 5.69512C-0.178156 6.66586 0.00489169 7.63418 0.404245 8.52029L1.86295 7.86288C1.56777 7.20793 1.43248 6.49221 1.46821 5.77471L-0.129809 5.69512ZM0.404245 8.52029C0.803598 9.40639 1.40782 10.1849 2.16712 10.7917L3.16594 9.54171C2.60472 9.09324 2.15812 8.51782 1.86295 7.86288L0.404245 8.52029Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15673"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15673)">
+      <path
+        d="M11.4665 8.66668C11.4665 8.22485 11.1084 7.86668 10.6665 7.86668C10.2247 7.86668 9.86653 8.22485 9.86653 8.66668H11.4665ZM9.86653 14C9.86653 14.4418 10.2247 14.8 10.6665 14.8C11.1084 14.8 11.4665 14.4418 11.4665 14H9.86653ZM6.13319 8.66668C6.13319 8.22485 5.77502 7.86668 5.33319 7.86668C4.89137 7.86668 4.53319 8.22485 4.53319 8.66668H6.13319ZM4.53319 14C4.53319 14.4418 4.89137 14.8 5.33319 14.8C5.77502 14.8 6.13319 14.4418 6.13319 14H4.53319ZM8.79986 10C8.79986 9.55818 8.44169 9.20001 7.99986 9.20001C7.55803 9.20001 7.19986 9.55818 7.19986 10H8.79986ZM7.19986 15.3333C7.19986 15.7752 7.55803 16.1333 7.99986 16.1333C8.44169 16.1333 8.79986 15.7752 8.79986 15.3333H7.19986ZM13.0123 10.3205C12.6075 10.4978 12.4231 10.9696 12.6004 11.3743C12.7776 11.779 13.2494 11.9634 13.6541 11.7861L13.0123 10.3205ZM11.9999 4.66668L12.0008 3.86668H11.9999V4.66668ZM11.1599 4.66668L10.3853 4.86671C10.4765 5.21991 10.7951 5.46668 11.1599 5.46668V4.66668ZM2.16712 10.7917C2.51228 11.0675 3.01568 11.0113 3.2915 10.6661C3.56731 10.3209 3.5111 9.81753 3.16594 9.54171L2.16712 10.7917ZM9.86653 8.66668V14H11.4665V8.66668H9.86653ZM4.53319 8.66668V14H6.13319V8.66668H4.53319ZM7.19986 10V15.3333H8.79986V10H7.19986ZM13.6541 11.7861C14.5232 11.4055 15.2348 10.7376 15.6696 9.89435L14.2475 9.16106C13.9811 9.67787 13.5449 10.0873 13.0123 10.3205L13.6541 11.7861ZM15.6696 9.89435C16.1044 9.05114 16.2359 8.08401 16.042 7.15531L14.4758 7.48229C14.5946 8.05149 14.514 8.64425 14.2475 9.16106L15.6696 9.89435ZM16.042 7.15531C15.8482 6.22661 15.3407 5.39288 14.6048 4.79406L13.5949 6.03507C14.0459 6.40209 14.357 6.91309 14.4758 7.48229L16.042 7.15531ZM14.6048 4.79406C13.869 4.19525 12.9495 3.8678 12.0008 3.86668L11.9989 5.46668C12.5804 5.46736 13.1439 5.66806 13.5949 6.03507L14.6048 4.79406ZM11.9999 3.86668H11.1599V5.46668H11.9999V3.86668ZM11.9344 4.46665C11.6914 3.52558 11.2282 2.65574 10.5831 1.92883L9.38641 2.99093C9.86329 3.52821 10.2056 4.17114 10.3853 4.86671L11.9344 4.46665ZM10.5831 1.92883C9.93787 1.20192 9.12917 0.638742 8.2236 0.285727L7.64247 1.77646C8.3118 2.03738 8.90954 2.45364 9.38641 2.99093L10.5831 1.92883ZM8.2236 0.285727C7.31804 -0.0672888 6.34154 -0.200037 5.3746 -0.101576L5.53669 1.49019C6.25138 1.41742 6.97314 1.51554 7.64247 1.77646L8.2236 0.285727ZM5.3746 -0.101576C4.40767 -0.00311577 3.47797 0.323734 2.66215 0.852034L3.53183 2.19503C4.13483 1.80455 4.822 1.56297 5.53669 1.49019L5.3746 -0.101576ZM2.66215 0.852034C1.84633 1.38033 1.16774 2.09495 0.682315 2.93699L2.06848 3.73609C2.42727 3.11372 2.92883 2.58552 3.53183 2.19503L2.66215 0.852034ZM0.682315 2.93699C0.196893 3.77903 -0.0814627 4.72438 -0.129809 5.69512L1.46821 5.77471C1.50394 5.05721 1.70969 4.35847 2.06848 3.73609L0.682315 2.93699ZM-0.129809 5.69512C-0.178156 6.66586 0.00489169 7.63418 0.404245 8.52029L1.86295 7.86288C1.56777 7.20793 1.43248 6.49221 1.46821 5.77471L-0.129809 5.69512ZM0.404245 8.52029C0.803598 9.40639 1.40782 10.1849 2.16712 10.7917L3.16594 9.54171C2.60472 9.09324 2.15812 8.51782 1.86295 7.86288L0.404245 8.52029Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15673">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCloudRain,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13177",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCloudRain size={size} />,
+  },
 );
-figma.connect(IconCloudRain, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13177", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCloudRain size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCloudSnow.tsx b/src/icons/IconCloudSnow.tsx
index 43166db..f7a7c5f 100644
--- a/src/icons/IconCloudSnow.tsx
+++ b/src/icons/IconCloudSnow.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCloudSnow = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15675)"><path d="M13.0123 10.9872C12.6075 11.1644 12.4231 11.6362 12.6004 12.0409C12.7776 12.4456 13.2494 12.63 13.6541 12.4528L13.0123 10.9872ZM11.9999 5.3333L12.0008 4.5333H11.9999V5.3333ZM11.1599 5.3333L10.3853 5.53333C10.4765 5.88653 10.7951 6.1333 11.1599 6.1333V5.3333ZM2.16712 11.4583C2.51228 11.7341 3.01568 11.6779 3.2915 11.3327C3.56731 10.9876 3.5111 10.4841 3.16594 10.2083L2.16712 11.4583ZM5.33319 9.86664C4.89137 9.86664 4.53319 10.2248 4.53319 10.6666C4.53319 11.1085 4.89137 11.4666 5.33319 11.4666V9.86664ZM5.33986 11.4666C5.78169 11.4666 6.13986 11.1085 6.13986 10.6666C6.13986 10.2248 5.78169 9.86664 5.33986 9.86664V11.4666ZM5.33319 12.5333C4.89137 12.5333 4.53319 12.8915 4.53319 13.3333C4.53319 13.7751 4.89137 14.1333 5.33319 14.1333V12.5333ZM5.33986 14.1333C5.78169 14.1333 6.13986 13.7751 6.13986 13.3333C6.13986 12.8915 5.78169 12.5333 5.33986 12.5333V14.1333ZM7.99986 11.2C7.55803 11.2 7.19986 11.5581 7.19986 12C7.19986 12.4418 7.55803 12.8 7.99986 12.8V11.2ZM8.00653 12.8C8.44835 12.8 8.80653 12.4418 8.80653 12C8.80653 11.5581 8.44835 11.2 8.00653 11.2V12.8ZM7.99986 13.8666C7.55803 13.8666 7.19986 14.2248 7.19986 14.6666C7.19986 15.1085 7.55803 15.4666 7.99986 15.4666V13.8666ZM8.00653 15.4666C8.44835 15.4666 8.80653 15.1085 8.80653 14.6666C8.80653 14.2248 8.44835 13.8666 8.00653 13.8666V15.4666ZM10.6665 9.86664C10.2247 9.86664 9.86653 10.2248 9.86653 10.6666C9.86653 11.1085 10.2247 11.4666 10.6665 11.4666V9.86664ZM10.6732 11.4666C11.115 11.4666 11.4732 11.1085 11.4732 10.6666C11.4732 10.2248 11.115 9.86664 10.6732 9.86664V11.4666ZM10.6665 12.5333C10.2247 12.5333 9.86653 12.8915 9.86653 13.3333C9.86653 13.7751 10.2247 14.1333 10.6665 14.1333V12.5333ZM10.6732 14.1333C11.115 14.1333 11.4732 13.7751 11.4732 13.3333C11.4732 12.8915 11.115 12.5333 10.6732 12.5333V14.1333ZM13.6541 12.4528C14.5232 12.0722 15.2348 11.4042 15.6696 10.561L14.2475 9.82768C13.9811 10.3445 13.5449 10.7539 13.0123 10.9872L13.6541 12.4528ZM15.6696 10.561C16.1044 9.71776 16.2359 8.75063 16.042 7.82194L14.4758 8.14892C14.5946 8.71812 14.514 9.31088 14.2475 9.82768L15.6696 10.561ZM16.042 7.82194C15.8482 6.89324 15.3407 6.05951 14.6048 5.46069L13.5949 6.7017C14.0459 7.06872 14.357 7.57972 14.4758 8.14892L16.042 7.82194ZM14.6048 5.46069C13.869 4.86187 12.9495 4.53442 12.0008 4.5333L11.9989 6.1333C12.5804 6.13399 13.1439 6.33468 13.5949 6.7017L14.6048 5.46069ZM11.9999 4.5333H11.1599V6.1333H11.9999V4.5333ZM11.9344 5.13328C11.6914 4.19221 11.2282 3.32237 10.5831 2.59546L9.38641 3.65755C9.86329 4.19484 10.2056 4.83776 10.3853 5.53333L11.9344 5.13328ZM10.5831 2.59546C9.93787 1.86854 9.12917 1.30537 8.2236 0.952353L7.64247 2.44309C8.3118 2.70401 8.90954 3.12027 9.38641 3.65755L10.5831 2.59546ZM8.2236 0.952353C7.31804 0.599337 6.34154 0.466589 5.3746 0.56505L5.53669 2.15682C6.25138 2.08404 6.97314 2.18216 7.64247 2.44309L8.2236 0.952353ZM5.3746 0.56505C4.40767 0.66351 3.47797 0.99036 2.66215 1.51866L3.53183 2.86166C4.13483 2.47118 4.822 2.22959 5.53669 2.15682L5.3746 0.56505ZM2.66215 1.51866C1.84633 2.04696 1.16774 2.76158 0.682315 3.60362L2.06848 4.40272C2.42727 3.78034 2.92883 3.25214 3.53183 2.86166L2.66215 1.51866ZM0.682315 3.60362C0.196893 4.44566 -0.0814627 5.39101 -0.129809 6.36174L1.46821 6.44133C1.50394 5.72383 1.70969 5.0251 2.06848 4.40272L0.682315 3.60362ZM-0.129809 6.36174C-0.178156 7.33248 0.00489169 8.30081 0.404245 9.18691L1.86295 8.5295C1.56777 7.87455 1.43248 7.15883 1.46821 6.44133L-0.129809 6.36174ZM0.404245 9.18691C0.803598 10.073 1.40782 10.8515 2.16712 11.4583L3.16594 10.2083C2.60472 9.75987 2.15812 9.18445 1.86295 8.5295L0.404245 9.18691ZM5.33319 11.4666H5.33986V9.86664H5.33319V11.4666ZM5.33319 14.1333H5.33986V12.5333H5.33319V14.1333ZM7.99986 12.8H8.00653V11.2H7.99986V12.8ZM7.99986 15.4666H8.00653V13.8666H7.99986V15.4666ZM10.6665 11.4666H10.6732V9.86664H10.6665V11.4666ZM10.6665 14.1333H10.6732V12.5333H10.6665V14.1333Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15675"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15675)">
+      <path
+        d="M13.0123 10.9872C12.6075 11.1644 12.4231 11.6362 12.6004 12.0409C12.7776 12.4456 13.2494 12.63 13.6541 12.4528L13.0123 10.9872ZM11.9999 5.3333L12.0008 4.5333H11.9999V5.3333ZM11.1599 5.3333L10.3853 5.53333C10.4765 5.88653 10.7951 6.1333 11.1599 6.1333V5.3333ZM2.16712 11.4583C2.51228 11.7341 3.01568 11.6779 3.2915 11.3327C3.56731 10.9876 3.5111 10.4841 3.16594 10.2083L2.16712 11.4583ZM5.33319 9.86664C4.89137 9.86664 4.53319 10.2248 4.53319 10.6666C4.53319 11.1085 4.89137 11.4666 5.33319 11.4666V9.86664ZM5.33986 11.4666C5.78169 11.4666 6.13986 11.1085 6.13986 10.6666C6.13986 10.2248 5.78169 9.86664 5.33986 9.86664V11.4666ZM5.33319 12.5333C4.89137 12.5333 4.53319 12.8915 4.53319 13.3333C4.53319 13.7751 4.89137 14.1333 5.33319 14.1333V12.5333ZM5.33986 14.1333C5.78169 14.1333 6.13986 13.7751 6.13986 13.3333C6.13986 12.8915 5.78169 12.5333 5.33986 12.5333V14.1333ZM7.99986 11.2C7.55803 11.2 7.19986 11.5581 7.19986 12C7.19986 12.4418 7.55803 12.8 7.99986 12.8V11.2ZM8.00653 12.8C8.44835 12.8 8.80653 12.4418 8.80653 12C8.80653 11.5581 8.44835 11.2 8.00653 11.2V12.8ZM7.99986 13.8666C7.55803 13.8666 7.19986 14.2248 7.19986 14.6666C7.19986 15.1085 7.55803 15.4666 7.99986 15.4666V13.8666ZM8.00653 15.4666C8.44835 15.4666 8.80653 15.1085 8.80653 14.6666C8.80653 14.2248 8.44835 13.8666 8.00653 13.8666V15.4666ZM10.6665 9.86664C10.2247 9.86664 9.86653 10.2248 9.86653 10.6666C9.86653 11.1085 10.2247 11.4666 10.6665 11.4666V9.86664ZM10.6732 11.4666C11.115 11.4666 11.4732 11.1085 11.4732 10.6666C11.4732 10.2248 11.115 9.86664 10.6732 9.86664V11.4666ZM10.6665 12.5333C10.2247 12.5333 9.86653 12.8915 9.86653 13.3333C9.86653 13.7751 10.2247 14.1333 10.6665 14.1333V12.5333ZM10.6732 14.1333C11.115 14.1333 11.4732 13.7751 11.4732 13.3333C11.4732 12.8915 11.115 12.5333 10.6732 12.5333V14.1333ZM13.6541 12.4528C14.5232 12.0722 15.2348 11.4042 15.6696 10.561L14.2475 9.82768C13.9811 10.3445 13.5449 10.7539 13.0123 10.9872L13.6541 12.4528ZM15.6696 10.561C16.1044 9.71776 16.2359 8.75063 16.042 7.82194L14.4758 8.14892C14.5946 8.71812 14.514 9.31088 14.2475 9.82768L15.6696 10.561ZM16.042 7.82194C15.8482 6.89324 15.3407 6.05951 14.6048 5.46069L13.5949 6.7017C14.0459 7.06872 14.357 7.57972 14.4758 8.14892L16.042 7.82194ZM14.6048 5.46069C13.869 4.86187 12.9495 4.53442 12.0008 4.5333L11.9989 6.1333C12.5804 6.13399 13.1439 6.33468 13.5949 6.7017L14.6048 5.46069ZM11.9999 4.5333H11.1599V6.1333H11.9999V4.5333ZM11.9344 5.13328C11.6914 4.19221 11.2282 3.32237 10.5831 2.59546L9.38641 3.65755C9.86329 4.19484 10.2056 4.83776 10.3853 5.53333L11.9344 5.13328ZM10.5831 2.59546C9.93787 1.86854 9.12917 1.30537 8.2236 0.952353L7.64247 2.44309C8.3118 2.70401 8.90954 3.12027 9.38641 3.65755L10.5831 2.59546ZM8.2236 0.952353C7.31804 0.599337 6.34154 0.466589 5.3746 0.56505L5.53669 2.15682C6.25138 2.08404 6.97314 2.18216 7.64247 2.44309L8.2236 0.952353ZM5.3746 0.56505C4.40767 0.66351 3.47797 0.99036 2.66215 1.51866L3.53183 2.86166C4.13483 2.47118 4.822 2.22959 5.53669 2.15682L5.3746 0.56505ZM2.66215 1.51866C1.84633 2.04696 1.16774 2.76158 0.682315 3.60362L2.06848 4.40272C2.42727 3.78034 2.92883 3.25214 3.53183 2.86166L2.66215 1.51866ZM0.682315 3.60362C0.196893 4.44566 -0.0814627 5.39101 -0.129809 6.36174L1.46821 6.44133C1.50394 5.72383 1.70969 5.0251 2.06848 4.40272L0.682315 3.60362ZM-0.129809 6.36174C-0.178156 7.33248 0.00489169 8.30081 0.404245 9.18691L1.86295 8.5295C1.56777 7.87455 1.43248 7.15883 1.46821 6.44133L-0.129809 6.36174ZM0.404245 9.18691C0.803598 10.073 1.40782 10.8515 2.16712 11.4583L3.16594 10.2083C2.60472 9.75987 2.15812 9.18445 1.86295 8.5295L0.404245 9.18691ZM5.33319 11.4666H5.33986V9.86664H5.33319V11.4666ZM5.33319 14.1333H5.33986V12.5333H5.33319V14.1333ZM7.99986 12.8H8.00653V11.2H7.99986V12.8ZM7.99986 15.4666H8.00653V13.8666H7.99986V15.4666ZM10.6665 11.4666H10.6732V9.86664H10.6665V11.4666ZM10.6665 14.1333H10.6732V12.5333H10.6665V14.1333Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15675">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCloudSnow,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13180",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCloudSnow size={size} />,
+  },
 );
-figma.connect(IconCloudSnow, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13180", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCloudSnow size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCode.tsx b/src/icons/IconCode.tsx
index 3ba2ffb..f27e91d 100644
--- a/src/icons/IconCode.tsx
+++ b/src/icons/IconCode.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCode = (props: IconProps) => (
-  <Icon {...props}><path d="M10.101 11.4343C9.78854 11.7467 9.78854 12.2533 10.101 12.5657C10.4134 12.8781 10.9199 12.8781 11.2323 12.5657L10.101 11.4343ZM14.6666 8L15.2323 8.56569C15.5448 8.25327 15.5448 7.74673 15.2323 7.43431L14.6666 8ZM11.2323 3.43431C10.9199 3.1219 10.4134 3.1219 10.101 3.43431C9.78854 3.74673 9.78854 4.25327 10.101 4.56569L11.2323 3.43431ZM5.899 4.56569C6.21142 4.25327 6.21142 3.74673 5.899 3.43431C5.58658 3.1219 5.08005 3.1219 4.76763 3.43431L5.899 4.56569ZM1.33331 8L0.767628 7.43431C0.455208 7.74673 0.455208 8.25327 0.767628 8.56569L1.33331 8ZM4.76763 12.5657C5.08005 12.8781 5.58658 12.8781 5.899 12.5657C6.21142 12.2533 6.21142 11.7467 5.899 11.4343L4.76763 12.5657ZM11.2323 12.5657L15.2323 8.56569L14.101 7.43431L10.101 11.4343L11.2323 12.5657ZM15.2323 7.43431L11.2323 3.43431L10.101 4.56569L14.101 8.56569L15.2323 7.43431ZM4.76763 3.43431L0.767628 7.43431L1.899 8.56569L5.899 4.56569L4.76763 3.43431ZM0.767628 8.56569L4.76763 12.5657L5.899 11.4343L1.899 7.43431L0.767628 8.56569Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.101 11.4343C9.78854 11.7467 9.78854 12.2533 10.101 12.5657C10.4134 12.8781 10.9199 12.8781 11.2323 12.5657L10.101 11.4343ZM14.6666 8L15.2323 8.56569C15.5448 8.25327 15.5448 7.74673 15.2323 7.43431L14.6666 8ZM11.2323 3.43431C10.9199 3.1219 10.4134 3.1219 10.101 3.43431C9.78854 3.74673 9.78854 4.25327 10.101 4.56569L11.2323 3.43431ZM5.899 4.56569C6.21142 4.25327 6.21142 3.74673 5.899 3.43431C5.58658 3.1219 5.08005 3.1219 4.76763 3.43431L5.899 4.56569ZM1.33331 8L0.767628 7.43431C0.455208 7.74673 0.455208 8.25327 0.767628 8.56569L1.33331 8ZM4.76763 12.5657C5.08005 12.8781 5.58658 12.8781 5.899 12.5657C6.21142 12.2533 6.21142 11.7467 5.899 11.4343L4.76763 12.5657ZM11.2323 12.5657L15.2323 8.56569L14.101 7.43431L10.101 11.4343L11.2323 12.5657ZM15.2323 7.43431L11.2323 3.43431L10.101 4.56569L14.101 8.56569L15.2323 7.43431ZM4.76763 3.43431L0.767628 7.43431L1.899 8.56569L5.899 4.56569L4.76763 3.43431ZM0.767628 8.56569L4.76763 12.5657L5.899 11.4343L1.899 7.43431L0.767628 8.56569Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCode,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13182",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCode size={size} />,
+  },
 );
-figma.connect(IconCode, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13182", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCode size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCodepen.tsx b/src/icons/IconCodepen.tsx
index df59cda..c2984a9 100644
--- a/src/icons/IconCodepen.tsx
+++ b/src/icons/IconCodepen.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCodepen = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15681)"><path d="M8.00004 1.33337L8.43603 0.662619C8.17091 0.490292 7.82917 0.490292 7.56405 0.662619L8.00004 1.33337ZM14.6667 5.66671H15.4667C15.4667 5.39593 15.3297 5.14352 15.1027 4.99595L14.6667 5.66671ZM14.6667 10.3334L15.1027 11.0041C15.3297 10.8566 15.4667 10.6042 15.4667 10.3334H14.6667ZM8.00004 14.6667L7.56405 15.3375C7.82917 15.5098 8.17091 15.5098 8.43603 15.3375L8.00004 14.6667ZM1.33337 10.3334H0.533374C0.533374 10.6042 0.670349 10.8566 0.897383 11.0041L1.33337 10.3334ZM1.33337 5.66671L0.897383 4.99595C0.670349 5.14352 0.533374 5.39593 0.533374 5.66671H1.33337ZM7.56405 2.00413L14.2307 6.33746L15.1027 4.99595L8.43603 0.662619L7.56405 2.00413ZM13.8667 5.66671V10.3334H15.4667V5.66671H13.8667ZM14.2307 9.66262L7.56405 13.996L8.43603 15.3375L15.1027 11.0041L14.2307 9.66262ZM8.43603 13.996L1.76936 9.66262L0.897383 11.0041L7.56405 15.3375L8.43603 13.996ZM2.13337 10.3334V5.66671H0.533374V10.3334H2.13337ZM1.76936 6.33746L8.43603 2.00413L7.56405 0.662619L0.897383 4.99595L1.76936 6.33746ZM8.80004 14.6667V10.3334H7.20004V14.6667H8.80004ZM14.2079 5.01132L7.54127 9.67799L8.45881 10.9888L15.1255 6.32209L14.2079 5.01132ZM8.45881 9.67799L1.79214 5.01132L0.874604 6.32209L7.54127 10.9888L8.45881 9.67799ZM1.79214 10.9888L8.45881 6.32209L7.54127 5.01132L0.874604 9.67799L1.79214 10.9888ZM7.54127 6.32209L14.2079 10.9888L15.1255 9.67799L8.45881 5.01132L7.54127 6.32209ZM7.20004 1.33337V5.66671H8.80004V1.33337H7.20004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15681"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15681)">
+      <path
+        d="M8.00004 1.33337L8.43603 0.662619C8.17091 0.490292 7.82917 0.490292 7.56405 0.662619L8.00004 1.33337ZM14.6667 5.66671H15.4667C15.4667 5.39593 15.3297 5.14352 15.1027 4.99595L14.6667 5.66671ZM14.6667 10.3334L15.1027 11.0041C15.3297 10.8566 15.4667 10.6042 15.4667 10.3334H14.6667ZM8.00004 14.6667L7.56405 15.3375C7.82917 15.5098 8.17091 15.5098 8.43603 15.3375L8.00004 14.6667ZM1.33337 10.3334H0.533374C0.533374 10.6042 0.670349 10.8566 0.897383 11.0041L1.33337 10.3334ZM1.33337 5.66671L0.897383 4.99595C0.670349 5.14352 0.533374 5.39593 0.533374 5.66671H1.33337ZM7.56405 2.00413L14.2307 6.33746L15.1027 4.99595L8.43603 0.662619L7.56405 2.00413ZM13.8667 5.66671V10.3334H15.4667V5.66671H13.8667ZM14.2307 9.66262L7.56405 13.996L8.43603 15.3375L15.1027 11.0041L14.2307 9.66262ZM8.43603 13.996L1.76936 9.66262L0.897383 11.0041L7.56405 15.3375L8.43603 13.996ZM2.13337 10.3334V5.66671H0.533374V10.3334H2.13337ZM1.76936 6.33746L8.43603 2.00413L7.56405 0.662619L0.897383 4.99595L1.76936 6.33746ZM8.80004 14.6667V10.3334H7.20004V14.6667H8.80004ZM14.2079 5.01132L7.54127 9.67799L8.45881 10.9888L15.1255 6.32209L14.2079 5.01132ZM8.45881 9.67799L1.79214 5.01132L0.874604 6.32209L7.54127 10.9888L8.45881 9.67799ZM1.79214 10.9888L8.45881 6.32209L7.54127 5.01132L0.874604 9.67799L1.79214 10.9888ZM7.54127 6.32209L14.2079 10.9888L15.1255 9.67799L8.45881 5.01132L7.54127 6.32209ZM7.20004 1.33337V5.66671H8.80004V1.33337H7.20004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15681">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCodepen,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13181",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCodepen size={size} />,
+  },
 );
-figma.connect(IconCodepen, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13181", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCodepen size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCodesandbox.tsx b/src/icons/IconCodesandbox.tsx
index d8dd65a..3bb8fc8 100644
--- a/src/icons/IconCodesandbox.tsx
+++ b/src/icons/IconCodesandbox.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCodesandbox = (props: IconProps) => (
-  <Icon {...props}><path d="M14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM5.40022 2.11399C5.01766 1.89295 4.52834 2.0239 4.30731 2.40646C4.08627 2.78902 4.21721 3.27834 4.59978 3.49937L5.40022 2.11399ZM8 4.54002L7.59978 5.23271C7.84741 5.37579 8.15259 5.37579 8.40022 5.23271L8 4.54002ZM11.4002 3.49937C11.7828 3.27834 11.9137 2.78902 11.6927 2.40646C11.4717 2.0239 10.9823 1.89295 10.5998 2.11399L11.4002 3.49937ZM4.2 13.1934C4.2 13.6352 4.55817 13.9934 5 13.9934C5.44183 13.9934 5.8 13.6352 5.8 13.1934H4.2ZM5 9.73335H5.8C5.8 9.44763 5.64762 9.1836 5.40022 9.04066L5 9.73335ZM2.40022 7.30732C2.01766 7.08629 1.52834 7.21723 1.30731 7.59979C1.08627 7.98236 1.21721 8.47167 1.59978 8.69271L2.40022 7.30732ZM14.4002 8.69271C14.7828 8.47167 14.9137 7.98236 14.6927 7.59979C14.4717 7.21723 13.9823 7.08629 13.5998 7.30732L14.4002 8.69271ZM11 9.73335L10.5998 9.04066C10.3524 9.1836 10.2 9.44763 10.2 9.73335H11ZM10.2 13.1934C10.2 13.6352 10.5582 13.9934 11 13.9934C11.4418 13.9934 11.8 13.6352 11.8 13.1934H10.2ZM2.58058 3.94753C2.19813 3.7263 1.70875 3.85699 1.48751 4.23944C1.26628 4.62189 1.39697 5.11127 1.77942 5.3325L2.58058 3.94753ZM8 8.00668L7.59942 8.69917C7.84724 8.84252 8.15276 8.84252 8.40058 8.69917L8 8.00668ZM14.2206 5.3325C14.603 5.11127 14.7337 4.62189 14.5125 4.23944C14.2913 3.85699 13.8019 3.7263 13.4194 3.94753L14.2206 5.3325ZM7.2 14.72C7.2 15.1618 7.55817 15.52 8 15.52C8.44183 15.52 8.8 15.1618 8.8 14.72H7.2ZM8.8 8.00002C8.8 7.55819 8.44183 7.20002 8 7.20002C7.55817 7.20002 7.2 7.55819 7.2 8.00002H8.8ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329ZM4.59978 3.49937L7.59978 5.23271L8.40022 3.84732L5.40022 2.11399L4.59978 3.49937ZM8.40022 5.23271L11.4002 3.49937L10.5998 2.11399L7.59978 3.84732L8.40022 5.23271ZM5.8 13.1934V9.73335H4.2V13.1934H5.8ZM5.40022 9.04066L2.40022 7.30732L1.59978 8.69271L4.59978 10.426L5.40022 9.04066ZM13.5998 7.30732L10.5998 9.04066L11.4002 10.426L14.4002 8.69271L13.5998 7.30732ZM10.2 9.73335V13.1934H11.8V9.73335H10.2ZM1.77942 5.3325L7.59942 8.69917L8.40058 7.3142L2.58058 3.94753L1.77942 5.3325ZM8.40058 8.69917L14.2206 5.3325L13.4194 3.94753L7.59942 7.3142L8.40058 8.69917ZM8.8 14.72V8.00002H7.2V14.72H8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM5.40022 2.11399C5.01766 1.89295 4.52834 2.0239 4.30731 2.40646C4.08627 2.78902 4.21721 3.27834 4.59978 3.49937L5.40022 2.11399ZM8 4.54002L7.59978 5.23271C7.84741 5.37579 8.15259 5.37579 8.40022 5.23271L8 4.54002ZM11.4002 3.49937C11.7828 3.27834 11.9137 2.78902 11.6927 2.40646C11.4717 2.0239 10.9823 1.89295 10.5998 2.11399L11.4002 3.49937ZM4.2 13.1934C4.2 13.6352 4.55817 13.9934 5 13.9934C5.44183 13.9934 5.8 13.6352 5.8 13.1934H4.2ZM5 9.73335H5.8C5.8 9.44763 5.64762 9.1836 5.40022 9.04066L5 9.73335ZM2.40022 7.30732C2.01766 7.08629 1.52834 7.21723 1.30731 7.59979C1.08627 7.98236 1.21721 8.47167 1.59978 8.69271L2.40022 7.30732ZM14.4002 8.69271C14.7828 8.47167 14.9137 7.98236 14.6927 7.59979C14.4717 7.21723 13.9823 7.08629 13.5998 7.30732L14.4002 8.69271ZM11 9.73335L10.5998 9.04066C10.3524 9.1836 10.2 9.44763 10.2 9.73335H11ZM10.2 13.1934C10.2 13.6352 10.5582 13.9934 11 13.9934C11.4418 13.9934 11.8 13.6352 11.8 13.1934H10.2ZM2.58058 3.94753C2.19813 3.7263 1.70875 3.85699 1.48751 4.23944C1.26628 4.62189 1.39697 5.11127 1.77942 5.3325L2.58058 3.94753ZM8 8.00668L7.59942 8.69917C7.84724 8.84252 8.15276 8.84252 8.40058 8.69917L8 8.00668ZM14.2206 5.3325C14.603 5.11127 14.7337 4.62189 14.5125 4.23944C14.2913 3.85699 13.8019 3.7263 13.4194 3.94753L14.2206 5.3325ZM7.2 14.72C7.2 15.1618 7.55817 15.52 8 15.52C8.44183 15.52 8.8 15.1618 8.8 14.72H7.2ZM8.8 8.00002C8.8 7.55819 8.44183 7.20002 8 7.20002C7.55817 7.20002 7.2 7.55819 7.2 8.00002H8.8ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329ZM4.59978 3.49937L7.59978 5.23271L8.40022 3.84732L5.40022 2.11399L4.59978 3.49937ZM8.40022 5.23271L11.4002 3.49937L10.5998 2.11399L7.59978 3.84732L8.40022 5.23271ZM5.8 13.1934V9.73335H4.2V13.1934H5.8ZM5.40022 9.04066L2.40022 7.30732L1.59978 8.69271L4.59978 10.426L5.40022 9.04066ZM13.5998 7.30732L10.5998 9.04066L11.4002 10.426L14.4002 8.69271L13.5998 7.30732ZM10.2 9.73335V13.1934H11.8V9.73335H10.2ZM1.77942 5.3325L7.59942 8.69917L8.40058 7.3142L2.58058 3.94753L1.77942 5.3325ZM8.40058 8.69917L14.2206 5.3325L13.4194 3.94753L7.59942 7.3142L8.40058 8.69917ZM8.8 14.72V8.00002H7.2V14.72H8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCodesandbox,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13184",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCodesandbox size={size} />,
+  },
 );
-figma.connect(IconCodesandbox, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13184", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCodesandbox size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCoffee.tsx b/src/icons/IconCoffee.tsx
index 915db92..66e992e 100644
--- a/src/icons/IconCoffee.tsx
+++ b/src/icons/IconCoffee.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCoffee = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15685)"><path d="M12.6666 5.33329V4.53329V5.33329ZM12.6666 10.6666V11.4666V10.6666ZM11.9999 9.86663C11.5581 9.86663 11.1999 10.2248 11.1999 10.6666C11.1999 11.1085 11.5581 11.4666 11.9999 11.4666V9.86663ZM1.33325 5.33329V4.53329C0.891424 4.53329 0.533252 4.89147 0.533252 5.33329H1.33325ZM1.33325 11.3333H0.533252H1.33325ZM4.79992 0.666626C4.79992 0.224798 4.44175 -0.133374 3.99992 -0.133374C3.55809 -0.133374 3.19992 0.224798 3.19992 0.666626H4.79992ZM3.19992 2.66663C3.19992 3.10845 3.55809 3.46663 3.99992 3.46663C4.44175 3.46663 4.79992 3.10845 4.79992 2.66663H3.19992ZM7.46658 0.666626C7.46658 0.224798 7.10841 -0.133374 6.66658 -0.133374C6.22476 -0.133374 5.86658 0.224798 5.86658 0.666626H7.46658ZM5.86658 2.66663C5.86658 3.10845 6.22476 3.46663 6.66658 3.46663C7.10841 3.46663 7.46658 3.10845 7.46658 2.66663H5.86658ZM10.1333 0.666626C10.1333 0.224798 9.77508 -0.133374 9.33325 -0.133374C8.89142 -0.133374 8.53325 0.224798 8.53325 0.666626H10.1333ZM8.53325 2.66663C8.53325 3.10845 8.89142 3.46663 9.33325 3.46663C9.77508 3.46663 10.1333 3.10845 10.1333 2.66663H8.53325ZM11.9999 6.13329H12.6666V4.53329H11.9999V6.13329ZM12.6666 6.13329C13.1617 6.13329 13.6365 6.32996 13.9865 6.68003L15.1179 5.54866C14.4678 4.89853 13.586 4.53329 12.6666 4.53329V6.13329ZM13.9865 6.68003C14.3366 7.03009 14.5333 7.50489 14.5333 7.99996H16.1333C16.1333 7.08054 15.768 6.19878 15.1179 5.54866L13.9865 6.68003ZM14.5333 7.99996C14.5333 8.49503 14.3366 8.96982 13.9865 9.31989L15.1179 10.4513C15.768 9.80114 16.1333 8.91938 16.1333 7.99996H14.5333ZM13.9865 9.31989C13.6365 9.66996 13.1617 9.86663 12.6666 9.86663V11.4666C13.586 11.4666 14.4678 11.1014 15.1179 10.4513L13.9865 9.31989ZM12.6666 9.86663H11.9999V11.4666H12.6666V9.86663ZM1.33325 6.13329H11.9999V4.53329H1.33325V6.13329ZM11.1999 5.33329V11.3333H12.7999V5.33329H11.1999ZM11.1999 11.3333C11.1999 11.8284 11.0033 12.3032 10.6532 12.6532L11.7846 13.7846C12.4347 13.1345 12.7999 12.2527 12.7999 11.3333H11.1999ZM10.6532 12.6532C10.3031 13.0033 9.82832 13.2 9.33325 13.2V14.8C10.2527 14.8 11.1344 14.4347 11.7846 13.7846L10.6532 12.6532ZM9.33325 13.2H3.99992V14.8H9.33325V13.2ZM3.99992 13.2C3.50485 13.2 3.03005 13.0033 2.67999 12.6532L1.54862 13.7846C2.19874 14.4347 3.0805 14.8 3.99992 14.8V13.2ZM2.67999 12.6532C2.32992 12.3032 2.13325 11.8284 2.13325 11.3333H0.533252C0.533252 12.2527 0.898489 13.1345 1.54862 13.7846L2.67999 12.6532ZM2.13325 11.3333V5.33329H0.533252V11.3333H2.13325ZM3.19992 0.666626V2.66663H4.79992V0.666626H3.19992ZM5.86658 0.666626V2.66663H7.46658V0.666626H5.86658ZM8.53325 0.666626V2.66663H10.1333V0.666626H8.53325Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15685"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15685)">
+      <path
+        d="M12.6666 5.33329V4.53329V5.33329ZM12.6666 10.6666V11.4666V10.6666ZM11.9999 9.86663C11.5581 9.86663 11.1999 10.2248 11.1999 10.6666C11.1999 11.1085 11.5581 11.4666 11.9999 11.4666V9.86663ZM1.33325 5.33329V4.53329C0.891424 4.53329 0.533252 4.89147 0.533252 5.33329H1.33325ZM1.33325 11.3333H0.533252H1.33325ZM4.79992 0.666626C4.79992 0.224798 4.44175 -0.133374 3.99992 -0.133374C3.55809 -0.133374 3.19992 0.224798 3.19992 0.666626H4.79992ZM3.19992 2.66663C3.19992 3.10845 3.55809 3.46663 3.99992 3.46663C4.44175 3.46663 4.79992 3.10845 4.79992 2.66663H3.19992ZM7.46658 0.666626C7.46658 0.224798 7.10841 -0.133374 6.66658 -0.133374C6.22476 -0.133374 5.86658 0.224798 5.86658 0.666626H7.46658ZM5.86658 2.66663C5.86658 3.10845 6.22476 3.46663 6.66658 3.46663C7.10841 3.46663 7.46658 3.10845 7.46658 2.66663H5.86658ZM10.1333 0.666626C10.1333 0.224798 9.77508 -0.133374 9.33325 -0.133374C8.89142 -0.133374 8.53325 0.224798 8.53325 0.666626H10.1333ZM8.53325 2.66663C8.53325 3.10845 8.89142 3.46663 9.33325 3.46663C9.77508 3.46663 10.1333 3.10845 10.1333 2.66663H8.53325ZM11.9999 6.13329H12.6666V4.53329H11.9999V6.13329ZM12.6666 6.13329C13.1617 6.13329 13.6365 6.32996 13.9865 6.68003L15.1179 5.54866C14.4678 4.89853 13.586 4.53329 12.6666 4.53329V6.13329ZM13.9865 6.68003C14.3366 7.03009 14.5333 7.50489 14.5333 7.99996H16.1333C16.1333 7.08054 15.768 6.19878 15.1179 5.54866L13.9865 6.68003ZM14.5333 7.99996C14.5333 8.49503 14.3366 8.96982 13.9865 9.31989L15.1179 10.4513C15.768 9.80114 16.1333 8.91938 16.1333 7.99996H14.5333ZM13.9865 9.31989C13.6365 9.66996 13.1617 9.86663 12.6666 9.86663V11.4666C13.586 11.4666 14.4678 11.1014 15.1179 10.4513L13.9865 9.31989ZM12.6666 9.86663H11.9999V11.4666H12.6666V9.86663ZM1.33325 6.13329H11.9999V4.53329H1.33325V6.13329ZM11.1999 5.33329V11.3333H12.7999V5.33329H11.1999ZM11.1999 11.3333C11.1999 11.8284 11.0033 12.3032 10.6532 12.6532L11.7846 13.7846C12.4347 13.1345 12.7999 12.2527 12.7999 11.3333H11.1999ZM10.6532 12.6532C10.3031 13.0033 9.82832 13.2 9.33325 13.2V14.8C10.2527 14.8 11.1344 14.4347 11.7846 13.7846L10.6532 12.6532ZM9.33325 13.2H3.99992V14.8H9.33325V13.2ZM3.99992 13.2C3.50485 13.2 3.03005 13.0033 2.67999 12.6532L1.54862 13.7846C2.19874 14.4347 3.0805 14.8 3.99992 14.8V13.2ZM2.67999 12.6532C2.32992 12.3032 2.13325 11.8284 2.13325 11.3333H0.533252C0.533252 12.2527 0.898489 13.1345 1.54862 13.7846L2.67999 12.6532ZM2.13325 11.3333V5.33329H0.533252V11.3333H2.13325ZM3.19992 0.666626V2.66663H4.79992V0.666626H3.19992ZM5.86658 0.666626V2.66663H7.46658V0.666626H5.86658ZM8.53325 0.666626V2.66663H10.1333V0.666626H8.53325Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15685">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCoffee,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13183",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCoffee size={size} />,
+  },
 );
-figma.connect(IconCoffee, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13183", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCoffee size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconColumns.tsx b/src/icons/IconColumns.tsx
index 1774a7c..42a9f21 100644
--- a/src/icons/IconColumns.tsx
+++ b/src/icons/IconColumns.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconColumns = (props: IconProps) => (
-  <Icon {...props}><path d="M12.6667 2V1.2V2ZM3.33333 2V1.2V2ZM2 3.33333H1.2H2ZM2 12.6667H1.2H2ZM8 2.8H12.6667V1.2H8V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H8V14.8H12.6667V13.2ZM8 1.2H3.33333V2.8H8V1.2ZM3.33333 1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2ZM1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484ZM1.2 3.33333V12.6667H2.8V3.33333H1.2ZM1.2 12.6667C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2ZM1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752ZM3.33333 14.8H8V13.2H3.33333V14.8ZM7.2 2V14H8.8V2H7.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.6667 2V1.2V2ZM3.33333 2V1.2V2ZM2 3.33333H1.2H2ZM2 12.6667H1.2H2ZM8 2.8H12.6667V1.2H8V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H8V14.8H12.6667V13.2ZM8 1.2H3.33333V2.8H8V1.2ZM3.33333 1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2ZM1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484ZM1.2 3.33333V12.6667H2.8V3.33333H1.2ZM1.2 12.6667C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2ZM1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752ZM3.33333 14.8H8V13.2H3.33333V14.8ZM7.2 2V14H8.8V2H7.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconColumns,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13185",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconColumns size={size} />,
+  },
 );
-figma.connect(IconColumns, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13185", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconColumns size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCommand.tsx b/src/icons/IconCommand.tsx
index 292d9b4..6c90fb4 100644
--- a/src/icons/IconCommand.tsx
+++ b/src/icons/IconCommand.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCommand = (props: IconProps) => (
-  <Icon {...props}><path d="M12 2V1.2V2ZM12 14V14.8V14ZM14 12H14.8H14ZM2 12H1.2H2ZM4 14V14.8V14ZM4 2V1.2V2ZM2 4H1.2H2ZM14 4H14.8H14ZM12 1.2C11.2574 1.2 10.5452 1.495 10.0201 2.0201L11.1515 3.15147C11.3765 2.92643 11.6817 2.8 12 2.8V1.2ZM10.0201 2.0201C9.495 2.5452 9.2 3.25739 9.2 4H10.8C10.8 3.68174 10.9264 3.37652 11.1515 3.15147L10.0201 2.0201ZM9.2 4V12H10.8V4H9.2ZM9.2 12C9.2 12.7426 9.495 13.4548 10.0201 13.9799L11.1515 12.8485C10.9264 12.6235 10.8 12.3183 10.8 12H9.2ZM10.0201 13.9799C10.5452 14.505 11.2574 14.8 12 14.8V13.2C11.6817 13.2 11.3765 13.0736 11.1515 12.8485L10.0201 13.9799ZM12 14.8C12.7426 14.8 13.4548 14.505 13.9799 13.9799L12.8485 12.8485C12.6235 13.0736 12.3183 13.2 12 13.2V14.8ZM13.9799 13.9799C14.505 13.4548 14.8 12.7426 14.8 12H13.2C13.2 12.3183 13.0736 12.6235 12.8485 12.8485L13.9799 13.9799ZM14.8 12C14.8 11.2574 14.505 10.5452 13.9799 10.0201L12.8485 11.1515C13.0736 11.3765 13.2 11.6817 13.2 12H14.8ZM13.9799 10.0201C13.4548 9.495 12.7426 9.2 12 9.2V10.8C12.3183 10.8 12.6235 10.9264 12.8485 11.1515L13.9799 10.0201ZM12 9.2H4V10.8H12V9.2ZM4 9.2C3.25739 9.2 2.5452 9.495 2.0201 10.0201L3.15147 11.1515C3.37652 10.9264 3.68174 10.8 4 10.8V9.2ZM2.0201 10.0201C1.495 10.5452 1.2 11.2574 1.2 12H2.8C2.8 11.6817 2.92643 11.3765 3.15147 11.1515L2.0201 10.0201ZM1.2 12C1.2 12.7426 1.495 13.4548 2.0201 13.9799L3.15147 12.8485C2.92643 12.6235 2.8 12.3183 2.8 12H1.2ZM2.0201 13.9799C2.5452 14.505 3.25739 14.8 4 14.8V13.2C3.68174 13.2 3.37652 13.0736 3.15147 12.8485L2.0201 13.9799ZM4 14.8C4.74261 14.8 5.4548 14.505 5.9799 13.9799L4.84853 12.8485C4.62348 13.0736 4.31826 13.2 4 13.2V14.8ZM5.9799 13.9799C6.505 13.4548 6.8 12.7426 6.8 12H5.2C5.2 12.3183 5.07357 12.6235 4.84853 12.8485L5.9799 13.9799ZM6.8 12V4H5.2V12H6.8ZM6.8 4C6.8 3.25739 6.505 2.5452 5.9799 2.0201L4.84853 3.15147C5.07357 3.37652 5.2 3.68174 5.2 4H6.8ZM5.9799 2.0201C5.4548 1.495 4.74261 1.2 4 1.2V2.8C4.31826 2.8 4.62348 2.92643 4.84853 3.15147L5.9799 2.0201ZM4 1.2C3.25739 1.2 2.5452 1.495 2.0201 2.0201L3.15147 3.15147C3.37652 2.92643 3.68174 2.8 4 2.8V1.2ZM2.0201 2.0201C1.495 2.5452 1.2 3.25739 1.2 4H2.8C2.8 3.68174 2.92643 3.37652 3.15147 3.15147L2.0201 2.0201ZM1.2 4C1.2 4.74261 1.495 5.4548 2.0201 5.9799L3.15147 4.84853C2.92643 4.62348 2.8 4.31826 2.8 4H1.2ZM2.0201 5.9799C2.5452 6.505 3.25739 6.8 4 6.8V5.2C3.68174 5.2 3.37652 5.07357 3.15147 4.84853L2.0201 5.9799ZM4 6.8H12V5.2H4V6.8ZM12 6.8C12.7426 6.8 13.4548 6.505 13.9799 5.9799L12.8485 4.84853C12.6235 5.07357 12.3183 5.2 12 5.2V6.8ZM13.9799 5.9799C14.505 5.4548 14.8 4.74261 14.8 4H13.2C13.2 4.31826 13.0736 4.62348 12.8485 4.84853L13.9799 5.9799ZM14.8 4C14.8 3.25739 14.505 2.5452 13.9799 2.0201L12.8485 3.15147C13.0736 3.37652 13.2 3.68174 13.2 4H14.8ZM13.9799 2.0201C13.4548 1.495 12.7426 1.2 12 1.2V2.8C12.3183 2.8 12.6235 2.92643 12.8485 3.15147L13.9799 2.0201Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12 2V1.2V2ZM12 14V14.8V14ZM14 12H14.8H14ZM2 12H1.2H2ZM4 14V14.8V14ZM4 2V1.2V2ZM2 4H1.2H2ZM14 4H14.8H14ZM12 1.2C11.2574 1.2 10.5452 1.495 10.0201 2.0201L11.1515 3.15147C11.3765 2.92643 11.6817 2.8 12 2.8V1.2ZM10.0201 2.0201C9.495 2.5452 9.2 3.25739 9.2 4H10.8C10.8 3.68174 10.9264 3.37652 11.1515 3.15147L10.0201 2.0201ZM9.2 4V12H10.8V4H9.2ZM9.2 12C9.2 12.7426 9.495 13.4548 10.0201 13.9799L11.1515 12.8485C10.9264 12.6235 10.8 12.3183 10.8 12H9.2ZM10.0201 13.9799C10.5452 14.505 11.2574 14.8 12 14.8V13.2C11.6817 13.2 11.3765 13.0736 11.1515 12.8485L10.0201 13.9799ZM12 14.8C12.7426 14.8 13.4548 14.505 13.9799 13.9799L12.8485 12.8485C12.6235 13.0736 12.3183 13.2 12 13.2V14.8ZM13.9799 13.9799C14.505 13.4548 14.8 12.7426 14.8 12H13.2C13.2 12.3183 13.0736 12.6235 12.8485 12.8485L13.9799 13.9799ZM14.8 12C14.8 11.2574 14.505 10.5452 13.9799 10.0201L12.8485 11.1515C13.0736 11.3765 13.2 11.6817 13.2 12H14.8ZM13.9799 10.0201C13.4548 9.495 12.7426 9.2 12 9.2V10.8C12.3183 10.8 12.6235 10.9264 12.8485 11.1515L13.9799 10.0201ZM12 9.2H4V10.8H12V9.2ZM4 9.2C3.25739 9.2 2.5452 9.495 2.0201 10.0201L3.15147 11.1515C3.37652 10.9264 3.68174 10.8 4 10.8V9.2ZM2.0201 10.0201C1.495 10.5452 1.2 11.2574 1.2 12H2.8C2.8 11.6817 2.92643 11.3765 3.15147 11.1515L2.0201 10.0201ZM1.2 12C1.2 12.7426 1.495 13.4548 2.0201 13.9799L3.15147 12.8485C2.92643 12.6235 2.8 12.3183 2.8 12H1.2ZM2.0201 13.9799C2.5452 14.505 3.25739 14.8 4 14.8V13.2C3.68174 13.2 3.37652 13.0736 3.15147 12.8485L2.0201 13.9799ZM4 14.8C4.74261 14.8 5.4548 14.505 5.9799 13.9799L4.84853 12.8485C4.62348 13.0736 4.31826 13.2 4 13.2V14.8ZM5.9799 13.9799C6.505 13.4548 6.8 12.7426 6.8 12H5.2C5.2 12.3183 5.07357 12.6235 4.84853 12.8485L5.9799 13.9799ZM6.8 12V4H5.2V12H6.8ZM6.8 4C6.8 3.25739 6.505 2.5452 5.9799 2.0201L4.84853 3.15147C5.07357 3.37652 5.2 3.68174 5.2 4H6.8ZM5.9799 2.0201C5.4548 1.495 4.74261 1.2 4 1.2V2.8C4.31826 2.8 4.62348 2.92643 4.84853 3.15147L5.9799 2.0201ZM4 1.2C3.25739 1.2 2.5452 1.495 2.0201 2.0201L3.15147 3.15147C3.37652 2.92643 3.68174 2.8 4 2.8V1.2ZM2.0201 2.0201C1.495 2.5452 1.2 3.25739 1.2 4H2.8C2.8 3.68174 2.92643 3.37652 3.15147 3.15147L2.0201 2.0201ZM1.2 4C1.2 4.74261 1.495 5.4548 2.0201 5.9799L3.15147 4.84853C2.92643 4.62348 2.8 4.31826 2.8 4H1.2ZM2.0201 5.9799C2.5452 6.505 3.25739 6.8 4 6.8V5.2C3.68174 5.2 3.37652 5.07357 3.15147 4.84853L2.0201 5.9799ZM4 6.8H12V5.2H4V6.8ZM12 6.8C12.7426 6.8 13.4548 6.505 13.9799 5.9799L12.8485 4.84853C12.6235 5.07357 12.3183 5.2 12 5.2V6.8ZM13.9799 5.9799C14.505 5.4548 14.8 4.74261 14.8 4H13.2C13.2 4.31826 13.0736 4.62348 12.8485 4.84853L13.9799 5.9799ZM14.8 4C14.8 3.25739 14.505 2.5452 13.9799 2.0201L12.8485 3.15147C13.0736 3.37652 13.2 3.68174 13.2 4H14.8ZM13.9799 2.0201C13.4548 1.495 12.7426 1.2 12 1.2V2.8C12.3183 2.8 12.6235 2.92643 12.8485 3.15147L13.9799 2.0201Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCommand,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13463",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCommand size={size} />,
+  },
 );
-figma.connect(IconCommand, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13463", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCommand size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCompass.tsx b/src/icons/IconCompass.tsx
index afdefa3..d5cd0f5 100644
--- a/src/icons/IconCompass.tsx
+++ b/src/icons/IconCompass.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCompass = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15691)"><path d="M10.8268 5.17337L11.5858 5.42636C11.6816 5.13889 11.6068 4.82195 11.3925 4.60769C11.1782 4.39342 10.8613 4.3186 10.5738 4.41443L10.8268 5.17337ZM9.4135 9.41337L9.66648 10.1723C9.90536 10.0927 10.0928 9.90524 10.1724 9.66636L9.4135 9.41337ZM5.1735 10.8267L4.41455 10.5737C4.31873 10.8612 4.39355 11.1781 4.60781 11.3924C4.82208 11.6067 5.13901 11.6815 5.42648 11.5857L5.1735 10.8267ZM6.58683 6.58671L6.33385 5.82776C6.09496 5.90739 5.90751 6.09484 5.82788 6.33372L6.58683 6.58671ZM13.8668 8.00004C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1238 15.4668 8.00004H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8.00004H0.533496C0.533496 12.1238 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8.00004C2.1335 4.75997 4.76009 2.13337 8.00016 2.13337V0.533374C3.87644 0.533374 0.533496 3.87631 0.533496 8.00004H2.1335ZM8.00016 2.13337C11.2402 2.13337 13.8668 4.75997 13.8668 8.00004H15.4668C15.4668 3.87631 12.1239 0.533374 8.00016 0.533374V2.13337ZM10.0679 4.92039L8.65455 9.16039L10.1724 9.66636L11.5858 5.42636L10.0679 4.92039ZM9.16051 8.65443L4.92051 10.0678L5.42648 11.5857L9.66648 10.1723L9.16051 8.65443ZM5.93244 11.0797L7.34578 6.83969L5.82788 6.33372L4.41455 10.5737L5.93244 11.0797ZM6.83981 7.34565L11.0798 5.93232L10.5738 4.41443L6.33385 5.82776L6.83981 7.34565Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15691"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15691)">
+      <path
+        d="M10.8268 5.17337L11.5858 5.42636C11.6816 5.13889 11.6068 4.82195 11.3925 4.60769C11.1782 4.39342 10.8613 4.3186 10.5738 4.41443L10.8268 5.17337ZM9.4135 9.41337L9.66648 10.1723C9.90536 10.0927 10.0928 9.90524 10.1724 9.66636L9.4135 9.41337ZM5.1735 10.8267L4.41455 10.5737C4.31873 10.8612 4.39355 11.1781 4.60781 11.3924C4.82208 11.6067 5.13901 11.6815 5.42648 11.5857L5.1735 10.8267ZM6.58683 6.58671L6.33385 5.82776C6.09496 5.90739 5.90751 6.09484 5.82788 6.33372L6.58683 6.58671ZM13.8668 8.00004C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1238 15.4668 8.00004H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8.00004H0.533496C0.533496 12.1238 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8.00004C2.1335 4.75997 4.76009 2.13337 8.00016 2.13337V0.533374C3.87644 0.533374 0.533496 3.87631 0.533496 8.00004H2.1335ZM8.00016 2.13337C11.2402 2.13337 13.8668 4.75997 13.8668 8.00004H15.4668C15.4668 3.87631 12.1239 0.533374 8.00016 0.533374V2.13337ZM10.0679 4.92039L8.65455 9.16039L10.1724 9.66636L11.5858 5.42636L10.0679 4.92039ZM9.16051 8.65443L4.92051 10.0678L5.42648 11.5857L9.66648 10.1723L9.16051 8.65443ZM5.93244 11.0797L7.34578 6.83969L5.82788 6.33372L4.41455 10.5737L5.93244 11.0797ZM6.83981 7.34565L11.0798 5.93232L10.5738 4.41443L6.33385 5.82776L6.83981 7.34565Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15691">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCompass,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13465",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCompass size={size} />,
+  },
 );
-figma.connect(IconCompass, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13465", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCompass size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCopy.tsx b/src/icons/IconCopy.tsx
index 21ca335..232ab8a 100644
--- a/src/icons/IconCopy.tsx
+++ b/src/icons/IconCopy.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCopy = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15693)"><path d="M3.3335 10.8C3.77532 10.8 4.1335 10.4419 4.1335 10C4.1335 9.55821 3.77532 9.20004 3.3335 9.20004V10.8ZM1.3335 8.66671H0.533496H1.3335ZM2.66683 1.33337V0.533374V1.33337ZM8.66683 1.33337V0.533374V1.33337ZM9.20016 3.33337C9.20016 3.7752 9.55834 4.13337 10.0002 4.13337C10.442 4.13337 10.8002 3.7752 10.8002 3.33337H9.20016ZM7.3335 6.80004H13.3335V5.20004H7.3335V6.80004ZM13.3335 6.80004C13.628 6.80004 13.8668 7.03882 13.8668 7.33337H15.4668C15.4668 6.15517 14.5117 5.20004 13.3335 5.20004V6.80004ZM13.8668 7.33337V13.3334H15.4668V7.33337H13.8668ZM13.8668 13.3334C13.8668 13.6279 13.628 13.8667 13.3335 13.8667V15.4667C14.5117 15.4667 15.4668 14.5116 15.4668 13.3334H13.8668ZM13.3335 13.8667H7.3335V15.4667H13.3335V13.8667ZM7.3335 13.8667C7.03894 13.8667 6.80016 13.6279 6.80016 13.3334H5.20016C5.20016 14.5116 6.15529 15.4667 7.3335 15.4667V13.8667ZM6.80016 13.3334V7.33337H5.20016V13.3334H6.80016ZM6.80016 7.33337C6.80016 7.03882 7.03894 6.80004 7.3335 6.80004V5.20004C6.15529 5.20004 5.20016 6.15517 5.20016 7.33337H6.80016ZM3.3335 9.20004H2.66683V10.8H3.3335V9.20004ZM2.66683 9.20004C2.52538 9.20004 2.38973 9.14385 2.28971 9.04383L1.15833 10.1752C1.55841 10.5753 2.10103 10.8 2.66683 10.8V9.20004ZM2.28971 9.04383C2.18969 8.94381 2.1335 8.80816 2.1335 8.66671H0.533496C0.533496 9.2325 0.758257 9.77512 1.15833 10.1752L2.28971 9.04383ZM2.1335 8.66671V2.66671H0.533496V8.66671H2.1335ZM2.1335 2.66671C2.1335 2.52526 2.18969 2.3896 2.28971 2.28958L1.15833 1.15821C0.758257 1.55829 0.533496 2.10091 0.533496 2.66671H2.1335ZM2.28971 2.28958C2.38973 2.18956 2.52538 2.13337 2.66683 2.13337V0.533374C2.10103 0.533374 1.55841 0.758135 1.15833 1.15821L2.28971 2.28958ZM2.66683 2.13337H8.66683V0.533374H2.66683V2.13337ZM8.66683 2.13337C8.80828 2.13337 8.94393 2.18956 9.04395 2.28958L10.1753 1.15821C9.77525 0.758135 9.23262 0.533374 8.66683 0.533374V2.13337ZM9.04395 2.28958C9.14397 2.3896 9.20016 2.52526 9.20016 2.66671H10.8002C10.8002 2.10091 10.5754 1.55829 10.1753 1.15821L9.04395 2.28958ZM9.20016 2.66671V3.33337H10.8002V2.66671H9.20016Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15693"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15693)">
+      <path
+        d="M3.3335 10.8C3.77532 10.8 4.1335 10.4419 4.1335 10C4.1335 9.55821 3.77532 9.20004 3.3335 9.20004V10.8ZM1.3335 8.66671H0.533496H1.3335ZM2.66683 1.33337V0.533374V1.33337ZM8.66683 1.33337V0.533374V1.33337ZM9.20016 3.33337C9.20016 3.7752 9.55834 4.13337 10.0002 4.13337C10.442 4.13337 10.8002 3.7752 10.8002 3.33337H9.20016ZM7.3335 6.80004H13.3335V5.20004H7.3335V6.80004ZM13.3335 6.80004C13.628 6.80004 13.8668 7.03882 13.8668 7.33337H15.4668C15.4668 6.15517 14.5117 5.20004 13.3335 5.20004V6.80004ZM13.8668 7.33337V13.3334H15.4668V7.33337H13.8668ZM13.8668 13.3334C13.8668 13.6279 13.628 13.8667 13.3335 13.8667V15.4667C14.5117 15.4667 15.4668 14.5116 15.4668 13.3334H13.8668ZM13.3335 13.8667H7.3335V15.4667H13.3335V13.8667ZM7.3335 13.8667C7.03894 13.8667 6.80016 13.6279 6.80016 13.3334H5.20016C5.20016 14.5116 6.15529 15.4667 7.3335 15.4667V13.8667ZM6.80016 13.3334V7.33337H5.20016V13.3334H6.80016ZM6.80016 7.33337C6.80016 7.03882 7.03894 6.80004 7.3335 6.80004V5.20004C6.15529 5.20004 5.20016 6.15517 5.20016 7.33337H6.80016ZM3.3335 9.20004H2.66683V10.8H3.3335V9.20004ZM2.66683 9.20004C2.52538 9.20004 2.38973 9.14385 2.28971 9.04383L1.15833 10.1752C1.55841 10.5753 2.10103 10.8 2.66683 10.8V9.20004ZM2.28971 9.04383C2.18969 8.94381 2.1335 8.80816 2.1335 8.66671H0.533496C0.533496 9.2325 0.758257 9.77512 1.15833 10.1752L2.28971 9.04383ZM2.1335 8.66671V2.66671H0.533496V8.66671H2.1335ZM2.1335 2.66671C2.1335 2.52526 2.18969 2.3896 2.28971 2.28958L1.15833 1.15821C0.758257 1.55829 0.533496 2.10091 0.533496 2.66671H2.1335ZM2.28971 2.28958C2.38973 2.18956 2.52538 2.13337 2.66683 2.13337V0.533374C2.10103 0.533374 1.55841 0.758135 1.15833 1.15821L2.28971 2.28958ZM2.66683 2.13337H8.66683V0.533374H2.66683V2.13337ZM8.66683 2.13337C8.80828 2.13337 8.94393 2.18956 9.04395 2.28958L10.1753 1.15821C9.77525 0.758135 9.23262 0.533374 8.66683 0.533374V2.13337ZM9.04395 2.28958C9.14397 2.3896 9.20016 2.52526 9.20016 2.66671H10.8002C10.8002 2.10091 10.5754 1.55829 10.1753 1.15821L9.04395 2.28958ZM9.20016 2.66671V3.33337H10.8002V2.66671H9.20016Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15693">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCopy,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13464",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCopy size={size} />,
+  },
 );
-figma.connect(IconCopy, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13464", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCopy size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerDownLeft.tsx b/src/icons/IconCornerDownLeft.tsx
index eec4230..a580a15 100644
--- a/src/icons/IconCornerDownLeft.tsx
+++ b/src/icons/IconCornerDownLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerDownLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M6.56569 7.23237C6.87811 6.91995 6.87811 6.41342 6.56569 6.101C6.25327 5.78858 5.74674 5.78858 5.43432 6.101L6.56569 7.23237ZM2.66667 10L2.10099 9.43433C1.78857 9.74675 1.78857 10.2533 2.10099 10.5657L2.66667 10ZM5.43432 13.899C5.74674 14.2115 6.25327 14.2115 6.56569 13.899C6.87811 13.5866 6.87811 13.0801 6.56569 12.7677L5.43432 13.899ZM14.1333 2.66669C14.1333 2.22486 13.7752 1.86669 13.3333 1.86669C12.8915 1.86669 12.5333 2.22486 12.5333 2.66669H14.1333ZM10.6667 10V10.8V10ZM5.43432 6.101L2.10099 9.43433L3.23236 10.5657L6.56569 7.23237L5.43432 6.101ZM2.10099 10.5657L5.43432 13.899L6.56569 12.7677L3.23236 9.43433L2.10099 10.5657ZM12.5333 2.66669V7.33335H14.1333V2.66669H12.5333ZM12.5333 7.33335C12.5333 7.82842 12.3367 8.30322 11.9866 8.65329L13.118 9.78466C13.7681 9.13453 14.1333 8.25277 14.1333 7.33335H12.5333ZM11.9866 8.65329C11.6365 9.00335 11.1617 9.20002 10.6667 9.20002V10.8C11.5861 10.8 12.4678 10.4348 13.118 9.78466L11.9866 8.65329ZM10.6667 9.20002H2.66667V10.8H10.6667V9.20002Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.56569 7.23237C6.87811 6.91995 6.87811 6.41342 6.56569 6.101C6.25327 5.78858 5.74674 5.78858 5.43432 6.101L6.56569 7.23237ZM2.66667 10L2.10099 9.43433C1.78857 9.74675 1.78857 10.2533 2.10099 10.5657L2.66667 10ZM5.43432 13.899C5.74674 14.2115 6.25327 14.2115 6.56569 13.899C6.87811 13.5866 6.87811 13.0801 6.56569 12.7677L5.43432 13.899ZM14.1333 2.66669C14.1333 2.22486 13.7752 1.86669 13.3333 1.86669C12.8915 1.86669 12.5333 2.22486 12.5333 2.66669H14.1333ZM10.6667 10V10.8V10ZM5.43432 6.101L2.10099 9.43433L3.23236 10.5657L6.56569 7.23237L5.43432 6.101ZM2.10099 10.5657L5.43432 13.899L6.56569 12.7677L3.23236 9.43433L2.10099 10.5657ZM12.5333 2.66669V7.33335H14.1333V2.66669H12.5333ZM12.5333 7.33335C12.5333 7.82842 12.3367 8.30322 11.9866 8.65329L13.118 9.78466C13.7681 9.13453 14.1333 8.25277 14.1333 7.33335H12.5333ZM11.9866 8.65329C11.6365 9.00335 11.1617 9.20002 10.6667 9.20002V10.8C11.5861 10.8 12.4678 10.4348 13.118 9.78466L11.9866 8.65329ZM10.6667 9.20002H2.66667V10.8H10.6667V9.20002Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerDownLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13467",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerDownLeft size={size} />,
+  },
 );
-figma.connect(IconCornerDownLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13467", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerDownLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerDownRight.tsx b/src/icons/IconCornerDownRight.tsx
index 9a9107d..6156fa9 100644
--- a/src/icons/IconCornerDownRight.tsx
+++ b/src/icons/IconCornerDownRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerDownRight = (props: IconProps) => (
-  <Icon {...props}><path d="M10.5657 6.101C10.2533 5.78858 9.74675 5.78858 9.43433 6.101C9.12191 6.41342 9.12191 6.91995 9.43433 7.23237L10.5657 6.101ZM13.3334 10L13.899 10.5657C14.0491 10.4157 14.1334 10.2122 14.1334 10C14.1334 9.78785 14.0491 9.58436 13.899 9.43433L13.3334 10ZM9.43433 12.7677C9.12191 13.0801 9.12191 13.5866 9.43433 13.899C9.74675 14.2115 10.2533 14.2115 10.5657 13.899L9.43433 12.7677ZM3.46669 2.66669C3.46669 2.22486 3.10851 1.86669 2.66669 1.86669C2.22486 1.86669 1.86669 2.22486 1.86669 2.66669H3.46669ZM2.66669 7.33335H1.86669H2.66669ZM5.33335 10V10.8V10ZM9.43433 7.23237L12.7677 10.5657L13.899 9.43433L10.5657 6.101L9.43433 7.23237ZM12.7677 9.43433L9.43433 12.7677L10.5657 13.899L13.899 10.5657L12.7677 9.43433ZM1.86669 2.66669V7.33335H3.46669V2.66669H1.86669ZM1.86669 7.33335C1.86669 8.25277 2.23192 9.13453 2.88205 9.78466L4.01342 8.65329C3.66335 8.30322 3.46669 7.82842 3.46669 7.33335H1.86669ZM2.88205 9.78466C3.53218 10.4348 4.41394 10.8 5.33335 10.8V9.20002C4.83828 9.20002 4.36349 9.00335 4.01342 8.65329L2.88205 9.78466ZM5.33335 10.8H13.3334V9.20002H5.33335V10.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.5657 6.101C10.2533 5.78858 9.74675 5.78858 9.43433 6.101C9.12191 6.41342 9.12191 6.91995 9.43433 7.23237L10.5657 6.101ZM13.3334 10L13.899 10.5657C14.0491 10.4157 14.1334 10.2122 14.1334 10C14.1334 9.78785 14.0491 9.58436 13.899 9.43433L13.3334 10ZM9.43433 12.7677C9.12191 13.0801 9.12191 13.5866 9.43433 13.899C9.74675 14.2115 10.2533 14.2115 10.5657 13.899L9.43433 12.7677ZM3.46669 2.66669C3.46669 2.22486 3.10851 1.86669 2.66669 1.86669C2.22486 1.86669 1.86669 2.22486 1.86669 2.66669H3.46669ZM2.66669 7.33335H1.86669H2.66669ZM5.33335 10V10.8V10ZM9.43433 7.23237L12.7677 10.5657L13.899 9.43433L10.5657 6.101L9.43433 7.23237ZM12.7677 9.43433L9.43433 12.7677L10.5657 13.899L13.899 10.5657L12.7677 9.43433ZM1.86669 2.66669V7.33335H3.46669V2.66669H1.86669ZM1.86669 7.33335C1.86669 8.25277 2.23192 9.13453 2.88205 9.78466L4.01342 8.65329C3.66335 8.30322 3.46669 7.82842 3.46669 7.33335H1.86669ZM2.88205 9.78466C3.53218 10.4348 4.41394 10.8 5.33335 10.8V9.20002C4.83828 9.20002 4.36349 9.00335 4.01342 8.65329L2.88205 9.78466ZM5.33335 10.8H13.3334V9.20002H5.33335V10.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerDownRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13466",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerDownRight size={size} />,
+  },
 );
-figma.connect(IconCornerDownRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13466", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerDownRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerLeftDown.tsx b/src/icons/IconCornerLeftDown.tsx
index fbcf24e..da68054 100644
--- a/src/icons/IconCornerLeftDown.tsx
+++ b/src/icons/IconCornerLeftDown.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerLeftDown = (props: IconProps) => (
-  <Icon {...props}><path d="M9.89898 10.5657C10.2114 10.2533 10.2114 9.74675 9.89898 9.43433C9.58656 9.12191 9.08003 9.12191 8.76761 9.43433L9.89898 10.5657ZM5.99996 13.3334L5.43427 13.899C5.5843 14.0491 5.78779 14.1334 5.99996 14.1334C6.21213 14.1334 6.41562 14.0491 6.56564 13.899L5.99996 13.3334ZM3.23231 9.43433C2.91989 9.12191 2.41336 9.12191 2.10094 9.43433C1.78852 9.74675 1.78852 10.2533 2.10094 10.5657L3.23231 9.43433ZM13.3333 3.46669C13.7751 3.46669 14.1333 3.10851 14.1333 2.66669C14.1333 2.22486 13.7751 1.86669 13.3333 1.86669V3.46669ZM8.66663 2.66669V1.86669V2.66669ZM5.99996 5.33335H5.19996H5.99996ZM8.76761 9.43433L5.43427 12.7677L6.56564 13.899L9.89898 10.5657L8.76761 9.43433ZM6.56564 12.7677L3.23231 9.43433L2.10094 10.5657L5.43427 13.899L6.56564 12.7677ZM13.3333 1.86669H8.66663V3.46669H13.3333V1.86669ZM8.66663 1.86669C7.74721 1.86669 6.86545 2.23192 6.21532 2.88205L7.34669 4.01342C7.69676 3.66335 8.17155 3.46669 8.66663 3.46669V1.86669ZM6.21532 2.88205C5.5652 3.53218 5.19996 4.41394 5.19996 5.33335H6.79996C6.79996 4.83828 6.99663 4.36349 7.34669 4.01342L6.21532 2.88205ZM5.19996 5.33335V13.3334H6.79996V5.33335H5.19996Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.89898 10.5657C10.2114 10.2533 10.2114 9.74675 9.89898 9.43433C9.58656 9.12191 9.08003 9.12191 8.76761 9.43433L9.89898 10.5657ZM5.99996 13.3334L5.43427 13.899C5.5843 14.0491 5.78779 14.1334 5.99996 14.1334C6.21213 14.1334 6.41562 14.0491 6.56564 13.899L5.99996 13.3334ZM3.23231 9.43433C2.91989 9.12191 2.41336 9.12191 2.10094 9.43433C1.78852 9.74675 1.78852 10.2533 2.10094 10.5657L3.23231 9.43433ZM13.3333 3.46669C13.7751 3.46669 14.1333 3.10851 14.1333 2.66669C14.1333 2.22486 13.7751 1.86669 13.3333 1.86669V3.46669ZM8.66663 2.66669V1.86669V2.66669ZM5.99996 5.33335H5.19996H5.99996ZM8.76761 9.43433L5.43427 12.7677L6.56564 13.899L9.89898 10.5657L8.76761 9.43433ZM6.56564 12.7677L3.23231 9.43433L2.10094 10.5657L5.43427 13.899L6.56564 12.7677ZM13.3333 1.86669H8.66663V3.46669H13.3333V1.86669ZM8.66663 1.86669C7.74721 1.86669 6.86545 2.23192 6.21532 2.88205L7.34669 4.01342C7.69676 3.66335 8.17155 3.46669 8.66663 3.46669V1.86669ZM6.21532 2.88205C5.5652 3.53218 5.19996 4.41394 5.19996 5.33335H6.79996C6.79996 4.83828 6.99663 4.36349 7.34669 4.01342L6.21532 2.88205ZM5.19996 5.33335V13.3334H6.79996V5.33335H5.19996Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerLeftDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13469",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerLeftDown size={size} />,
+  },
 );
-figma.connect(IconCornerLeftDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13469", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerLeftDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerLeftUp.tsx b/src/icons/IconCornerLeftUp.tsx
index 1b8bcbd..9819c4e 100644
--- a/src/icons/IconCornerLeftUp.tsx
+++ b/src/icons/IconCornerLeftUp.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerLeftUp = (props: IconProps) => (
-  <Icon {...props}><path d="M8.76761 6.56571C9.08003 6.87812 9.58656 6.87812 9.89898 6.56571C10.2114 6.25329 10.2114 5.74675 9.89898 5.43433L8.76761 6.56571ZM5.99996 2.66669L6.56564 2.101C6.25323 1.78858 5.74669 1.78858 5.43427 2.101L5.99996 2.66669ZM2.10094 5.43433C1.78852 5.74675 1.78852 6.25329 2.10094 6.56571C2.41336 6.87812 2.91989 6.87812 3.23231 6.56571L2.10094 5.43433ZM13.3333 14.1334C13.7751 14.1334 14.1333 13.7752 14.1333 13.3334C14.1333 12.8915 13.7751 12.5334 13.3333 12.5334V14.1334ZM5.99996 10.6667H5.19996H5.99996ZM9.89898 5.43433L6.56564 2.101L5.43427 3.23237L8.76761 6.56571L9.89898 5.43433ZM5.43427 2.101L2.10094 5.43433L3.23231 6.56571L6.56564 3.23237L5.43427 2.101ZM13.3333 12.5334H8.66663V14.1334H13.3333V12.5334ZM8.66663 12.5334C8.17156 12.5334 7.69676 12.3367 7.34669 11.9866L6.21532 13.118C6.86545 13.7681 7.74721 14.1334 8.66663 14.1334V12.5334ZM7.34669 11.9866C6.99662 11.6365 6.79996 11.1618 6.79996 10.6667H5.19996C5.19996 11.5861 5.5652 12.4679 6.21532 13.118L7.34669 11.9866ZM6.79996 10.6667V2.66669H5.19996V10.6667H6.79996Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.76761 6.56571C9.08003 6.87812 9.58656 6.87812 9.89898 6.56571C10.2114 6.25329 10.2114 5.74675 9.89898 5.43433L8.76761 6.56571ZM5.99996 2.66669L6.56564 2.101C6.25323 1.78858 5.74669 1.78858 5.43427 2.101L5.99996 2.66669ZM2.10094 5.43433C1.78852 5.74675 1.78852 6.25329 2.10094 6.56571C2.41336 6.87812 2.91989 6.87812 3.23231 6.56571L2.10094 5.43433ZM13.3333 14.1334C13.7751 14.1334 14.1333 13.7752 14.1333 13.3334C14.1333 12.8915 13.7751 12.5334 13.3333 12.5334V14.1334ZM5.99996 10.6667H5.19996H5.99996ZM9.89898 5.43433L6.56564 2.101L5.43427 3.23237L8.76761 6.56571L9.89898 5.43433ZM5.43427 2.101L2.10094 5.43433L3.23231 6.56571L6.56564 3.23237L5.43427 2.101ZM13.3333 12.5334H8.66663V14.1334H13.3333V12.5334ZM8.66663 12.5334C8.17156 12.5334 7.69676 12.3367 7.34669 11.9866L6.21532 13.118C6.86545 13.7681 7.74721 14.1334 8.66663 14.1334V12.5334ZM7.34669 11.9866C6.99662 11.6365 6.79996 11.1618 6.79996 10.6667H5.19996C5.19996 11.5861 5.5652 12.4679 6.21532 13.118L7.34669 11.9866ZM6.79996 10.6667V2.66669H5.19996V10.6667H6.79996Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerLeftUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13468",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerLeftUp size={size} />,
+  },
 );
-figma.connect(IconCornerLeftUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13468", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerLeftUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerRightDown.tsx b/src/icons/IconCornerRightDown.tsx
index e30832f..a042ee6 100644
--- a/src/icons/IconCornerRightDown.tsx
+++ b/src/icons/IconCornerRightDown.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerRightDown = (props: IconProps) => (
-  <Icon {...props}><path d="M7.23243 9.43433C6.92001 9.12191 6.41348 9.12191 6.10106 9.43433C5.78864 9.74675 5.78864 10.2533 6.10106 10.5657L7.23243 9.43433ZM10.0001 13.3334L9.43439 13.899C9.58442 14.0491 9.78791 14.1334 10.0001 14.1334C10.2123 14.1334 10.4157 14.0491 10.5658 13.899L10.0001 13.3334ZM13.8991 10.5657C14.2115 10.2533 14.2115 9.74675 13.8991 9.43433C13.5867 9.12191 13.0801 9.12191 12.7677 9.43433L13.8991 10.5657ZM2.66675 1.86669C2.22492 1.86669 1.86675 2.22486 1.86675 2.66669C1.86675 3.10851 2.22492 3.46669 2.66675 3.46669V1.86669ZM7.33341 2.66669V1.86669V2.66669ZM10.0001 5.33335H10.8001H10.0001ZM6.10106 10.5657L9.43439 13.899L10.5658 12.7677L7.23243 9.43433L6.10106 10.5657ZM10.5658 13.899L13.8991 10.5657L12.7677 9.43433L9.43439 12.7677L10.5658 13.899ZM2.66675 3.46669H7.33341V1.86669H2.66675V3.46669ZM7.33341 3.46669C7.82849 3.46669 8.30328 3.66335 8.65335 4.01342L9.78472 2.88205C9.13459 2.23192 8.25283 1.86669 7.33341 1.86669V3.46669ZM8.65335 4.01342C9.00341 4.36349 9.20008 4.83828 9.20008 5.33335H10.8001C10.8001 4.41394 10.4348 3.53218 9.78472 2.88205L8.65335 4.01342ZM9.20008 5.33335V13.3334H10.8001V5.33335H9.20008Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.23243 9.43433C6.92001 9.12191 6.41348 9.12191 6.10106 9.43433C5.78864 9.74675 5.78864 10.2533 6.10106 10.5657L7.23243 9.43433ZM10.0001 13.3334L9.43439 13.899C9.58442 14.0491 9.78791 14.1334 10.0001 14.1334C10.2123 14.1334 10.4157 14.0491 10.5658 13.899L10.0001 13.3334ZM13.8991 10.5657C14.2115 10.2533 14.2115 9.74675 13.8991 9.43433C13.5867 9.12191 13.0801 9.12191 12.7677 9.43433L13.8991 10.5657ZM2.66675 1.86669C2.22492 1.86669 1.86675 2.22486 1.86675 2.66669C1.86675 3.10851 2.22492 3.46669 2.66675 3.46669V1.86669ZM7.33341 2.66669V1.86669V2.66669ZM10.0001 5.33335H10.8001H10.0001ZM6.10106 10.5657L9.43439 13.899L10.5658 12.7677L7.23243 9.43433L6.10106 10.5657ZM10.5658 13.899L13.8991 10.5657L12.7677 9.43433L9.43439 12.7677L10.5658 13.899ZM2.66675 3.46669H7.33341V1.86669H2.66675V3.46669ZM7.33341 3.46669C7.82849 3.46669 8.30328 3.66335 8.65335 4.01342L9.78472 2.88205C9.13459 2.23192 8.25283 1.86669 7.33341 1.86669V3.46669ZM8.65335 4.01342C9.00341 4.36349 9.20008 4.83828 9.20008 5.33335H10.8001C10.8001 4.41394 10.4348 3.53218 9.78472 2.88205L8.65335 4.01342ZM9.20008 5.33335V13.3334H10.8001V5.33335H9.20008Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerRightDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13471",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerRightDown size={size} />,
+  },
 );
-figma.connect(IconCornerRightDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13471", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerRightDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerRightUp.tsx b/src/icons/IconCornerRightUp.tsx
index 9ea8e3d..a113796 100644
--- a/src/icons/IconCornerRightUp.tsx
+++ b/src/icons/IconCornerRightUp.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerRightUp = (props: IconProps) => (
-  <Icon {...props}><path d="M6.10106 5.43433C5.78864 5.74675 5.78864 6.25329 6.10106 6.56571C6.41348 6.87812 6.92001 6.87812 7.23243 6.56571L6.10106 5.43433ZM10.0001 2.66669L10.5658 2.101C10.2533 1.78858 9.74681 1.78858 9.43439 2.101L10.0001 2.66669ZM12.7677 6.56571C13.0801 6.87812 13.5867 6.87812 13.8991 6.56571C14.2115 6.25329 14.2115 5.74675 13.8991 5.43433L12.7677 6.56571ZM2.66675 12.5334C2.22492 12.5334 1.86675 12.8915 1.86675 13.3334C1.86675 13.7752 2.22492 14.1334 2.66675 14.1334V12.5334ZM10.0001 10.6667H10.8001H10.0001ZM7.23243 6.56571L10.5658 3.23237L9.43439 2.101L6.10106 5.43433L7.23243 6.56571ZM9.43439 3.23237L12.7677 6.56571L13.8991 5.43433L10.5658 2.101L9.43439 3.23237ZM2.66675 14.1334H7.33341V12.5334H2.66675V14.1334ZM7.33341 14.1334C8.25283 14.1334 9.13459 13.7681 9.78472 13.118L8.65335 11.9866C8.30328 12.3367 7.82848 12.5334 7.33341 12.5334V14.1334ZM9.78472 13.118C10.4348 12.4679 10.8001 11.5861 10.8001 10.6667H9.20008C9.20008 11.1618 9.00341 11.6365 8.65335 11.9866L9.78472 13.118ZM10.8001 10.6667V2.66669H9.20008V10.6667H10.8001Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.10106 5.43433C5.78864 5.74675 5.78864 6.25329 6.10106 6.56571C6.41348 6.87812 6.92001 6.87812 7.23243 6.56571L6.10106 5.43433ZM10.0001 2.66669L10.5658 2.101C10.2533 1.78858 9.74681 1.78858 9.43439 2.101L10.0001 2.66669ZM12.7677 6.56571C13.0801 6.87812 13.5867 6.87812 13.8991 6.56571C14.2115 6.25329 14.2115 5.74675 13.8991 5.43433L12.7677 6.56571ZM2.66675 12.5334C2.22492 12.5334 1.86675 12.8915 1.86675 13.3334C1.86675 13.7752 2.22492 14.1334 2.66675 14.1334V12.5334ZM10.0001 10.6667H10.8001H10.0001ZM7.23243 6.56571L10.5658 3.23237L9.43439 2.101L6.10106 5.43433L7.23243 6.56571ZM9.43439 3.23237L12.7677 6.56571L13.8991 5.43433L10.5658 2.101L9.43439 3.23237ZM2.66675 14.1334H7.33341V12.5334H2.66675V14.1334ZM7.33341 14.1334C8.25283 14.1334 9.13459 13.7681 9.78472 13.118L8.65335 11.9866C8.30328 12.3367 7.82848 12.5334 7.33341 12.5334V14.1334ZM9.78472 13.118C10.4348 12.4679 10.8001 11.5861 10.8001 10.6667H9.20008C9.20008 11.1618 9.00341 11.6365 8.65335 11.9866L9.78472 13.118ZM10.8001 10.6667V2.66669H9.20008V10.6667H10.8001Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerRightUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13470",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerRightUp size={size} />,
+  },
 );
-figma.connect(IconCornerRightUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13470", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerRightUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerUpLeft.tsx b/src/icons/IconCornerUpLeft.tsx
index ea7e1a7..1978b5e 100644
--- a/src/icons/IconCornerUpLeft.tsx
+++ b/src/icons/IconCornerUpLeft.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerUpLeft = (props: IconProps) => (
-  <Icon {...props}><path d="M5.4344 9.89904C5.74681 10.2115 6.25335 10.2115 6.56577 9.89904C6.87819 9.58662 6.87819 9.08009 6.56577 8.76767L5.4344 9.89904ZM2.66675 6.00002L2.10106 5.43433C1.78864 5.74675 1.78864 6.25329 2.10106 6.56571L2.66675 6.00002ZM6.56577 3.23237C6.87819 2.91995 6.87819 2.41342 6.56577 2.101C6.25335 1.78858 5.74681 1.78858 5.4344 2.101L6.56577 3.23237ZM12.5334 13.3334C12.5334 13.7752 12.8916 14.1334 13.3334 14.1334C13.7752 14.1334 14.1334 13.7752 14.1334 13.3334H12.5334ZM10.6667 6.00002V5.20002V6.00002ZM6.56577 8.76767L3.23243 5.43433L2.10106 6.56571L5.4344 9.89904L6.56577 8.76767ZM3.23243 6.56571L6.56577 3.23237L5.4344 2.101L2.10106 5.43433L3.23243 6.56571ZM14.1334 13.3334V8.66669H12.5334V13.3334H14.1334ZM14.1334 8.66669C14.1334 7.74727 13.7682 6.86551 13.118 6.21538L11.9867 7.34675C12.3367 7.69682 12.5334 8.17162 12.5334 8.66669H14.1334ZM13.118 6.21538C12.4679 5.56526 11.5862 5.20002 10.6667 5.20002V6.80002C11.1618 6.80002 11.6366 6.99669 11.9867 7.34675L13.118 6.21538ZM10.6667 5.20002H2.66675V6.80002H10.6667V5.20002Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.4344 9.89904C5.74681 10.2115 6.25335 10.2115 6.56577 9.89904C6.87819 9.58662 6.87819 9.08009 6.56577 8.76767L5.4344 9.89904ZM2.66675 6.00002L2.10106 5.43433C1.78864 5.74675 1.78864 6.25329 2.10106 6.56571L2.66675 6.00002ZM6.56577 3.23237C6.87819 2.91995 6.87819 2.41342 6.56577 2.101C6.25335 1.78858 5.74681 1.78858 5.4344 2.101L6.56577 3.23237ZM12.5334 13.3334C12.5334 13.7752 12.8916 14.1334 13.3334 14.1334C13.7752 14.1334 14.1334 13.7752 14.1334 13.3334H12.5334ZM10.6667 6.00002V5.20002V6.00002ZM6.56577 8.76767L3.23243 5.43433L2.10106 6.56571L5.4344 9.89904L6.56577 8.76767ZM3.23243 6.56571L6.56577 3.23237L5.4344 2.101L2.10106 5.43433L3.23243 6.56571ZM14.1334 13.3334V8.66669H12.5334V13.3334H14.1334ZM14.1334 8.66669C14.1334 7.74727 13.7682 6.86551 13.118 6.21538L11.9867 7.34675C12.3367 7.69682 12.5334 8.17162 12.5334 8.66669H14.1334ZM13.118 6.21538C12.4679 5.56526 11.5862 5.20002 10.6667 5.20002V6.80002C11.1618 6.80002 11.6366 6.99669 11.9867 7.34675L13.118 6.21538ZM10.6667 5.20002H2.66675V6.80002H10.6667V5.20002Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerUpLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13473",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerUpLeft size={size} />,
+  },
 );
-figma.connect(IconCornerUpLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13473", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerUpLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCornerUpRight.tsx b/src/icons/IconCornerUpRight.tsx
index d0eaf74..c590052 100644
--- a/src/icons/IconCornerUpRight.tsx
+++ b/src/icons/IconCornerUpRight.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCornerUpRight = (props: IconProps) => (
-  <Icon {...props}><path d="M9.43415 8.76767C9.12173 9.08009 9.12173 9.58662 9.43415 9.89904C9.74657 10.2115 10.2531 10.2115 10.5655 9.89904L9.43415 8.76767ZM13.3332 6.00002L13.8989 6.56571C14.0489 6.41568 14.1332 6.21219 14.1332 6.00002C14.1332 5.78785 14.0489 5.58436 13.8989 5.43433L13.3332 6.00002ZM10.5655 2.101C10.2531 1.78858 9.74657 1.78858 9.43415 2.101C9.12173 2.41342 9.12173 2.91995 9.43415 3.23237L10.5655 2.101ZM1.8665 13.3334C1.8665 13.7752 2.22468 14.1334 2.6665 14.1334C3.10833 14.1334 3.4665 13.7752 3.4665 13.3334H1.8665ZM5.33317 6.00002V5.20002V6.00002ZM10.5655 9.89904L13.8989 6.56571L12.7675 5.43433L9.43415 8.76767L10.5655 9.89904ZM13.8989 5.43433L10.5655 2.101L9.43415 3.23237L12.7675 6.56571L13.8989 5.43433ZM3.4665 13.3334V8.66669H1.8665V13.3334H3.4665ZM3.4665 8.66669C3.4665 8.17162 3.66317 7.69682 4.01324 7.34675L2.88187 6.21538C2.23174 6.86551 1.8665 7.74727 1.8665 8.66669H3.4665ZM4.01324 7.34675C4.36331 6.99669 4.8381 6.80002 5.33317 6.80002V5.20002C4.41375 5.20002 3.53199 5.56526 2.88187 6.21538L4.01324 7.34675ZM5.33317 6.80002H13.3332V5.20002H5.33317V6.80002Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.43415 8.76767C9.12173 9.08009 9.12173 9.58662 9.43415 9.89904C9.74657 10.2115 10.2531 10.2115 10.5655 9.89904L9.43415 8.76767ZM13.3332 6.00002L13.8989 6.56571C14.0489 6.41568 14.1332 6.21219 14.1332 6.00002C14.1332 5.78785 14.0489 5.58436 13.8989 5.43433L13.3332 6.00002ZM10.5655 2.101C10.2531 1.78858 9.74657 1.78858 9.43415 2.101C9.12173 2.41342 9.12173 2.91995 9.43415 3.23237L10.5655 2.101ZM1.8665 13.3334C1.8665 13.7752 2.22468 14.1334 2.6665 14.1334C3.10833 14.1334 3.4665 13.7752 3.4665 13.3334H1.8665ZM5.33317 6.00002V5.20002V6.00002ZM10.5655 9.89904L13.8989 6.56571L12.7675 5.43433L9.43415 8.76767L10.5655 9.89904ZM13.8989 5.43433L10.5655 2.101L9.43415 3.23237L12.7675 6.56571L13.8989 5.43433ZM3.4665 13.3334V8.66669H1.8665V13.3334H3.4665ZM3.4665 8.66669C3.4665 8.17162 3.66317 7.69682 4.01324 7.34675L2.88187 6.21538C2.23174 6.86551 1.8665 7.74727 1.8665 8.66669H3.4665ZM4.01324 7.34675C4.36331 6.99669 4.8381 6.80002 5.33317 6.80002V5.20002C4.41375 5.20002 3.53199 5.56526 2.88187 6.21538L4.01324 7.34675ZM5.33317 6.80002H13.3332V5.20002H5.33317V6.80002Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconCornerUpRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13472",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCornerUpRight size={size} />,
+  },
 );
-figma.connect(IconCornerUpRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13472", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCornerUpRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCpu.tsx b/src/icons/IconCpu.tsx
index c54da84..6c95653 100644
--- a/src/icons/IconCpu.tsx
+++ b/src/icons/IconCpu.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCpu = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15711)"><path d="M5.99984 6.00002V5.20002C5.55801 5.20002 5.19984 5.55819 5.19984 6.00002H5.99984ZM9.99984 6.00002H10.7998C10.7998 5.55819 10.4417 5.20002 9.99984 5.20002V6.00002ZM9.99984 10V10.8C10.4417 10.8 10.7998 10.4418 10.7998 10H9.99984ZM5.99984 10H5.19984C5.19984 10.4418 5.55801 10.8 5.99984 10.8V10ZM6.79984 0.666687C6.79984 0.224859 6.44167 -0.133313 5.99984 -0.133313C5.55801 -0.133313 5.19984 0.224859 5.19984 0.666687H6.79984ZM5.19984 2.66669C5.19984 3.10851 5.55801 3.46669 5.99984 3.46669C6.44167 3.46669 6.79984 3.10851 6.79984 2.66669H5.19984ZM10.7998 0.666687C10.7998 0.224859 10.4417 -0.133313 9.99984 -0.133313C9.55801 -0.133313 9.19984 0.224859 9.19984 0.666687H10.7998ZM9.19984 2.66669C9.19984 3.10851 9.55801 3.46669 9.99984 3.46669C10.4417 3.46669 10.7998 3.10851 10.7998 2.66669H9.19984ZM6.79984 13.3334C6.79984 12.8915 6.44167 12.5334 5.99984 12.5334C5.55801 12.5334 5.19984 12.8915 5.19984 13.3334H6.79984ZM5.19984 15.3334C5.19984 15.7752 5.55801 16.1334 5.99984 16.1334C6.44167 16.1334 6.79984 15.7752 6.79984 15.3334H5.19984ZM10.7998 13.3334C10.7998 12.8915 10.4417 12.5334 9.99984 12.5334C9.55801 12.5334 9.19984 12.8915 9.19984 13.3334H10.7998ZM9.19984 15.3334C9.19984 15.7752 9.55801 16.1334 9.99984 16.1334C10.4417 16.1334 10.7998 15.7752 10.7998 15.3334H9.19984ZM13.3332 5.20002C12.8913 5.20002 12.5332 5.55819 12.5332 6.00002C12.5332 6.44185 12.8913 6.80002 13.3332 6.80002V5.20002ZM15.3332 6.80002C15.775 6.80002 16.1332 6.44185 16.1332 6.00002C16.1332 5.55819 15.775 5.20002 15.3332 5.20002V6.80002ZM13.3332 8.53335C12.8913 8.53335 12.5332 8.89153 12.5332 9.33335C12.5332 9.77518 12.8913 10.1334 13.3332 10.1334V8.53335ZM15.3332 10.1334C15.775 10.1334 16.1332 9.77518 16.1332 9.33335C16.1332 8.89153 15.775 8.53335 15.3332 8.53335V10.1334ZM0.666504 5.20002C0.224676 5.20002 -0.133496 5.55819 -0.133496 6.00002C-0.133496 6.44185 0.224676 6.80002 0.666504 6.80002V5.20002ZM2.6665 6.80002C3.10833 6.80002 3.4665 6.44185 3.4665 6.00002C3.4665 5.55819 3.10833 5.20002 2.6665 5.20002V6.80002ZM0.666504 8.53335C0.224676 8.53335 -0.133496 8.89153 -0.133496 9.33335C-0.133496 9.77518 0.224676 10.1334 0.666504 10.1334V8.53335ZM2.6665 10.1334C3.10833 10.1334 3.4665 9.77518 3.4665 9.33335C3.4665 8.89153 3.10833 8.53335 2.6665 8.53335V10.1334ZM3.99984 3.46669H11.9998V1.86669H3.99984V3.46669ZM11.9998 3.46669C12.2944 3.46669 12.5332 3.70547 12.5332 4.00002H14.1332C14.1332 2.82181 13.178 1.86669 11.9998 1.86669V3.46669ZM12.5332 4.00002V12H14.1332V4.00002H12.5332ZM12.5332 12C12.5332 12.2946 12.2944 12.5334 11.9998 12.5334V14.1334C13.178 14.1334 14.1332 13.1782 14.1332 12H12.5332ZM11.9998 12.5334H3.99984V14.1334H11.9998V12.5334ZM3.99984 12.5334C3.70529 12.5334 3.4665 12.2946 3.4665 12H1.8665C1.8665 13.1782 2.82163 14.1334 3.99984 14.1334V12.5334ZM3.4665 12V4.00002H1.8665V12H3.4665ZM3.4665 4.00002C3.4665 3.70547 3.70529 3.46669 3.99984 3.46669V1.86669C2.82163 1.86669 1.8665 2.82181 1.8665 4.00002H3.4665ZM5.99984 6.80002H9.99984V5.20002H5.99984V6.80002ZM9.19984 6.00002V10H10.7998V6.00002H9.19984ZM9.99984 9.20002H5.99984V10.8H9.99984V9.20002ZM6.79984 10V6.00002H5.19984V10H6.79984ZM5.19984 0.666687V2.66669H6.79984V0.666687H5.19984ZM9.19984 0.666687V2.66669H10.7998V0.666687H9.19984ZM5.19984 13.3334V15.3334H6.79984V13.3334H5.19984ZM9.19984 13.3334V15.3334H10.7998V13.3334H9.19984ZM13.3332 6.80002H15.3332V5.20002H13.3332V6.80002ZM13.3332 10.1334H15.3332V8.53335H13.3332V10.1334ZM0.666504 6.80002H2.6665V5.20002H0.666504V6.80002ZM0.666504 10.1334H2.6665V8.53335H0.666504V10.1334Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15711"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15711)">
+      <path
+        d="M5.99984 6.00002V5.20002C5.55801 5.20002 5.19984 5.55819 5.19984 6.00002H5.99984ZM9.99984 6.00002H10.7998C10.7998 5.55819 10.4417 5.20002 9.99984 5.20002V6.00002ZM9.99984 10V10.8C10.4417 10.8 10.7998 10.4418 10.7998 10H9.99984ZM5.99984 10H5.19984C5.19984 10.4418 5.55801 10.8 5.99984 10.8V10ZM6.79984 0.666687C6.79984 0.224859 6.44167 -0.133313 5.99984 -0.133313C5.55801 -0.133313 5.19984 0.224859 5.19984 0.666687H6.79984ZM5.19984 2.66669C5.19984 3.10851 5.55801 3.46669 5.99984 3.46669C6.44167 3.46669 6.79984 3.10851 6.79984 2.66669H5.19984ZM10.7998 0.666687C10.7998 0.224859 10.4417 -0.133313 9.99984 -0.133313C9.55801 -0.133313 9.19984 0.224859 9.19984 0.666687H10.7998ZM9.19984 2.66669C9.19984 3.10851 9.55801 3.46669 9.99984 3.46669C10.4417 3.46669 10.7998 3.10851 10.7998 2.66669H9.19984ZM6.79984 13.3334C6.79984 12.8915 6.44167 12.5334 5.99984 12.5334C5.55801 12.5334 5.19984 12.8915 5.19984 13.3334H6.79984ZM5.19984 15.3334C5.19984 15.7752 5.55801 16.1334 5.99984 16.1334C6.44167 16.1334 6.79984 15.7752 6.79984 15.3334H5.19984ZM10.7998 13.3334C10.7998 12.8915 10.4417 12.5334 9.99984 12.5334C9.55801 12.5334 9.19984 12.8915 9.19984 13.3334H10.7998ZM9.19984 15.3334C9.19984 15.7752 9.55801 16.1334 9.99984 16.1334C10.4417 16.1334 10.7998 15.7752 10.7998 15.3334H9.19984ZM13.3332 5.20002C12.8913 5.20002 12.5332 5.55819 12.5332 6.00002C12.5332 6.44185 12.8913 6.80002 13.3332 6.80002V5.20002ZM15.3332 6.80002C15.775 6.80002 16.1332 6.44185 16.1332 6.00002C16.1332 5.55819 15.775 5.20002 15.3332 5.20002V6.80002ZM13.3332 8.53335C12.8913 8.53335 12.5332 8.89153 12.5332 9.33335C12.5332 9.77518 12.8913 10.1334 13.3332 10.1334V8.53335ZM15.3332 10.1334C15.775 10.1334 16.1332 9.77518 16.1332 9.33335C16.1332 8.89153 15.775 8.53335 15.3332 8.53335V10.1334ZM0.666504 5.20002C0.224676 5.20002 -0.133496 5.55819 -0.133496 6.00002C-0.133496 6.44185 0.224676 6.80002 0.666504 6.80002V5.20002ZM2.6665 6.80002C3.10833 6.80002 3.4665 6.44185 3.4665 6.00002C3.4665 5.55819 3.10833 5.20002 2.6665 5.20002V6.80002ZM0.666504 8.53335C0.224676 8.53335 -0.133496 8.89153 -0.133496 9.33335C-0.133496 9.77518 0.224676 10.1334 0.666504 10.1334V8.53335ZM2.6665 10.1334C3.10833 10.1334 3.4665 9.77518 3.4665 9.33335C3.4665 8.89153 3.10833 8.53335 2.6665 8.53335V10.1334ZM3.99984 3.46669H11.9998V1.86669H3.99984V3.46669ZM11.9998 3.46669C12.2944 3.46669 12.5332 3.70547 12.5332 4.00002H14.1332C14.1332 2.82181 13.178 1.86669 11.9998 1.86669V3.46669ZM12.5332 4.00002V12H14.1332V4.00002H12.5332ZM12.5332 12C12.5332 12.2946 12.2944 12.5334 11.9998 12.5334V14.1334C13.178 14.1334 14.1332 13.1782 14.1332 12H12.5332ZM11.9998 12.5334H3.99984V14.1334H11.9998V12.5334ZM3.99984 12.5334C3.70529 12.5334 3.4665 12.2946 3.4665 12H1.8665C1.8665 13.1782 2.82163 14.1334 3.99984 14.1334V12.5334ZM3.4665 12V4.00002H1.8665V12H3.4665ZM3.4665 4.00002C3.4665 3.70547 3.70529 3.46669 3.99984 3.46669V1.86669C2.82163 1.86669 1.8665 2.82181 1.8665 4.00002H3.4665ZM5.99984 6.80002H9.99984V5.20002H5.99984V6.80002ZM9.19984 6.00002V10H10.7998V6.00002H9.19984ZM9.99984 9.20002H5.99984V10.8H9.99984V9.20002ZM6.79984 10V6.00002H5.19984V10H6.79984ZM5.19984 0.666687V2.66669H6.79984V0.666687H5.19984ZM9.19984 0.666687V2.66669H10.7998V0.666687H9.19984ZM5.19984 13.3334V15.3334H6.79984V13.3334H5.19984ZM9.19984 13.3334V15.3334H10.7998V13.3334H9.19984ZM13.3332 6.80002H15.3332V5.20002H13.3332V6.80002ZM13.3332 10.1334H15.3332V8.53335H13.3332V10.1334ZM0.666504 6.80002H2.6665V5.20002H0.666504V6.80002ZM0.666504 10.1334H2.6665V8.53335H0.666504V10.1334Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15711">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCpu,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13475",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCpu size={size} />,
+  },
 );
-figma.connect(IconCpu, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13475", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCpu size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCreditCard.tsx b/src/icons/IconCreditCard.tsx
index 28f2a43..e370f5f 100644
--- a/src/icons/IconCreditCard.tsx
+++ b/src/icons/IconCreditCard.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCreditCard = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15713)"><path d="M0.666672 5.86669C0.224844 5.86669 -0.133328 6.22486 -0.133328 6.66669C-0.133328 7.10851 0.224844 7.46669 0.666672 7.46669V5.86669ZM15.3333 7.46669C15.7752 7.46669 16.1333 7.10851 16.1333 6.66669C16.1333 6.22486 15.7752 5.86669 15.3333 5.86669V7.46669ZM2.00001 3.46669H14V1.86669H2.00001V3.46669ZM14 3.46669C14.2946 3.46669 14.5333 3.70547 14.5333 4.00002H16.1333C16.1333 2.82181 15.1782 1.86669 14 1.86669V3.46669ZM14.5333 4.00002V12H16.1333V4.00002H14.5333ZM14.5333 12C14.5333 12.2946 14.2946 12.5334 14 12.5334V14.1334C15.1782 14.1334 16.1333 13.1782 16.1333 12H14.5333ZM14 12.5334H2.00001V14.1334H14V12.5334ZM2.00001 12.5334C1.70545 12.5334 1.46667 12.2946 1.46667 12H-0.133328C-0.133328 13.1782 0.821797 14.1334 2.00001 14.1334V12.5334ZM1.46667 12V4.00002H-0.133328V12H1.46667ZM1.46667 4.00002C1.46667 3.70547 1.70545 3.46669 2.00001 3.46669V1.86669C0.821798 1.86669 -0.133328 2.82181 -0.133328 4.00002H1.46667ZM0.666672 7.46669H15.3333V5.86669H0.666672V7.46669Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15713"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15713)">
+      <path
+        d="M0.666672 5.86669C0.224844 5.86669 -0.133328 6.22486 -0.133328 6.66669C-0.133328 7.10851 0.224844 7.46669 0.666672 7.46669V5.86669ZM15.3333 7.46669C15.7752 7.46669 16.1333 7.10851 16.1333 6.66669C16.1333 6.22486 15.7752 5.86669 15.3333 5.86669V7.46669ZM2.00001 3.46669H14V1.86669H2.00001V3.46669ZM14 3.46669C14.2946 3.46669 14.5333 3.70547 14.5333 4.00002H16.1333C16.1333 2.82181 15.1782 1.86669 14 1.86669V3.46669ZM14.5333 4.00002V12H16.1333V4.00002H14.5333ZM14.5333 12C14.5333 12.2946 14.2946 12.5334 14 12.5334V14.1334C15.1782 14.1334 16.1333 13.1782 16.1333 12H14.5333ZM14 12.5334H2.00001V14.1334H14V12.5334ZM2.00001 12.5334C1.70545 12.5334 1.46667 12.2946 1.46667 12H-0.133328C-0.133328 13.1782 0.821797 14.1334 2.00001 14.1334V12.5334ZM1.46667 12V4.00002H-0.133328V12H1.46667ZM1.46667 4.00002C1.46667 3.70547 1.70545 3.46669 2.00001 3.46669V1.86669C0.821798 1.86669 -0.133328 2.82181 -0.133328 4.00002H1.46667ZM0.666672 7.46669H15.3333V5.86669H0.666672V7.46669Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15713">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCreditCard,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13474",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCreditCard size={size} />,
+  },
 );
-figma.connect(IconCreditCard, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4039:13474", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCreditCard size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCrop.tsx b/src/icons/IconCrop.tsx
index f26808d..21e5817 100644
--- a/src/icons/IconCrop.tsx
+++ b/src/icons/IconCrop.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCrop = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15715)"><path d="M4.88666 0.67362C4.89049 0.231809 4.53543 -0.129454 4.09362 -0.133283C3.65181 -0.137112 3.29055 0.217943 3.28672 0.659754L4.88666 0.67362ZM4.00002 10.6667L3.20002 10.6598V10.6667H4.00002ZM15.3334 12.8C15.7752 12.8 16.1334 12.4418 16.1334 12C16.1334 11.5582 15.7752 11.2 15.3334 11.2V12.8ZM0.659754 3.28672C0.217943 3.29055 -0.137112 3.65181 -0.133283 4.09362C-0.129454 4.53543 0.231809 4.89049 0.67362 4.88666L0.659754 3.28672ZM10.6667 4.00002V3.19999L10.6598 3.20005L10.6667 4.00002ZM11.2 15.3334C11.2 15.7752 11.5582 16.1334 12 16.1334C12.4418 16.1334 12.8 15.7752 12.8 15.3334H11.2ZM3.28672 0.659754L3.20005 10.6598L4.79999 10.6736L4.88666 0.67362L3.28672 0.659754ZM3.20002 10.6667C3.20002 11.2325 3.42478 11.7751 3.82486 12.1752L4.95623 11.0438C4.85621 10.9438 4.80002 10.8081 4.80002 10.6667H3.20002ZM3.82486 12.1752C4.22494 12.5753 4.76756 12.8 5.33335 12.8V11.2C5.19191 11.2 5.05625 11.1438 4.95623 11.0438L3.82486 12.1752ZM5.33335 12.8H15.3334V11.2H5.33335V12.8ZM0.67362 4.88666L10.6736 4.79999L10.6598 3.20005L0.659754 3.28672L0.67362 4.88666ZM10.6667 4.80002C10.8081 4.80002 10.9438 4.85621 11.0438 4.95623L12.1752 3.82486C11.7751 3.42478 11.2325 3.20002 10.6667 3.20002V4.80002ZM11.0438 4.95623C11.1438 5.05625 11.2 5.19191 11.2 5.33335H12.8C12.8 4.76756 12.5753 4.22494 12.1752 3.82486L11.0438 4.95623ZM11.2 5.33335V15.3334H12.8V5.33335H11.2Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15715"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15715)">
+      <path
+        d="M4.88666 0.67362C4.89049 0.231809 4.53543 -0.129454 4.09362 -0.133283C3.65181 -0.137112 3.29055 0.217943 3.28672 0.659754L4.88666 0.67362ZM4.00002 10.6667L3.20002 10.6598V10.6667H4.00002ZM15.3334 12.8C15.7752 12.8 16.1334 12.4418 16.1334 12C16.1334 11.5582 15.7752 11.2 15.3334 11.2V12.8ZM0.659754 3.28672C0.217943 3.29055 -0.137112 3.65181 -0.133283 4.09362C-0.129454 4.53543 0.231809 4.89049 0.67362 4.88666L0.659754 3.28672ZM10.6667 4.00002V3.19999L10.6598 3.20005L10.6667 4.00002ZM11.2 15.3334C11.2 15.7752 11.5582 16.1334 12 16.1334C12.4418 16.1334 12.8 15.7752 12.8 15.3334H11.2ZM3.28672 0.659754L3.20005 10.6598L4.79999 10.6736L4.88666 0.67362L3.28672 0.659754ZM3.20002 10.6667C3.20002 11.2325 3.42478 11.7751 3.82486 12.1752L4.95623 11.0438C4.85621 10.9438 4.80002 10.8081 4.80002 10.6667H3.20002ZM3.82486 12.1752C4.22494 12.5753 4.76756 12.8 5.33335 12.8V11.2C5.19191 11.2 5.05625 11.1438 4.95623 11.0438L3.82486 12.1752ZM5.33335 12.8H15.3334V11.2H5.33335V12.8ZM0.67362 4.88666L10.6736 4.79999L10.6598 3.20005L0.659754 3.28672L0.67362 4.88666ZM10.6667 4.80002C10.8081 4.80002 10.9438 4.85621 11.0438 4.95623L12.1752 3.82486C11.7751 3.42478 11.2325 3.20002 10.6667 3.20002V4.80002ZM11.0438 4.95623C11.1438 5.05625 11.2 5.19191 11.2 5.33335H12.8C12.8 4.76756 12.5753 4.22494 12.1752 3.82486L11.0438 4.95623ZM11.2 5.33335V15.3334H12.8V5.33335H11.2Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15715">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCrop,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13477",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCrop size={size} />,
+  },
 );
-figma.connect(IconCrop, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13477", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCrop size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconCrosshair.tsx b/src/icons/IconCrosshair.tsx
index 5545ae5..4df32db 100644
--- a/src/icons/IconCrosshair.tsx
+++ b/src/icons/IconCrosshair.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconCrosshair = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15717)"><path d="M12 7.19998C11.5582 7.19998 11.2 7.55815 11.2 7.99998C11.2 8.44181 11.5582 8.79998 12 8.79998V7.19998ZM4.00004 8.79998C4.44187 8.79998 4.80004 8.44181 4.80004 7.99998C4.80004 7.55815 4.44187 7.19998 4.00004 7.19998V8.79998ZM7.20004 3.99998C7.20004 4.44181 7.55821 4.79998 8.00004 4.79998C8.44187 4.79998 8.80004 4.44181 8.80004 3.99998H7.20004ZM8.80004 12C8.80004 11.5582 8.44187 11.2 8.00004 11.2C7.55821 11.2 7.20004 11.5582 7.20004 12H8.80004ZM13.8667 7.99998C13.8667 11.2401 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1237 15.4667 7.99998H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.2401 2.13337 7.99998H0.533374C0.533374 12.1237 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99998C2.13337 4.75991 4.75997 2.13331 8.00004 2.13331V0.533313C3.87631 0.533313 0.533374 3.87625 0.533374 7.99998H2.13337ZM8.00004 2.13331C11.2401 2.13331 13.8667 4.75991 13.8667 7.99998H15.4667C15.4667 3.87625 12.1238 0.533313 8.00004 0.533313V2.13331ZM14.6667 7.19998H12V8.79998H14.6667V7.19998ZM4.00004 7.19998H1.33337V8.79998H4.00004V7.19998ZM8.80004 3.99998V1.33331H7.20004V3.99998H8.80004ZM8.80004 14.6666V12H7.20004V14.6666H8.80004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15717"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15717)">
+      <path
+        d="M12 7.19998C11.5582 7.19998 11.2 7.55815 11.2 7.99998C11.2 8.44181 11.5582 8.79998 12 8.79998V7.19998ZM4.00004 8.79998C4.44187 8.79998 4.80004 8.44181 4.80004 7.99998C4.80004 7.55815 4.44187 7.19998 4.00004 7.19998V8.79998ZM7.20004 3.99998C7.20004 4.44181 7.55821 4.79998 8.00004 4.79998C8.44187 4.79998 8.80004 4.44181 8.80004 3.99998H7.20004ZM8.80004 12C8.80004 11.5582 8.44187 11.2 8.00004 11.2C7.55821 11.2 7.20004 11.5582 7.20004 12H8.80004ZM13.8667 7.99998C13.8667 11.2401 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1237 15.4667 7.99998H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.2401 2.13337 7.99998H0.533374C0.533374 12.1237 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99998C2.13337 4.75991 4.75997 2.13331 8.00004 2.13331V0.533313C3.87631 0.533313 0.533374 3.87625 0.533374 7.99998H2.13337ZM8.00004 2.13331C11.2401 2.13331 13.8667 4.75991 13.8667 7.99998H15.4667C15.4667 3.87625 12.1238 0.533313 8.00004 0.533313V2.13331ZM14.6667 7.19998H12V8.79998H14.6667V7.19998ZM4.00004 7.19998H1.33337V8.79998H4.00004V7.19998ZM8.80004 3.99998V1.33331H7.20004V3.99998H8.80004ZM8.80004 14.6666V12H7.20004V14.6666H8.80004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15717">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconCrosshair,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13476",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconCrosshair size={size} />,
+  },
 );
-figma.connect(IconCrosshair, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13476", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconCrosshair size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDatabase.tsx b/src/icons/IconDatabase.tsx
index 05e5f6c..609afe1 100644
--- a/src/icons/IconDatabase.tsx
+++ b/src/icons/IconDatabase.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDatabase = (props: IconProps) => (
-  <Icon {...props}><path d="M14.8 7.99998C14.8 7.55815 14.4418 7.19998 14 7.19998C13.5582 7.19998 13.2 7.55815 13.2 7.99998H14.8ZM2.8 7.99998C2.8 7.55815 2.44183 7.19998 2 7.19998C1.55817 7.19998 1.2 7.55815 1.2 7.99998H2.8ZM13.2 3.33331C13.2 3.25927 13.2457 3.31605 13.0333 3.48347C12.8299 3.64379 12.486 3.82314 11.9897 3.98858C11.0054 4.31666 9.5948 4.53331 8 4.53331V6.13331C9.71891 6.13331 11.3083 5.90225 12.4956 5.50647C13.0851 5.30998 13.6199 5.05837 14.0237 4.74013C14.4185 4.429 14.8 3.95964 14.8 3.33331H13.2ZM8 4.53331C6.4052 4.53331 4.99459 4.31666 4.01034 3.98858C3.51404 3.82314 3.17011 3.64379 2.96669 3.48347C2.75425 3.31605 2.8 3.25927 2.8 3.33331H1.2C1.2 3.95964 1.58154 4.429 1.97633 4.74013C2.38014 5.05837 2.9149 5.30998 3.50438 5.50647C4.6917 5.90225 6.28109 6.13331 8 6.13331V4.53331ZM2.8 3.33331C2.8 3.40736 2.75425 3.35057 2.96669 3.18315C3.17011 3.02284 3.51404 2.84348 4.01034 2.67805C4.99459 2.34996 6.4052 2.13331 8 2.13331V0.533313C6.28109 0.533313 4.6917 0.764378 3.50438 1.16015C2.9149 1.35665 2.38014 1.60825 1.97633 1.92649C1.58154 2.23763 1.2 2.70698 1.2 3.33331H2.8ZM8 2.13331C9.5948 2.13331 11.0054 2.34996 11.9897 2.67805C12.486 2.84348 12.8299 3.02284 13.0333 3.18315C13.2457 3.35057 13.2 3.40736 13.2 3.33331H14.8C14.8 2.70698 14.4185 2.23763 14.0237 1.92649C13.6199 1.60825 13.0851 1.35665 12.4956 1.16015C11.3083 0.764378 9.71891 0.533313 8 0.533313V2.13331ZM13.2 7.99998C13.2 7.92914 13.2439 7.98634 13.0344 8.15235C12.8329 8.31202 12.4914 8.491 11.9967 8.65615C11.0155 8.9837 9.60526 9.19998 8 9.19998V10.8C9.72808 10.8 11.3178 10.5696 12.5033 10.1738C13.092 9.9773 13.6254 9.72544 14.0281 9.40636C14.4228 9.09362 14.8 8.62415 14.8 7.99998H13.2ZM8 9.19998C6.39475 9.19998 4.98446 8.9837 4.00333 8.65615C3.50863 8.491 3.1671 8.31202 2.9656 8.15235C2.75611 7.98634 2.8 7.92914 2.8 7.99998H1.2C1.2 8.62415 1.57722 9.09362 1.9719 9.40636C2.37456 9.72544 2.90803 9.9773 3.49667 10.1738C4.68221 10.5696 6.27192 10.8 8 10.8V9.19998ZM1.2 3.33331V12.6666H2.8V3.33331H1.2ZM1.2 12.6666C1.2 13.2908 1.57722 13.7603 1.9719 14.073C2.37456 14.3921 2.90803 14.644 3.49667 14.8405C4.68221 15.2363 6.27192 15.4666 8 15.4666V13.8666C6.39475 13.8666 4.98446 13.6504 4.00333 13.3228C3.50863 13.1577 3.1671 12.9787 2.9656 12.819C2.75611 12.653 2.8 12.5958 2.8 12.6666H1.2ZM8 15.4666C9.72808 15.4666 11.3178 15.2363 12.5033 14.8405C13.092 14.644 13.6254 14.3921 14.0281 14.073C14.4228 13.7603 14.8 13.2908 14.8 12.6666H13.2C13.2 12.5958 13.2439 12.653 13.0344 12.819C12.8329 12.9787 12.4914 13.1577 11.9967 13.3228C11.0155 13.6504 9.60526 13.8666 8 13.8666V15.4666ZM14.8 12.6666V3.33331H13.2V12.6666H14.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.8 7.99998C14.8 7.55815 14.4418 7.19998 14 7.19998C13.5582 7.19998 13.2 7.55815 13.2 7.99998H14.8ZM2.8 7.99998C2.8 7.55815 2.44183 7.19998 2 7.19998C1.55817 7.19998 1.2 7.55815 1.2 7.99998H2.8ZM13.2 3.33331C13.2 3.25927 13.2457 3.31605 13.0333 3.48347C12.8299 3.64379 12.486 3.82314 11.9897 3.98858C11.0054 4.31666 9.5948 4.53331 8 4.53331V6.13331C9.71891 6.13331 11.3083 5.90225 12.4956 5.50647C13.0851 5.30998 13.6199 5.05837 14.0237 4.74013C14.4185 4.429 14.8 3.95964 14.8 3.33331H13.2ZM8 4.53331C6.4052 4.53331 4.99459 4.31666 4.01034 3.98858C3.51404 3.82314 3.17011 3.64379 2.96669 3.48347C2.75425 3.31605 2.8 3.25927 2.8 3.33331H1.2C1.2 3.95964 1.58154 4.429 1.97633 4.74013C2.38014 5.05837 2.9149 5.30998 3.50438 5.50647C4.6917 5.90225 6.28109 6.13331 8 6.13331V4.53331ZM2.8 3.33331C2.8 3.40736 2.75425 3.35057 2.96669 3.18315C3.17011 3.02284 3.51404 2.84348 4.01034 2.67805C4.99459 2.34996 6.4052 2.13331 8 2.13331V0.533313C6.28109 0.533313 4.6917 0.764378 3.50438 1.16015C2.9149 1.35665 2.38014 1.60825 1.97633 1.92649C1.58154 2.23763 1.2 2.70698 1.2 3.33331H2.8ZM8 2.13331C9.5948 2.13331 11.0054 2.34996 11.9897 2.67805C12.486 2.84348 12.8299 3.02284 13.0333 3.18315C13.2457 3.35057 13.2 3.40736 13.2 3.33331H14.8C14.8 2.70698 14.4185 2.23763 14.0237 1.92649C13.6199 1.60825 13.0851 1.35665 12.4956 1.16015C11.3083 0.764378 9.71891 0.533313 8 0.533313V2.13331ZM13.2 7.99998C13.2 7.92914 13.2439 7.98634 13.0344 8.15235C12.8329 8.31202 12.4914 8.491 11.9967 8.65615C11.0155 8.9837 9.60526 9.19998 8 9.19998V10.8C9.72808 10.8 11.3178 10.5696 12.5033 10.1738C13.092 9.9773 13.6254 9.72544 14.0281 9.40636C14.4228 9.09362 14.8 8.62415 14.8 7.99998H13.2ZM8 9.19998C6.39475 9.19998 4.98446 8.9837 4.00333 8.65615C3.50863 8.491 3.1671 8.31202 2.9656 8.15235C2.75611 7.98634 2.8 7.92914 2.8 7.99998H1.2C1.2 8.62415 1.57722 9.09362 1.9719 9.40636C2.37456 9.72544 2.90803 9.9773 3.49667 10.1738C4.68221 10.5696 6.27192 10.8 8 10.8V9.19998ZM1.2 3.33331V12.6666H2.8V3.33331H1.2ZM1.2 12.6666C1.2 13.2908 1.57722 13.7603 1.9719 14.073C2.37456 14.3921 2.90803 14.644 3.49667 14.8405C4.68221 15.2363 6.27192 15.4666 8 15.4666V13.8666C6.39475 13.8666 4.98446 13.6504 4.00333 13.3228C3.50863 13.1577 3.1671 12.9787 2.9656 12.819C2.75611 12.653 2.8 12.5958 2.8 12.6666H1.2ZM8 15.4666C9.72808 15.4666 11.3178 15.2363 12.5033 14.8405C13.092 14.644 13.6254 14.3921 14.0281 14.073C14.4228 13.7603 14.8 13.2908 14.8 12.6666H13.2C13.2 12.5958 13.2439 12.653 13.0344 12.819C12.8329 12.9787 12.4914 13.1577 11.9967 13.3228C11.0155 13.6504 9.60526 13.8666 8 13.8666V15.4666ZM14.8 12.6666V3.33331H13.2V12.6666H14.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconDatabase,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13478",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDatabase size={size} />,
+  },
 );
-figma.connect(IconDatabase, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13478", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDatabase size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDelete.tsx b/src/icons/IconDelete.tsx
index 62c94ef..0c9033b 100644
--- a/src/icons/IconDelete.tsx
+++ b/src/icons/IconDelete.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDelete = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15721)"><path d="M14.0001 2.66669V1.86669V2.66669ZM5.33341 2.66669V1.86669C5.10272 1.86669 4.88326 1.96627 4.73135 2.13988L5.33341 2.66669ZM0.666748 8.00002L0.0646867 7.47322C-0.199232 7.77484 -0.199232 8.2252 0.0646867 8.52682L0.666748 8.00002ZM5.33341 13.3334L4.73135 13.8602C4.88326 14.0338 5.10272 14.1334 5.33341 14.1334V13.3334ZM12.5658 6.56571C12.8782 6.25329 12.8782 5.74675 12.5658 5.43433C12.2533 5.12192 11.7468 5.12192 11.4344 5.43433L12.5658 6.56571ZM7.4344 9.43433C7.12198 9.74675 7.12198 10.2533 7.4344 10.5657C7.74681 10.8781 8.25335 10.8781 8.56577 10.5657L7.4344 9.43433ZM8.56577 5.43433C8.25335 5.12192 7.74681 5.12192 7.4344 5.43433C7.12198 5.74675 7.12198 6.25329 7.4344 6.56571L8.56577 5.43433ZM11.4344 10.5657C11.7468 10.8781 12.2533 10.8781 12.5658 10.5657C12.8782 10.2533 12.8782 9.74675 12.5658 9.43433L11.4344 10.5657ZM14.0001 1.86669H5.33341V3.46669H14.0001V1.86669ZM4.73135 2.13988L0.0646867 7.47322L1.26881 8.52682L5.93548 3.19349L4.73135 2.13988ZM0.0646867 8.52682L4.73135 13.8602L5.93548 12.8065L1.26881 7.47322L0.0646867 8.52682ZM5.33341 14.1334H14.0001V12.5334H5.33341V14.1334ZM14.0001 14.1334C14.5659 14.1334 15.1085 13.9086 15.5086 13.5085L14.3772 12.3771C14.2772 12.4772 14.1415 12.5334 14.0001 12.5334V14.1334ZM15.5086 13.5085C15.9087 13.1084 16.1334 12.5658 16.1334 12H14.5334C14.5334 12.1415 14.4772 12.2771 14.3772 12.3771L15.5086 13.5085ZM16.1334 12V4.00002H14.5334V12H16.1334ZM16.1334 4.00002C16.1334 3.43423 15.9087 2.8916 15.5086 2.49153L14.3772 3.6229C14.4772 3.72292 14.5334 3.85857 14.5334 4.00002H16.1334ZM15.5086 2.49153C15.1085 2.09145 14.5659 1.86669 14.0001 1.86669V3.46669C14.1415 3.46669 14.2772 3.52288 14.3772 3.6229L15.5086 2.49153ZM11.4344 5.43433L7.4344 9.43433L8.56577 10.5657L12.5658 6.56571L11.4344 5.43433ZM7.4344 6.56571L11.4344 10.5657L12.5658 9.43433L8.56577 5.43433L7.4344 6.56571Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15721"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15721)">
+      <path
+        d="M14.0001 2.66669V1.86669V2.66669ZM5.33341 2.66669V1.86669C5.10272 1.86669 4.88326 1.96627 4.73135 2.13988L5.33341 2.66669ZM0.666748 8.00002L0.0646867 7.47322C-0.199232 7.77484 -0.199232 8.2252 0.0646867 8.52682L0.666748 8.00002ZM5.33341 13.3334L4.73135 13.8602C4.88326 14.0338 5.10272 14.1334 5.33341 14.1334V13.3334ZM12.5658 6.56571C12.8782 6.25329 12.8782 5.74675 12.5658 5.43433C12.2533 5.12192 11.7468 5.12192 11.4344 5.43433L12.5658 6.56571ZM7.4344 9.43433C7.12198 9.74675 7.12198 10.2533 7.4344 10.5657C7.74681 10.8781 8.25335 10.8781 8.56577 10.5657L7.4344 9.43433ZM8.56577 5.43433C8.25335 5.12192 7.74681 5.12192 7.4344 5.43433C7.12198 5.74675 7.12198 6.25329 7.4344 6.56571L8.56577 5.43433ZM11.4344 10.5657C11.7468 10.8781 12.2533 10.8781 12.5658 10.5657C12.8782 10.2533 12.8782 9.74675 12.5658 9.43433L11.4344 10.5657ZM14.0001 1.86669H5.33341V3.46669H14.0001V1.86669ZM4.73135 2.13988L0.0646867 7.47322L1.26881 8.52682L5.93548 3.19349L4.73135 2.13988ZM0.0646867 8.52682L4.73135 13.8602L5.93548 12.8065L1.26881 7.47322L0.0646867 8.52682ZM5.33341 14.1334H14.0001V12.5334H5.33341V14.1334ZM14.0001 14.1334C14.5659 14.1334 15.1085 13.9086 15.5086 13.5085L14.3772 12.3771C14.2772 12.4772 14.1415 12.5334 14.0001 12.5334V14.1334ZM15.5086 13.5085C15.9087 13.1084 16.1334 12.5658 16.1334 12H14.5334C14.5334 12.1415 14.4772 12.2771 14.3772 12.3771L15.5086 13.5085ZM16.1334 12V4.00002H14.5334V12H16.1334ZM16.1334 4.00002C16.1334 3.43423 15.9087 2.8916 15.5086 2.49153L14.3772 3.6229C14.4772 3.72292 14.5334 3.85857 14.5334 4.00002H16.1334ZM15.5086 2.49153C15.1085 2.09145 14.5659 1.86669 14.0001 1.86669V3.46669C14.1415 3.46669 14.2772 3.52288 14.3772 3.6229L15.5086 2.49153ZM11.4344 5.43433L7.4344 9.43433L8.56577 10.5657L12.5658 6.56571L11.4344 5.43433ZM7.4344 6.56571L11.4344 10.5657L12.5658 9.43433L8.56577 5.43433L7.4344 6.56571Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15721">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconDelete,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13479",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDelete size={size} />,
+  },
 );
-figma.connect(IconDelete, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13479", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDelete size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDisc.tsx b/src/icons/IconDisc.tsx
index efdae41..e5f2628 100644
--- a/src/icons/IconDisc.tsx
+++ b/src/icons/IconDisc.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDisc = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15723)"><path d="M13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331ZM9.19992 7.99998C9.19992 8.66272 8.66266 9.19998 7.99992 9.19998V10.8C9.54632 10.8 10.7999 9.54638 10.7999 7.99998H9.19992ZM7.99992 9.19998C7.33718 9.19998 6.79992 8.66272 6.79992 7.99998H5.19992C5.19992 9.54638 6.45352 10.8 7.99992 10.8V9.19998ZM6.79992 7.99998C6.79992 7.33724 7.33718 6.79998 7.99992 6.79998V5.19998C6.45352 5.19998 5.19992 6.45358 5.19992 7.99998H6.79992ZM7.99992 6.79998C8.66266 6.79998 9.19992 7.33724 9.19992 7.99998H10.7999C10.7999 6.45358 9.54632 5.19998 7.99992 5.19998V6.79998Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15723"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15723)">
+      <path
+        d="M13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331ZM9.19992 7.99998C9.19992 8.66272 8.66266 9.19998 7.99992 9.19998V10.8C9.54632 10.8 10.7999 9.54638 10.7999 7.99998H9.19992ZM7.99992 9.19998C7.33718 9.19998 6.79992 8.66272 6.79992 7.99998H5.19992C5.19992 9.54638 6.45352 10.8 7.99992 10.8V9.19998ZM6.79992 7.99998C6.79992 7.33724 7.33718 6.79998 7.99992 6.79998V5.19998C6.45352 5.19998 5.19992 6.45358 5.19992 7.99998H6.79992ZM7.99992 6.79998C8.66266 6.79998 9.19992 7.33724 9.19992 7.99998H10.7999C10.7999 6.45358 9.54632 5.19998 7.99992 5.19998V6.79998Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15723">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconDisc,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13480",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDisc size={size} />,
+  },
 );
-figma.connect(IconDisc, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13480", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDisc size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDivide.tsx b/src/icons/IconDivide.tsx
index 172dc49..d4573d1 100644
--- a/src/icons/IconDivide.tsx
+++ b/src/icons/IconDivide.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDivide = (props: IconProps) => (
-  <Icon {...props}><path d="M3.3335 7.20002C2.89167 7.20002 2.5335 7.55819 2.5335 8.00002C2.5335 8.44185 2.89167 8.80002 3.3335 8.80002V7.20002ZM12.6668 8.80002C13.1087 8.80002 13.4668 8.44185 13.4668 8.00002C13.4668 7.55819 13.1087 7.20002 12.6668 7.20002V8.80002ZM8.5335 4.00002C8.5335 4.29457 8.29471 4.53335 8.00016 4.53335V6.13335C9.17837 6.13335 10.1335 5.17823 10.1335 4.00002H8.5335ZM8.00016 4.53335C7.70561 4.53335 7.46683 4.29457 7.46683 4.00002H5.86683C5.86683 5.17823 6.82195 6.13335 8.00016 6.13335V4.53335ZM7.46683 4.00002C7.46683 3.70547 7.70561 3.46669 8.00016 3.46669V1.86669C6.82195 1.86669 5.86683 2.82181 5.86683 4.00002H7.46683ZM8.00016 3.46669C8.29471 3.46669 8.5335 3.70547 8.5335 4.00002H10.1335C10.1335 2.82181 9.17837 1.86669 8.00016 1.86669V3.46669ZM3.3335 8.80002H12.6668V7.20002H3.3335V8.80002ZM8.5335 12C8.5335 12.2946 8.29471 12.5334 8.00016 12.5334V14.1334C9.17837 14.1334 10.1335 13.1782 10.1335 12H8.5335ZM8.00016 12.5334C7.70561 12.5334 7.46683 12.2946 7.46683 12H5.86683C5.86683 13.1782 6.82195 14.1334 8.00016 14.1334V12.5334ZM7.46683 12C7.46683 11.7055 7.70561 11.4667 8.00016 11.4667V9.86669C6.82195 9.86669 5.86683 10.8218 5.86683 12H7.46683ZM8.00016 11.4667C8.29471 11.4667 8.5335 11.7055 8.5335 12H10.1335C10.1335 10.8218 9.17837 9.86669 8.00016 9.86669V11.4667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.3335 7.20002C2.89167 7.20002 2.5335 7.55819 2.5335 8.00002C2.5335 8.44185 2.89167 8.80002 3.3335 8.80002V7.20002ZM12.6668 8.80002C13.1087 8.80002 13.4668 8.44185 13.4668 8.00002C13.4668 7.55819 13.1087 7.20002 12.6668 7.20002V8.80002ZM8.5335 4.00002C8.5335 4.29457 8.29471 4.53335 8.00016 4.53335V6.13335C9.17837 6.13335 10.1335 5.17823 10.1335 4.00002H8.5335ZM8.00016 4.53335C7.70561 4.53335 7.46683 4.29457 7.46683 4.00002H5.86683C5.86683 5.17823 6.82195 6.13335 8.00016 6.13335V4.53335ZM7.46683 4.00002C7.46683 3.70547 7.70561 3.46669 8.00016 3.46669V1.86669C6.82195 1.86669 5.86683 2.82181 5.86683 4.00002H7.46683ZM8.00016 3.46669C8.29471 3.46669 8.5335 3.70547 8.5335 4.00002H10.1335C10.1335 2.82181 9.17837 1.86669 8.00016 1.86669V3.46669ZM3.3335 8.80002H12.6668V7.20002H3.3335V8.80002ZM8.5335 12C8.5335 12.2946 8.29471 12.5334 8.00016 12.5334V14.1334C9.17837 14.1334 10.1335 13.1782 10.1335 12H8.5335ZM8.00016 12.5334C7.70561 12.5334 7.46683 12.2946 7.46683 12H5.86683C5.86683 13.1782 6.82195 14.1334 8.00016 14.1334V12.5334ZM7.46683 12C7.46683 11.7055 7.70561 11.4667 8.00016 11.4667V9.86669C6.82195 9.86669 5.86683 10.8218 5.86683 12H7.46683ZM8.00016 11.4667C8.29471 11.4667 8.5335 11.7055 8.5335 12H10.1335C10.1335 10.8218 9.17837 9.86669 8.00016 9.86669V11.4667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconDivide,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13482",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDivide size={size} />,
+  },
 );
-figma.connect(IconDivide, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13482", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDivide size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDivideCircle.tsx b/src/icons/IconDivideCircle.tsx
index bd5489b..11e2fbb 100644
--- a/src/icons/IconDivideCircle.tsx
+++ b/src/icons/IconDivideCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDivideCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15725)"><path d="M5.33325 7.19998C4.89142 7.19998 4.53325 7.55815 4.53325 7.99998C4.53325 8.44181 4.89142 8.79998 5.33325 8.79998V7.19998ZM10.6666 8.79998C11.1084 8.79998 11.4666 8.44181 11.4666 7.99998C11.4666 7.55815 11.1084 7.19998 10.6666 7.19998V8.79998ZM5.33325 8.79998H10.6666V7.19998H5.33325V8.79998ZM7.86659 10.6666C7.86659 10.593 7.92628 10.5333 7.99992 10.5333V12.1333C8.80994 12.1333 9.46659 11.4767 9.46659 10.6666H7.86659ZM7.99992 10.5333C8.07356 10.5333 8.13325 10.593 8.13325 10.6666H6.53325C6.53325 11.4767 7.1899 12.1333 7.99992 12.1333V10.5333ZM8.13325 10.6666C8.13325 10.7403 8.07356 10.8 7.99992 10.8V9.19998C7.1899 9.19998 6.53325 9.85663 6.53325 10.6666H8.13325ZM7.99992 10.8C7.92628 10.8 7.86659 10.7403 7.86659 10.6666H9.46659C9.46659 9.85663 8.80994 9.19998 7.99992 9.19998V10.8ZM7.86659 5.33331C7.86659 5.25967 7.92628 5.19998 7.99992 5.19998V6.79998C8.80994 6.79998 9.46659 6.14333 9.46659 5.33331H7.86659ZM7.99992 5.19998C8.07356 5.19998 8.13325 5.25968 8.13325 5.33331H6.53325C6.53325 6.14333 7.1899 6.79998 7.99992 6.79998V5.19998ZM8.13325 5.33331C8.13325 5.40695 8.07356 5.46665 7.99992 5.46665V3.86665C7.1899 3.86665 6.53325 4.5233 6.53325 5.33331H8.13325ZM7.99992 5.46665C7.92628 5.46665 7.86659 5.40695 7.86659 5.33331H9.46659C9.46659 4.52329 8.80994 3.86665 7.99992 3.86665V5.46665ZM13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15725"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15725)">
+      <path
+        d="M5.33325 7.19998C4.89142 7.19998 4.53325 7.55815 4.53325 7.99998C4.53325 8.44181 4.89142 8.79998 5.33325 8.79998V7.19998ZM10.6666 8.79998C11.1084 8.79998 11.4666 8.44181 11.4666 7.99998C11.4666 7.55815 11.1084 7.19998 10.6666 7.19998V8.79998ZM5.33325 8.79998H10.6666V7.19998H5.33325V8.79998ZM7.86659 10.6666C7.86659 10.593 7.92628 10.5333 7.99992 10.5333V12.1333C8.80994 12.1333 9.46659 11.4767 9.46659 10.6666H7.86659ZM7.99992 10.5333C8.07356 10.5333 8.13325 10.593 8.13325 10.6666H6.53325C6.53325 11.4767 7.1899 12.1333 7.99992 12.1333V10.5333ZM8.13325 10.6666C8.13325 10.7403 8.07356 10.8 7.99992 10.8V9.19998C7.1899 9.19998 6.53325 9.85663 6.53325 10.6666H8.13325ZM7.99992 10.8C7.92628 10.8 7.86659 10.7403 7.86659 10.6666H9.46659C9.46659 9.85663 8.80994 9.19998 7.99992 9.19998V10.8ZM7.86659 5.33331C7.86659 5.25967 7.92628 5.19998 7.99992 5.19998V6.79998C8.80994 6.79998 9.46659 6.14333 9.46659 5.33331H7.86659ZM7.99992 5.19998C8.07356 5.19998 8.13325 5.25968 8.13325 5.33331H6.53325C6.53325 6.14333 7.1899 6.79998 7.99992 6.79998V5.19998ZM8.13325 5.33331C8.13325 5.40695 8.07356 5.46665 7.99992 5.46665V3.86665C7.1899 3.86665 6.53325 4.5233 6.53325 5.33331H8.13325ZM7.99992 5.46665C7.92628 5.46665 7.86659 5.40695 7.86659 5.33331H9.46659C9.46659 4.52329 8.80994 3.86665 7.99992 3.86665V5.46665ZM13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15725">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconDivideCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13481",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDivideCircle size={size} />,
+  },
 );
-figma.connect(IconDivideCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13481", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDivideCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDivideSquare.tsx b/src/icons/IconDivideSquare.tsx
index 2113da9..e509380 100644
--- a/src/icons/IconDivideSquare.tsx
+++ b/src/icons/IconDivideSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDivideSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM10.6667 8.8C11.1085 8.8 11.4667 8.44183 11.4667 8C11.4667 7.55817 11.1085 7.2 10.6667 7.2V8.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.33333 8.8H10.6667V7.2H5.33333V8.8ZM7.86667 10.6667C7.86667 10.593 7.92636 10.5333 8 10.5333V12.1333C8.81002 12.1333 9.46667 11.4767 9.46667 10.6667H7.86667ZM8 10.5333C8.07364 10.5333 8.13333 10.593 8.13333 10.6667H6.53333C6.53333 11.4767 7.18998 12.1333 8 12.1333V10.5333ZM8.13333 10.6667C8.13333 10.7403 8.07364 10.8 8 10.8V9.2C7.18998 9.2 6.53333 9.85665 6.53333 10.6667H8.13333ZM8 10.8C7.92636 10.8 7.86667 10.7403 7.86667 10.6667H9.46667C9.46667 9.85665 8.81002 9.2 8 9.2V10.8ZM7.86667 5.33333C7.86667 5.2597 7.92636 5.2 8 5.2V6.8C8.81002 6.8 9.46667 6.14335 9.46667 5.33333H7.86667ZM8 5.2C8.07364 5.2 8.13333 5.2597 8.13333 5.33333H6.53333C6.53333 6.14335 7.18998 6.8 8 6.8V5.2ZM8.13333 5.33333C8.13333 5.40697 8.07364 5.46667 8 5.46667V3.86667C7.18998 3.86667 6.53333 4.52332 6.53333 5.33333H8.13333ZM8 5.46667C7.92636 5.46667 7.86667 5.40697 7.86667 5.33333H9.46667C9.46667 4.52332 8.81002 3.86667 8 3.86667V5.46667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM10.6667 8.8C11.1085 8.8 11.4667 8.44183 11.4667 8C11.4667 7.55817 11.1085 7.2 10.6667 7.2V8.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.33333 8.8H10.6667V7.2H5.33333V8.8ZM7.86667 10.6667C7.86667 10.593 7.92636 10.5333 8 10.5333V12.1333C8.81002 12.1333 9.46667 11.4767 9.46667 10.6667H7.86667ZM8 10.5333C8.07364 10.5333 8.13333 10.593 8.13333 10.6667H6.53333C6.53333 11.4767 7.18998 12.1333 8 12.1333V10.5333ZM8.13333 10.6667C8.13333 10.7403 8.07364 10.8 8 10.8V9.2C7.18998 9.2 6.53333 9.85665 6.53333 10.6667H8.13333ZM8 10.8C7.92636 10.8 7.86667 10.7403 7.86667 10.6667H9.46667C9.46667 9.85665 8.81002 9.2 8 9.2V10.8ZM7.86667 5.33333C7.86667 5.2597 7.92636 5.2 8 5.2V6.8C8.81002 6.8 9.46667 6.14335 9.46667 5.33333H7.86667ZM8 5.2C8.07364 5.2 8.13333 5.2597 8.13333 5.33333H6.53333C6.53333 6.14335 7.18998 6.8 8 6.8V5.2ZM8.13333 5.33333C8.13333 5.40697 8.07364 5.46667 8 5.46667V3.86667C7.18998 3.86667 6.53333 4.52332 6.53333 5.33333H8.13333ZM8 5.46667C7.92636 5.46667 7.86667 5.40697 7.86667 5.33333H9.46667C9.46667 4.52332 8.81002 3.86667 8 3.86667V5.46667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconDivideSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13483",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDivideSquare size={size} />,
+  },
 );
-figma.connect(IconDivideSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13483", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDivideSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDollarSign.tsx b/src/icons/IconDollarSign.tsx
index 05133ea..745a99d 100644
--- a/src/icons/IconDollarSign.tsx
+++ b/src/icons/IconDollarSign.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDollarSign = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15731)"><path d="M8.8 0.666656C8.8 0.224829 8.44183 -0.133344 8 -0.133344C7.55817 -0.133344 7.2 0.224829 7.2 0.666656H8.8ZM7.2 15.3333C7.2 15.7752 7.55817 16.1333 8 16.1333C8.44183 16.1333 8.8 15.7752 8.8 15.3333H7.2ZM11.3333 4.13332C11.7752 4.13332 12.1333 3.77515 12.1333 3.33332C12.1333 2.8915 11.7752 2.53332 11.3333 2.53332V4.13332ZM4 5.66666H3.2H4ZM6.33333 7.99999V8.79999V7.99999ZM9.66667 7.99999V7.19999V7.99999ZM9.66667 12.6667V13.4667V12.6667ZM4 11.8667C3.55817 11.8667 3.2 12.2248 3.2 12.6667C3.2 13.1085 3.55817 13.4667 4 13.4667V11.8667ZM7.2 0.666656V15.3333H8.8V0.666656H7.2ZM11.3333 2.53332H6.33333V4.13332H11.3333V2.53332ZM6.33333 2.53332C5.50232 2.53332 4.70535 2.86344 4.11773 3.45106L5.2491 4.58243C5.53666 4.29487 5.92667 4.13332 6.33333 4.13332V2.53332ZM4.11773 3.45106C3.53012 4.03867 3.2 4.83564 3.2 5.66666H4.8C4.8 5.25999 4.96155 4.86998 5.2491 4.58243L4.11773 3.45106ZM3.2 5.66666C3.2 6.49767 3.53012 7.29464 4.11773 7.88226L5.2491 6.75089C4.96155 6.46333 4.8 6.07332 4.8 5.66666H3.2ZM4.11773 7.88226C4.70535 8.46987 5.50232 8.79999 6.33333 8.79999V7.19999C5.92667 7.19999 5.53666 7.03844 5.2491 6.75089L4.11773 7.88226ZM6.33333 8.79999H9.66667V7.19999H6.33333V8.79999ZM9.66667 8.79999C10.0733 8.79999 10.4633 8.96154 10.7509 9.24909L11.8823 8.11772C11.2947 7.53011 10.4977 7.19999 9.66667 7.19999V8.79999ZM10.7509 9.24909C11.0385 9.53665 11.2 9.92666 11.2 10.3333H12.8C12.8 9.50231 12.4699 8.70534 11.8823 8.11772L10.7509 9.24909ZM11.2 10.3333C11.2 10.74 11.0385 11.13 10.7509 11.4176L11.8823 12.5489C12.4699 11.9613 12.8 11.1643 12.8 10.3333H11.2ZM10.7509 11.4176C10.4633 11.7051 10.0733 11.8667 9.66667 11.8667V13.4667C10.4977 13.4667 11.2947 13.1365 11.8823 12.5489L10.7509 11.4176ZM9.66667 11.8667H4V13.4667H9.66667V11.8667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15731"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15731)">
+      <path
+        d="M8.8 0.666656C8.8 0.224829 8.44183 -0.133344 8 -0.133344C7.55817 -0.133344 7.2 0.224829 7.2 0.666656H8.8ZM7.2 15.3333C7.2 15.7752 7.55817 16.1333 8 16.1333C8.44183 16.1333 8.8 15.7752 8.8 15.3333H7.2ZM11.3333 4.13332C11.7752 4.13332 12.1333 3.77515 12.1333 3.33332C12.1333 2.8915 11.7752 2.53332 11.3333 2.53332V4.13332ZM4 5.66666H3.2H4ZM6.33333 7.99999V8.79999V7.99999ZM9.66667 7.99999V7.19999V7.99999ZM9.66667 12.6667V13.4667V12.6667ZM4 11.8667C3.55817 11.8667 3.2 12.2248 3.2 12.6667C3.2 13.1085 3.55817 13.4667 4 13.4667V11.8667ZM7.2 0.666656V15.3333H8.8V0.666656H7.2ZM11.3333 2.53332H6.33333V4.13332H11.3333V2.53332ZM6.33333 2.53332C5.50232 2.53332 4.70535 2.86344 4.11773 3.45106L5.2491 4.58243C5.53666 4.29487 5.92667 4.13332 6.33333 4.13332V2.53332ZM4.11773 3.45106C3.53012 4.03867 3.2 4.83564 3.2 5.66666H4.8C4.8 5.25999 4.96155 4.86998 5.2491 4.58243L4.11773 3.45106ZM3.2 5.66666C3.2 6.49767 3.53012 7.29464 4.11773 7.88226L5.2491 6.75089C4.96155 6.46333 4.8 6.07332 4.8 5.66666H3.2ZM4.11773 7.88226C4.70535 8.46987 5.50232 8.79999 6.33333 8.79999V7.19999C5.92667 7.19999 5.53666 7.03844 5.2491 6.75089L4.11773 7.88226ZM6.33333 8.79999H9.66667V7.19999H6.33333V8.79999ZM9.66667 8.79999C10.0733 8.79999 10.4633 8.96154 10.7509 9.24909L11.8823 8.11772C11.2947 7.53011 10.4977 7.19999 9.66667 7.19999V8.79999ZM10.7509 9.24909C11.0385 9.53665 11.2 9.92666 11.2 10.3333H12.8C12.8 9.50231 12.4699 8.70534 11.8823 8.11772L10.7509 9.24909ZM11.2 10.3333C11.2 10.74 11.0385 11.13 10.7509 11.4176L11.8823 12.5489C12.4699 11.9613 12.8 11.1643 12.8 10.3333H11.2ZM10.7509 11.4176C10.4633 11.7051 10.0733 11.8667 9.66667 11.8667V13.4667C10.4977 13.4667 11.2947 13.1365 11.8823 12.5489L10.7509 11.4176ZM9.66667 11.8667H4V13.4667H9.66667V11.8667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15731">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconDollarSign,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13485",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDollarSign size={size} />,
+  },
 );
-figma.connect(IconDollarSign, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13485", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDollarSign size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDownload.tsx b/src/icons/IconDownload.tsx
index 630a83e..fed1017 100644
--- a/src/icons/IconDownload.tsx
+++ b/src/icons/IconDownload.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDownload = (props: IconProps) => (
-  <Icon {...props}><path d="M14.8 10C14.8 9.55817 14.4418 9.2 14 9.2C13.5582 9.2 13.2 9.55817 13.2 10H14.8ZM2 12.6667H1.2H2ZM2.8 10C2.8 9.55817 2.44183 9.2 2 9.2C1.55817 9.2 1.2 9.55817 1.2 10H2.8ZM5.23235 6.10098C4.91993 5.78856 4.4134 5.78856 4.10098 6.10098C3.78856 6.4134 3.78856 6.91993 4.10098 7.23235L5.23235 6.10098ZM8 10L7.43431 10.5657C7.74673 10.8781 8.25327 10.8781 8.56569 10.5657L8 10ZM11.899 7.23235C12.2114 6.91993 12.2114 6.4134 11.899 6.10098C11.5866 5.78856 11.0801 5.78856 10.7676 6.10098L11.899 7.23235ZM8.8 2C8.8 1.55817 8.44183 1.2 8 1.2C7.55817 1.2 7.2 1.55817 7.2 2H8.8ZM13.2 10V12.6667H14.8V10H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V10H1.2V12.6667H2.8ZM4.10098 7.23235L7.43431 10.5657L8.56569 9.43431L5.23235 6.10098L4.10098 7.23235ZM8.56569 10.5657L11.899 7.23235L10.7676 6.10098L7.43431 9.43431L8.56569 10.5657ZM8.8 10V2H7.2V10H8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.8 10C14.8 9.55817 14.4418 9.2 14 9.2C13.5582 9.2 13.2 9.55817 13.2 10H14.8ZM2 12.6667H1.2H2ZM2.8 10C2.8 9.55817 2.44183 9.2 2 9.2C1.55817 9.2 1.2 9.55817 1.2 10H2.8ZM5.23235 6.10098C4.91993 5.78856 4.4134 5.78856 4.10098 6.10098C3.78856 6.4134 3.78856 6.91993 4.10098 7.23235L5.23235 6.10098ZM8 10L7.43431 10.5657C7.74673 10.8781 8.25327 10.8781 8.56569 10.5657L8 10ZM11.899 7.23235C12.2114 6.91993 12.2114 6.4134 11.899 6.10098C11.5866 5.78856 11.0801 5.78856 10.7676 6.10098L11.899 7.23235ZM8.8 2C8.8 1.55817 8.44183 1.2 8 1.2C7.55817 1.2 7.2 1.55817 7.2 2H8.8ZM13.2 10V12.6667H14.8V10H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V10H1.2V12.6667H2.8ZM4.10098 7.23235L7.43431 10.5657L8.56569 9.43431L5.23235 6.10098L4.10098 7.23235ZM8.56569 10.5657L11.899 7.23235L10.7676 6.10098L7.43431 9.43431L8.56569 10.5657ZM8.8 10V2H7.2V10H8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconDownload,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13487",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDownload size={size} />,
+  },
 );
-figma.connect(IconDownload, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13487", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDownload size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDownloadCloud.tsx b/src/icons/IconDownloadCloud.tsx
index 01809de..b340ec3 100644
--- a/src/icons/IconDownloadCloud.tsx
+++ b/src/icons/IconDownloadCloud.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDownloadCloud = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15733)"><path d="M5.89903 10.7676C5.58662 10.4552 5.08008 10.4552 4.76766 10.7676C4.45524 11.0801 4.45524 11.5866 4.76766 11.899L5.89903 10.7676ZM8.00002 14L7.43433 14.5657C7.58436 14.7157 7.78784 14.8 8.00002 14.8C8.21219 14.8 8.41567 14.7157 8.5657 14.5657L8.00002 14ZM11.2324 11.899C11.5448 11.5866 11.5448 11.0801 11.2324 10.7676C10.9199 10.4552 10.4134 10.4552 10.101 10.7676L11.2324 11.899ZM8.80002 7.99999C8.80002 7.55816 8.44184 7.19999 8.00002 7.19999C7.55819 7.19999 7.20002 7.55816 7.20002 7.99999H8.80002ZM13.4598 11.4056C13.0984 11.6597 13.0115 12.1587 13.2656 12.5202C13.5198 12.8816 14.0188 12.9685 14.3802 12.7144L13.4598 11.4056ZM12 5.99999V6.79999L12.0006 6.79999L12 5.99999ZM11.16 5.99999L10.3851 6.19882C10.4759 6.55261 10.7948 6.79999 11.16 6.79999V5.99999ZM1.40091 11.3902C1.69371 11.721 2.19931 11.7519 2.53018 11.4591C2.86106 11.1663 2.89192 10.6607 2.59912 10.3298L1.40091 11.3902ZM4.76766 11.899L7.43433 14.5657L8.5657 13.4343L5.89903 10.7676L4.76766 11.899ZM8.5657 14.5657L11.2324 11.899L10.101 10.7676L7.43433 13.4343L8.5657 14.5657ZM7.20002 7.99999V14H8.80002V7.99999H7.20002ZM14.3802 12.7144C15.0989 12.209 15.6378 11.4877 15.9189 10.6553L14.4029 10.1436C14.2307 10.6538 13.9003 11.0958 13.4598 11.4056L14.3802 12.7144ZM15.9189 10.6553C16.1999 9.82282 16.2083 8.92248 15.9429 8.08491L14.4176 8.56816C14.5803 9.08151 14.5751 9.63334 14.4029 10.1436L15.9189 10.6553ZM15.9429 8.08491C15.6775 7.24734 15.1522 6.51611 14.4431 5.99736L13.4984 7.2887C13.933 7.60664 14.255 8.05481 14.4176 8.56816L15.9429 8.08491ZM14.4431 5.99736C13.734 5.4786 12.878 5.1993 11.9994 5.19999L12.0006 6.79999C12.5391 6.79956 13.0638 6.97075 13.4984 7.2887L14.4431 5.99736ZM12 5.19999H11.16V6.79999H12V5.19999ZM11.9349 5.80115C11.7043 4.90252 11.2729 4.06791 10.6731 3.36015L9.45245 4.3946C9.8958 4.91773 10.2147 5.53461 10.3851 6.19882L11.9349 5.80115ZM10.6731 3.36015C10.0733 2.65238 9.32069 2.08992 8.47204 1.71509L7.8256 3.17869C8.45287 3.45573 9.00911 3.87147 9.45245 4.3946L10.6731 3.36015ZM8.47204 1.71509C7.62339 1.34026 6.70076 1.16284 5.77362 1.19618L5.83112 2.79515C6.5164 2.7705 7.19834 2.90164 7.8256 3.17869L8.47204 1.71509ZM5.77362 1.19618C4.84647 1.22952 3.93897 1.47276 3.11944 1.90758L3.86933 3.32096C4.47508 2.99957 5.14584 2.81979 5.83112 2.79515L5.77362 1.19618ZM3.11944 1.90758C2.2999 2.3424 1.58969 2.95747 1.04226 3.70649L2.33403 4.65059C2.73865 4.09697 3.26359 3.64235 3.86933 3.32096L3.11944 1.90758ZM1.04226 3.70649C0.494828 4.45551 0.124453 5.31895 -0.040987 6.23183L1.53337 6.51715C1.65565 5.84241 1.92941 5.20421 2.33403 4.65059L1.04226 3.70649ZM-0.040987 6.23183C-0.206427 7.1447 -0.162619 8.08321 0.0871375 8.9767L1.62807 8.54597C1.44347 7.88556 1.41109 7.19188 1.53337 6.51715L-0.040987 6.23183ZM0.0871375 8.9767C0.336894 9.87019 0.786092 10.6954 1.40091 11.3902L2.59912 10.3298C2.14469 9.8163 1.81267 9.20637 1.62807 8.54597L0.0871375 8.9767Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15733"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15733)">
+      <path
+        d="M5.89903 10.7676C5.58662 10.4552 5.08008 10.4552 4.76766 10.7676C4.45524 11.0801 4.45524 11.5866 4.76766 11.899L5.89903 10.7676ZM8.00002 14L7.43433 14.5657C7.58436 14.7157 7.78784 14.8 8.00002 14.8C8.21219 14.8 8.41567 14.7157 8.5657 14.5657L8.00002 14ZM11.2324 11.899C11.5448 11.5866 11.5448 11.0801 11.2324 10.7676C10.9199 10.4552 10.4134 10.4552 10.101 10.7676L11.2324 11.899ZM8.80002 7.99999C8.80002 7.55816 8.44184 7.19999 8.00002 7.19999C7.55819 7.19999 7.20002 7.55816 7.20002 7.99999H8.80002ZM13.4598 11.4056C13.0984 11.6597 13.0115 12.1587 13.2656 12.5202C13.5198 12.8816 14.0188 12.9685 14.3802 12.7144L13.4598 11.4056ZM12 5.99999V6.79999L12.0006 6.79999L12 5.99999ZM11.16 5.99999L10.3851 6.19882C10.4759 6.55261 10.7948 6.79999 11.16 6.79999V5.99999ZM1.40091 11.3902C1.69371 11.721 2.19931 11.7519 2.53018 11.4591C2.86106 11.1663 2.89192 10.6607 2.59912 10.3298L1.40091 11.3902ZM4.76766 11.899L7.43433 14.5657L8.5657 13.4343L5.89903 10.7676L4.76766 11.899ZM8.5657 14.5657L11.2324 11.899L10.101 10.7676L7.43433 13.4343L8.5657 14.5657ZM7.20002 7.99999V14H8.80002V7.99999H7.20002ZM14.3802 12.7144C15.0989 12.209 15.6378 11.4877 15.9189 10.6553L14.4029 10.1436C14.2307 10.6538 13.9003 11.0958 13.4598 11.4056L14.3802 12.7144ZM15.9189 10.6553C16.1999 9.82282 16.2083 8.92248 15.9429 8.08491L14.4176 8.56816C14.5803 9.08151 14.5751 9.63334 14.4029 10.1436L15.9189 10.6553ZM15.9429 8.08491C15.6775 7.24734 15.1522 6.51611 14.4431 5.99736L13.4984 7.2887C13.933 7.60664 14.255 8.05481 14.4176 8.56816L15.9429 8.08491ZM14.4431 5.99736C13.734 5.4786 12.878 5.1993 11.9994 5.19999L12.0006 6.79999C12.5391 6.79956 13.0638 6.97075 13.4984 7.2887L14.4431 5.99736ZM12 5.19999H11.16V6.79999H12V5.19999ZM11.9349 5.80115C11.7043 4.90252 11.2729 4.06791 10.6731 3.36015L9.45245 4.3946C9.8958 4.91773 10.2147 5.53461 10.3851 6.19882L11.9349 5.80115ZM10.6731 3.36015C10.0733 2.65238 9.32069 2.08992 8.47204 1.71509L7.8256 3.17869C8.45287 3.45573 9.00911 3.87147 9.45245 4.3946L10.6731 3.36015ZM8.47204 1.71509C7.62339 1.34026 6.70076 1.16284 5.77362 1.19618L5.83112 2.79515C6.5164 2.7705 7.19834 2.90164 7.8256 3.17869L8.47204 1.71509ZM5.77362 1.19618C4.84647 1.22952 3.93897 1.47276 3.11944 1.90758L3.86933 3.32096C4.47508 2.99957 5.14584 2.81979 5.83112 2.79515L5.77362 1.19618ZM3.11944 1.90758C2.2999 2.3424 1.58969 2.95747 1.04226 3.70649L2.33403 4.65059C2.73865 4.09697 3.26359 3.64235 3.86933 3.32096L3.11944 1.90758ZM1.04226 3.70649C0.494828 4.45551 0.124453 5.31895 -0.040987 6.23183L1.53337 6.51715C1.65565 5.84241 1.92941 5.20421 2.33403 4.65059L1.04226 3.70649ZM-0.040987 6.23183C-0.206427 7.1447 -0.162619 8.08321 0.0871375 8.9767L1.62807 8.54597C1.44347 7.88556 1.41109 7.19188 1.53337 6.51715L-0.040987 6.23183ZM0.0871375 8.9767C0.336894 9.87019 0.786092 10.6954 1.40091 11.3902L2.59912 10.3298C2.14469 9.8163 1.81267 9.20637 1.62807 8.54597L0.0871375 8.9767Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15733">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconDownloadCloud,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13484",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDownloadCloud size={size} />,
+  },
 );
-figma.connect(IconDownloadCloud, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13484", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDownloadCloud size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDribbble.tsx b/src/icons/IconDribbble.tsx
index 7406e58..1ff4d92 100644
--- a/src/icons/IconDribbble.tsx
+++ b/src/icons/IconDribbble.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDribbble = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15737)"><path d="M6.35449 1.36389C6.09521 1.00613 5.59501 0.926295 5.23726 1.18557C4.8795 1.44484 4.79966 1.94504 5.05893 2.30279L6.35449 1.36389ZM10.2825 13.835C10.3865 14.2644 10.8189 14.5282 11.2483 14.4242C11.6777 14.3202 11.9416 13.8878 11.8376 13.4584L10.2825 13.835ZM13.3614 3.91329C13.6485 3.5775 13.6091 3.0725 13.2733 2.78535C12.9375 2.49819 12.4325 2.53761 12.1454 2.8734L13.3614 3.91329ZM1.4809 6.49357C1.0392 6.50414 0.6897 6.87078 0.70027 7.31248C0.710839 7.75418 1.07748 8.10368 1.51918 8.09311L1.4809 6.49357ZM14.2946 9.33318C14.7216 9.44664 15.1597 9.19246 15.2732 8.76545C15.3867 8.33844 15.1325 7.9003 14.7055 7.78684L14.2946 9.33318ZM8.54004 8.56001L8.27242 7.8061L8.27134 7.80648L8.54004 8.56001ZM2.92537 12.3136C2.67143 12.6751 2.75869 13.1741 3.12026 13.428C3.48182 13.6819 3.98078 13.5947 4.23471 13.2331L2.92537 12.3136ZM13.8667 8.00001C13.8667 11.2401 11.2401 13.8667 8.00004 13.8667V15.4667C12.1238 15.4667 15.4667 12.1237 15.4667 8.00001H13.8667ZM8.00004 13.8667C4.75997 13.8667 2.13337 11.2401 2.13337 8.00001H0.533374C0.533374 12.1237 3.87631 15.4667 8.00004 15.4667V13.8667ZM2.13337 8.00001C2.13337 4.75994 4.75997 2.13334 8.00004 2.13334V0.533343C3.87631 0.533343 0.533374 3.87628 0.533374 8.00001H2.13337ZM8.00004 2.13334C11.2401 2.13334 13.8667 4.75994 13.8667 8.00001H15.4667C15.4667 3.87628 12.1238 0.533343 8.00004 0.533343V2.13334ZM5.05893 2.30279C6.50245 4.29466 7.47122 5.81593 8.24618 7.50596C9.0221 9.19807 9.61782 11.0902 10.2825 13.835L11.8376 13.4584C11.1623 10.6698 10.538 8.66528 9.70057 6.83906C8.8622 5.01075 7.82429 3.39203 6.35449 1.36389L5.05893 2.30279ZM12.1454 2.8734C9.89724 5.50227 6.72103 6.36818 1.4809 6.49357L1.51918 8.09311C6.86571 7.96517 10.6495 7.08442 13.3614 3.91329L12.1454 2.8734ZM14.7055 7.78684C12.2519 7.1349 9.99609 7.19424 8.27242 7.8061L8.80766 9.31392C10.164 8.83245 12.0815 8.74512 14.2946 9.33318L14.7055 7.78684ZM8.27134 7.80648C6.35014 8.49156 4.60858 9.91688 2.92537 12.3136L4.23471 13.2331C5.7915 11.0165 7.28994 9.85512 8.80874 9.31354L8.27134 7.80648Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15737"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15737)">
+      <path
+        d="M6.35449 1.36389C6.09521 1.00613 5.59501 0.926295 5.23726 1.18557C4.8795 1.44484 4.79966 1.94504 5.05893 2.30279L6.35449 1.36389ZM10.2825 13.835C10.3865 14.2644 10.8189 14.5282 11.2483 14.4242C11.6777 14.3202 11.9416 13.8878 11.8376 13.4584L10.2825 13.835ZM13.3614 3.91329C13.6485 3.5775 13.6091 3.0725 13.2733 2.78535C12.9375 2.49819 12.4325 2.53761 12.1454 2.8734L13.3614 3.91329ZM1.4809 6.49357C1.0392 6.50414 0.6897 6.87078 0.70027 7.31248C0.710839 7.75418 1.07748 8.10368 1.51918 8.09311L1.4809 6.49357ZM14.2946 9.33318C14.7216 9.44664 15.1597 9.19246 15.2732 8.76545C15.3867 8.33844 15.1325 7.9003 14.7055 7.78684L14.2946 9.33318ZM8.54004 8.56001L8.27242 7.8061L8.27134 7.80648L8.54004 8.56001ZM2.92537 12.3136C2.67143 12.6751 2.75869 13.1741 3.12026 13.428C3.48182 13.6819 3.98078 13.5947 4.23471 13.2331L2.92537 12.3136ZM13.8667 8.00001C13.8667 11.2401 11.2401 13.8667 8.00004 13.8667V15.4667C12.1238 15.4667 15.4667 12.1237 15.4667 8.00001H13.8667ZM8.00004 13.8667C4.75997 13.8667 2.13337 11.2401 2.13337 8.00001H0.533374C0.533374 12.1237 3.87631 15.4667 8.00004 15.4667V13.8667ZM2.13337 8.00001C2.13337 4.75994 4.75997 2.13334 8.00004 2.13334V0.533343C3.87631 0.533343 0.533374 3.87628 0.533374 8.00001H2.13337ZM8.00004 2.13334C11.2401 2.13334 13.8667 4.75994 13.8667 8.00001H15.4667C15.4667 3.87628 12.1238 0.533343 8.00004 0.533343V2.13334ZM5.05893 2.30279C6.50245 4.29466 7.47122 5.81593 8.24618 7.50596C9.0221 9.19807 9.61782 11.0902 10.2825 13.835L11.8376 13.4584C11.1623 10.6698 10.538 8.66528 9.70057 6.83906C8.8622 5.01075 7.82429 3.39203 6.35449 1.36389L5.05893 2.30279ZM12.1454 2.8734C9.89724 5.50227 6.72103 6.36818 1.4809 6.49357L1.51918 8.09311C6.86571 7.96517 10.6495 7.08442 13.3614 3.91329L12.1454 2.8734ZM14.7055 7.78684C12.2519 7.1349 9.99609 7.19424 8.27242 7.8061L8.80766 9.31392C10.164 8.83245 12.0815 8.74512 14.2946 9.33318L14.7055 7.78684ZM8.27134 7.80648C6.35014 8.49156 4.60858 9.91688 2.92537 12.3136L4.23471 13.2331C5.7915 11.0165 7.28994 9.85512 8.80874 9.31354L8.27134 7.80648Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15737">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconDribbble,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13486",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDribbble size={size} />,
+  },
 );
-figma.connect(IconDribbble, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13486", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDribbble size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconDroplet.tsx b/src/icons/IconDroplet.tsx
index 70a6ec0..fbbfa37 100644
--- a/src/icons/IconDroplet.tsx
+++ b/src/icons/IconDroplet.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconDroplet = (props: IconProps) => (
-  <Icon {...props}><path d="M7.99992 1.79333L8.56561 1.22765C8.41549 1.07753 8.21187 0.993241 7.99957 0.993335C7.78727 0.993429 7.58372 1.0779 7.43374 1.22815L7.99992 1.79333ZM11.7733 5.56667L11.2076 6.13235L11.2078 6.13254L11.7733 5.56667ZM8.00326 14.6725V13.8725V14.6725ZM4.23326 5.56667L4.79876 6.13254L4.79944 6.13185L4.23326 5.56667ZM7.43424 2.35902L11.2076 6.13235L12.3389 5.00098L8.56561 1.22765L7.43424 2.35902ZM11.2078 6.13254C11.8421 6.76642 12.2741 7.57418 12.4493 8.45364L14.0184 8.14111C13.7815 6.95125 13.1969 5.8584 12.3388 5.0008L11.2078 6.13254ZM12.4493 8.45364C12.6244 9.3331 12.5348 10.2448 12.1918 11.0733L13.6701 11.6853C14.1342 10.5644 14.2554 9.33097 14.0184 8.14111L12.4493 8.45364ZM12.1918 11.0733C11.8488 11.9018 11.2677 12.61 10.5222 13.1083L11.4112 14.4385C12.4199 13.7644 13.206 12.8063 13.6701 11.6853L12.1918 11.0733ZM10.5222 13.1083C9.77659 13.6065 8.89999 13.8725 8.00326 13.8725V15.4725C9.21649 15.4725 10.4025 15.1127 11.4112 14.4385L10.5222 13.1083ZM8.00326 13.8725C7.10652 13.8725 6.22993 13.6065 5.48436 13.1083L4.59534 14.4385C5.60405 15.1127 6.79003 15.4725 8.00326 15.4725V13.8725ZM5.48436 13.1083C4.7388 12.61 4.15775 11.9018 3.81472 11.0733L2.33641 11.6853C2.80051 12.8063 3.58663 13.7644 4.59534 14.4385L5.48436 13.1083ZM3.81472 11.0733C3.47169 10.2448 3.38209 9.3331 3.55725 8.45364L1.98807 8.14111C1.75109 9.33097 1.87231 10.5644 2.33641 11.6853L3.81472 11.0733ZM3.55725 8.45364C3.73241 7.57418 4.16446 6.76642 4.79876 6.13254L3.66776 5.0008C2.80959 5.8584 2.22505 6.95125 1.98807 8.14111L3.55725 8.45364ZM4.79944 6.13185L8.56611 2.35852L7.43374 1.22815L3.66707 5.00148L4.79944 6.13185Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.99992 1.79333L8.56561 1.22765C8.41549 1.07753 8.21187 0.993241 7.99957 0.993335C7.78727 0.993429 7.58372 1.0779 7.43374 1.22815L7.99992 1.79333ZM11.7733 5.56667L11.2076 6.13235L11.2078 6.13254L11.7733 5.56667ZM8.00326 14.6725V13.8725V14.6725ZM4.23326 5.56667L4.79876 6.13254L4.79944 6.13185L4.23326 5.56667ZM7.43424 2.35902L11.2076 6.13235L12.3389 5.00098L8.56561 1.22765L7.43424 2.35902ZM11.2078 6.13254C11.8421 6.76642 12.2741 7.57418 12.4493 8.45364L14.0184 8.14111C13.7815 6.95125 13.1969 5.8584 12.3388 5.0008L11.2078 6.13254ZM12.4493 8.45364C12.6244 9.3331 12.5348 10.2448 12.1918 11.0733L13.6701 11.6853C14.1342 10.5644 14.2554 9.33097 14.0184 8.14111L12.4493 8.45364ZM12.1918 11.0733C11.8488 11.9018 11.2677 12.61 10.5222 13.1083L11.4112 14.4385C12.4199 13.7644 13.206 12.8063 13.6701 11.6853L12.1918 11.0733ZM10.5222 13.1083C9.77659 13.6065 8.89999 13.8725 8.00326 13.8725V15.4725C9.21649 15.4725 10.4025 15.1127 11.4112 14.4385L10.5222 13.1083ZM8.00326 13.8725C7.10652 13.8725 6.22993 13.6065 5.48436 13.1083L4.59534 14.4385C5.60405 15.1127 6.79003 15.4725 8.00326 15.4725V13.8725ZM5.48436 13.1083C4.7388 12.61 4.15775 11.9018 3.81472 11.0733L2.33641 11.6853C2.80051 12.8063 3.58663 13.7644 4.59534 14.4385L5.48436 13.1083ZM3.81472 11.0733C3.47169 10.2448 3.38209 9.3331 3.55725 8.45364L1.98807 8.14111C1.75109 9.33097 1.87231 10.5644 2.33641 11.6853L3.81472 11.0733ZM3.55725 8.45364C3.73241 7.57418 4.16446 6.76642 4.79876 6.13254L3.66776 5.0008C2.80959 5.8584 2.22505 6.95125 1.98807 8.14111L3.55725 8.45364ZM4.79944 6.13185L8.56611 2.35852L7.43374 1.22815L3.66707 5.00148L4.79944 6.13185Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconDroplet,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13488",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconDroplet size={size} />,
+  },
 );
-figma.connect(IconDroplet, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13488", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconDroplet size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconEdit.tsx b/src/icons/IconEdit.tsx
index 17a68d6..2516724 100644
--- a/src/icons/IconEdit.tsx
+++ b/src/icons/IconEdit.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconEdit = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15745)"><path d="M7.3335 3.46665C7.77532 3.46665 8.1335 3.10848 8.1335 2.66665C8.1335 2.22483 7.77532 1.86665 7.3335 1.86665V3.46665ZM2.66683 2.66665V1.86665V2.66665ZM1.3335 3.99999H0.533496H1.3335ZM1.3335 13.3333H0.533496H1.3335ZM14.1335 8.66665C14.1335 8.22483 13.7753 7.86665 13.3335 7.86665C12.8917 7.86665 12.5335 8.22483 12.5335 8.66665H14.1335ZM12.3335 1.66665L11.7678 1.10097V1.10097L12.3335 1.66665ZM13.3335 1.25244V0.452441V1.25244ZM14.3335 3.66665L13.7678 3.10097L14.3335 3.66665ZM8.00016 9.99999L8.19419 10.7761C8.33486 10.7409 8.46332 10.6682 8.56585 10.5657L8.00016 9.99999ZM5.3335 10.6667L4.55738 10.4726C4.48923 10.7452 4.56911 11.0336 4.76781 11.2323C4.96651 11.431 5.2549 11.5109 5.52752 11.4428L5.3335 10.6667ZM6.00016 7.99999L5.43448 7.4343C5.33195 7.53683 5.25922 7.66529 5.22405 7.80596L6.00016 7.99999ZM7.3335 1.86665H2.66683V3.46665H7.3335V1.86665ZM2.66683 1.86665C2.10103 1.86665 1.55841 2.09142 1.15833 2.49149L2.28971 3.62286C2.38973 3.52285 2.52538 3.46665 2.66683 3.46665V1.86665ZM1.15833 2.49149C0.758257 2.89157 0.533496 3.43419 0.533496 3.99999H2.1335C2.1335 3.85854 2.18969 3.72288 2.28971 3.62286L1.15833 2.49149ZM0.533496 3.99999V13.3333H2.1335V3.99999H0.533496ZM0.533496 13.3333C0.533496 13.8991 0.758257 14.4417 1.15833 14.8418L2.28971 13.7104C2.18969 13.6104 2.1335 13.4748 2.1335 13.3333H0.533496ZM1.15833 14.8418C1.55841 15.2419 2.10103 15.4667 2.66683 15.4667V13.8667C2.52538 13.8667 2.38973 13.8105 2.28971 13.7104L1.15833 14.8418ZM2.66683 15.4667H12.0002V13.8667H2.66683V15.4667ZM12.0002 15.4667C12.566 15.4667 13.1086 15.2419 13.5087 14.8418L12.3773 13.7104C12.2773 13.8105 12.1416 13.8667 12.0002 13.8667V15.4667ZM13.5087 14.8418C13.9087 14.4417 14.1335 13.8991 14.1335 13.3333H12.5335C12.5335 13.4748 12.4773 13.6104 12.3773 13.7104L13.5087 14.8418ZM14.1335 13.3333V8.66665H12.5335V13.3333H14.1335ZM12.8992 2.23234C13.0144 2.11715 13.1706 2.05244 13.3335 2.05244V0.452441C12.7462 0.452441 12.1831 0.685724 11.7678 1.10097L12.8992 2.23234ZM13.3335 2.05244C13.4964 2.05244 13.6526 2.11715 13.7678 2.23234L14.8992 1.10097C14.4839 0.685724 13.9207 0.452441 13.3335 0.452441V2.05244ZM13.7678 2.23234C13.883 2.34753 13.9477 2.50376 13.9477 2.66665H15.5477C15.5477 2.07941 15.3144 1.51622 14.8992 1.10097L13.7678 2.23234ZM13.9477 2.66665C13.9477 2.82955 13.883 2.98578 13.7678 3.10097L14.8992 4.23234C15.3144 3.81709 15.5477 3.2539 15.5477 2.66665H13.9477ZM13.7678 3.10097L7.43448 9.4343L8.56585 10.5657L14.8992 4.23234L13.7678 3.10097ZM7.80613 9.22387L5.13947 9.89054L5.52752 11.4428L8.19419 10.7761L7.80613 9.22387ZM6.10961 10.8607L6.77628 8.19402L5.22405 7.80596L4.55738 10.4726L6.10961 10.8607ZM6.56585 8.56567L12.8992 2.23234L11.7678 1.10097L5.43448 7.4343L6.56585 8.56567Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15745"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15745)">
+      <path
+        d="M7.3335 3.46665C7.77532 3.46665 8.1335 3.10848 8.1335 2.66665C8.1335 2.22483 7.77532 1.86665 7.3335 1.86665V3.46665ZM2.66683 2.66665V1.86665V2.66665ZM1.3335 3.99999H0.533496H1.3335ZM1.3335 13.3333H0.533496H1.3335ZM14.1335 8.66665C14.1335 8.22483 13.7753 7.86665 13.3335 7.86665C12.8917 7.86665 12.5335 8.22483 12.5335 8.66665H14.1335ZM12.3335 1.66665L11.7678 1.10097V1.10097L12.3335 1.66665ZM13.3335 1.25244V0.452441V1.25244ZM14.3335 3.66665L13.7678 3.10097L14.3335 3.66665ZM8.00016 9.99999L8.19419 10.7761C8.33486 10.7409 8.46332 10.6682 8.56585 10.5657L8.00016 9.99999ZM5.3335 10.6667L4.55738 10.4726C4.48923 10.7452 4.56911 11.0336 4.76781 11.2323C4.96651 11.431 5.2549 11.5109 5.52752 11.4428L5.3335 10.6667ZM6.00016 7.99999L5.43448 7.4343C5.33195 7.53683 5.25922 7.66529 5.22405 7.80596L6.00016 7.99999ZM7.3335 1.86665H2.66683V3.46665H7.3335V1.86665ZM2.66683 1.86665C2.10103 1.86665 1.55841 2.09142 1.15833 2.49149L2.28971 3.62286C2.38973 3.52285 2.52538 3.46665 2.66683 3.46665V1.86665ZM1.15833 2.49149C0.758257 2.89157 0.533496 3.43419 0.533496 3.99999H2.1335C2.1335 3.85854 2.18969 3.72288 2.28971 3.62286L1.15833 2.49149ZM0.533496 3.99999V13.3333H2.1335V3.99999H0.533496ZM0.533496 13.3333C0.533496 13.8991 0.758257 14.4417 1.15833 14.8418L2.28971 13.7104C2.18969 13.6104 2.1335 13.4748 2.1335 13.3333H0.533496ZM1.15833 14.8418C1.55841 15.2419 2.10103 15.4667 2.66683 15.4667V13.8667C2.52538 13.8667 2.38973 13.8105 2.28971 13.7104L1.15833 14.8418ZM2.66683 15.4667H12.0002V13.8667H2.66683V15.4667ZM12.0002 15.4667C12.566 15.4667 13.1086 15.2419 13.5087 14.8418L12.3773 13.7104C12.2773 13.8105 12.1416 13.8667 12.0002 13.8667V15.4667ZM13.5087 14.8418C13.9087 14.4417 14.1335 13.8991 14.1335 13.3333H12.5335C12.5335 13.4748 12.4773 13.6104 12.3773 13.7104L13.5087 14.8418ZM14.1335 13.3333V8.66665H12.5335V13.3333H14.1335ZM12.8992 2.23234C13.0144 2.11715 13.1706 2.05244 13.3335 2.05244V0.452441C12.7462 0.452441 12.1831 0.685724 11.7678 1.10097L12.8992 2.23234ZM13.3335 2.05244C13.4964 2.05244 13.6526 2.11715 13.7678 2.23234L14.8992 1.10097C14.4839 0.685724 13.9207 0.452441 13.3335 0.452441V2.05244ZM13.7678 2.23234C13.883 2.34753 13.9477 2.50376 13.9477 2.66665H15.5477C15.5477 2.07941 15.3144 1.51622 14.8992 1.10097L13.7678 2.23234ZM13.9477 2.66665C13.9477 2.82955 13.883 2.98578 13.7678 3.10097L14.8992 4.23234C15.3144 3.81709 15.5477 3.2539 15.5477 2.66665H13.9477ZM13.7678 3.10097L7.43448 9.4343L8.56585 10.5657L14.8992 4.23234L13.7678 3.10097ZM7.80613 9.22387L5.13947 9.89054L5.52752 11.4428L8.19419 10.7761L7.80613 9.22387ZM6.10961 10.8607L6.77628 8.19402L5.22405 7.80596L4.55738 10.4726L6.10961 10.8607ZM6.56585 8.56567L12.8992 2.23234L11.7678 1.10097L5.43448 7.4343L6.56585 8.56567Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15745">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconEdit,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13490",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconEdit size={size} />,
+  },
 );
-figma.connect(IconEdit, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13490", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconEdit size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconEdit2.tsx b/src/icons/IconEdit2.tsx
index 4d35ff3..b5564c4 100644
--- a/src/icons/IconEdit2.tsx
+++ b/src/icons/IconEdit2.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconEdit2 = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15741)"><path d="M11.3333 2.00001L10.7676 1.43432L11.3333 2.00001ZM12.6666 1.44772V0.647723V1.44772ZM14.5522 3.33334H15.3522H14.5522ZM13.9999 4.66667L14.5656 5.23236L13.9999 4.66667ZM4.99992 13.6667L5.21041 14.4385C5.34473 14.4019 5.46716 14.3308 5.5656 14.2324L4.99992 13.6667ZM1.33325 14.6667L0.561441 14.4562C0.485904 14.7331 0.564566 15.0294 0.767567 15.2324C0.970567 15.4354 1.26678 15.514 1.54375 15.4385L1.33325 14.6667ZM2.33325 11L1.76757 10.4343C1.66912 10.5328 1.59807 10.6552 1.56144 10.7895L2.33325 11ZM11.8989 2.56569C11.9997 2.46488 12.1194 2.38492 12.2511 2.33036L11.6388 0.852154C11.313 0.987119 11.0169 1.18494 10.7676 1.43432L11.8989 2.56569ZM12.2511 2.33036C12.3828 2.2758 12.524 2.24772 12.6666 2.24772V0.647723C12.3139 0.647723 11.9647 0.717189 11.6388 0.852154L12.2511 2.33036ZM12.6666 2.24772C12.8091 2.24772 12.9503 2.2758 13.082 2.33036L13.6943 0.852154C13.3685 0.717189 13.0193 0.647723 12.6666 0.647723V2.24772ZM13.082 2.33036C13.2137 2.38492 13.3334 2.46489 13.4342 2.56569L14.5656 1.43432C14.3162 1.18494 14.0202 0.987118 13.6943 0.852154L13.082 2.33036ZM13.4342 2.56569C13.535 2.6665 13.615 2.78618 13.6696 2.91789L15.1478 2.3056C15.0128 1.97976 14.815 1.6837 14.5656 1.43432L13.4342 2.56569ZM13.6696 2.91789C13.7241 3.0496 13.7522 3.19077 13.7522 3.33334H15.3522C15.3522 2.98066 15.2827 2.63144 15.1478 2.3056L13.6696 2.91789ZM13.7522 3.33334C13.7522 3.47591 13.7241 3.61708 13.6696 3.74879L15.1478 4.36108C15.2827 4.03525 15.3522 3.68602 15.3522 3.33334H13.7522ZM13.6696 3.74879C13.615 3.8805 13.535 4.00018 13.4342 4.10099L14.5656 5.23236C14.815 4.98298 15.0128 4.68692 15.1478 4.36108L13.6696 3.74879ZM13.4342 4.10099L4.43423 13.101L5.5656 14.2324L14.5656 5.23236L13.4342 4.10099ZM4.78942 12.8949L1.12276 13.8949L1.54375 15.4385L5.21041 14.4385L4.78942 12.8949ZM2.10506 14.8772L3.10506 11.2105L1.56144 10.7895L0.561441 14.4562L2.10506 14.8772ZM2.89894 11.5657L11.8989 2.56569L10.7676 1.43432L1.76757 10.4343L2.89894 11.5657Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15741"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15741)">
+      <path
+        d="M11.3333 2.00001L10.7676 1.43432L11.3333 2.00001ZM12.6666 1.44772V0.647723V1.44772ZM14.5522 3.33334H15.3522H14.5522ZM13.9999 4.66667L14.5656 5.23236L13.9999 4.66667ZM4.99992 13.6667L5.21041 14.4385C5.34473 14.4019 5.46716 14.3308 5.5656 14.2324L4.99992 13.6667ZM1.33325 14.6667L0.561441 14.4562C0.485904 14.7331 0.564566 15.0294 0.767567 15.2324C0.970567 15.4354 1.26678 15.514 1.54375 15.4385L1.33325 14.6667ZM2.33325 11L1.76757 10.4343C1.66912 10.5328 1.59807 10.6552 1.56144 10.7895L2.33325 11ZM11.8989 2.56569C11.9997 2.46488 12.1194 2.38492 12.2511 2.33036L11.6388 0.852154C11.313 0.987119 11.0169 1.18494 10.7676 1.43432L11.8989 2.56569ZM12.2511 2.33036C12.3828 2.2758 12.524 2.24772 12.6666 2.24772V0.647723C12.3139 0.647723 11.9647 0.717189 11.6388 0.852154L12.2511 2.33036ZM12.6666 2.24772C12.8091 2.24772 12.9503 2.2758 13.082 2.33036L13.6943 0.852154C13.3685 0.717189 13.0193 0.647723 12.6666 0.647723V2.24772ZM13.082 2.33036C13.2137 2.38492 13.3334 2.46489 13.4342 2.56569L14.5656 1.43432C14.3162 1.18494 14.0202 0.987118 13.6943 0.852154L13.082 2.33036ZM13.4342 2.56569C13.535 2.6665 13.615 2.78618 13.6696 2.91789L15.1478 2.3056C15.0128 1.97976 14.815 1.6837 14.5656 1.43432L13.4342 2.56569ZM13.6696 2.91789C13.7241 3.0496 13.7522 3.19077 13.7522 3.33334H15.3522C15.3522 2.98066 15.2827 2.63144 15.1478 2.3056L13.6696 2.91789ZM13.7522 3.33334C13.7522 3.47591 13.7241 3.61708 13.6696 3.74879L15.1478 4.36108C15.2827 4.03525 15.3522 3.68602 15.3522 3.33334H13.7522ZM13.6696 3.74879C13.615 3.8805 13.535 4.00018 13.4342 4.10099L14.5656 5.23236C14.815 4.98298 15.0128 4.68692 15.1478 4.36108L13.6696 3.74879ZM13.4342 4.10099L4.43423 13.101L5.5656 14.2324L14.5656 5.23236L13.4342 4.10099ZM4.78942 12.8949L1.12276 13.8949L1.54375 15.4385L5.21041 14.4385L4.78942 12.8949ZM2.10506 14.8772L3.10506 11.2105L1.56144 10.7895L0.561441 14.4562L2.10506 14.8772ZM2.89894 11.5657L11.8989 2.56569L10.7676 1.43432L1.76757 10.4343L2.89894 11.5657Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15741">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconEdit2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13489",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconEdit2 size={size} />,
+  },
 );
-figma.connect(IconEdit2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13489", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconEdit2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconEdit3.tsx b/src/icons/IconEdit3.tsx
index 634add5..8218c1d 100644
--- a/src/icons/IconEdit3.tsx
+++ b/src/icons/IconEdit3.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconEdit3 = (props: IconProps) => (
-  <Icon {...props}><path d="M8 12.5333C7.55817 12.5333 7.2 12.8915 7.2 13.3333C7.2 13.7752 7.55817 14.1333 8 14.1333V12.5333ZM14 14.1333C14.4418 14.1333 14.8 13.7752 14.8 13.3333C14.8 12.8915 14.4418 12.5333 14 12.5333V14.1333ZM11 2.33334L10.4343 1.76766V1.76766L11 2.33334ZM12 1.91913V1.11913V1.91913ZM13.4142 3.33334H12.6142H13.4142ZM13 4.33334L12.4343 3.76766L13 4.33334ZM4.66667 12.6667L4.8607 13.4428C5.00136 13.4076 5.12982 13.3349 5.23235 13.2324L4.66667 12.6667ZM2 13.3333L1.22389 13.1393C1.15573 13.4119 1.23561 13.7003 1.43431 13.899C1.63302 14.0977 1.92141 14.1776 2.19403 14.1095L2 13.3333ZM2.66667 10.6667L2.10098 10.101C1.99845 10.2035 1.92572 10.332 1.89055 10.4726L2.66667 10.6667ZM8 14.1333H14V12.5333H8V14.1333ZM11.5657 2.89903C11.6809 2.78384 11.8371 2.71913 12 2.71913V1.11913C11.4128 1.11913 10.8496 1.35241 10.4343 1.76766L11.5657 2.89903ZM12 2.71913C12.0807 2.71913 12.1605 2.73502 12.235 2.76588L12.8473 1.28768C12.5787 1.1764 12.2908 1.11913 12 1.11913V2.71913ZM12.235 2.76588C12.3096 2.79675 12.3773 2.84199 12.4343 2.89903L13.5657 1.76766C13.3601 1.56205 13.116 1.39895 12.8473 1.28768L12.235 2.76588ZM12.4343 2.89903C12.4913 2.95606 12.5366 3.02377 12.5675 3.09829L14.0457 2.486C13.9344 2.21736 13.7713 1.97327 13.5657 1.76766L12.4343 2.89903ZM12.5675 3.09829C12.5983 3.17281 12.6142 3.25268 12.6142 3.33334H14.2142C14.2142 3.04257 14.1569 2.75464 14.0457 2.486L12.5675 3.09829ZM12.6142 3.33334C12.6142 3.414 12.5983 3.49387 12.5675 3.56839L14.0457 4.18068C14.1569 3.91204 14.2142 3.62412 14.2142 3.33334H12.6142ZM12.5675 3.56839C12.5366 3.64291 12.4913 3.71062 12.4343 3.76766L13.5657 4.89903C13.7713 4.69342 13.9344 4.44933 14.0457 4.18068L12.5675 3.56839ZM12.4343 3.76766L4.10098 12.101L5.23235 13.2324L13.5657 4.89903L12.4343 3.76766ZM4.47264 11.8906L1.80597 12.5572L2.19403 14.1095L4.8607 13.4428L4.47264 11.8906ZM2.77611 13.5274L3.44278 10.8607L1.89055 10.4726L1.22389 13.1393L2.77611 13.5274ZM3.23235 11.2324L11.5657 2.89903L10.4343 1.76766L2.10098 10.101L3.23235 11.2324Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8 12.5333C7.55817 12.5333 7.2 12.8915 7.2 13.3333C7.2 13.7752 7.55817 14.1333 8 14.1333V12.5333ZM14 14.1333C14.4418 14.1333 14.8 13.7752 14.8 13.3333C14.8 12.8915 14.4418 12.5333 14 12.5333V14.1333ZM11 2.33334L10.4343 1.76766V1.76766L11 2.33334ZM12 1.91913V1.11913V1.91913ZM13.4142 3.33334H12.6142H13.4142ZM13 4.33334L12.4343 3.76766L13 4.33334ZM4.66667 12.6667L4.8607 13.4428C5.00136 13.4076 5.12982 13.3349 5.23235 13.2324L4.66667 12.6667ZM2 13.3333L1.22389 13.1393C1.15573 13.4119 1.23561 13.7003 1.43431 13.899C1.63302 14.0977 1.92141 14.1776 2.19403 14.1095L2 13.3333ZM2.66667 10.6667L2.10098 10.101C1.99845 10.2035 1.92572 10.332 1.89055 10.4726L2.66667 10.6667ZM8 14.1333H14V12.5333H8V14.1333ZM11.5657 2.89903C11.6809 2.78384 11.8371 2.71913 12 2.71913V1.11913C11.4128 1.11913 10.8496 1.35241 10.4343 1.76766L11.5657 2.89903ZM12 2.71913C12.0807 2.71913 12.1605 2.73502 12.235 2.76588L12.8473 1.28768C12.5787 1.1764 12.2908 1.11913 12 1.11913V2.71913ZM12.235 2.76588C12.3096 2.79675 12.3773 2.84199 12.4343 2.89903L13.5657 1.76766C13.3601 1.56205 13.116 1.39895 12.8473 1.28768L12.235 2.76588ZM12.4343 2.89903C12.4913 2.95606 12.5366 3.02377 12.5675 3.09829L14.0457 2.486C13.9344 2.21736 13.7713 1.97327 13.5657 1.76766L12.4343 2.89903ZM12.5675 3.09829C12.5983 3.17281 12.6142 3.25268 12.6142 3.33334H14.2142C14.2142 3.04257 14.1569 2.75464 14.0457 2.486L12.5675 3.09829ZM12.6142 3.33334C12.6142 3.414 12.5983 3.49387 12.5675 3.56839L14.0457 4.18068C14.1569 3.91204 14.2142 3.62412 14.2142 3.33334H12.6142ZM12.5675 3.56839C12.5366 3.64291 12.4913 3.71062 12.4343 3.76766L13.5657 4.89903C13.7713 4.69342 13.9344 4.44933 14.0457 4.18068L12.5675 3.56839ZM12.4343 3.76766L4.10098 12.101L5.23235 13.2324L13.5657 4.89903L12.4343 3.76766ZM4.47264 11.8906L1.80597 12.5572L2.19403 14.1095L4.8607 13.4428L4.47264 11.8906ZM2.77611 13.5274L3.44278 10.8607L1.89055 10.4726L1.22389 13.1393L2.77611 13.5274ZM3.23235 11.2324L11.5657 2.89903L10.4343 1.76766L2.10098 10.101L3.23235 11.2324Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconEdit3,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13491",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconEdit3 size={size} />,
+  },
 );
-figma.connect(IconEdit3, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13491", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconEdit3 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconExternalLink.tsx b/src/icons/IconExternalLink.tsx
index 711f7ce..641c4e6 100644
--- a/src/icons/IconExternalLink.tsx
+++ b/src/icons/IconExternalLink.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconExternalLink = (props: IconProps) => (
-  <Icon {...props}><path d="M12.8 8.66667C12.8 8.22484 12.4418 7.86667 12 7.86667C11.5582 7.86667 11.2 8.22484 11.2 8.66667H12.8ZM2 12.6667H1.2H2ZM3.33333 4V3.2V4ZM7.33333 4.8C7.77516 4.8 8.13333 4.44183 8.13333 4C8.13333 3.55817 7.77516 3.2 7.33333 3.2V4.8ZM10 1.2C9.55817 1.2 9.2 1.55817 9.2 2C9.2 2.44183 9.55817 2.8 10 2.8V1.2ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM13.2 6C13.2 6.44183 13.5582 6.8 14 6.8C14.4418 6.8 14.8 6.44183 14.8 6H13.2ZM6.10098 8.76765C5.78856 9.08007 5.78856 9.5866 6.10098 9.89902C6.4134 10.2114 6.91993 10.2114 7.23235 9.89902L6.10098 8.76765ZM11.2 8.66667V12.6667H12.8V8.66667H11.2ZM11.2 12.6667C11.2 12.8081 11.1438 12.9438 11.0438 13.0438L12.1752 14.1752C12.5752 13.7751 12.8 13.2325 12.8 12.6667H11.2ZM11.0438 13.0438C10.9438 13.1438 10.8081 13.2 10.6667 13.2V14.8C11.2325 14.8 11.7751 14.5752 12.1752 14.1752L11.0438 13.0438ZM10.6667 13.2H3.33333V14.8H10.6667V13.2ZM3.33333 13.2C3.19188 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V5.33333H1.2V12.6667H2.8ZM2.8 5.33333C2.8 5.19188 2.85619 5.05623 2.95621 4.95621L1.82484 3.82484C1.42476 4.22492 1.2 4.76754 1.2 5.33333H2.8ZM2.95621 4.95621C3.05623 4.85619 3.19188 4.8 3.33333 4.8V3.2C2.76754 3.2 2.22492 3.42476 1.82484 3.82484L2.95621 4.95621ZM3.33333 4.8H7.33333V3.2H3.33333V4.8ZM10 2.8H14V1.2H10V2.8ZM13.2 2V6H14.8V2H13.2ZM7.23235 9.89902L14.5657 2.56569L13.4343 1.43431L6.10098 8.76765L7.23235 9.89902Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.8 8.66667C12.8 8.22484 12.4418 7.86667 12 7.86667C11.5582 7.86667 11.2 8.22484 11.2 8.66667H12.8ZM2 12.6667H1.2H2ZM3.33333 4V3.2V4ZM7.33333 4.8C7.77516 4.8 8.13333 4.44183 8.13333 4C8.13333 3.55817 7.77516 3.2 7.33333 3.2V4.8ZM10 1.2C9.55817 1.2 9.2 1.55817 9.2 2C9.2 2.44183 9.55817 2.8 10 2.8V1.2ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM13.2 6C13.2 6.44183 13.5582 6.8 14 6.8C14.4418 6.8 14.8 6.44183 14.8 6H13.2ZM6.10098 8.76765C5.78856 9.08007 5.78856 9.5866 6.10098 9.89902C6.4134 10.2114 6.91993 10.2114 7.23235 9.89902L6.10098 8.76765ZM11.2 8.66667V12.6667H12.8V8.66667H11.2ZM11.2 12.6667C11.2 12.8081 11.1438 12.9438 11.0438 13.0438L12.1752 14.1752C12.5752 13.7751 12.8 13.2325 12.8 12.6667H11.2ZM11.0438 13.0438C10.9438 13.1438 10.8081 13.2 10.6667 13.2V14.8C11.2325 14.8 11.7751 14.5752 12.1752 14.1752L11.0438 13.0438ZM10.6667 13.2H3.33333V14.8H10.6667V13.2ZM3.33333 13.2C3.19188 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V5.33333H1.2V12.6667H2.8ZM2.8 5.33333C2.8 5.19188 2.85619 5.05623 2.95621 4.95621L1.82484 3.82484C1.42476 4.22492 1.2 4.76754 1.2 5.33333H2.8ZM2.95621 4.95621C3.05623 4.85619 3.19188 4.8 3.33333 4.8V3.2C2.76754 3.2 2.22492 3.42476 1.82484 3.82484L2.95621 4.95621ZM3.33333 4.8H7.33333V3.2H3.33333V4.8ZM10 2.8H14V1.2H10V2.8ZM13.2 2V6H14.8V2H13.2ZM7.23235 9.89902L14.5657 2.56569L13.4343 1.43431L6.10098 8.76765L7.23235 9.89902Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconExternalLink,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13493",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconExternalLink size={size} />,
+  },
 );
-figma.connect(IconExternalLink, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13493", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconExternalLink size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconEye.tsx b/src/icons/IconEye.tsx
index d11aac6..989f2e8 100644
--- a/src/icons/IconEye.tsx
+++ b/src/icons/IconEye.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconEye = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15751)"><path d="M0.666687 8L-0.0488548 7.64223C-0.161466 7.86746 -0.161466 8.13255 -0.0488548 8.35778L0.666687 8ZM15.3334 8L16.0489 8.35778C16.1615 8.13255 16.1615 7.86746 16.0489 7.64223L15.3334 8ZM0.666687 8C1.38223 8.35778 1.38212 8.358 1.38201 8.3582C1.38199 8.35825 1.3819 8.35843 1.38186 8.35851C1.38178 8.35868 1.38173 8.35877 1.38173 8.35877C1.38172 8.35879 1.38187 8.35848 1.38219 8.35787C1.38281 8.35664 1.38407 8.35417 1.38596 8.35049C1.38974 8.34313 1.39606 8.33095 1.40488 8.31428C1.42252 8.28094 1.45017 8.22967 1.48765 8.16305C1.56266 8.02969 1.67668 7.83546 1.8283 7.60069C2.13253 7.12962 2.58289 6.50353 3.16698 5.88049C4.34977 4.61885 5.98629 3.46667 8.00002 3.46667V1.86667C5.34708 1.86667 3.31694 3.38116 1.99972 4.78619C1.33382 5.49648 0.825839 6.20372 0.484239 6.73265C0.312942 6.99788 0.182175 7.22032 0.0931245 7.37863C0.0485693 7.45784 0.0143675 7.52116 -0.00932777 7.56593C-0.021178 7.58833 -0.0304089 7.6061 -0.0370011 7.61892C-0.0402974 7.62534 -0.042935 7.63051 -0.0449111 7.63441C-0.0458992 7.63636 -0.0467221 7.63799 -0.0473794 7.63929C-0.0477082 7.63995 -0.0479954 7.64052 -0.0482413 7.64101C-0.0483642 7.64125 -0.0485178 7.64156 -0.0485791 7.64168C-0.048722 7.64197 -0.0488548 7.64223 0.666687 8ZM8.00002 3.46667C10.0137 3.46667 11.6503 4.61885 12.8331 5.88049C13.4172 6.50353 13.8675 7.12962 14.1717 7.60069C14.3234 7.83546 14.4374 8.02969 14.5124 8.16305C14.5499 8.22967 14.5775 8.28094 14.5952 8.31428C14.604 8.33095 14.6103 8.34313 14.6141 8.35049C14.616 8.35417 14.6172 8.35664 14.6179 8.35787C14.6182 8.35848 14.6183 8.35879 14.6183 8.35877C14.6183 8.35877 14.6183 8.35868 14.6182 8.35851C14.6181 8.35843 14.618 8.35825 14.618 8.3582C14.6179 8.358 14.6178 8.35778 15.3334 8C16.0489 7.64223 16.0488 7.64197 16.0486 7.64168C16.0486 7.64156 16.0484 7.64125 16.0483 7.64101C16.048 7.64052 16.0477 7.63995 16.0474 7.63929C16.0468 7.63799 16.0459 7.63636 16.045 7.63441C16.043 7.63051 16.0403 7.62534 16.037 7.61892C16.0304 7.6061 16.0212 7.58833 16.0094 7.56593C15.9857 7.52116 15.9515 7.45784 15.9069 7.37863C15.8179 7.22032 15.6871 6.99788 15.5158 6.73265C15.1742 6.20372 14.6662 5.49648 14.0003 4.78619C12.6831 3.38116 10.653 1.86667 8.00002 1.86667V3.46667ZM15.3334 8C14.6178 7.64223 14.6179 7.64201 14.618 7.6418C14.618 7.64176 14.6181 7.64158 14.6182 7.6415C14.6183 7.64133 14.6183 7.64124 14.6183 7.64124C14.6183 7.64122 14.6182 7.64153 14.6179 7.64214C14.6172 7.64337 14.616 7.64584 14.6141 7.64952C14.6103 7.65688 14.604 7.66906 14.5952 7.68573C14.5775 7.71907 14.5499 7.77034 14.5124 7.83696C14.4374 7.97032 14.3234 8.16455 14.1717 8.39932C13.8675 8.87039 13.4172 9.49648 12.8331 10.1195C11.6503 11.3812 10.0137 12.5333 8.00002 12.5333V14.1333C10.653 14.1333 12.6831 12.6189 14.0003 11.2138C14.6662 10.5035 15.1742 9.79629 15.5158 9.26736C15.6871 9.00212 15.8179 8.77969 15.9069 8.62138C15.9515 8.54217 15.9857 8.47885 16.0094 8.43408C16.0212 8.41168 16.0304 8.39391 16.037 8.38109C16.0403 8.37467 16.043 8.3695 16.045 8.3656C16.0459 8.36365 16.0468 8.36202 16.0474 8.36071C16.0477 8.36006 16.048 8.35949 16.0483 8.359C16.0484 8.35876 16.0486 8.35845 16.0486 8.35833C16.0488 8.35804 16.0489 8.35778 15.3334 8ZM8.00002 12.5333C5.98629 12.5333 4.34977 11.3812 3.16698 10.1195C2.58289 9.49648 2.13253 8.87039 1.8283 8.39932C1.67668 8.16455 1.56266 7.97032 1.48765 7.83696C1.45017 7.77034 1.42252 7.71907 1.40488 7.68573C1.39606 7.66906 1.38974 7.65688 1.38596 7.64952C1.38407 7.64584 1.38281 7.64337 1.38219 7.64214C1.38187 7.64153 1.38172 7.64122 1.38173 7.64124C1.38173 7.64124 1.38178 7.64133 1.38186 7.6415C1.3819 7.64158 1.38199 7.64176 1.38201 7.6418C1.38212 7.64201 1.38223 7.64223 0.666687 8C-0.0488548 8.35778 -0.048722 8.35804 -0.0485791 8.35833C-0.0485178 8.35845 -0.0483642 8.35876 -0.0482413 8.359C-0.0479954 8.35949 -0.0477082 8.36006 -0.0473794 8.36071C-0.0467221 8.36202 -0.0458992 8.36365 -0.0449111 8.3656C-0.042935 8.3695 -0.0402974 8.37467 -0.0370011 8.38109C-0.0304089 8.39391 -0.021178 8.41168 -0.00932777 8.43408C0.0143675 8.47885 0.0485693 8.54217 0.0931245 8.62138C0.182175 8.77969 0.312942 9.00212 0.484239 9.26736C0.825839 9.79629 1.33382 10.5035 1.99972 11.2138C3.31694 12.6189 5.34708 14.1333 8.00002 14.1333V12.5333ZM9.20002 8C9.20002 8.66275 8.66276 9.2 8.00002 9.2V10.8C9.54642 10.8 10.8 9.5464 10.8 8H9.20002ZM8.00002 9.2C7.33728 9.2 6.80002 8.66275 6.80002 8H5.20002C5.20002 9.5464 6.45362 10.8 8.00002 10.8V9.2ZM6.80002 8C6.80002 7.33726 7.33728 6.8 8.00002 6.8V5.2C6.45362 5.2 5.20002 6.45361 5.20002 8H6.80002ZM8.00002 6.8C8.66276 6.8 9.20002 7.33726 9.20002 8H10.8C10.8 6.45361 9.54642 5.2 8.00002 5.2V6.8Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15751"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15751)">
+      <path
+        d="M0.666687 8L-0.0488548 7.64223C-0.161466 7.86746 -0.161466 8.13255 -0.0488548 8.35778L0.666687 8ZM15.3334 8L16.0489 8.35778C16.1615 8.13255 16.1615 7.86746 16.0489 7.64223L15.3334 8ZM0.666687 8C1.38223 8.35778 1.38212 8.358 1.38201 8.3582C1.38199 8.35825 1.3819 8.35843 1.38186 8.35851C1.38178 8.35868 1.38173 8.35877 1.38173 8.35877C1.38172 8.35879 1.38187 8.35848 1.38219 8.35787C1.38281 8.35664 1.38407 8.35417 1.38596 8.35049C1.38974 8.34313 1.39606 8.33095 1.40488 8.31428C1.42252 8.28094 1.45017 8.22967 1.48765 8.16305C1.56266 8.02969 1.67668 7.83546 1.8283 7.60069C2.13253 7.12962 2.58289 6.50353 3.16698 5.88049C4.34977 4.61885 5.98629 3.46667 8.00002 3.46667V1.86667C5.34708 1.86667 3.31694 3.38116 1.99972 4.78619C1.33382 5.49648 0.825839 6.20372 0.484239 6.73265C0.312942 6.99788 0.182175 7.22032 0.0931245 7.37863C0.0485693 7.45784 0.0143675 7.52116 -0.00932777 7.56593C-0.021178 7.58833 -0.0304089 7.6061 -0.0370011 7.61892C-0.0402974 7.62534 -0.042935 7.63051 -0.0449111 7.63441C-0.0458992 7.63636 -0.0467221 7.63799 -0.0473794 7.63929C-0.0477082 7.63995 -0.0479954 7.64052 -0.0482413 7.64101C-0.0483642 7.64125 -0.0485178 7.64156 -0.0485791 7.64168C-0.048722 7.64197 -0.0488548 7.64223 0.666687 8ZM8.00002 3.46667C10.0137 3.46667 11.6503 4.61885 12.8331 5.88049C13.4172 6.50353 13.8675 7.12962 14.1717 7.60069C14.3234 7.83546 14.4374 8.02969 14.5124 8.16305C14.5499 8.22967 14.5775 8.28094 14.5952 8.31428C14.604 8.33095 14.6103 8.34313 14.6141 8.35049C14.616 8.35417 14.6172 8.35664 14.6179 8.35787C14.6182 8.35848 14.6183 8.35879 14.6183 8.35877C14.6183 8.35877 14.6183 8.35868 14.6182 8.35851C14.6181 8.35843 14.618 8.35825 14.618 8.3582C14.6179 8.358 14.6178 8.35778 15.3334 8C16.0489 7.64223 16.0488 7.64197 16.0486 7.64168C16.0486 7.64156 16.0484 7.64125 16.0483 7.64101C16.048 7.64052 16.0477 7.63995 16.0474 7.63929C16.0468 7.63799 16.0459 7.63636 16.045 7.63441C16.043 7.63051 16.0403 7.62534 16.037 7.61892C16.0304 7.6061 16.0212 7.58833 16.0094 7.56593C15.9857 7.52116 15.9515 7.45784 15.9069 7.37863C15.8179 7.22032 15.6871 6.99788 15.5158 6.73265C15.1742 6.20372 14.6662 5.49648 14.0003 4.78619C12.6831 3.38116 10.653 1.86667 8.00002 1.86667V3.46667ZM15.3334 8C14.6178 7.64223 14.6179 7.64201 14.618 7.6418C14.618 7.64176 14.6181 7.64158 14.6182 7.6415C14.6183 7.64133 14.6183 7.64124 14.6183 7.64124C14.6183 7.64122 14.6182 7.64153 14.6179 7.64214C14.6172 7.64337 14.616 7.64584 14.6141 7.64952C14.6103 7.65688 14.604 7.66906 14.5952 7.68573C14.5775 7.71907 14.5499 7.77034 14.5124 7.83696C14.4374 7.97032 14.3234 8.16455 14.1717 8.39932C13.8675 8.87039 13.4172 9.49648 12.8331 10.1195C11.6503 11.3812 10.0137 12.5333 8.00002 12.5333V14.1333C10.653 14.1333 12.6831 12.6189 14.0003 11.2138C14.6662 10.5035 15.1742 9.79629 15.5158 9.26736C15.6871 9.00212 15.8179 8.77969 15.9069 8.62138C15.9515 8.54217 15.9857 8.47885 16.0094 8.43408C16.0212 8.41168 16.0304 8.39391 16.037 8.38109C16.0403 8.37467 16.043 8.3695 16.045 8.3656C16.0459 8.36365 16.0468 8.36202 16.0474 8.36071C16.0477 8.36006 16.048 8.35949 16.0483 8.359C16.0484 8.35876 16.0486 8.35845 16.0486 8.35833C16.0488 8.35804 16.0489 8.35778 15.3334 8ZM8.00002 12.5333C5.98629 12.5333 4.34977 11.3812 3.16698 10.1195C2.58289 9.49648 2.13253 8.87039 1.8283 8.39932C1.67668 8.16455 1.56266 7.97032 1.48765 7.83696C1.45017 7.77034 1.42252 7.71907 1.40488 7.68573C1.39606 7.66906 1.38974 7.65688 1.38596 7.64952C1.38407 7.64584 1.38281 7.64337 1.38219 7.64214C1.38187 7.64153 1.38172 7.64122 1.38173 7.64124C1.38173 7.64124 1.38178 7.64133 1.38186 7.6415C1.3819 7.64158 1.38199 7.64176 1.38201 7.6418C1.38212 7.64201 1.38223 7.64223 0.666687 8C-0.0488548 8.35778 -0.048722 8.35804 -0.0485791 8.35833C-0.0485178 8.35845 -0.0483642 8.35876 -0.0482413 8.359C-0.0479954 8.35949 -0.0477082 8.36006 -0.0473794 8.36071C-0.0467221 8.36202 -0.0458992 8.36365 -0.0449111 8.3656C-0.042935 8.3695 -0.0402974 8.37467 -0.0370011 8.38109C-0.0304089 8.39391 -0.021178 8.41168 -0.00932777 8.43408C0.0143675 8.47885 0.0485693 8.54217 0.0931245 8.62138C0.182175 8.77969 0.312942 9.00212 0.484239 9.26736C0.825839 9.79629 1.33382 10.5035 1.99972 11.2138C3.31694 12.6189 5.34708 14.1333 8.00002 14.1333V12.5333ZM9.20002 8C9.20002 8.66275 8.66276 9.2 8.00002 9.2V10.8C9.54642 10.8 10.8 9.5464 10.8 8H9.20002ZM8.00002 9.2C7.33728 9.2 6.80002 8.66275 6.80002 8H5.20002C5.20002 9.5464 6.45362 10.8 8.00002 10.8V9.2ZM6.80002 8C6.80002 7.33726 7.33728 6.8 8.00002 6.8V5.2C6.45362 5.2 5.20002 6.45361 5.20002 8H6.80002ZM8.00002 6.8C8.66276 6.8 9.20002 7.33726 9.20002 8H10.8C10.8 6.45361 9.54642 5.2 8.00002 5.2V6.8Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15751">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconEye,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13495",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconEye size={size} />,
+  },
 );
-figma.connect(IconEye, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13495", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconEye size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconEyeOff.tsx b/src/icons/IconEyeOff.tsx
index e48abb3..a546aa0 100644
--- a/src/icons/IconEyeOff.tsx
+++ b/src/icons/IconEyeOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconEyeOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15749)"><path d="M12.445 12.5962C12.7964 12.3284 12.8641 11.8264 12.5962 11.475C12.3284 11.1236 11.8264 11.0559 11.475 11.3238L12.445 12.5962ZM8 13.3333V14.1334L8.01308 14.1332L8 13.3333ZM0.666672 8L-0.0382528 7.62174C-0.16116 7.85079 -0.165119 8.12528 -0.04887 8.35778L0.666672 8ZM4.52553 4.67583C4.87668 4.40768 4.94397 3.90564 4.67583 3.55448C4.40768 3.20333 3.90564 3.13604 3.55448 3.40418L4.52553 4.67583ZM6.41767 2.04773C5.98747 2.14842 5.72036 2.5788 5.82106 3.009C5.92176 3.4392 6.35214 3.70632 6.78233 3.60562L6.41767 2.04773ZM8 2.66667L7.99812 3.46667H8V2.66667ZM15.3333 8L16.0389 8.37713C16.1612 8.14829 16.1649 7.87433 16.0489 7.64223L15.3333 8ZM13.2812 9.6116C12.9967 9.94966 13.0402 10.4543 13.3783 10.7388C13.7163 11.0233 14.221 10.9798 14.5055 10.6417L13.2812 9.6116ZM9.99863 9.95872C10.2998 9.63547 10.282 9.12925 9.95872 8.82805C9.63547 8.52684 9.12925 8.54471 8.82805 8.86796L9.99863 9.95872ZM7.13205 7.17196C7.4553 6.87076 7.47316 6.36454 7.17196 6.04129C6.87076 5.71805 6.36454 5.70018 6.04129 6.00138L7.13205 7.17196ZM1.23236 0.100986C0.919938 -0.211433 0.413406 -0.211433 0.100986 0.100986C-0.211433 0.413406 -0.211433 0.919938 0.100986 1.23236L1.23236 0.100986ZM14.7677 15.899C15.0801 16.2114 15.5866 16.2114 15.899 15.899C16.2114 15.5866 16.2114 15.0801 15.899 14.7677L14.7677 15.899ZM11.475 11.3238C10.4712 12.0889 9.24893 12.5128 7.98693 12.5334L8.01308 14.1332C9.61655 14.107 11.1696 13.5684 12.445 12.5962L11.475 11.3238ZM8 12.5333C5.98628 12.5333 4.34975 11.3812 3.16697 10.1195C2.58287 9.49648 2.13252 8.87039 1.82829 8.39932C1.67667 8.16455 1.56264 7.97032 1.48763 7.83696C1.45015 7.77034 1.42251 7.71907 1.40486 7.68573C1.39604 7.66906 1.38973 7.65688 1.38594 7.64952C1.38405 7.64584 1.38279 7.64337 1.38217 7.64214C1.38186 7.64153 1.38171 7.64122 1.38171 7.64124C1.38172 7.64124 1.38176 7.64133 1.38184 7.6415C1.38189 7.64158 1.38198 7.64176 1.382 7.64181C1.3821 7.64201 1.38221 7.64223 0.666672 8C-0.04887 8.35778 -0.0487373 8.35804 -0.0485944 8.35833C-0.0485331 8.35845 -0.0483794 8.35876 -0.0482566 8.359C-0.0480107 8.35949 -0.0477234 8.36006 -0.0473948 8.36071C-0.0467374 8.36202 -0.0459145 8.36365 -0.0449264 8.3656C-0.0429502 8.3695 -0.0403127 8.37467 -0.0370164 8.38109C-0.0304242 8.39391 -0.0211933 8.41168 -0.00934303 8.43408C0.0143523 8.47885 0.0485539 8.54217 0.0931092 8.62138C0.182159 8.77969 0.312927 9.00212 0.484224 9.26736C0.825824 9.79629 1.33381 10.5035 1.99971 11.2138C3.31692 12.6189 5.34706 14.1333 8 14.1333V12.5333ZM1.3716 8.37827C2.14692 6.93338 3.22228 5.671 4.52553 4.67583L3.55448 3.40418C2.06991 4.53782 0.844943 5.97583 -0.0382528 7.62174L1.3716 8.37827ZM6.78233 3.60562C7.18084 3.51234 7.58885 3.46571 7.99812 3.46667L8.00188 1.86667C7.46858 1.86542 6.93694 1.92618 6.41767 2.04773L6.78233 3.60562ZM8 3.46667C10.0137 3.46667 11.6503 4.61885 12.833 5.88049C13.4171 6.50353 13.8675 7.12962 14.1717 7.60069C14.3233 7.83546 14.4374 8.02969 14.5124 8.16305C14.5499 8.22967 14.5775 8.28094 14.5951 8.31428C14.604 8.33095 14.6103 8.34313 14.6141 8.35049C14.616 8.35417 14.6172 8.35664 14.6178 8.35787C14.6181 8.35848 14.6183 8.35879 14.6183 8.35877C14.6183 8.35877 14.6182 8.35868 14.6182 8.35851C14.6181 8.35843 14.618 8.35825 14.618 8.3582C14.6179 8.358 14.6178 8.35778 15.3333 8C16.0489 7.64223 16.0487 7.64197 16.0486 7.64168C16.0485 7.64156 16.0484 7.64125 16.0483 7.64101C16.048 7.64052 16.0477 7.63995 16.0474 7.63929C16.0467 7.63799 16.0459 7.63636 16.0449 7.63441C16.043 7.63051 16.0403 7.62534 16.037 7.61892C16.0304 7.6061 16.0212 7.58833 16.0094 7.56593C15.9857 7.52116 15.9515 7.45784 15.9069 7.37863C15.8179 7.22032 15.6871 6.99788 15.5158 6.73265C15.1742 6.20372 14.6662 5.49648 14.0003 4.78619C12.6831 3.38116 10.6529 1.86667 8 1.86667V3.46667ZM14.6278 7.62287C14.2494 8.33084 13.7981 8.99736 13.2812 9.6116L14.5055 10.6417C15.094 9.9423 15.6079 9.18331 16.0389 8.37713L14.6278 7.62287ZM8.82805 8.86796C8.71819 8.98586 8.58571 9.08042 8.43851 9.14601L9.0897 10.6075C9.43317 10.4545 9.74229 10.2338 9.99863 9.95872L8.82805 8.86796ZM8.43851 9.14601C8.29131 9.2116 8.13241 9.24686 7.97129 9.24971L7.99951 10.8495C8.37547 10.8428 8.74624 10.7605 9.0897 10.6075L8.43851 9.14601ZM7.97129 9.24971C7.81016 9.25255 7.65012 9.22291 7.50069 9.16256L6.90146 10.6461C7.25011 10.7869 7.62355 10.8561 7.99951 10.8495L7.97129 9.24971ZM7.50069 9.16256C7.35127 9.1022 7.21554 9.01237 7.10159 8.89842L5.97022 10.0298C6.2361 10.2957 6.55281 10.5053 6.90146 10.6461L7.50069 9.16256ZM7.10159 8.89842C6.98764 8.78447 6.89781 8.64874 6.83745 8.49932L5.3539 9.09855C5.49473 9.4472 5.70433 9.76391 5.97022 10.0298L7.10159 8.89842ZM6.83745 8.49932C6.7771 8.3499 6.74746 8.18985 6.7503 8.02872L5.15055 8.0005C5.14392 8.37646 5.21308 8.7499 5.3539 9.09855L6.83745 8.49932ZM6.7503 8.02872C6.75315 7.8676 6.78841 7.7087 6.854 7.5615L5.39251 6.91031C5.23948 7.25377 5.15718 7.62454 5.15055 8.0005L6.7503 8.02872ZM6.854 7.5615C6.91959 7.4143 7.01415 7.28182 7.13205 7.17196L6.04129 6.00138C5.7662 6.25772 5.54555 6.56684 5.39251 6.91031L6.854 7.5615ZM0.100986 1.23236L14.7677 15.899L15.899 14.7677L1.23236 0.100986L0.100986 1.23236Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15749"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15749)">
+      <path
+        d="M12.445 12.5962C12.7964 12.3284 12.8641 11.8264 12.5962 11.475C12.3284 11.1236 11.8264 11.0559 11.475 11.3238L12.445 12.5962ZM8 13.3333V14.1334L8.01308 14.1332L8 13.3333ZM0.666672 8L-0.0382528 7.62174C-0.16116 7.85079 -0.165119 8.12528 -0.04887 8.35778L0.666672 8ZM4.52553 4.67583C4.87668 4.40768 4.94397 3.90564 4.67583 3.55448C4.40768 3.20333 3.90564 3.13604 3.55448 3.40418L4.52553 4.67583ZM6.41767 2.04773C5.98747 2.14842 5.72036 2.5788 5.82106 3.009C5.92176 3.4392 6.35214 3.70632 6.78233 3.60562L6.41767 2.04773ZM8 2.66667L7.99812 3.46667H8V2.66667ZM15.3333 8L16.0389 8.37713C16.1612 8.14829 16.1649 7.87433 16.0489 7.64223L15.3333 8ZM13.2812 9.6116C12.9967 9.94966 13.0402 10.4543 13.3783 10.7388C13.7163 11.0233 14.221 10.9798 14.5055 10.6417L13.2812 9.6116ZM9.99863 9.95872C10.2998 9.63547 10.282 9.12925 9.95872 8.82805C9.63547 8.52684 9.12925 8.54471 8.82805 8.86796L9.99863 9.95872ZM7.13205 7.17196C7.4553 6.87076 7.47316 6.36454 7.17196 6.04129C6.87076 5.71805 6.36454 5.70018 6.04129 6.00138L7.13205 7.17196ZM1.23236 0.100986C0.919938 -0.211433 0.413406 -0.211433 0.100986 0.100986C-0.211433 0.413406 -0.211433 0.919938 0.100986 1.23236L1.23236 0.100986ZM14.7677 15.899C15.0801 16.2114 15.5866 16.2114 15.899 15.899C16.2114 15.5866 16.2114 15.0801 15.899 14.7677L14.7677 15.899ZM11.475 11.3238C10.4712 12.0889 9.24893 12.5128 7.98693 12.5334L8.01308 14.1332C9.61655 14.107 11.1696 13.5684 12.445 12.5962L11.475 11.3238ZM8 12.5333C5.98628 12.5333 4.34975 11.3812 3.16697 10.1195C2.58287 9.49648 2.13252 8.87039 1.82829 8.39932C1.67667 8.16455 1.56264 7.97032 1.48763 7.83696C1.45015 7.77034 1.42251 7.71907 1.40486 7.68573C1.39604 7.66906 1.38973 7.65688 1.38594 7.64952C1.38405 7.64584 1.38279 7.64337 1.38217 7.64214C1.38186 7.64153 1.38171 7.64122 1.38171 7.64124C1.38172 7.64124 1.38176 7.64133 1.38184 7.6415C1.38189 7.64158 1.38198 7.64176 1.382 7.64181C1.3821 7.64201 1.38221 7.64223 0.666672 8C-0.04887 8.35778 -0.0487373 8.35804 -0.0485944 8.35833C-0.0485331 8.35845 -0.0483794 8.35876 -0.0482566 8.359C-0.0480107 8.35949 -0.0477234 8.36006 -0.0473948 8.36071C-0.0467374 8.36202 -0.0459145 8.36365 -0.0449264 8.3656C-0.0429502 8.3695 -0.0403127 8.37467 -0.0370164 8.38109C-0.0304242 8.39391 -0.0211933 8.41168 -0.00934303 8.43408C0.0143523 8.47885 0.0485539 8.54217 0.0931092 8.62138C0.182159 8.77969 0.312927 9.00212 0.484224 9.26736C0.825824 9.79629 1.33381 10.5035 1.99971 11.2138C3.31692 12.6189 5.34706 14.1333 8 14.1333V12.5333ZM1.3716 8.37827C2.14692 6.93338 3.22228 5.671 4.52553 4.67583L3.55448 3.40418C2.06991 4.53782 0.844943 5.97583 -0.0382528 7.62174L1.3716 8.37827ZM6.78233 3.60562C7.18084 3.51234 7.58885 3.46571 7.99812 3.46667L8.00188 1.86667C7.46858 1.86542 6.93694 1.92618 6.41767 2.04773L6.78233 3.60562ZM8 3.46667C10.0137 3.46667 11.6503 4.61885 12.833 5.88049C13.4171 6.50353 13.8675 7.12962 14.1717 7.60069C14.3233 7.83546 14.4374 8.02969 14.5124 8.16305C14.5499 8.22967 14.5775 8.28094 14.5951 8.31428C14.604 8.33095 14.6103 8.34313 14.6141 8.35049C14.616 8.35417 14.6172 8.35664 14.6178 8.35787C14.6181 8.35848 14.6183 8.35879 14.6183 8.35877C14.6183 8.35877 14.6182 8.35868 14.6182 8.35851C14.6181 8.35843 14.618 8.35825 14.618 8.3582C14.6179 8.358 14.6178 8.35778 15.3333 8C16.0489 7.64223 16.0487 7.64197 16.0486 7.64168C16.0485 7.64156 16.0484 7.64125 16.0483 7.64101C16.048 7.64052 16.0477 7.63995 16.0474 7.63929C16.0467 7.63799 16.0459 7.63636 16.0449 7.63441C16.043 7.63051 16.0403 7.62534 16.037 7.61892C16.0304 7.6061 16.0212 7.58833 16.0094 7.56593C15.9857 7.52116 15.9515 7.45784 15.9069 7.37863C15.8179 7.22032 15.6871 6.99788 15.5158 6.73265C15.1742 6.20372 14.6662 5.49648 14.0003 4.78619C12.6831 3.38116 10.6529 1.86667 8 1.86667V3.46667ZM14.6278 7.62287C14.2494 8.33084 13.7981 8.99736 13.2812 9.6116L14.5055 10.6417C15.094 9.9423 15.6079 9.18331 16.0389 8.37713L14.6278 7.62287ZM8.82805 8.86796C8.71819 8.98586 8.58571 9.08042 8.43851 9.14601L9.0897 10.6075C9.43317 10.4545 9.74229 10.2338 9.99863 9.95872L8.82805 8.86796ZM8.43851 9.14601C8.29131 9.2116 8.13241 9.24686 7.97129 9.24971L7.99951 10.8495C8.37547 10.8428 8.74624 10.7605 9.0897 10.6075L8.43851 9.14601ZM7.97129 9.24971C7.81016 9.25255 7.65012 9.22291 7.50069 9.16256L6.90146 10.6461C7.25011 10.7869 7.62355 10.8561 7.99951 10.8495L7.97129 9.24971ZM7.50069 9.16256C7.35127 9.1022 7.21554 9.01237 7.10159 8.89842L5.97022 10.0298C6.2361 10.2957 6.55281 10.5053 6.90146 10.6461L7.50069 9.16256ZM7.10159 8.89842C6.98764 8.78447 6.89781 8.64874 6.83745 8.49932L5.3539 9.09855C5.49473 9.4472 5.70433 9.76391 5.97022 10.0298L7.10159 8.89842ZM6.83745 8.49932C6.7771 8.3499 6.74746 8.18985 6.7503 8.02872L5.15055 8.0005C5.14392 8.37646 5.21308 8.7499 5.3539 9.09855L6.83745 8.49932ZM6.7503 8.02872C6.75315 7.8676 6.78841 7.7087 6.854 7.5615L5.39251 6.91031C5.23948 7.25377 5.15718 7.62454 5.15055 8.0005L6.7503 8.02872ZM6.854 7.5615C6.91959 7.4143 7.01415 7.28182 7.13205 7.17196L6.04129 6.00138C5.7662 6.25772 5.54555 6.56684 5.39251 6.91031L6.854 7.5615ZM0.100986 1.23236L14.7677 15.899L15.899 14.7677L1.23236 0.100986L0.100986 1.23236Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15749">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconEyeOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13492",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconEyeOff size={size} />,
+  },
 );
-figma.connect(IconEyeOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13492", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconEyeOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFacebook.tsx b/src/icons/IconFacebook.tsx
index ffd2b23..d1474fc 100644
--- a/src/icons/IconFacebook.tsx
+++ b/src/icons/IconFacebook.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFacebook = (props: IconProps) => (
-  <Icon {...props}><path d="M12 1.33333H12.8C12.8 0.8915 12.4418 0.533328 12 0.533328V1.33333ZM9.99996 1.33333V0.533328V1.33333ZM6.66663 4.66666H5.86663H6.66663ZM6.66663 6.66666V7.46666C7.10845 7.46666 7.46663 7.10849 7.46663 6.66666H6.66663ZM4.66663 6.66666V5.86666C4.2248 5.86666 3.86663 6.22483 3.86663 6.66666H4.66663ZM4.66663 9.33333H3.86663C3.86663 9.77516 4.2248 10.1333 4.66663 10.1333V9.33333ZM6.66663 9.33333H7.46663C7.46663 8.8915 7.10845 8.53333 6.66663 8.53333V9.33333ZM6.66663 14.6667H5.86663C5.86663 15.1085 6.2248 15.4667 6.66663 15.4667V14.6667ZM9.33329 14.6667V15.4667C9.77512 15.4667 10.1333 15.1085 10.1333 14.6667H9.33329ZM9.33329 9.33333V8.53333C8.89146 8.53333 8.53329 8.8915 8.53329 9.33333H9.33329ZM11.3333 9.33333V10.1333C11.7004 10.1333 12.0204 9.88349 12.1094 9.52736L11.3333 9.33333ZM12 6.66666L12.7761 6.86069C12.8358 6.6217 12.7821 6.36851 12.6305 6.17433C12.4789 5.98016 12.2463 5.86666 12 5.86666V6.66666ZM9.33329 6.66666H8.53329C8.53329 7.10849 8.89146 7.46666 9.33329 7.46666V6.66666ZM9.99996 3.99999V4.79999V3.99999ZM12 3.99999V4.79999C12.4418 4.79999 12.8 4.44182 12.8 3.99999H12ZM12 0.533328H9.99996V2.13333H12V0.533328ZM9.99996 0.533328C8.90373 0.533328 7.8524 0.968803 7.07725 1.74395L8.20862 2.87532C8.68371 2.40023 9.32808 2.13333 9.99996 2.13333V0.533328ZM7.07725 1.74395C6.3021 2.5191 5.86663 3.57043 5.86663 4.66666H7.46663C7.46663 3.99478 7.73353 3.35042 8.20862 2.87532L7.07725 1.74395ZM5.86663 4.66666V6.66666H7.46663V4.66666H5.86663ZM6.66663 5.86666H4.66663V7.46666H6.66663V5.86666ZM3.86663 6.66666V9.33333H5.46663V6.66666H3.86663ZM4.66663 10.1333H6.66663V8.53333H4.66663V10.1333ZM5.86663 9.33333V14.6667H7.46663V9.33333H5.86663ZM6.66663 15.4667H9.33329V13.8667H6.66663V15.4667ZM10.1333 14.6667V9.33333H8.53329V14.6667H10.1333ZM9.33329 10.1333H11.3333V8.53333H9.33329V10.1333ZM12.1094 9.52736L12.7761 6.86069L11.2238 6.47263L10.5572 9.1393L12.1094 9.52736ZM12 5.86666H9.33329V7.46666H12V5.86666ZM10.1333 6.66666V4.66666H8.53329V6.66666H10.1333ZM10.1333 4.66666C10.1333 4.70202 10.1192 4.73594 10.0942 4.76094L8.96287 3.62957C8.68782 3.90462 8.53329 4.27768 8.53329 4.66666H10.1333ZM10.0942 4.76094C10.0692 4.78595 10.0353 4.79999 9.99996 4.79999V3.19999C9.61097 3.19999 9.23792 3.35452 8.96287 3.62957L10.0942 4.76094ZM9.99996 4.79999H12V3.19999H9.99996V4.79999ZM12.8 3.99999V1.33333H11.2V3.99999H12.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12 1.33333H12.8C12.8 0.8915 12.4418 0.533328 12 0.533328V1.33333ZM9.99996 1.33333V0.533328V1.33333ZM6.66663 4.66666H5.86663H6.66663ZM6.66663 6.66666V7.46666C7.10845 7.46666 7.46663 7.10849 7.46663 6.66666H6.66663ZM4.66663 6.66666V5.86666C4.2248 5.86666 3.86663 6.22483 3.86663 6.66666H4.66663ZM4.66663 9.33333H3.86663C3.86663 9.77516 4.2248 10.1333 4.66663 10.1333V9.33333ZM6.66663 9.33333H7.46663C7.46663 8.8915 7.10845 8.53333 6.66663 8.53333V9.33333ZM6.66663 14.6667H5.86663C5.86663 15.1085 6.2248 15.4667 6.66663 15.4667V14.6667ZM9.33329 14.6667V15.4667C9.77512 15.4667 10.1333 15.1085 10.1333 14.6667H9.33329ZM9.33329 9.33333V8.53333C8.89146 8.53333 8.53329 8.8915 8.53329 9.33333H9.33329ZM11.3333 9.33333V10.1333C11.7004 10.1333 12.0204 9.88349 12.1094 9.52736L11.3333 9.33333ZM12 6.66666L12.7761 6.86069C12.8358 6.6217 12.7821 6.36851 12.6305 6.17433C12.4789 5.98016 12.2463 5.86666 12 5.86666V6.66666ZM9.33329 6.66666H8.53329C8.53329 7.10849 8.89146 7.46666 9.33329 7.46666V6.66666ZM9.99996 3.99999V4.79999V3.99999ZM12 3.99999V4.79999C12.4418 4.79999 12.8 4.44182 12.8 3.99999H12ZM12 0.533328H9.99996V2.13333H12V0.533328ZM9.99996 0.533328C8.90373 0.533328 7.8524 0.968803 7.07725 1.74395L8.20862 2.87532C8.68371 2.40023 9.32808 2.13333 9.99996 2.13333V0.533328ZM7.07725 1.74395C6.3021 2.5191 5.86663 3.57043 5.86663 4.66666H7.46663C7.46663 3.99478 7.73353 3.35042 8.20862 2.87532L7.07725 1.74395ZM5.86663 4.66666V6.66666H7.46663V4.66666H5.86663ZM6.66663 5.86666H4.66663V7.46666H6.66663V5.86666ZM3.86663 6.66666V9.33333H5.46663V6.66666H3.86663ZM4.66663 10.1333H6.66663V8.53333H4.66663V10.1333ZM5.86663 9.33333V14.6667H7.46663V9.33333H5.86663ZM6.66663 15.4667H9.33329V13.8667H6.66663V15.4667ZM10.1333 14.6667V9.33333H8.53329V14.6667H10.1333ZM9.33329 10.1333H11.3333V8.53333H9.33329V10.1333ZM12.1094 9.52736L12.7761 6.86069L11.2238 6.47263L10.5572 9.1393L12.1094 9.52736ZM12 5.86666H9.33329V7.46666H12V5.86666ZM10.1333 6.66666V4.66666H8.53329V6.66666H10.1333ZM10.1333 4.66666C10.1333 4.70202 10.1192 4.73594 10.0942 4.76094L8.96287 3.62957C8.68782 3.90462 8.53329 4.27768 8.53329 4.66666H10.1333ZM10.0942 4.76094C10.0692 4.78595 10.0353 4.79999 9.99996 4.79999V3.19999C9.61097 3.19999 9.23792 3.35452 8.96287 3.62957L10.0942 4.76094ZM9.99996 4.79999H12V3.19999H9.99996V4.79999ZM12.8 3.99999V1.33333H11.2V3.99999H12.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFacebook,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13494",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFacebook size={size} />,
+  },
 );
-figma.connect(IconFacebook, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13494", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFacebook size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFastForward.tsx b/src/icons/IconFastForward.tsx
index 361c6a9..b32ce60 100644
--- a/src/icons/IconFastForward.tsx
+++ b/src/icons/IconFastForward.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFastForward = (props: IconProps) => (
-  <Icon {...props}><path d="M8.66671 12.6667H7.86671C7.86671 12.9722 8.04075 13.2511 8.31523 13.3853C8.5897 13.5196 8.91668 13.4857 9.15786 13.2981L8.66671 12.6667ZM14.6667 7.99999L15.1579 8.63148C15.3527 8.47991 15.4667 8.24687 15.4667 7.99999C15.4667 7.75312 15.3527 7.52008 15.1579 7.36851L14.6667 7.99999ZM8.66671 3.33333L9.15786 2.70185C8.91668 2.51426 8.5897 2.48043 8.31523 2.61468C8.04075 2.74892 7.86671 3.02778 7.86671 3.33333H8.66671ZM1.33337 12.6667H0.533374C0.533374 12.9722 0.707415 13.2511 0.981893 13.3853C1.25637 13.5196 1.58334 13.4857 1.82453 13.2981L1.33337 12.6667ZM7.33337 7.99999L7.82453 8.63148C8.0194 8.47991 8.13337 8.24687 8.13337 7.99999C8.13337 7.75312 8.0194 7.52008 7.82453 7.36851L7.33337 7.99999ZM1.33337 3.33333L1.82453 2.70185C1.58334 2.51426 1.25637 2.48043 0.981893 2.61468C0.707415 2.74892 0.533374 3.02778 0.533374 3.33333H1.33337ZM9.15786 13.2981L15.1579 8.63148L14.1756 7.36851L8.17555 12.0352L9.15786 13.2981ZM15.1579 7.36851L9.15786 2.70185L8.17555 3.96481L14.1756 8.63148L15.1579 7.36851ZM7.86671 3.33333V12.6667H9.46671V3.33333H7.86671ZM1.82453 13.2981L7.82453 8.63148L6.84222 7.36851L0.842222 12.0352L1.82453 13.2981ZM7.82453 7.36851L1.82453 2.70185L0.842222 3.96481L6.84222 8.63148L7.82453 7.36851ZM0.533374 3.33333V12.6667H2.13337V3.33333H0.533374Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.66671 12.6667H7.86671C7.86671 12.9722 8.04075 13.2511 8.31523 13.3853C8.5897 13.5196 8.91668 13.4857 9.15786 13.2981L8.66671 12.6667ZM14.6667 7.99999L15.1579 8.63148C15.3527 8.47991 15.4667 8.24687 15.4667 7.99999C15.4667 7.75312 15.3527 7.52008 15.1579 7.36851L14.6667 7.99999ZM8.66671 3.33333L9.15786 2.70185C8.91668 2.51426 8.5897 2.48043 8.31523 2.61468C8.04075 2.74892 7.86671 3.02778 7.86671 3.33333H8.66671ZM1.33337 12.6667H0.533374C0.533374 12.9722 0.707415 13.2511 0.981893 13.3853C1.25637 13.5196 1.58334 13.4857 1.82453 13.2981L1.33337 12.6667ZM7.33337 7.99999L7.82453 8.63148C8.0194 8.47991 8.13337 8.24687 8.13337 7.99999C8.13337 7.75312 8.0194 7.52008 7.82453 7.36851L7.33337 7.99999ZM1.33337 3.33333L1.82453 2.70185C1.58334 2.51426 1.25637 2.48043 0.981893 2.61468C0.707415 2.74892 0.533374 3.02778 0.533374 3.33333H1.33337ZM9.15786 13.2981L15.1579 8.63148L14.1756 7.36851L8.17555 12.0352L9.15786 13.2981ZM15.1579 7.36851L9.15786 2.70185L8.17555 3.96481L14.1756 8.63148L15.1579 7.36851ZM7.86671 3.33333V12.6667H9.46671V3.33333H7.86671ZM1.82453 13.2981L7.82453 8.63148L6.84222 7.36851L0.842222 12.0352L1.82453 13.2981ZM7.82453 7.36851L1.82453 2.70185L0.842222 3.96481L6.84222 8.63148L7.82453 7.36851ZM0.533374 3.33333V12.6667H2.13337V3.33333H0.533374Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFastForward,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13497",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFastForward size={size} />,
+  },
 );
-figma.connect(IconFastForward, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13497", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFastForward size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFeather.tsx b/src/icons/IconFeather.tsx
index 756931b..27c9d67 100644
--- a/src/icons/IconFeather.tsx
+++ b/src/icons/IconFeather.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFeather = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15757)"><path d="M13.4933 8.16L12.9276 7.59431L12.9267 7.59515L13.4933 8.16ZM10.6633 1.32777V0.527774V1.32777ZM7.83325 2.5L7.26757 1.93431L7.83325 2.5ZM3.33325 7L2.76757 6.43431C2.61754 6.58434 2.53325 6.78783 2.53325 7H3.33325ZM3.33325 12.6667H2.53325C2.53325 13.1085 2.89142 13.4667 3.33325 13.4667V12.6667ZM8.99992 12.6667V13.4667C9.2125 13.4667 9.41634 13.3821 9.56644 13.2315L8.99992 12.6667ZM11.2323 5.89902C11.5447 5.5866 11.5447 5.08007 11.2323 4.76765C10.9199 4.45523 10.4133 4.45523 10.1009 4.76765L11.2323 5.89902ZM0.767567 14.101C0.455147 14.4134 0.455147 14.9199 0.767567 15.2323C1.07999 15.5448 1.58652 15.5448 1.89894 15.2323L0.767567 14.101ZM11.6666 10.8C12.1084 10.8 12.4666 10.4418 12.4666 10C12.4666 9.55817 12.1084 9.2 11.6666 9.2V10.8ZM5.99992 9.2C5.55809 9.2 5.19992 9.55817 5.19992 10C5.19992 10.4418 5.55809 10.8 5.99992 10.8V9.2ZM14.0589 8.72568C14.9595 7.82509 15.4655 6.60363 15.4655 5.33H13.8655C13.8655 6.17928 13.5281 6.99378 12.9276 7.59431L14.0589 8.72568ZM15.4655 5.33C15.4655 4.05637 14.9595 2.8349 14.0589 1.93431L12.9276 3.06568C13.5281 3.66622 13.8655 4.48072 13.8655 5.33H15.4655ZM14.0589 1.93431C13.1583 1.03372 11.9369 0.527774 10.6633 0.527774V2.12777C11.5125 2.12777 12.327 2.46515 12.9276 3.06568L14.0589 1.93431ZM10.6633 0.527774C9.38962 0.527774 8.16816 1.03372 7.26757 1.93431L8.39894 3.06568C8.99947 2.46515 9.81397 2.12777 10.6633 2.12777V0.527774ZM7.26757 1.93431L2.76757 6.43431L3.89894 7.56568L8.39894 3.06568L7.26757 1.93431ZM2.53325 7V12.6667H4.13325V7H2.53325ZM3.33325 13.4667H8.99992V11.8667H3.33325V13.4667ZM9.56644 13.2315L14.0598 8.72485L12.9267 7.59515L8.4334 12.1018L9.56644 13.2315ZM10.1009 4.76765L0.767567 14.101L1.89894 15.2323L11.2323 5.89902L10.1009 4.76765ZM11.6666 9.2H5.99992V10.8H11.6666V9.2Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15757"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15757)">
+      <path
+        d="M13.4933 8.16L12.9276 7.59431L12.9267 7.59515L13.4933 8.16ZM10.6633 1.32777V0.527774V1.32777ZM7.83325 2.5L7.26757 1.93431L7.83325 2.5ZM3.33325 7L2.76757 6.43431C2.61754 6.58434 2.53325 6.78783 2.53325 7H3.33325ZM3.33325 12.6667H2.53325C2.53325 13.1085 2.89142 13.4667 3.33325 13.4667V12.6667ZM8.99992 12.6667V13.4667C9.2125 13.4667 9.41634 13.3821 9.56644 13.2315L8.99992 12.6667ZM11.2323 5.89902C11.5447 5.5866 11.5447 5.08007 11.2323 4.76765C10.9199 4.45523 10.4133 4.45523 10.1009 4.76765L11.2323 5.89902ZM0.767567 14.101C0.455147 14.4134 0.455147 14.9199 0.767567 15.2323C1.07999 15.5448 1.58652 15.5448 1.89894 15.2323L0.767567 14.101ZM11.6666 10.8C12.1084 10.8 12.4666 10.4418 12.4666 10C12.4666 9.55817 12.1084 9.2 11.6666 9.2V10.8ZM5.99992 9.2C5.55809 9.2 5.19992 9.55817 5.19992 10C5.19992 10.4418 5.55809 10.8 5.99992 10.8V9.2ZM14.0589 8.72568C14.9595 7.82509 15.4655 6.60363 15.4655 5.33H13.8655C13.8655 6.17928 13.5281 6.99378 12.9276 7.59431L14.0589 8.72568ZM15.4655 5.33C15.4655 4.05637 14.9595 2.8349 14.0589 1.93431L12.9276 3.06568C13.5281 3.66622 13.8655 4.48072 13.8655 5.33H15.4655ZM14.0589 1.93431C13.1583 1.03372 11.9369 0.527774 10.6633 0.527774V2.12777C11.5125 2.12777 12.327 2.46515 12.9276 3.06568L14.0589 1.93431ZM10.6633 0.527774C9.38962 0.527774 8.16816 1.03372 7.26757 1.93431L8.39894 3.06568C8.99947 2.46515 9.81397 2.12777 10.6633 2.12777V0.527774ZM7.26757 1.93431L2.76757 6.43431L3.89894 7.56568L8.39894 3.06568L7.26757 1.93431ZM2.53325 7V12.6667H4.13325V7H2.53325ZM3.33325 13.4667H8.99992V11.8667H3.33325V13.4667ZM9.56644 13.2315L14.0598 8.72485L12.9267 7.59515L8.4334 12.1018L9.56644 13.2315ZM10.1009 4.76765L0.767567 14.101L1.89894 15.2323L11.2323 5.89902L10.1009 4.76765ZM11.6666 9.2H5.99992V10.8H11.6666V9.2Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15757">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconFeather,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13496",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFeather size={size} />,
+  },
 );
-figma.connect(IconFeather, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13496", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFeather size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFigma.tsx b/src/icons/IconFigma.tsx
index f907fff..df95c66 100644
--- a/src/icons/IconFigma.tsx
+++ b/src/icons/IconFigma.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFigma = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15759)"><path d="M5.66659 5.99999V5.19999V5.99999ZM10.3333 1.33333V2.13333V1.33333ZM7.99992 8.33333H8.79992H7.99992ZM12.6666 8.33333H11.8666H12.6666ZM4.13325 3.66666C4.13325 3.26 4.2948 2.86999 4.58236 2.58243L3.45098 1.45106C2.86337 2.03867 2.53325 2.83565 2.53325 3.66666H4.13325ZM4.58236 2.58243C4.86991 2.29488 5.25992 2.13333 5.66659 2.13333V0.533328C4.83557 0.533328 4.0386 0.863446 3.45098 1.45106L4.58236 2.58243ZM5.66659 2.13333H7.99992V0.533328H5.66659V2.13333ZM7.19992 1.33333V5.99999H8.79992V1.33333H7.19992ZM7.99992 5.19999H5.66659V6.79999H7.99992V5.19999ZM5.66659 5.19999C5.25992 5.19999 4.86991 5.03845 4.58236 4.75089L3.45098 5.88226C4.0386 6.46988 4.83557 6.79999 5.66659 6.79999V5.19999ZM4.58236 4.75089C4.2948 4.46334 4.13325 4.07333 4.13325 3.66666H2.53325C2.53325 4.49767 2.86337 5.29465 3.45098 5.88226L4.58236 4.75089ZM7.99992 2.13333H10.3333V0.533328H7.99992V2.13333ZM10.3333 2.13333C10.5346 2.13333 10.734 2.17299 10.92 2.25005L11.5323 0.771839C11.1522 0.614374 10.7447 0.533328 10.3333 0.533328V2.13333ZM10.92 2.25005C11.1061 2.3271 11.2751 2.44005 11.4175 2.58243L12.5489 1.45106C12.2579 1.1601 11.9125 0.929303 11.5323 0.771839L10.92 2.25005ZM11.4175 2.58243C11.5599 2.72481 11.6728 2.89385 11.7499 3.07988L13.2281 2.46759C13.0706 2.08743 12.8398 1.74202 12.5489 1.45106L11.4175 2.58243ZM11.7499 3.07988C11.8269 3.26591 11.8666 3.4653 11.8666 3.66666H13.4666C13.4666 3.25519 13.3855 2.84774 13.2281 2.46759L11.7499 3.07988ZM11.8666 3.66666C11.8666 3.86802 11.8269 4.06741 11.7499 4.25344L13.2281 4.86574C13.3855 4.48558 13.4666 4.07814 13.4666 3.66666H11.8666ZM11.7499 4.25344C11.6728 4.43948 11.5599 4.60851 11.4175 4.75089L12.5489 5.88226C12.8398 5.59131 13.0706 5.24589 13.2281 4.86574L11.7499 4.25344ZM11.4175 4.75089C11.2751 4.89327 11.1061 5.00622 10.92 5.08328L11.5323 6.56148C11.9125 6.40402 12.2579 6.17322 12.5489 5.88226L11.4175 4.75089ZM10.92 5.08328C10.734 5.16033 10.5346 5.19999 10.3333 5.19999V6.79999C10.7447 6.79999 11.1522 6.71895 11.5323 6.56148L10.92 5.08328ZM10.3333 5.19999H7.99992V6.79999H10.3333V5.19999ZM8.79992 8.33333C8.79992 8.13197 8.83958 7.93258 8.91664 7.74655L7.43843 7.13425C7.28096 7.51441 7.19992 7.92185 7.19992 8.33333H8.79992ZM8.91664 7.74655C8.99369 7.56051 9.10664 7.39148 9.24902 7.2491L8.11765 6.11773C7.82669 6.40868 7.59589 6.7541 7.43843 7.13425L8.91664 7.74655ZM9.24902 7.2491C9.39141 7.10671 9.56044 6.99377 9.74647 6.91671L9.13418 5.43851C8.75402 5.59597 8.40861 5.82677 8.11765 6.11773L9.24902 7.2491ZM9.74647 6.91671C9.9325 6.83966 10.1319 6.79999 10.3333 6.79999V5.19999C9.92178 5.19999 9.51433 5.28104 9.13418 5.43851L9.74647 6.91671ZM10.3333 6.79999C10.5346 6.79999 10.734 6.83966 10.92 6.91671L11.5323 5.43851C11.1522 5.28104 10.7447 5.19999 10.3333 5.19999V6.79999ZM10.92 6.91671C11.1061 6.99377 11.2751 7.10671 11.4175 7.2491L12.5489 6.11773C12.2579 5.82677 11.9125 5.59597 11.5323 5.43851L10.92 6.91671ZM11.4175 7.2491C11.5599 7.39148 11.6728 7.56051 11.7499 7.74655L13.2281 7.13425C13.0706 6.7541 12.8398 6.40869 12.5489 6.11773L11.4175 7.2491ZM11.7499 7.74655C11.8269 7.93258 11.8666 8.13197 11.8666 8.33333H13.4666C13.4666 7.92185 13.3855 7.51441 13.2281 7.13425L11.7499 7.74655ZM11.8666 8.33333C11.8666 8.53469 11.8269 8.73408 11.7499 8.92011L13.2281 9.5324C13.3855 9.15225 13.4666 8.7448 13.4666 8.33333H11.8666ZM11.7499 8.92011C11.6728 9.10614 11.5599 9.27518 11.4175 9.41756L12.5489 10.5489C12.8398 10.258 13.0706 9.91255 13.2281 9.5324L11.7499 8.92011ZM11.4175 9.41756C11.2751 9.55994 11.1061 9.67289 10.92 9.74994L11.5323 11.2282C11.9125 11.0707 12.2579 10.8399 12.5489 10.5489L11.4175 9.41756ZM10.92 9.74994C10.734 9.827 10.5346 9.86666 10.3333 9.86666V11.4667C10.7447 11.4667 11.1522 11.3856 11.5323 11.2282L10.92 9.74994ZM10.3333 9.86666C10.1319 9.86666 9.9325 9.827 9.74647 9.74994L9.13418 11.2282C9.51433 11.3856 9.92178 11.4667 10.3333 11.4667V9.86666ZM9.74647 9.74994C9.56044 9.67289 9.39141 9.55994 9.24902 9.41756L8.11765 10.5489C8.40861 10.8399 8.75402 11.0707 9.13418 11.2282L9.74647 9.74994ZM9.24902 9.41756C9.10664 9.27517 8.99369 9.10614 8.91664 8.92011L7.43843 9.5324C7.59589 9.91256 7.82669 10.258 8.11765 10.5489L9.24902 9.41756ZM8.91664 8.92011C8.83958 8.73408 8.79992 8.53469 8.79992 8.33333H7.19992C7.19992 8.7448 7.28096 9.15225 7.43843 9.5324L8.91664 8.92011ZM4.13325 13C4.13325 12.5933 4.2948 12.2033 4.58236 11.9158L3.45098 10.7844C2.86337 11.372 2.53325 12.169 2.53325 13H4.13325ZM4.58236 11.9158C4.86991 11.6282 5.25992 11.4667 5.66659 11.4667V9.86666C4.83557 9.86666 4.0386 10.1968 3.45098 10.7844L4.58236 11.9158ZM5.66659 11.4667H7.99992V9.86666H5.66659V11.4667ZM7.19992 10.6667V13H8.79992V10.6667H7.19992ZM7.19992 13C7.19992 13.4067 7.03837 13.7967 6.75082 14.0842L7.88219 15.2156C8.4698 14.628 8.79992 13.831 8.79992 13H7.19992ZM6.75082 14.0842C6.46326 14.3718 6.07325 14.5333 5.66659 14.5333V16.1333C6.4976 16.1333 7.29457 15.8032 7.88219 15.2156L6.75082 14.0842ZM5.66659 14.5333C5.25992 14.5333 4.86991 14.3718 4.58236 14.0842L3.45098 15.2156C4.0386 15.8032 4.83557 16.1333 5.66659 16.1333V14.5333ZM4.58236 14.0842C4.2948 13.7967 4.13325 13.4067 4.13325 13H2.53325C2.53325 13.831 2.86337 14.628 3.45098 15.2156L4.58236 14.0842ZM4.13325 8.33333C4.13325 7.92666 4.2948 7.53665 4.58236 7.2491L3.45098 6.11773C2.86337 6.70534 2.53325 7.50232 2.53325 8.33333H4.13325ZM4.58236 7.2491C4.86991 6.96154 5.25992 6.79999 5.66659 6.79999V5.19999C4.83557 5.19999 4.0386 5.53011 3.45098 6.11773L4.58236 7.2491ZM7.19992 5.99999V10.6667H8.79992V5.99999H7.19992ZM5.66659 9.86666C5.25992 9.86666 4.86991 9.70511 4.58236 9.41756L3.45098 10.5489C4.0386 11.1365 4.83557 11.4667 5.66659 11.4667V9.86666ZM4.58236 9.41756C4.2948 9.13 4.13325 8.73999 4.13325 8.33333H2.53325C2.53325 9.16434 2.86337 9.96132 3.45098 10.5489L4.58236 9.41756Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15759"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15759)">
+      <path
+        d="M5.66659 5.99999V5.19999V5.99999ZM10.3333 1.33333V2.13333V1.33333ZM7.99992 8.33333H8.79992H7.99992ZM12.6666 8.33333H11.8666H12.6666ZM4.13325 3.66666C4.13325 3.26 4.2948 2.86999 4.58236 2.58243L3.45098 1.45106C2.86337 2.03867 2.53325 2.83565 2.53325 3.66666H4.13325ZM4.58236 2.58243C4.86991 2.29488 5.25992 2.13333 5.66659 2.13333V0.533328C4.83557 0.533328 4.0386 0.863446 3.45098 1.45106L4.58236 2.58243ZM5.66659 2.13333H7.99992V0.533328H5.66659V2.13333ZM7.19992 1.33333V5.99999H8.79992V1.33333H7.19992ZM7.99992 5.19999H5.66659V6.79999H7.99992V5.19999ZM5.66659 5.19999C5.25992 5.19999 4.86991 5.03845 4.58236 4.75089L3.45098 5.88226C4.0386 6.46988 4.83557 6.79999 5.66659 6.79999V5.19999ZM4.58236 4.75089C4.2948 4.46334 4.13325 4.07333 4.13325 3.66666H2.53325C2.53325 4.49767 2.86337 5.29465 3.45098 5.88226L4.58236 4.75089ZM7.99992 2.13333H10.3333V0.533328H7.99992V2.13333ZM10.3333 2.13333C10.5346 2.13333 10.734 2.17299 10.92 2.25005L11.5323 0.771839C11.1522 0.614374 10.7447 0.533328 10.3333 0.533328V2.13333ZM10.92 2.25005C11.1061 2.3271 11.2751 2.44005 11.4175 2.58243L12.5489 1.45106C12.2579 1.1601 11.9125 0.929303 11.5323 0.771839L10.92 2.25005ZM11.4175 2.58243C11.5599 2.72481 11.6728 2.89385 11.7499 3.07988L13.2281 2.46759C13.0706 2.08743 12.8398 1.74202 12.5489 1.45106L11.4175 2.58243ZM11.7499 3.07988C11.8269 3.26591 11.8666 3.4653 11.8666 3.66666H13.4666C13.4666 3.25519 13.3855 2.84774 13.2281 2.46759L11.7499 3.07988ZM11.8666 3.66666C11.8666 3.86802 11.8269 4.06741 11.7499 4.25344L13.2281 4.86574C13.3855 4.48558 13.4666 4.07814 13.4666 3.66666H11.8666ZM11.7499 4.25344C11.6728 4.43948 11.5599 4.60851 11.4175 4.75089L12.5489 5.88226C12.8398 5.59131 13.0706 5.24589 13.2281 4.86574L11.7499 4.25344ZM11.4175 4.75089C11.2751 4.89327 11.1061 5.00622 10.92 5.08328L11.5323 6.56148C11.9125 6.40402 12.2579 6.17322 12.5489 5.88226L11.4175 4.75089ZM10.92 5.08328C10.734 5.16033 10.5346 5.19999 10.3333 5.19999V6.79999C10.7447 6.79999 11.1522 6.71895 11.5323 6.56148L10.92 5.08328ZM10.3333 5.19999H7.99992V6.79999H10.3333V5.19999ZM8.79992 8.33333C8.79992 8.13197 8.83958 7.93258 8.91664 7.74655L7.43843 7.13425C7.28096 7.51441 7.19992 7.92185 7.19992 8.33333H8.79992ZM8.91664 7.74655C8.99369 7.56051 9.10664 7.39148 9.24902 7.2491L8.11765 6.11773C7.82669 6.40868 7.59589 6.7541 7.43843 7.13425L8.91664 7.74655ZM9.24902 7.2491C9.39141 7.10671 9.56044 6.99377 9.74647 6.91671L9.13418 5.43851C8.75402 5.59597 8.40861 5.82677 8.11765 6.11773L9.24902 7.2491ZM9.74647 6.91671C9.9325 6.83966 10.1319 6.79999 10.3333 6.79999V5.19999C9.92178 5.19999 9.51433 5.28104 9.13418 5.43851L9.74647 6.91671ZM10.3333 6.79999C10.5346 6.79999 10.734 6.83966 10.92 6.91671L11.5323 5.43851C11.1522 5.28104 10.7447 5.19999 10.3333 5.19999V6.79999ZM10.92 6.91671C11.1061 6.99377 11.2751 7.10671 11.4175 7.2491L12.5489 6.11773C12.2579 5.82677 11.9125 5.59597 11.5323 5.43851L10.92 6.91671ZM11.4175 7.2491C11.5599 7.39148 11.6728 7.56051 11.7499 7.74655L13.2281 7.13425C13.0706 6.7541 12.8398 6.40869 12.5489 6.11773L11.4175 7.2491ZM11.7499 7.74655C11.8269 7.93258 11.8666 8.13197 11.8666 8.33333H13.4666C13.4666 7.92185 13.3855 7.51441 13.2281 7.13425L11.7499 7.74655ZM11.8666 8.33333C11.8666 8.53469 11.8269 8.73408 11.7499 8.92011L13.2281 9.5324C13.3855 9.15225 13.4666 8.7448 13.4666 8.33333H11.8666ZM11.7499 8.92011C11.6728 9.10614 11.5599 9.27518 11.4175 9.41756L12.5489 10.5489C12.8398 10.258 13.0706 9.91255 13.2281 9.5324L11.7499 8.92011ZM11.4175 9.41756C11.2751 9.55994 11.1061 9.67289 10.92 9.74994L11.5323 11.2282C11.9125 11.0707 12.2579 10.8399 12.5489 10.5489L11.4175 9.41756ZM10.92 9.74994C10.734 9.827 10.5346 9.86666 10.3333 9.86666V11.4667C10.7447 11.4667 11.1522 11.3856 11.5323 11.2282L10.92 9.74994ZM10.3333 9.86666C10.1319 9.86666 9.9325 9.827 9.74647 9.74994L9.13418 11.2282C9.51433 11.3856 9.92178 11.4667 10.3333 11.4667V9.86666ZM9.74647 9.74994C9.56044 9.67289 9.39141 9.55994 9.24902 9.41756L8.11765 10.5489C8.40861 10.8399 8.75402 11.0707 9.13418 11.2282L9.74647 9.74994ZM9.24902 9.41756C9.10664 9.27517 8.99369 9.10614 8.91664 8.92011L7.43843 9.5324C7.59589 9.91256 7.82669 10.258 8.11765 10.5489L9.24902 9.41756ZM8.91664 8.92011C8.83958 8.73408 8.79992 8.53469 8.79992 8.33333H7.19992C7.19992 8.7448 7.28096 9.15225 7.43843 9.5324L8.91664 8.92011ZM4.13325 13C4.13325 12.5933 4.2948 12.2033 4.58236 11.9158L3.45098 10.7844C2.86337 11.372 2.53325 12.169 2.53325 13H4.13325ZM4.58236 11.9158C4.86991 11.6282 5.25992 11.4667 5.66659 11.4667V9.86666C4.83557 9.86666 4.0386 10.1968 3.45098 10.7844L4.58236 11.9158ZM5.66659 11.4667H7.99992V9.86666H5.66659V11.4667ZM7.19992 10.6667V13H8.79992V10.6667H7.19992ZM7.19992 13C7.19992 13.4067 7.03837 13.7967 6.75082 14.0842L7.88219 15.2156C8.4698 14.628 8.79992 13.831 8.79992 13H7.19992ZM6.75082 14.0842C6.46326 14.3718 6.07325 14.5333 5.66659 14.5333V16.1333C6.4976 16.1333 7.29457 15.8032 7.88219 15.2156L6.75082 14.0842ZM5.66659 14.5333C5.25992 14.5333 4.86991 14.3718 4.58236 14.0842L3.45098 15.2156C4.0386 15.8032 4.83557 16.1333 5.66659 16.1333V14.5333ZM4.58236 14.0842C4.2948 13.7967 4.13325 13.4067 4.13325 13H2.53325C2.53325 13.831 2.86337 14.628 3.45098 15.2156L4.58236 14.0842ZM4.13325 8.33333C4.13325 7.92666 4.2948 7.53665 4.58236 7.2491L3.45098 6.11773C2.86337 6.70534 2.53325 7.50232 2.53325 8.33333H4.13325ZM4.58236 7.2491C4.86991 6.96154 5.25992 6.79999 5.66659 6.79999V5.19999C4.83557 5.19999 4.0386 5.53011 3.45098 6.11773L4.58236 7.2491ZM7.19992 5.99999V10.6667H8.79992V5.99999H7.19992ZM5.66659 9.86666C5.25992 9.86666 4.86991 9.70511 4.58236 9.41756L3.45098 10.5489C4.0386 11.1365 4.83557 11.4667 5.66659 11.4667V9.86666ZM4.58236 9.41756C4.2948 9.13 4.13325 8.73999 4.13325 8.33333H2.53325C2.53325 9.16434 2.86337 9.96132 3.45098 10.5489L4.58236 9.41756Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15759">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconFigma,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13498",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFigma size={size} />,
+  },
 );
-figma.connect(IconFigma, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13498", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFigma size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFile.tsx b/src/icons/IconFile.tsx
index d779df7..ee1c760 100644
--- a/src/icons/IconFile.tsx
+++ b/src/icons/IconFile.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFile = (props: IconProps) => (
-  <Icon {...props}><path d="M8.66667 1.33333L9.23236 0.767647C9.08233 0.617618 8.87884 0.533332 8.66667 0.533332V1.33333ZM4.00001 1.33333V0.533332V1.33333ZM2.66667 2.66667H1.86667H2.66667ZM2.66667 13.3333H1.86667H2.66667ZM13.3333 6H14.1333C14.1333 5.78783 14.0491 5.58434 13.899 5.43431L13.3333 6ZM8.66667 6H7.86667C7.86667 6.21217 7.95096 6.41565 8.10099 6.56568C8.25101 6.71571 8.4545 6.8 8.66667 6.8V6ZM8.66667 0.533332H4.00001V2.13333H8.66667V0.533332ZM4.00001 0.533332C3.43421 0.533332 2.89159 0.758093 2.49151 1.15817L3.62288 2.28954C3.7229 2.18952 3.85856 2.13333 4.00001 2.13333V0.533332ZM2.49151 1.15817C2.09143 1.55825 1.86667 2.10087 1.86667 2.66667H3.46667C3.46667 2.52522 3.52286 2.38956 3.62288 2.28954L2.49151 1.15817ZM1.86667 2.66667V13.3333H3.46667V2.66667H1.86667ZM1.86667 13.3333C1.86667 13.8991 2.09143 14.4417 2.49151 14.8418L3.62288 13.7105C3.52286 13.6104 3.46667 13.4748 3.46667 13.3333H1.86667ZM2.49151 14.8418C2.89159 15.2419 3.43421 15.4667 4.00001 15.4667V13.8667C3.85856 13.8667 3.7229 13.8105 3.62288 13.7105L2.49151 14.8418ZM4.00001 15.4667H12V13.8667H4.00001V15.4667ZM12 15.4667C12.5658 15.4667 13.1084 15.2419 13.5085 14.8418L12.3771 13.7105C12.2771 13.8105 12.1415 13.8667 12 13.8667V15.4667ZM13.5085 14.8418C13.9086 14.4417 14.1333 13.8991 14.1333 13.3333H12.5333C12.5333 13.4748 12.4771 13.6104 12.3771 13.7105L13.5085 14.8418ZM14.1333 13.3333V6H12.5333V13.3333H14.1333ZM13.899 5.43431L9.23236 0.767647L8.10099 1.89902L12.7677 6.56568L13.899 5.43431ZM7.86667 1.33333L7.86667 6H9.46667L9.46667 1.33333L7.86667 1.33333ZM8.66667 6.8H13.3333V5.2H8.66667V6.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.66667 1.33333L9.23236 0.767647C9.08233 0.617618 8.87884 0.533332 8.66667 0.533332V1.33333ZM4.00001 1.33333V0.533332V1.33333ZM2.66667 2.66667H1.86667H2.66667ZM2.66667 13.3333H1.86667H2.66667ZM13.3333 6H14.1333C14.1333 5.78783 14.0491 5.58434 13.899 5.43431L13.3333 6ZM8.66667 6H7.86667C7.86667 6.21217 7.95096 6.41565 8.10099 6.56568C8.25101 6.71571 8.4545 6.8 8.66667 6.8V6ZM8.66667 0.533332H4.00001V2.13333H8.66667V0.533332ZM4.00001 0.533332C3.43421 0.533332 2.89159 0.758093 2.49151 1.15817L3.62288 2.28954C3.7229 2.18952 3.85856 2.13333 4.00001 2.13333V0.533332ZM2.49151 1.15817C2.09143 1.55825 1.86667 2.10087 1.86667 2.66667H3.46667C3.46667 2.52522 3.52286 2.38956 3.62288 2.28954L2.49151 1.15817ZM1.86667 2.66667V13.3333H3.46667V2.66667H1.86667ZM1.86667 13.3333C1.86667 13.8991 2.09143 14.4417 2.49151 14.8418L3.62288 13.7105C3.52286 13.6104 3.46667 13.4748 3.46667 13.3333H1.86667ZM2.49151 14.8418C2.89159 15.2419 3.43421 15.4667 4.00001 15.4667V13.8667C3.85856 13.8667 3.7229 13.8105 3.62288 13.7105L2.49151 14.8418ZM4.00001 15.4667H12V13.8667H4.00001V15.4667ZM12 15.4667C12.5658 15.4667 13.1084 15.2419 13.5085 14.8418L12.3771 13.7105C12.2771 13.8105 12.1415 13.8667 12 13.8667V15.4667ZM13.5085 14.8418C13.9086 14.4417 14.1333 13.8991 14.1333 13.3333H12.5333C12.5333 13.4748 12.4771 13.6104 12.3771 13.7105L13.5085 14.8418ZM14.1333 13.3333V6H12.5333V13.3333H14.1333ZM13.899 5.43431L9.23236 0.767647L8.10099 1.89902L12.7677 6.56568L13.899 5.43431ZM7.86667 1.33333L7.86667 6H9.46667L9.46667 1.33333L7.86667 1.33333ZM8.66667 6.8H13.3333V5.2H8.66667V6.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFile,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13503",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFile size={size} />,
+  },
 );
-figma.connect(IconFile, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13503", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFile size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFileMinus.tsx b/src/icons/IconFileMinus.tsx
index 3e109d7..5ef4fa1 100644
--- a/src/icons/IconFileMinus.tsx
+++ b/src/icons/IconFileMinus.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFileMinus = (props: IconProps) => (
-  <Icon {...props}><path d="M9.33341 1.33333L9.8991 0.767643C9.74907 0.617614 9.54559 0.533328 9.33341 0.533328V1.33333ZM4.00008 1.33333V0.533328V1.33333ZM2.66675 2.66666H1.86675H2.66675ZM2.66675 13.3333H1.86675H2.66675ZM13.3334 5.33333H14.1334C14.1334 5.12116 14.0491 4.91767 13.8991 4.76764L13.3334 5.33333ZM9.33342 5.33333H8.53341C8.53341 5.77516 8.89159 6.13333 9.33342 6.13333V5.33333ZM6.00008 9.19999C5.55825 9.19999 5.20008 9.55817 5.20008 10C5.20008 10.4418 5.55825 10.8 6.00008 10.8V9.19999ZM10.0001 10.8C10.4419 10.8 10.8001 10.4418 10.8001 10C10.8001 9.55817 10.4419 9.19999 10.0001 9.19999V10.8ZM9.33341 0.533328H4.00008V2.13333H9.33341V0.533328ZM4.00008 0.533328C3.43429 0.533328 2.89166 0.758089 2.49159 1.15817L3.62296 2.28954C3.72298 2.18952 3.85863 2.13333 4.00008 2.13333V0.533328ZM2.49159 1.15817C2.09151 1.55824 1.86675 2.10087 1.86675 2.66666H3.46675C3.46675 2.52521 3.52294 2.38956 3.62296 2.28954L2.49159 1.15817ZM1.86675 2.66666V13.3333H3.46675V2.66666H1.86675ZM1.86675 13.3333C1.86675 13.8991 2.09151 14.4417 2.49159 14.8418L3.62296 13.7105C3.52294 13.6104 3.46675 13.4748 3.46675 13.3333H1.86675ZM2.49159 14.8418C2.89166 15.2419 3.43429 15.4667 4.00008 15.4667V13.8667C3.85863 13.8667 3.72298 13.8105 3.62296 13.7105L2.49159 14.8418ZM4.00008 15.4667H12.0001V13.8667H4.00008V15.4667ZM12.0001 15.4667C12.5659 15.4667 13.1085 15.2419 13.5086 14.8418L12.3772 13.7105C12.2772 13.8105 12.1415 13.8667 12.0001 13.8667V15.4667ZM13.5086 14.8418C13.9087 14.4417 14.1334 13.8991 14.1334 13.3333H12.5334C12.5334 13.4748 12.4772 13.6104 12.3772 13.7105L13.5086 14.8418ZM14.1334 13.3333V5.33333H12.5334V13.3333H14.1334ZM13.8991 4.76764L9.8991 0.767643L8.76773 1.89901L12.7677 5.89901L13.8991 4.76764ZM8.53341 1.33333L8.53341 5.33333H10.1334L10.1334 1.33333L8.53341 1.33333ZM9.33342 6.13333H13.3334V4.53333H9.33342V6.13333ZM6.00008 10.8H10.0001V9.19999H6.00008V10.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.33341 1.33333L9.8991 0.767643C9.74907 0.617614 9.54559 0.533328 9.33341 0.533328V1.33333ZM4.00008 1.33333V0.533328V1.33333ZM2.66675 2.66666H1.86675H2.66675ZM2.66675 13.3333H1.86675H2.66675ZM13.3334 5.33333H14.1334C14.1334 5.12116 14.0491 4.91767 13.8991 4.76764L13.3334 5.33333ZM9.33342 5.33333H8.53341C8.53341 5.77516 8.89159 6.13333 9.33342 6.13333V5.33333ZM6.00008 9.19999C5.55825 9.19999 5.20008 9.55817 5.20008 10C5.20008 10.4418 5.55825 10.8 6.00008 10.8V9.19999ZM10.0001 10.8C10.4419 10.8 10.8001 10.4418 10.8001 10C10.8001 9.55817 10.4419 9.19999 10.0001 9.19999V10.8ZM9.33341 0.533328H4.00008V2.13333H9.33341V0.533328ZM4.00008 0.533328C3.43429 0.533328 2.89166 0.758089 2.49159 1.15817L3.62296 2.28954C3.72298 2.18952 3.85863 2.13333 4.00008 2.13333V0.533328ZM2.49159 1.15817C2.09151 1.55824 1.86675 2.10087 1.86675 2.66666H3.46675C3.46675 2.52521 3.52294 2.38956 3.62296 2.28954L2.49159 1.15817ZM1.86675 2.66666V13.3333H3.46675V2.66666H1.86675ZM1.86675 13.3333C1.86675 13.8991 2.09151 14.4417 2.49159 14.8418L3.62296 13.7105C3.52294 13.6104 3.46675 13.4748 3.46675 13.3333H1.86675ZM2.49159 14.8418C2.89166 15.2419 3.43429 15.4667 4.00008 15.4667V13.8667C3.85863 13.8667 3.72298 13.8105 3.62296 13.7105L2.49159 14.8418ZM4.00008 15.4667H12.0001V13.8667H4.00008V15.4667ZM12.0001 15.4667C12.5659 15.4667 13.1085 15.2419 13.5086 14.8418L12.3772 13.7105C12.2772 13.8105 12.1415 13.8667 12.0001 13.8667V15.4667ZM13.5086 14.8418C13.9087 14.4417 14.1334 13.8991 14.1334 13.3333H12.5334C12.5334 13.4748 12.4772 13.6104 12.3772 13.7105L13.5086 14.8418ZM14.1334 13.3333V5.33333H12.5334V13.3333H14.1334ZM13.8991 4.76764L9.8991 0.767643L8.76773 1.89901L12.7677 5.89901L13.8991 4.76764ZM8.53341 1.33333L8.53341 5.33333H10.1334L10.1334 1.33333L8.53341 1.33333ZM9.33342 6.13333H13.3334V4.53333H9.33342V6.13333ZM6.00008 10.8H10.0001V9.19999H6.00008V10.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFileMinus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13499",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFileMinus size={size} />,
+  },
 );
-figma.connect(IconFileMinus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13499", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFileMinus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFilePlus.tsx b/src/icons/IconFilePlus.tsx
index df897ca..8507563 100644
--- a/src/icons/IconFilePlus.tsx
+++ b/src/icons/IconFilePlus.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFilePlus = (props: IconProps) => (
-  <Icon {...props}><path d="M9.33317 1.33333L9.89886 0.767643C9.74883 0.617614 9.54534 0.533328 9.33317 0.533328V1.33333ZM3.99984 1.33333V0.533328V1.33333ZM2.6665 2.66666H1.8665H2.6665ZM2.6665 13.3333H1.8665H2.6665ZM13.3332 5.33333H14.1332C14.1332 5.12116 14.0489 4.91767 13.8989 4.76764L13.3332 5.33333ZM9.33317 5.33333H8.53317C8.53317 5.77516 8.89134 6.13333 9.33317 6.13333V5.33333ZM7.19984 12C7.19984 12.4418 7.55801 12.8 7.99984 12.8C8.44166 12.8 8.79984 12.4418 8.79984 12H7.19984ZM8.79984 7.99999C8.79984 7.55817 8.44166 7.19999 7.99984 7.19999C7.55801 7.19999 7.19984 7.55817 7.19984 7.99999H8.79984ZM5.99984 9.19999C5.55801 9.19999 5.19984 9.55817 5.19984 10C5.19984 10.4418 5.55801 10.8 5.99984 10.8V9.19999ZM9.99984 10.8C10.4417 10.8 10.7998 10.4418 10.7998 10C10.7998 9.55817 10.4417 9.19999 9.99984 9.19999V10.8ZM9.33317 0.533328H3.99984V2.13333H9.33317V0.533328ZM3.99984 0.533328C3.43404 0.533328 2.89142 0.758089 2.49134 1.15817L3.62271 2.28954C3.72273 2.18952 3.85839 2.13333 3.99984 2.13333V0.533328ZM2.49134 1.15817C2.09126 1.55824 1.8665 2.10087 1.8665 2.66666H3.4665C3.4665 2.52521 3.52269 2.38956 3.62271 2.28954L2.49134 1.15817ZM1.8665 2.66666V13.3333H3.4665V2.66666H1.8665ZM1.8665 13.3333C1.8665 13.8991 2.09127 14.4417 2.49134 14.8418L3.62271 13.7105C3.52269 13.6104 3.4665 13.4748 3.4665 13.3333H1.8665ZM2.49134 14.8418C2.89142 15.2419 3.43404 15.4667 3.99984 15.4667V13.8667C3.85839 13.8667 3.72273 13.8105 3.62271 13.7105L2.49134 14.8418ZM3.99984 15.4667H11.9998V13.8667H3.99984V15.4667ZM11.9998 15.4667C12.5656 15.4667 13.1083 15.2419 13.5083 14.8418L12.377 13.7105C12.2769 13.8105 12.1413 13.8667 11.9998 13.8667V15.4667ZM13.5083 14.8418C13.9084 14.4417 14.1332 13.8991 14.1332 13.3333H12.5332C12.5332 13.4748 12.477 13.6104 12.377 13.7105L13.5083 14.8418ZM14.1332 13.3333V5.33333H12.5332V13.3333H14.1332ZM13.8989 4.76764L9.89886 0.767643L8.76748 1.89901L12.7675 5.89901L13.8989 4.76764ZM8.53317 1.33333L8.53317 5.33333H10.1332L10.1332 1.33333L8.53317 1.33333ZM9.33317 6.13333H13.3332V4.53333H9.33317V6.13333ZM8.79984 12V7.99999H7.19984V12H8.79984ZM5.99984 10.8H9.99984V9.19999H5.99984V10.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.33317 1.33333L9.89886 0.767643C9.74883 0.617614 9.54534 0.533328 9.33317 0.533328V1.33333ZM3.99984 1.33333V0.533328V1.33333ZM2.6665 2.66666H1.8665H2.6665ZM2.6665 13.3333H1.8665H2.6665ZM13.3332 5.33333H14.1332C14.1332 5.12116 14.0489 4.91767 13.8989 4.76764L13.3332 5.33333ZM9.33317 5.33333H8.53317C8.53317 5.77516 8.89134 6.13333 9.33317 6.13333V5.33333ZM7.19984 12C7.19984 12.4418 7.55801 12.8 7.99984 12.8C8.44166 12.8 8.79984 12.4418 8.79984 12H7.19984ZM8.79984 7.99999C8.79984 7.55817 8.44166 7.19999 7.99984 7.19999C7.55801 7.19999 7.19984 7.55817 7.19984 7.99999H8.79984ZM5.99984 9.19999C5.55801 9.19999 5.19984 9.55817 5.19984 10C5.19984 10.4418 5.55801 10.8 5.99984 10.8V9.19999ZM9.99984 10.8C10.4417 10.8 10.7998 10.4418 10.7998 10C10.7998 9.55817 10.4417 9.19999 9.99984 9.19999V10.8ZM9.33317 0.533328H3.99984V2.13333H9.33317V0.533328ZM3.99984 0.533328C3.43404 0.533328 2.89142 0.758089 2.49134 1.15817L3.62271 2.28954C3.72273 2.18952 3.85839 2.13333 3.99984 2.13333V0.533328ZM2.49134 1.15817C2.09126 1.55824 1.8665 2.10087 1.8665 2.66666H3.4665C3.4665 2.52521 3.52269 2.38956 3.62271 2.28954L2.49134 1.15817ZM1.8665 2.66666V13.3333H3.4665V2.66666H1.8665ZM1.8665 13.3333C1.8665 13.8991 2.09127 14.4417 2.49134 14.8418L3.62271 13.7105C3.52269 13.6104 3.4665 13.4748 3.4665 13.3333H1.8665ZM2.49134 14.8418C2.89142 15.2419 3.43404 15.4667 3.99984 15.4667V13.8667C3.85839 13.8667 3.72273 13.8105 3.62271 13.7105L2.49134 14.8418ZM3.99984 15.4667H11.9998V13.8667H3.99984V15.4667ZM11.9998 15.4667C12.5656 15.4667 13.1083 15.2419 13.5083 14.8418L12.377 13.7105C12.2769 13.8105 12.1413 13.8667 11.9998 13.8667V15.4667ZM13.5083 14.8418C13.9084 14.4417 14.1332 13.8991 14.1332 13.3333H12.5332C12.5332 13.4748 12.477 13.6104 12.377 13.7105L13.5083 14.8418ZM14.1332 13.3333V5.33333H12.5332V13.3333H14.1332ZM13.8989 4.76764L9.89886 0.767643L8.76748 1.89901L12.7675 5.89901L13.8989 4.76764ZM8.53317 1.33333L8.53317 5.33333H10.1332L10.1332 1.33333L8.53317 1.33333ZM9.33317 6.13333H13.3332V4.53333H9.33317V6.13333ZM8.79984 12V7.99999H7.19984V12H8.79984ZM5.99984 10.8H9.99984V9.19999H5.99984V10.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFilePlus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13501",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFilePlus size={size} />,
+  },
 );
-figma.connect(IconFilePlus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13501", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFilePlus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFileText.tsx b/src/icons/IconFileText.tsx
index 5cca520..d06d62e 100644
--- a/src/icons/IconFileText.tsx
+++ b/src/icons/IconFileText.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFileText = (props: IconProps) => (
-  <Icon {...props}><path d="M9.33317 1.33333L9.89886 0.767643C9.74883 0.617614 9.54534 0.533328 9.33317 0.533328V1.33333ZM3.99984 1.33333V0.533328V1.33333ZM2.6665 2.66666H1.8665H2.6665ZM2.6665 13.3333H1.8665H2.6665ZM13.3332 5.33333H14.1332C14.1332 5.12116 14.0489 4.91767 13.8989 4.76764L13.3332 5.33333ZM9.33317 5.33333H8.53317C8.53317 5.77516 8.89134 6.13333 9.33317 6.13333V5.33333ZM10.6665 9.46666C11.1083 9.46666 11.4665 9.10849 11.4665 8.66666C11.4665 8.22483 11.1083 7.86666 10.6665 7.86666V9.46666ZM5.33317 7.86666C4.89134 7.86666 4.53317 8.22483 4.53317 8.66666C4.53317 9.10849 4.89134 9.46666 5.33317 9.46666V7.86666ZM10.6665 12.1333C11.1083 12.1333 11.4665 11.7752 11.4665 11.3333C11.4665 10.8915 11.1083 10.5333 10.6665 10.5333V12.1333ZM5.33317 10.5333C4.89134 10.5333 4.53317 10.8915 4.53317 11.3333C4.53317 11.7752 4.89134 12.1333 5.33317 12.1333V10.5333ZM6.6665 6.79999C7.10833 6.79999 7.4665 6.44182 7.4665 5.99999C7.4665 5.55817 7.10833 5.19999 6.6665 5.19999V6.79999ZM5.33317 5.19999C4.89134 5.19999 4.53317 5.55817 4.53317 5.99999C4.53317 6.44182 4.89134 6.79999 5.33317 6.79999V5.19999ZM9.33317 0.533328H3.99984V2.13333H9.33317V0.533328ZM3.99984 0.533328C3.43404 0.533328 2.89142 0.758089 2.49134 1.15817L3.62271 2.28954C3.72273 2.18952 3.85839 2.13333 3.99984 2.13333V0.533328ZM2.49134 1.15817C2.09126 1.55824 1.8665 2.10087 1.8665 2.66666H3.4665C3.4665 2.52521 3.52269 2.38956 3.62271 2.28954L2.49134 1.15817ZM1.8665 2.66666V13.3333H3.4665V2.66666H1.8665ZM1.8665 13.3333C1.8665 13.8991 2.09127 14.4417 2.49134 14.8418L3.62271 13.7105C3.52269 13.6104 3.4665 13.4748 3.4665 13.3333H1.8665ZM2.49134 14.8418C2.89142 15.2419 3.43404 15.4667 3.99984 15.4667V13.8667C3.85839 13.8667 3.72273 13.8105 3.62271 13.7105L2.49134 14.8418ZM3.99984 15.4667H11.9998V13.8667H3.99984V15.4667ZM11.9998 15.4667C12.5656 15.4667 13.1083 15.2419 13.5083 14.8418L12.377 13.7105C12.2769 13.8105 12.1413 13.8667 11.9998 13.8667V15.4667ZM13.5083 14.8418C13.9084 14.4417 14.1332 13.8991 14.1332 13.3333H12.5332C12.5332 13.4748 12.477 13.6104 12.377 13.7105L13.5083 14.8418ZM14.1332 13.3333V5.33333H12.5332V13.3333H14.1332ZM13.8989 4.76764L9.89886 0.767643L8.76748 1.89901L12.7675 5.89901L13.8989 4.76764ZM8.53317 1.33333L8.53317 5.33333H10.1332L10.1332 1.33333L8.53317 1.33333ZM9.33317 6.13333H13.3332V4.53333H9.33317V6.13333ZM10.6665 7.86666H5.33317V9.46666H10.6665V7.86666ZM10.6665 10.5333H5.33317V12.1333H10.6665V10.5333ZM6.6665 5.19999H5.33317V6.79999H6.6665V5.19999Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.33317 1.33333L9.89886 0.767643C9.74883 0.617614 9.54534 0.533328 9.33317 0.533328V1.33333ZM3.99984 1.33333V0.533328V1.33333ZM2.6665 2.66666H1.8665H2.6665ZM2.6665 13.3333H1.8665H2.6665ZM13.3332 5.33333H14.1332C14.1332 5.12116 14.0489 4.91767 13.8989 4.76764L13.3332 5.33333ZM9.33317 5.33333H8.53317C8.53317 5.77516 8.89134 6.13333 9.33317 6.13333V5.33333ZM10.6665 9.46666C11.1083 9.46666 11.4665 9.10849 11.4665 8.66666C11.4665 8.22483 11.1083 7.86666 10.6665 7.86666V9.46666ZM5.33317 7.86666C4.89134 7.86666 4.53317 8.22483 4.53317 8.66666C4.53317 9.10849 4.89134 9.46666 5.33317 9.46666V7.86666ZM10.6665 12.1333C11.1083 12.1333 11.4665 11.7752 11.4665 11.3333C11.4665 10.8915 11.1083 10.5333 10.6665 10.5333V12.1333ZM5.33317 10.5333C4.89134 10.5333 4.53317 10.8915 4.53317 11.3333C4.53317 11.7752 4.89134 12.1333 5.33317 12.1333V10.5333ZM6.6665 6.79999C7.10833 6.79999 7.4665 6.44182 7.4665 5.99999C7.4665 5.55817 7.10833 5.19999 6.6665 5.19999V6.79999ZM5.33317 5.19999C4.89134 5.19999 4.53317 5.55817 4.53317 5.99999C4.53317 6.44182 4.89134 6.79999 5.33317 6.79999V5.19999ZM9.33317 0.533328H3.99984V2.13333H9.33317V0.533328ZM3.99984 0.533328C3.43404 0.533328 2.89142 0.758089 2.49134 1.15817L3.62271 2.28954C3.72273 2.18952 3.85839 2.13333 3.99984 2.13333V0.533328ZM2.49134 1.15817C2.09126 1.55824 1.8665 2.10087 1.8665 2.66666H3.4665C3.4665 2.52521 3.52269 2.38956 3.62271 2.28954L2.49134 1.15817ZM1.8665 2.66666V13.3333H3.4665V2.66666H1.8665ZM1.8665 13.3333C1.8665 13.8991 2.09127 14.4417 2.49134 14.8418L3.62271 13.7105C3.52269 13.6104 3.4665 13.4748 3.4665 13.3333H1.8665ZM2.49134 14.8418C2.89142 15.2419 3.43404 15.4667 3.99984 15.4667V13.8667C3.85839 13.8667 3.72273 13.8105 3.62271 13.7105L2.49134 14.8418ZM3.99984 15.4667H11.9998V13.8667H3.99984V15.4667ZM11.9998 15.4667C12.5656 15.4667 13.1083 15.2419 13.5083 14.8418L12.377 13.7105C12.2769 13.8105 12.1413 13.8667 11.9998 13.8667V15.4667ZM13.5083 14.8418C13.9084 14.4417 14.1332 13.8991 14.1332 13.3333H12.5332C12.5332 13.4748 12.477 13.6104 12.377 13.7105L13.5083 14.8418ZM14.1332 13.3333V5.33333H12.5332V13.3333H14.1332ZM13.8989 4.76764L9.89886 0.767643L8.76748 1.89901L12.7675 5.89901L13.8989 4.76764ZM8.53317 1.33333L8.53317 5.33333H10.1332L10.1332 1.33333L8.53317 1.33333ZM9.33317 6.13333H13.3332V4.53333H9.33317V6.13333ZM10.6665 7.86666H5.33317V9.46666H10.6665V7.86666ZM10.6665 10.5333H5.33317V12.1333H10.6665V10.5333ZM6.6665 5.19999H5.33317V6.79999H6.6665V5.19999Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFileText,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13500",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFileText size={size} />,
+  },
 );
-figma.connect(IconFileText, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13500", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFileText size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFilm.tsx b/src/icons/IconFilm.tsx
index 8d27f95..bab0470 100644
--- a/src/icons/IconFilm.tsx
+++ b/src/icons/IconFilm.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFilm = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15769)"><path d="M5.46665 1.33333C5.46665 0.891504 5.10847 0.533332 4.66665 0.533332C4.22482 0.533332 3.86665 0.891504 3.86665 1.33333H5.46665ZM3.86665 14.6667C3.86665 15.1085 4.22482 15.4667 4.66665 15.4667C5.10847 15.4667 5.46665 15.1085 5.46665 14.6667H3.86665ZM12.1333 1.33333C12.1333 0.891504 11.7751 0.533332 11.3333 0.533332C10.8915 0.533332 10.5333 0.891504 10.5333 1.33333H12.1333ZM10.5333 14.6667C10.5333 15.1085 10.8915 15.4667 11.3333 15.4667C11.7751 15.4667 12.1333 15.1085 12.1333 14.6667H10.5333ZM1.33331 7.2C0.891485 7.2 0.533313 7.55817 0.533313 8C0.533313 8.44183 0.891485 8.8 1.33331 8.8V7.2ZM14.6666 8.8C15.1085 8.8 15.4666 8.44183 15.4666 8C15.4666 7.55817 15.1085 7.2 14.6666 7.2V8.8ZM1.33331 3.86667C0.891485 3.86667 0.533313 4.22484 0.533313 4.66667C0.533313 5.10849 0.891485 5.46667 1.33331 5.46667V3.86667ZM4.66665 5.46667C5.10847 5.46667 5.46665 5.10849 5.46665 4.66667C5.46665 4.22484 5.10847 3.86667 4.66665 3.86667V5.46667ZM1.33331 10.5333C0.891485 10.5333 0.533313 10.8915 0.533313 11.3333C0.533313 11.7752 0.891485 12.1333 1.33331 12.1333V10.5333ZM4.66665 12.1333C5.10847 12.1333 5.46665 11.7752 5.46665 11.3333C5.46665 10.8915 5.10847 10.5333 4.66665 10.5333V12.1333ZM11.3333 10.5333C10.8915 10.5333 10.5333 10.8915 10.5333 11.3333C10.5333 11.7752 10.8915 12.1333 11.3333 12.1333V10.5333ZM14.6666 12.1333C15.1085 12.1333 15.4666 11.7752 15.4666 11.3333C15.4666 10.8915 15.1085 10.5333 14.6666 10.5333V12.1333ZM11.3333 3.86667C10.8915 3.86667 10.5333 4.22484 10.5333 4.66667C10.5333 5.10849 10.8915 5.46667 11.3333 5.46667V3.86667ZM14.6666 5.46667C15.1085 5.46667 15.4666 5.10849 15.4666 4.66667C15.4666 4.22484 15.1085 3.86667 14.6666 3.86667V5.46667ZM2.78665 2.13333H13.2133V0.533332H2.78665V2.13333ZM13.2133 2.13333C13.5741 2.13333 13.8666 2.42584 13.8666 2.78667H15.4666C15.4666 1.54218 14.4578 0.533332 13.2133 0.533332V2.13333ZM13.8666 2.78667V13.2133H15.4666V2.78667H13.8666ZM13.8666 13.2133C13.8666 13.5742 13.5741 13.8667 13.2133 13.8667V15.4667C14.4578 15.4667 15.4666 14.4578 15.4666 13.2133H13.8666ZM13.2133 13.8667H2.78665V15.4667H13.2133V13.8667ZM2.78665 13.8667C2.42582 13.8667 2.13331 13.5742 2.13331 13.2133H0.533313C0.533313 14.4578 1.54216 15.4667 2.78665 15.4667V13.8667ZM2.13331 13.2133V2.78667H0.533313V13.2133H2.13331ZM2.13331 2.78667C2.13331 2.42584 2.42582 2.13333 2.78665 2.13333V0.533332C1.54216 0.533332 0.533313 1.54218 0.533313 2.78667H2.13331ZM3.86665 1.33333V14.6667H5.46665V1.33333H3.86665ZM10.5333 1.33333V14.6667H12.1333V1.33333H10.5333ZM1.33331 8.8H14.6666V7.2H1.33331V8.8ZM1.33331 5.46667H4.66665V3.86667H1.33331V5.46667ZM1.33331 12.1333H4.66665V10.5333H1.33331V12.1333ZM11.3333 12.1333H14.6666V10.5333H11.3333V12.1333ZM11.3333 5.46667H14.6666V3.86667H11.3333V5.46667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15769"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15769)">
+      <path
+        d="M5.46665 1.33333C5.46665 0.891504 5.10847 0.533332 4.66665 0.533332C4.22482 0.533332 3.86665 0.891504 3.86665 1.33333H5.46665ZM3.86665 14.6667C3.86665 15.1085 4.22482 15.4667 4.66665 15.4667C5.10847 15.4667 5.46665 15.1085 5.46665 14.6667H3.86665ZM12.1333 1.33333C12.1333 0.891504 11.7751 0.533332 11.3333 0.533332C10.8915 0.533332 10.5333 0.891504 10.5333 1.33333H12.1333ZM10.5333 14.6667C10.5333 15.1085 10.8915 15.4667 11.3333 15.4667C11.7751 15.4667 12.1333 15.1085 12.1333 14.6667H10.5333ZM1.33331 7.2C0.891485 7.2 0.533313 7.55817 0.533313 8C0.533313 8.44183 0.891485 8.8 1.33331 8.8V7.2ZM14.6666 8.8C15.1085 8.8 15.4666 8.44183 15.4666 8C15.4666 7.55817 15.1085 7.2 14.6666 7.2V8.8ZM1.33331 3.86667C0.891485 3.86667 0.533313 4.22484 0.533313 4.66667C0.533313 5.10849 0.891485 5.46667 1.33331 5.46667V3.86667ZM4.66665 5.46667C5.10847 5.46667 5.46665 5.10849 5.46665 4.66667C5.46665 4.22484 5.10847 3.86667 4.66665 3.86667V5.46667ZM1.33331 10.5333C0.891485 10.5333 0.533313 10.8915 0.533313 11.3333C0.533313 11.7752 0.891485 12.1333 1.33331 12.1333V10.5333ZM4.66665 12.1333C5.10847 12.1333 5.46665 11.7752 5.46665 11.3333C5.46665 10.8915 5.10847 10.5333 4.66665 10.5333V12.1333ZM11.3333 10.5333C10.8915 10.5333 10.5333 10.8915 10.5333 11.3333C10.5333 11.7752 10.8915 12.1333 11.3333 12.1333V10.5333ZM14.6666 12.1333C15.1085 12.1333 15.4666 11.7752 15.4666 11.3333C15.4666 10.8915 15.1085 10.5333 14.6666 10.5333V12.1333ZM11.3333 3.86667C10.8915 3.86667 10.5333 4.22484 10.5333 4.66667C10.5333 5.10849 10.8915 5.46667 11.3333 5.46667V3.86667ZM14.6666 5.46667C15.1085 5.46667 15.4666 5.10849 15.4666 4.66667C15.4666 4.22484 15.1085 3.86667 14.6666 3.86667V5.46667ZM2.78665 2.13333H13.2133V0.533332H2.78665V2.13333ZM13.2133 2.13333C13.5741 2.13333 13.8666 2.42584 13.8666 2.78667H15.4666C15.4666 1.54218 14.4578 0.533332 13.2133 0.533332V2.13333ZM13.8666 2.78667V13.2133H15.4666V2.78667H13.8666ZM13.8666 13.2133C13.8666 13.5742 13.5741 13.8667 13.2133 13.8667V15.4667C14.4578 15.4667 15.4666 14.4578 15.4666 13.2133H13.8666ZM13.2133 13.8667H2.78665V15.4667H13.2133V13.8667ZM2.78665 13.8667C2.42582 13.8667 2.13331 13.5742 2.13331 13.2133H0.533313C0.533313 14.4578 1.54216 15.4667 2.78665 15.4667V13.8667ZM2.13331 13.2133V2.78667H0.533313V13.2133H2.13331ZM2.13331 2.78667C2.13331 2.42584 2.42582 2.13333 2.78665 2.13333V0.533332C1.54216 0.533332 0.533313 1.54218 0.533313 2.78667H2.13331ZM3.86665 1.33333V14.6667H5.46665V1.33333H3.86665ZM10.5333 1.33333V14.6667H12.1333V1.33333H10.5333ZM1.33331 8.8H14.6666V7.2H1.33331V8.8ZM1.33331 5.46667H4.66665V3.86667H1.33331V5.46667ZM1.33331 12.1333H4.66665V10.5333H1.33331V12.1333ZM11.3333 12.1333H14.6666V10.5333H11.3333V12.1333ZM11.3333 5.46667H14.6666V3.86667H11.3333V5.46667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15769">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconFilm,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13502",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFilm size={size} />,
+  },
 );
-figma.connect(IconFilm, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13502", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFilm size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFilter.tsx b/src/icons/IconFilter.tsx
index 6235f46..56be6ab 100644
--- a/src/icons/IconFilter.tsx
+++ b/src/icons/IconFilter.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFilter = (props: IconProps) => (
-  <Icon {...props}><path d="M14.6667 2L15.2776 2.51658C15.4787 2.27876 15.5235 1.94583 15.3924 1.6633C15.2613 1.38077 14.9782 1.2 14.6667 1.2V2ZM1.33337 2V1.2C1.02191 1.2 0.738766 1.38077 0.60768 1.6633C0.476593 1.94583 0.5214 2.27876 0.722518 2.51658L1.33337 2ZM6.66671 8.30667H7.46671C7.46671 8.11753 7.39969 7.93451 7.27756 7.79009L6.66671 8.30667ZM6.66671 12.6667H5.86671C5.86671 12.9697 6.03791 13.2467 6.30894 13.3822L6.66671 12.6667ZM9.33337 14L8.9756 14.7155C9.22359 14.8395 9.51811 14.8263 9.75396 14.6805C9.98981 14.5348 10.1334 14.2773 10.1334 14H9.33337ZM9.33337 8.30667L8.72252 7.79009C8.60039 7.93451 8.53337 8.11753 8.53337 8.30667H9.33337ZM14.6667 1.2H1.33337V2.8H14.6667V1.2ZM0.722518 2.51658L6.05585 8.82325L7.27756 7.79009L1.94423 1.48342L0.722518 2.51658ZM5.86671 8.30667V12.6667H7.46671V8.30667H5.86671ZM6.30894 13.3822L8.9756 14.7155L9.69114 13.2845L7.02448 11.9511L6.30894 13.3822ZM10.1334 14V8.30667H8.53337V14H10.1334ZM9.94423 8.82325L15.2776 2.51658L14.0559 1.48342L8.72252 7.79009L9.94423 8.82325Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.6667 2L15.2776 2.51658C15.4787 2.27876 15.5235 1.94583 15.3924 1.6633C15.2613 1.38077 14.9782 1.2 14.6667 1.2V2ZM1.33337 2V1.2C1.02191 1.2 0.738766 1.38077 0.60768 1.6633C0.476593 1.94583 0.5214 2.27876 0.722518 2.51658L1.33337 2ZM6.66671 8.30667H7.46671C7.46671 8.11753 7.39969 7.93451 7.27756 7.79009L6.66671 8.30667ZM6.66671 12.6667H5.86671C5.86671 12.9697 6.03791 13.2467 6.30894 13.3822L6.66671 12.6667ZM9.33337 14L8.9756 14.7155C9.22359 14.8395 9.51811 14.8263 9.75396 14.6805C9.98981 14.5348 10.1334 14.2773 10.1334 14H9.33337ZM9.33337 8.30667L8.72252 7.79009C8.60039 7.93451 8.53337 8.11753 8.53337 8.30667H9.33337ZM14.6667 1.2H1.33337V2.8H14.6667V1.2ZM0.722518 2.51658L6.05585 8.82325L7.27756 7.79009L1.94423 1.48342L0.722518 2.51658ZM5.86671 8.30667V12.6667H7.46671V8.30667H5.86671ZM6.30894 13.3822L8.9756 14.7155L9.69114 13.2845L7.02448 11.9511L6.30894 13.3822ZM10.1334 14V8.30667H8.53337V14H10.1334ZM9.94423 8.82325L15.2776 2.51658L14.0559 1.48342L8.72252 7.79009L9.94423 8.82325Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFilter,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13505",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFilter size={size} />,
+  },
 );
-figma.connect(IconFilter, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13505", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFilter size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFlag.tsx b/src/icons/IconFlag.tsx
index f178fe9..8426b63 100644
--- a/src/icons/IconFlag.tsx
+++ b/src/icons/IconFlag.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFlag = (props: IconProps) => (
-  <Icon {...props}><path d="M13.3333 10L13.899 10.5657C14.049 10.4157 14.1333 10.2122 14.1333 10H13.3333ZM13.3333 2H14.1333C14.1333 1.67643 13.9384 1.38472 13.6394 1.2609C13.3405 1.13707 12.9964 1.20551 12.7676 1.43431L13.3333 2ZM2.66663 2L2.10094 1.43431C1.95091 1.58434 1.86663 1.78783 1.86663 2H2.66663ZM1.86663 14.6667C1.86663 15.1085 2.2248 15.4667 2.66663 15.4667C3.10845 15.4667 3.46663 15.1085 3.46663 14.6667H1.86663ZM2.66663 10C3.23231 10.5657 3.2319 10.5661 3.23149 10.5665C3.23136 10.5666 3.23095 10.567 3.23068 10.5673C3.23015 10.5678 3.22962 10.5684 3.2291 10.5689C3.22807 10.5699 3.22707 10.5709 3.22611 10.5718C3.22418 10.5737 3.2224 10.5754 3.22077 10.577C3.2175 10.5801 3.21482 10.5826 3.21274 10.5845C3.20858 10.5882 3.20687 10.5896 3.20774 10.5889C3.20947 10.5875 3.22172 10.5775 3.2458 10.5615C3.29367 10.5296 3.39038 10.4721 3.54707 10.4094C3.85904 10.2847 4.42347 10.1333 5.33329 10.1333V8.53333C4.24312 8.53333 3.47422 8.71534 2.95285 8.92388C2.69287 9.02787 2.49791 9.1371 2.35828 9.23019C2.28861 9.27664 2.23315 9.31877 2.19061 9.35381C2.16935 9.37132 2.15136 9.38702 2.13646 9.40056C2.12902 9.40733 2.12234 9.41356 2.11643 9.4192C2.11347 9.42202 2.11071 9.42469 2.10813 9.42721C2.10683 9.42847 2.10559 9.4297 2.10439 9.43088C2.1038 9.43147 2.10321 9.43205 2.10263 9.43263C2.10234 9.43291 2.10192 9.43333 2.10178 9.43348C2.10136 9.4339 2.10094 9.43431 2.66663 10ZM5.33329 10.1333C6.15785 10.1333 6.85504 10.4037 7.70285 10.7428C8.5217 11.0703 9.49118 11.4667 10.6666 11.4667V9.86666C9.84207 9.86666 9.14488 9.59634 8.29707 9.25722C7.47821 8.92967 6.50874 8.53333 5.33329 8.53333V10.1333ZM10.6666 11.4667C11.7568 11.4667 12.5257 11.2847 13.0471 11.0761C13.307 10.9721 13.502 10.8629 13.6416 10.7698C13.7113 10.7234 13.7668 10.6812 13.8093 10.6462C13.8306 10.6287 13.8486 10.613 13.8635 10.5994C13.8709 10.5927 13.8776 10.5864 13.8835 10.5808C13.8864 10.578 13.8892 10.5753 13.8918 10.5728C13.8931 10.5715 13.8943 10.5703 13.8955 10.5691C13.8961 10.5685 13.8967 10.5679 13.8973 10.5674C13.8976 10.5671 13.898 10.5667 13.8981 10.5665C13.8986 10.5661 13.899 10.5657 13.3333 10C12.7676 9.43431 12.768 9.4339 12.7684 9.43349C12.7686 9.43336 12.769 9.43295 12.7692 9.43269C12.7698 9.43216 12.7703 9.43163 12.7708 9.43112C12.7718 9.4301 12.7728 9.42912 12.7738 9.42818C12.7757 9.4263 12.7775 9.42458 12.7791 9.42302C12.7824 9.41991 12.7851 9.41742 12.7872 9.41553C12.7913 9.41176 12.7931 9.41038 12.7922 9.4111C12.7904 9.41252 12.7782 9.42247 12.7541 9.43853C12.7062 9.47044 12.6095 9.52787 12.4528 9.59055C12.1409 9.71534 11.5765 9.86666 10.6666 9.86666V11.4667ZM14.1333 10V2H12.5333V10H14.1333ZM13.3333 2C12.7676 1.43431 12.768 1.4339 12.7684 1.43349C12.7686 1.43336 12.769 1.43295 12.7692 1.43269C12.7698 1.43216 12.7703 1.43163 12.7708 1.43112C12.7718 1.4301 12.7728 1.42912 12.7738 1.42818C12.7757 1.4263 12.7775 1.42458 12.7791 1.42302C12.7824 1.41991 12.7851 1.41742 12.7872 1.41553C12.7913 1.41176 12.7931 1.41038 12.7922 1.4111C12.7904 1.41252 12.7782 1.42247 12.7541 1.43853C12.7062 1.47044 12.6095 1.52787 12.4528 1.59055C12.1409 1.71534 11.5765 1.86667 10.6666 1.86667V3.46667C11.7568 3.46667 12.5257 3.28466 13.0471 3.07611C13.307 2.97212 13.502 2.86289 13.6416 2.76981C13.7113 2.72336 13.7668 2.68122 13.8093 2.64619C13.8306 2.62868 13.8486 2.61298 13.8635 2.59944C13.8709 2.59267 13.8776 2.58644 13.8835 2.5808C13.8864 2.57798 13.8892 2.5753 13.8918 2.57278C13.8931 2.57152 13.8943 2.5703 13.8955 2.56912C13.8961 2.56853 13.8967 2.56794 13.8973 2.56737C13.8976 2.56708 13.898 2.56666 13.8981 2.56652C13.8986 2.5661 13.899 2.56568 13.3333 2ZM10.6666 1.86667C9.84207 1.86667 9.14488 1.59634 8.29707 1.25722C7.47822 0.929675 6.50874 0.533332 5.33329 0.533332V2.13333C6.15785 2.13333 6.85504 2.40366 7.70285 2.74278C8.5217 3.07032 9.49118 3.46667 10.6666 3.46667V1.86667ZM5.33329 0.533332C4.24312 0.533332 3.47421 0.715337 2.95285 0.923884C2.69287 1.02787 2.49791 1.1371 2.35828 1.23019C2.28861 1.27664 2.23315 1.31877 2.19061 1.35381C2.16935 1.37131 2.15136 1.38702 2.13646 1.40056C2.12902 1.40733 2.12234 1.41356 2.11643 1.4192C2.11347 1.42202 2.11071 1.42469 2.10813 1.42721C2.10683 1.42848 2.10559 1.4297 2.10439 1.43088C2.10379 1.43147 2.10321 1.43205 2.10263 1.43263C2.10234 1.43291 2.10192 1.43333 2.10178 1.43348C2.10136 1.4339 2.10094 1.43431 2.66663 2C3.23231 2.56568 3.2319 2.5661 3.23149 2.5665C3.23136 2.56664 3.23095 2.56704 3.23068 2.56731C3.23015 2.56784 3.22962 2.56836 3.2291 2.56887C3.22807 2.5699 3.22707 2.57088 3.22611 2.57182C3.22418 2.5737 3.2224 2.57541 3.22077 2.57697C3.2175 2.58009 3.21482 2.58258 3.21274 2.58446C3.20858 2.58824 3.20687 2.58962 3.20774 2.5889C3.20947 2.58747 3.22172 2.57753 3.2458 2.56147C3.29367 2.52956 3.39038 2.47212 3.54707 2.40945C3.85904 2.28466 4.42347 2.13333 5.33329 2.13333V0.533332ZM1.86663 2V10H3.46663V2H1.86663ZM3.46663 14.6667V10H1.86663V14.6667H3.46663Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.3333 10L13.899 10.5657C14.049 10.4157 14.1333 10.2122 14.1333 10H13.3333ZM13.3333 2H14.1333C14.1333 1.67643 13.9384 1.38472 13.6394 1.2609C13.3405 1.13707 12.9964 1.20551 12.7676 1.43431L13.3333 2ZM2.66663 2L2.10094 1.43431C1.95091 1.58434 1.86663 1.78783 1.86663 2H2.66663ZM1.86663 14.6667C1.86663 15.1085 2.2248 15.4667 2.66663 15.4667C3.10845 15.4667 3.46663 15.1085 3.46663 14.6667H1.86663ZM2.66663 10C3.23231 10.5657 3.2319 10.5661 3.23149 10.5665C3.23136 10.5666 3.23095 10.567 3.23068 10.5673C3.23015 10.5678 3.22962 10.5684 3.2291 10.5689C3.22807 10.5699 3.22707 10.5709 3.22611 10.5718C3.22418 10.5737 3.2224 10.5754 3.22077 10.577C3.2175 10.5801 3.21482 10.5826 3.21274 10.5845C3.20858 10.5882 3.20687 10.5896 3.20774 10.5889C3.20947 10.5875 3.22172 10.5775 3.2458 10.5615C3.29367 10.5296 3.39038 10.4721 3.54707 10.4094C3.85904 10.2847 4.42347 10.1333 5.33329 10.1333V8.53333C4.24312 8.53333 3.47422 8.71534 2.95285 8.92388C2.69287 9.02787 2.49791 9.1371 2.35828 9.23019C2.28861 9.27664 2.23315 9.31877 2.19061 9.35381C2.16935 9.37132 2.15136 9.38702 2.13646 9.40056C2.12902 9.40733 2.12234 9.41356 2.11643 9.4192C2.11347 9.42202 2.11071 9.42469 2.10813 9.42721C2.10683 9.42847 2.10559 9.4297 2.10439 9.43088C2.1038 9.43147 2.10321 9.43205 2.10263 9.43263C2.10234 9.43291 2.10192 9.43333 2.10178 9.43348C2.10136 9.4339 2.10094 9.43431 2.66663 10ZM5.33329 10.1333C6.15785 10.1333 6.85504 10.4037 7.70285 10.7428C8.5217 11.0703 9.49118 11.4667 10.6666 11.4667V9.86666C9.84207 9.86666 9.14488 9.59634 8.29707 9.25722C7.47821 8.92967 6.50874 8.53333 5.33329 8.53333V10.1333ZM10.6666 11.4667C11.7568 11.4667 12.5257 11.2847 13.0471 11.0761C13.307 10.9721 13.502 10.8629 13.6416 10.7698C13.7113 10.7234 13.7668 10.6812 13.8093 10.6462C13.8306 10.6287 13.8486 10.613 13.8635 10.5994C13.8709 10.5927 13.8776 10.5864 13.8835 10.5808C13.8864 10.578 13.8892 10.5753 13.8918 10.5728C13.8931 10.5715 13.8943 10.5703 13.8955 10.5691C13.8961 10.5685 13.8967 10.5679 13.8973 10.5674C13.8976 10.5671 13.898 10.5667 13.8981 10.5665C13.8986 10.5661 13.899 10.5657 13.3333 10C12.7676 9.43431 12.768 9.4339 12.7684 9.43349C12.7686 9.43336 12.769 9.43295 12.7692 9.43269C12.7698 9.43216 12.7703 9.43163 12.7708 9.43112C12.7718 9.4301 12.7728 9.42912 12.7738 9.42818C12.7757 9.4263 12.7775 9.42458 12.7791 9.42302C12.7824 9.41991 12.7851 9.41742 12.7872 9.41553C12.7913 9.41176 12.7931 9.41038 12.7922 9.4111C12.7904 9.41252 12.7782 9.42247 12.7541 9.43853C12.7062 9.47044 12.6095 9.52787 12.4528 9.59055C12.1409 9.71534 11.5765 9.86666 10.6666 9.86666V11.4667ZM14.1333 10V2H12.5333V10H14.1333ZM13.3333 2C12.7676 1.43431 12.768 1.4339 12.7684 1.43349C12.7686 1.43336 12.769 1.43295 12.7692 1.43269C12.7698 1.43216 12.7703 1.43163 12.7708 1.43112C12.7718 1.4301 12.7728 1.42912 12.7738 1.42818C12.7757 1.4263 12.7775 1.42458 12.7791 1.42302C12.7824 1.41991 12.7851 1.41742 12.7872 1.41553C12.7913 1.41176 12.7931 1.41038 12.7922 1.4111C12.7904 1.41252 12.7782 1.42247 12.7541 1.43853C12.7062 1.47044 12.6095 1.52787 12.4528 1.59055C12.1409 1.71534 11.5765 1.86667 10.6666 1.86667V3.46667C11.7568 3.46667 12.5257 3.28466 13.0471 3.07611C13.307 2.97212 13.502 2.86289 13.6416 2.76981C13.7113 2.72336 13.7668 2.68122 13.8093 2.64619C13.8306 2.62868 13.8486 2.61298 13.8635 2.59944C13.8709 2.59267 13.8776 2.58644 13.8835 2.5808C13.8864 2.57798 13.8892 2.5753 13.8918 2.57278C13.8931 2.57152 13.8943 2.5703 13.8955 2.56912C13.8961 2.56853 13.8967 2.56794 13.8973 2.56737C13.8976 2.56708 13.898 2.56666 13.8981 2.56652C13.8986 2.5661 13.899 2.56568 13.3333 2ZM10.6666 1.86667C9.84207 1.86667 9.14488 1.59634 8.29707 1.25722C7.47822 0.929675 6.50874 0.533332 5.33329 0.533332V2.13333C6.15785 2.13333 6.85504 2.40366 7.70285 2.74278C8.5217 3.07032 9.49118 3.46667 10.6666 3.46667V1.86667ZM5.33329 0.533332C4.24312 0.533332 3.47421 0.715337 2.95285 0.923884C2.69287 1.02787 2.49791 1.1371 2.35828 1.23019C2.28861 1.27664 2.23315 1.31877 2.19061 1.35381C2.16935 1.37131 2.15136 1.38702 2.13646 1.40056C2.12902 1.40733 2.12234 1.41356 2.11643 1.4192C2.11347 1.42202 2.11071 1.42469 2.10813 1.42721C2.10683 1.42848 2.10559 1.4297 2.10439 1.43088C2.10379 1.43147 2.10321 1.43205 2.10263 1.43263C2.10234 1.43291 2.10192 1.43333 2.10178 1.43348C2.10136 1.4339 2.10094 1.43431 2.66663 2C3.23231 2.56568 3.2319 2.5661 3.23149 2.5665C3.23136 2.56664 3.23095 2.56704 3.23068 2.56731C3.23015 2.56784 3.22962 2.56836 3.2291 2.56887C3.22807 2.5699 3.22707 2.57088 3.22611 2.57182C3.22418 2.5737 3.2224 2.57541 3.22077 2.57697C3.2175 2.58009 3.21482 2.58258 3.21274 2.58446C3.20858 2.58824 3.20687 2.58962 3.20774 2.5889C3.20947 2.58747 3.22172 2.57753 3.2458 2.56147C3.29367 2.52956 3.39038 2.47212 3.54707 2.40945C3.85904 2.28466 4.42347 2.13333 5.33329 2.13333V0.533332ZM1.86663 2V10H3.46663V2H1.86663ZM3.46663 14.6667V10H1.86663V14.6667H3.46663Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFlag,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13504",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFlag size={size} />,
+  },
 );
-figma.connect(IconFlag, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13504", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFlag size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFolder.tsx b/src/icons/IconFolder.tsx
index f2e5590..101c36e 100644
--- a/src/icons/IconFolder.tsx
+++ b/src/icons/IconFolder.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFolder = (props: IconProps) => (
-  <Icon {...props}><path d="M1.33325 12.6667H0.533252H1.33325ZM2.66659 2V1.2V2ZM5.99992 2L6.66556 1.55624C6.51719 1.33368 6.2674 1.2 5.99992 1.2V2ZM7.33325 4L6.66761 4.44376C6.81598 4.66632 7.06577 4.8 7.33325 4.8V4ZM13.3333 4V3.2V4ZM13.8666 12.6667C13.8666 12.8081 13.8104 12.9438 13.7104 13.0438L14.8417 14.1752C15.2418 13.7751 15.4666 13.2325 15.4666 12.6667H13.8666ZM13.7104 13.0438C13.6104 13.1438 13.4747 13.2 13.3333 13.2V14.8C13.899 14.8 14.4417 14.5752 14.8417 14.1752L13.7104 13.0438ZM13.3333 13.2H2.66659V14.8H13.3333V13.2ZM2.66659 13.2C2.52514 13.2 2.38948 13.1438 2.28946 13.0438L1.15809 14.1752C1.55817 14.5752 2.10079 14.8 2.66659 14.8V13.2ZM2.28946 13.0438C2.18944 12.9438 2.13325 12.8081 2.13325 12.6667H0.533252C0.533252 13.2325 0.758013 13.7751 1.15809 14.1752L2.28946 13.0438ZM2.13325 12.6667V3.33333H0.533252V12.6667H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM2.66659 2.8H5.99992V1.2H2.66659V2.8ZM5.33428 2.44376L6.66761 4.44376L7.99889 3.55624L6.66556 1.55624L5.33428 2.44376ZM7.33325 4.8H13.3333V3.2H7.33325V4.8ZM13.3333 4.8C13.4747 4.8 13.6104 4.85619 13.7104 4.95621L14.8417 3.82484C14.4417 3.42476 13.899 3.2 13.3333 3.2V4.8ZM13.7104 4.95621C13.8104 5.05623 13.8666 5.19188 13.8666 5.33333H15.4666C15.4666 4.76754 15.2418 4.22492 14.8417 3.82484L13.7104 4.95621ZM13.8666 5.33333V12.6667H15.4666V5.33333H13.8666Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.33325 12.6667H0.533252H1.33325ZM2.66659 2V1.2V2ZM5.99992 2L6.66556 1.55624C6.51719 1.33368 6.2674 1.2 5.99992 1.2V2ZM7.33325 4L6.66761 4.44376C6.81598 4.66632 7.06577 4.8 7.33325 4.8V4ZM13.3333 4V3.2V4ZM13.8666 12.6667C13.8666 12.8081 13.8104 12.9438 13.7104 13.0438L14.8417 14.1752C15.2418 13.7751 15.4666 13.2325 15.4666 12.6667H13.8666ZM13.7104 13.0438C13.6104 13.1438 13.4747 13.2 13.3333 13.2V14.8C13.899 14.8 14.4417 14.5752 14.8417 14.1752L13.7104 13.0438ZM13.3333 13.2H2.66659V14.8H13.3333V13.2ZM2.66659 13.2C2.52514 13.2 2.38948 13.1438 2.28946 13.0438L1.15809 14.1752C1.55817 14.5752 2.10079 14.8 2.66659 14.8V13.2ZM2.28946 13.0438C2.18944 12.9438 2.13325 12.8081 2.13325 12.6667H0.533252C0.533252 13.2325 0.758013 13.7751 1.15809 14.1752L2.28946 13.0438ZM2.13325 12.6667V3.33333H0.533252V12.6667H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM2.66659 2.8H5.99992V1.2H2.66659V2.8ZM5.33428 2.44376L6.66761 4.44376L7.99889 3.55624L6.66556 1.55624L5.33428 2.44376ZM7.33325 4.8H13.3333V3.2H7.33325V4.8ZM13.3333 4.8C13.4747 4.8 13.6104 4.85619 13.7104 4.95621L14.8417 3.82484C14.4417 3.42476 13.899 3.2 13.3333 3.2V4.8ZM13.7104 4.95621C13.8104 5.05623 13.8666 5.19188 13.8666 5.33333H15.4666C15.4666 4.76754 15.2418 4.22492 14.8417 3.82484L13.7104 4.95621ZM13.8666 5.33333V12.6667H15.4666V5.33333H13.8666Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFolder,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13509",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFolder size={size} />,
+  },
 );
-figma.connect(IconFolder, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13509", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFolder size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFolderMinus.tsx b/src/icons/IconFolderMinus.tsx
index 04cc881..d50499e 100644
--- a/src/icons/IconFolderMinus.tsx
+++ b/src/icons/IconFolderMinus.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFolderMinus = (props: IconProps) => (
-  <Icon {...props}><path d="M1.33325 12.6667H0.533252H1.33325ZM2.66659 2V1.2V2ZM5.99992 2L6.66556 1.55624C6.51719 1.33368 6.2674 1.2 5.99992 1.2V2ZM7.33325 4L6.66761 4.44376C6.81598 4.66632 7.06577 4.8 7.33325 4.8V4ZM13.3333 4V3.2V4ZM5.99992 8.53333C5.55809 8.53333 5.19992 8.89151 5.19992 9.33333C5.19992 9.77516 5.55809 10.1333 5.99992 10.1333V8.53333ZM9.99992 10.1333C10.4417 10.1333 10.7999 9.77516 10.7999 9.33333C10.7999 8.89151 10.4417 8.53333 9.99992 8.53333V10.1333ZM13.8666 12.6667C13.8666 12.8081 13.8104 12.9438 13.7104 13.0438L14.8417 14.1752C15.2418 13.7751 15.4666 13.2325 15.4666 12.6667H13.8666ZM13.7104 13.0438C13.6104 13.1438 13.4747 13.2 13.3333 13.2V14.8C13.899 14.8 14.4417 14.5752 14.8417 14.1752L13.7104 13.0438ZM13.3333 13.2H2.66659V14.8H13.3333V13.2ZM2.66659 13.2C2.52514 13.2 2.38948 13.1438 2.28946 13.0438L1.15809 14.1752C1.55817 14.5752 2.10079 14.8 2.66659 14.8V13.2ZM2.28946 13.0438C2.18944 12.9438 2.13325 12.8081 2.13325 12.6667H0.533252C0.533252 13.2325 0.758013 13.7751 1.15809 14.1752L2.28946 13.0438ZM2.13325 12.6667V3.33333H0.533252V12.6667H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM2.66659 2.8H5.99992V1.2H2.66659V2.8ZM5.33428 2.44376L6.66761 4.44376L7.99889 3.55624L6.66556 1.55624L5.33428 2.44376ZM7.33325 4.8H13.3333V3.2H7.33325V4.8ZM13.3333 4.8C13.4747 4.8 13.6104 4.85619 13.7104 4.95621L14.8417 3.82484C14.4417 3.42476 13.899 3.2 13.3333 3.2V4.8ZM13.7104 4.95621C13.8104 5.05623 13.8666 5.19188 13.8666 5.33333H15.4666C15.4666 4.76754 15.2418 4.22492 14.8417 3.82484L13.7104 4.95621ZM13.8666 5.33333V12.6667H15.4666V5.33333H13.8666ZM5.99992 10.1333H9.99992V8.53333H5.99992V10.1333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.33325 12.6667H0.533252H1.33325ZM2.66659 2V1.2V2ZM5.99992 2L6.66556 1.55624C6.51719 1.33368 6.2674 1.2 5.99992 1.2V2ZM7.33325 4L6.66761 4.44376C6.81598 4.66632 7.06577 4.8 7.33325 4.8V4ZM13.3333 4V3.2V4ZM5.99992 8.53333C5.55809 8.53333 5.19992 8.89151 5.19992 9.33333C5.19992 9.77516 5.55809 10.1333 5.99992 10.1333V8.53333ZM9.99992 10.1333C10.4417 10.1333 10.7999 9.77516 10.7999 9.33333C10.7999 8.89151 10.4417 8.53333 9.99992 8.53333V10.1333ZM13.8666 12.6667C13.8666 12.8081 13.8104 12.9438 13.7104 13.0438L14.8417 14.1752C15.2418 13.7751 15.4666 13.2325 15.4666 12.6667H13.8666ZM13.7104 13.0438C13.6104 13.1438 13.4747 13.2 13.3333 13.2V14.8C13.899 14.8 14.4417 14.5752 14.8417 14.1752L13.7104 13.0438ZM13.3333 13.2H2.66659V14.8H13.3333V13.2ZM2.66659 13.2C2.52514 13.2 2.38948 13.1438 2.28946 13.0438L1.15809 14.1752C1.55817 14.5752 2.10079 14.8 2.66659 14.8V13.2ZM2.28946 13.0438C2.18944 12.9438 2.13325 12.8081 2.13325 12.6667H0.533252C0.533252 13.2325 0.758013 13.7751 1.15809 14.1752L2.28946 13.0438ZM2.13325 12.6667V3.33333H0.533252V12.6667H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM2.66659 2.8H5.99992V1.2H2.66659V2.8ZM5.33428 2.44376L6.66761 4.44376L7.99889 3.55624L6.66556 1.55624L5.33428 2.44376ZM7.33325 4.8H13.3333V3.2H7.33325V4.8ZM13.3333 4.8C13.4747 4.8 13.6104 4.85619 13.7104 4.95621L14.8417 3.82484C14.4417 3.42476 13.899 3.2 13.3333 3.2V4.8ZM13.7104 4.95621C13.8104 5.05623 13.8666 5.19188 13.8666 5.33333H15.4666C15.4666 4.76754 15.2418 4.22492 14.8417 3.82484L13.7104 4.95621ZM13.8666 5.33333V12.6667H15.4666V5.33333H13.8666ZM5.99992 10.1333H9.99992V8.53333H5.99992V10.1333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFolderMinus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13507",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFolderMinus size={size} />,
+  },
 );
-figma.connect(IconFolderMinus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13507", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFolderMinus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFolderPlus.tsx b/src/icons/IconFolderPlus.tsx
index a9cbffc..9c885c8 100644
--- a/src/icons/IconFolderPlus.tsx
+++ b/src/icons/IconFolderPlus.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFolderPlus = (props: IconProps) => (
-  <Icon {...props}><path d="M1.33325 12.6667H0.533252H1.33325ZM2.66659 2V1.2V2ZM5.99992 2L6.66556 1.55624C6.51719 1.33368 6.2674 1.2 5.99992 1.2V2ZM7.33325 4L6.66761 4.44376C6.81598 4.66632 7.06577 4.8 7.33325 4.8V4ZM13.3333 4V3.2V4ZM8.79992 7.33333C8.79992 6.89151 8.44175 6.53333 7.99992 6.53333C7.55809 6.53333 7.19992 6.89151 7.19992 7.33333H8.79992ZM7.19992 11.3333C7.19992 11.7752 7.55809 12.1333 7.99992 12.1333C8.44175 12.1333 8.79992 11.7752 8.79992 11.3333H7.19992ZM5.99992 8.53333C5.55809 8.53333 5.19992 8.89151 5.19992 9.33333C5.19992 9.77516 5.55809 10.1333 5.99992 10.1333V8.53333ZM9.99992 10.1333C10.4417 10.1333 10.7999 9.77516 10.7999 9.33333C10.7999 8.89151 10.4417 8.53333 9.99992 8.53333V10.1333ZM13.8666 12.6667C13.8666 12.8081 13.8104 12.9438 13.7104 13.0438L14.8417 14.1752C15.2418 13.7751 15.4666 13.2325 15.4666 12.6667H13.8666ZM13.7104 13.0438C13.6104 13.1438 13.4747 13.2 13.3333 13.2V14.8C13.899 14.8 14.4417 14.5752 14.8417 14.1752L13.7104 13.0438ZM13.3333 13.2H2.66659V14.8H13.3333V13.2ZM2.66659 13.2C2.52514 13.2 2.38948 13.1438 2.28946 13.0438L1.15809 14.1752C1.55817 14.5752 2.10079 14.8 2.66659 14.8V13.2ZM2.28946 13.0438C2.18944 12.9438 2.13325 12.8081 2.13325 12.6667H0.533252C0.533252 13.2325 0.758013 13.7751 1.15809 14.1752L2.28946 13.0438ZM2.13325 12.6667V3.33333H0.533252V12.6667H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM2.66659 2.8H5.99992V1.2H2.66659V2.8ZM5.33428 2.44376L6.66761 4.44376L7.99889 3.55624L6.66556 1.55624L5.33428 2.44376ZM7.33325 4.8H13.3333V3.2H7.33325V4.8ZM13.3333 4.8C13.4747 4.8 13.6104 4.85619 13.7104 4.95621L14.8417 3.82484C14.4417 3.42476 13.899 3.2 13.3333 3.2V4.8ZM13.7104 4.95621C13.8104 5.05623 13.8666 5.19188 13.8666 5.33333H15.4666C15.4666 4.76754 15.2418 4.22492 14.8417 3.82484L13.7104 4.95621ZM13.8666 5.33333V12.6667H15.4666V5.33333H13.8666ZM7.19992 7.33333V11.3333H8.79992V7.33333H7.19992ZM5.99992 10.1333H9.99992V8.53333H5.99992V10.1333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.33325 12.6667H0.533252H1.33325ZM2.66659 2V1.2V2ZM5.99992 2L6.66556 1.55624C6.51719 1.33368 6.2674 1.2 5.99992 1.2V2ZM7.33325 4L6.66761 4.44376C6.81598 4.66632 7.06577 4.8 7.33325 4.8V4ZM13.3333 4V3.2V4ZM8.79992 7.33333C8.79992 6.89151 8.44175 6.53333 7.99992 6.53333C7.55809 6.53333 7.19992 6.89151 7.19992 7.33333H8.79992ZM7.19992 11.3333C7.19992 11.7752 7.55809 12.1333 7.99992 12.1333C8.44175 12.1333 8.79992 11.7752 8.79992 11.3333H7.19992ZM5.99992 8.53333C5.55809 8.53333 5.19992 8.89151 5.19992 9.33333C5.19992 9.77516 5.55809 10.1333 5.99992 10.1333V8.53333ZM9.99992 10.1333C10.4417 10.1333 10.7999 9.77516 10.7999 9.33333C10.7999 8.89151 10.4417 8.53333 9.99992 8.53333V10.1333ZM13.8666 12.6667C13.8666 12.8081 13.8104 12.9438 13.7104 13.0438L14.8417 14.1752C15.2418 13.7751 15.4666 13.2325 15.4666 12.6667H13.8666ZM13.7104 13.0438C13.6104 13.1438 13.4747 13.2 13.3333 13.2V14.8C13.899 14.8 14.4417 14.5752 14.8417 14.1752L13.7104 13.0438ZM13.3333 13.2H2.66659V14.8H13.3333V13.2ZM2.66659 13.2C2.52514 13.2 2.38948 13.1438 2.28946 13.0438L1.15809 14.1752C1.55817 14.5752 2.10079 14.8 2.66659 14.8V13.2ZM2.28946 13.0438C2.18944 12.9438 2.13325 12.8081 2.13325 12.6667H0.533252C0.533252 13.2325 0.758013 13.7751 1.15809 14.1752L2.28946 13.0438ZM2.13325 12.6667V3.33333H0.533252V12.6667H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM2.66659 2.8H5.99992V1.2H2.66659V2.8ZM5.33428 2.44376L6.66761 4.44376L7.99889 3.55624L6.66556 1.55624L5.33428 2.44376ZM7.33325 4.8H13.3333V3.2H7.33325V4.8ZM13.3333 4.8C13.4747 4.8 13.6104 4.85619 13.7104 4.95621L14.8417 3.82484C14.4417 3.42476 13.899 3.2 13.3333 3.2V4.8ZM13.7104 4.95621C13.8104 5.05623 13.8666 5.19188 13.8666 5.33333H15.4666C15.4666 4.76754 15.2418 4.22492 14.8417 3.82484L13.7104 4.95621ZM13.8666 5.33333V12.6667H15.4666V5.33333H13.8666ZM7.19992 7.33333V11.3333H8.79992V7.33333H7.19992ZM5.99992 10.1333H9.99992V8.53333H5.99992V10.1333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconFolderPlus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13506",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFolderPlus size={size} />,
+  },
 );
-figma.connect(IconFolderPlus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13506", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFolderPlus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFramer.tsx b/src/icons/IconFramer.tsx
index 4574fd9..f884540 100644
--- a/src/icons/IconFramer.tsx
+++ b/src/icons/IconFramer.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFramer = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15781)"><path d="M3.3335 10.6667H2.5335C2.5335 10.8788 2.61778 11.0823 2.76781 11.2324L3.3335 10.6667ZM3.3335 6V5.2C2.89167 5.2 2.5335 5.55817 2.5335 6H3.3335ZM12.6668 6V6.8C13.1087 6.8 13.4668 6.44183 13.4668 6H12.6668ZM12.6668 1.33333H13.4668C13.4668 0.891504 13.1087 0.533332 12.6668 0.533332V1.33333ZM3.3335 1.33333V0.533332C3.00993 0.533332 2.71822 0.728246 2.59439 1.02719C2.47057 1.32612 2.53901 1.67022 2.76781 1.89902L3.3335 1.33333ZM12.6668 10.6667V11.4667C12.9904 11.4667 13.2821 11.2718 13.4059 10.9728C13.5298 10.6739 13.4613 10.3298 13.2325 10.101L12.6668 10.6667ZM8.00016 15.3333L7.43448 15.899C7.66328 16.1278 8.00737 16.1963 8.30631 16.0724C8.60525 15.9486 8.80016 15.6569 8.80016 15.3333H8.00016ZM4.1335 10.6667V6H2.5335V10.6667H4.1335ZM3.3335 6.8H12.6668V5.2H3.3335V6.8ZM13.4668 6V1.33333H11.8668V6H13.4668ZM12.6668 0.533332H3.3335V2.13333H12.6668V0.533332ZM2.76781 1.89902L12.1011 11.2324L13.2325 10.101L3.89918 0.767647L2.76781 1.89902ZM12.6668 9.86666H8.00016V11.4667H12.6668V9.86666ZM2.76781 11.2324L7.43448 15.899L8.56585 14.7676L3.89918 10.101L2.76781 11.2324ZM8.80016 15.3333V10.6667H7.20016V15.3333H8.80016ZM3.3335 11.4667H8.00016V9.86666H3.3335V11.4667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15781"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15781)">
+      <path
+        d="M3.3335 10.6667H2.5335C2.5335 10.8788 2.61778 11.0823 2.76781 11.2324L3.3335 10.6667ZM3.3335 6V5.2C2.89167 5.2 2.5335 5.55817 2.5335 6H3.3335ZM12.6668 6V6.8C13.1087 6.8 13.4668 6.44183 13.4668 6H12.6668ZM12.6668 1.33333H13.4668C13.4668 0.891504 13.1087 0.533332 12.6668 0.533332V1.33333ZM3.3335 1.33333V0.533332C3.00993 0.533332 2.71822 0.728246 2.59439 1.02719C2.47057 1.32612 2.53901 1.67022 2.76781 1.89902L3.3335 1.33333ZM12.6668 10.6667V11.4667C12.9904 11.4667 13.2821 11.2718 13.4059 10.9728C13.5298 10.6739 13.4613 10.3298 13.2325 10.101L12.6668 10.6667ZM8.00016 15.3333L7.43448 15.899C7.66328 16.1278 8.00737 16.1963 8.30631 16.0724C8.60525 15.9486 8.80016 15.6569 8.80016 15.3333H8.00016ZM4.1335 10.6667V6H2.5335V10.6667H4.1335ZM3.3335 6.8H12.6668V5.2H3.3335V6.8ZM13.4668 6V1.33333H11.8668V6H13.4668ZM12.6668 0.533332H3.3335V2.13333H12.6668V0.533332ZM2.76781 1.89902L12.1011 11.2324L13.2325 10.101L3.89918 0.767647L2.76781 1.89902ZM12.6668 9.86666H8.00016V11.4667H12.6668V9.86666ZM2.76781 11.2324L7.43448 15.899L8.56585 14.7676L3.89918 10.101L2.76781 11.2324ZM8.80016 15.3333V10.6667H7.20016V15.3333H8.80016ZM3.3335 11.4667H8.00016V9.86666H3.3335V11.4667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15781">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconFramer,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13508",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFramer size={size} />,
+  },
 );
-figma.connect(IconFramer, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13508", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFramer size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconFrown.tsx b/src/icons/IconFrown.tsx
index 5ae84e0..8423827 100644
--- a/src/icons/IconFrown.tsx
+++ b/src/icons/IconFrown.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconFrown = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15783)"><path d="M10.0268 11.1467C10.2919 11.5001 10.7934 11.5718 11.1468 11.3067C11.5003 11.0416 11.5719 10.5401 11.3068 10.1867L10.0268 11.1467ZM4.6935 10.1867C4.4284 10.5401 4.50003 11.0416 4.8535 11.3067C5.20696 11.5718 5.7084 11.5001 5.9735 11.1467L4.6935 10.1867ZM6.00016 5.2C5.55833 5.2 5.20016 5.55817 5.20016 6C5.20016 6.44183 5.55833 6.8 6.00016 6.8V5.2ZM6.00683 6.8C6.44866 6.8 6.80683 6.44183 6.80683 6C6.80683 5.55817 6.44866 5.2 6.00683 5.2V6.8ZM10.0002 5.2C9.55834 5.2 9.20016 5.55817 9.20016 6C9.20016 6.44183 9.55834 6.8 10.0002 6.8V5.2ZM10.0068 6.8C10.4487 6.8 10.8068 6.44183 10.8068 6C10.8068 5.55817 10.4487 5.2 10.0068 5.2V6.8ZM13.8668 8C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1237 15.4668 8H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8H0.533496C0.533496 12.1237 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8C2.1335 4.75993 4.76009 2.13333 8.00016 2.13333V0.533332C3.87644 0.533332 0.533496 3.87627 0.533496 8H2.1335ZM8.00016 2.13333C11.2402 2.13333 13.8668 4.75993 13.8668 8H15.4668C15.4668 3.87627 12.1239 0.533332 8.00016 0.533332V2.13333ZM10.6668 10.6667C11.3068 10.1867 11.3066 10.1864 11.3064 10.1861C11.3064 10.1861 11.3062 10.1858 11.306 10.1856C11.3057 10.1852 11.3055 10.1848 11.3051 10.1844C11.3045 10.1836 11.3038 10.1827 11.3031 10.1817C11.3015 10.1797 11.2998 10.1773 11.2977 10.1747C11.2937 10.1694 11.2886 10.1629 11.2824 10.1551C11.2702 10.1397 11.2538 10.1194 11.2334 10.0951C11.1926 10.0465 11.1353 9.98117 11.0621 9.90481C10.9164 9.75277 10.7039 9.55293 10.429 9.35301C9.88235 8.95542 9.05392 8.53333 8.00016 8.53333V10.1333C8.61307 10.1333 9.11798 10.3779 9.48796 10.647C9.67141 10.7804 9.81307 10.9139 9.90695 11.0119C9.95356 11.0605 9.98742 11.0994 10.0078 11.1237C10.018 11.1358 10.0247 11.1442 10.028 11.1483C10.0296 11.1503 10.0303 11.1512 10.0301 11.151C10.03 11.1509 10.0297 11.1504 10.0291 11.1497C10.0289 11.1494 10.0285 11.1489 10.0282 11.1484C10.028 11.1482 10.0278 11.1479 10.0275 11.1476C10.0274 11.1475 10.0272 11.1472 10.0272 11.1472C10.027 11.1469 10.0268 11.1467 10.6668 10.6667ZM8.00016 8.53333C6.9464 8.53333 6.11798 8.95542 5.57129 9.35301C5.29641 9.55293 5.0839 9.75277 4.9382 9.90481C4.86502 9.98117 4.80774 10.0465 4.76694 10.0951C4.74652 10.1194 4.73014 10.1397 4.7179 10.1551C4.71177 10.1629 4.70667 10.1694 4.7026 10.1747C4.70057 10.1773 4.69879 10.1797 4.69727 10.1817C4.69651 10.1827 4.69582 10.1836 4.69519 10.1844C4.69488 10.1848 4.69458 10.1852 4.69429 10.1856C4.69415 10.1858 4.69395 10.1861 4.69388 10.1862C4.69369 10.1864 4.6935 10.1867 5.3335 10.6667C5.9735 11.1467 5.97331 11.1469 5.97313 11.1472C5.97308 11.1472 5.9729 11.1475 5.97279 11.1476C5.97257 11.1479 5.97236 11.1482 5.97217 11.1484C5.97178 11.1489 5.97145 11.1494 5.97118 11.1497C5.97064 11.1504 5.97032 11.1509 5.97023 11.151C5.97005 11.1512 5.97077 11.1503 5.97237 11.1483C5.97559 11.1442 5.98233 11.1358 5.9925 11.1237C6.0129 11.0994 6.04677 11.0605 6.09338 11.0119C6.18726 10.9139 6.32892 10.7804 6.51237 10.647C6.88235 10.3779 7.38725 10.1333 8.00016 10.1333V8.53333ZM6.00016 6.8H6.00683V5.2H6.00016V6.8ZM10.0002 6.8H10.0068V5.2H10.0002V6.8Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15783"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15783)">
+      <path
+        d="M10.0268 11.1467C10.2919 11.5001 10.7934 11.5718 11.1468 11.3067C11.5003 11.0416 11.5719 10.5401 11.3068 10.1867L10.0268 11.1467ZM4.6935 10.1867C4.4284 10.5401 4.50003 11.0416 4.8535 11.3067C5.20696 11.5718 5.7084 11.5001 5.9735 11.1467L4.6935 10.1867ZM6.00016 5.2C5.55833 5.2 5.20016 5.55817 5.20016 6C5.20016 6.44183 5.55833 6.8 6.00016 6.8V5.2ZM6.00683 6.8C6.44866 6.8 6.80683 6.44183 6.80683 6C6.80683 5.55817 6.44866 5.2 6.00683 5.2V6.8ZM10.0002 5.2C9.55834 5.2 9.20016 5.55817 9.20016 6C9.20016 6.44183 9.55834 6.8 10.0002 6.8V5.2ZM10.0068 6.8C10.4487 6.8 10.8068 6.44183 10.8068 6C10.8068 5.55817 10.4487 5.2 10.0068 5.2V6.8ZM13.8668 8C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1237 15.4668 8H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8H0.533496C0.533496 12.1237 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8C2.1335 4.75993 4.76009 2.13333 8.00016 2.13333V0.533332C3.87644 0.533332 0.533496 3.87627 0.533496 8H2.1335ZM8.00016 2.13333C11.2402 2.13333 13.8668 4.75993 13.8668 8H15.4668C15.4668 3.87627 12.1239 0.533332 8.00016 0.533332V2.13333ZM10.6668 10.6667C11.3068 10.1867 11.3066 10.1864 11.3064 10.1861C11.3064 10.1861 11.3062 10.1858 11.306 10.1856C11.3057 10.1852 11.3055 10.1848 11.3051 10.1844C11.3045 10.1836 11.3038 10.1827 11.3031 10.1817C11.3015 10.1797 11.2998 10.1773 11.2977 10.1747C11.2937 10.1694 11.2886 10.1629 11.2824 10.1551C11.2702 10.1397 11.2538 10.1194 11.2334 10.0951C11.1926 10.0465 11.1353 9.98117 11.0621 9.90481C10.9164 9.75277 10.7039 9.55293 10.429 9.35301C9.88235 8.95542 9.05392 8.53333 8.00016 8.53333V10.1333C8.61307 10.1333 9.11798 10.3779 9.48796 10.647C9.67141 10.7804 9.81307 10.9139 9.90695 11.0119C9.95356 11.0605 9.98742 11.0994 10.0078 11.1237C10.018 11.1358 10.0247 11.1442 10.028 11.1483C10.0296 11.1503 10.0303 11.1512 10.0301 11.151C10.03 11.1509 10.0297 11.1504 10.0291 11.1497C10.0289 11.1494 10.0285 11.1489 10.0282 11.1484C10.028 11.1482 10.0278 11.1479 10.0275 11.1476C10.0274 11.1475 10.0272 11.1472 10.0272 11.1472C10.027 11.1469 10.0268 11.1467 10.6668 10.6667ZM8.00016 8.53333C6.9464 8.53333 6.11798 8.95542 5.57129 9.35301C5.29641 9.55293 5.0839 9.75277 4.9382 9.90481C4.86502 9.98117 4.80774 10.0465 4.76694 10.0951C4.74652 10.1194 4.73014 10.1397 4.7179 10.1551C4.71177 10.1629 4.70667 10.1694 4.7026 10.1747C4.70057 10.1773 4.69879 10.1797 4.69727 10.1817C4.69651 10.1827 4.69582 10.1836 4.69519 10.1844C4.69488 10.1848 4.69458 10.1852 4.69429 10.1856C4.69415 10.1858 4.69395 10.1861 4.69388 10.1862C4.69369 10.1864 4.6935 10.1867 5.3335 10.6667C5.9735 11.1467 5.97331 11.1469 5.97313 11.1472C5.97308 11.1472 5.9729 11.1475 5.97279 11.1476C5.97257 11.1479 5.97236 11.1482 5.97217 11.1484C5.97178 11.1489 5.97145 11.1494 5.97118 11.1497C5.97064 11.1504 5.97032 11.1509 5.97023 11.151C5.97005 11.1512 5.97077 11.1503 5.97237 11.1483C5.97559 11.1442 5.98233 11.1358 5.9925 11.1237C6.0129 11.0994 6.04677 11.0605 6.09338 11.0119C6.18726 10.9139 6.32892 10.7804 6.51237 10.647C6.88235 10.3779 7.38725 10.1333 8.00016 10.1333V8.53333ZM6.00016 6.8H6.00683V5.2H6.00016V6.8ZM10.0002 6.8H10.0068V5.2H10.0002V6.8Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15783">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconFrown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13511",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconFrown size={size} />,
+  },
 );
-figma.connect(IconFrown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13511", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconFrown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGift.tsx b/src/icons/IconGift.tsx
index af77664..1c49de8 100644
--- a/src/icons/IconGift.tsx
+++ b/src/icons/IconGift.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGift = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15785)"><path d="M14.1333 8.00001C14.1333 7.55818 13.7752 7.20001 13.3333 7.20001C12.8915 7.20001 12.5333 7.55818 12.5333 8.00001H14.1333ZM13.3333 14.6667V15.4667C13.7752 15.4667 14.1333 15.1085 14.1333 14.6667H13.3333ZM2.66666 14.6667H1.86666C1.86666 15.1085 2.22483 15.4667 2.66666 15.4667V14.6667ZM3.46666 8.00001C3.46666 7.55818 3.10849 7.20001 2.66666 7.20001C2.22483 7.20001 1.86666 7.55818 1.86666 8.00001H3.46666ZM1.33333 4.66668V3.86668C0.8915 3.86668 0.533328 4.22485 0.533328 4.66668H1.33333ZM14.6667 4.66668H15.4667C15.4667 4.22485 15.1085 3.86668 14.6667 3.86668V4.66668ZM14.6667 8.00001V8.80001C15.1085 8.80001 15.4667 8.44184 15.4667 8.00001H14.6667ZM1.33333 8.00001H0.533328C0.533328 8.44184 0.8915 8.80001 1.33333 8.80001L1.33333 8.00001ZM7.19999 14.6667C7.19999 15.1085 7.55817 15.4667 7.99999 15.4667C8.44182 15.4667 8.79999 15.1085 8.79999 14.6667H7.19999ZM4.99999 4.66668V3.86668V4.66668ZM3.33333 3.00001H2.53333H3.33333ZM4.99999 1.33334V0.533343V1.33334ZM11 4.66668V3.86668V4.66668ZM11 1.33334V2.13334V1.33334ZM12.5333 8.00001V14.6667H14.1333V8.00001H12.5333ZM13.3333 13.8667H2.66666V15.4667H13.3333V13.8667ZM3.46666 14.6667V8.00001H1.86666V14.6667H3.46666ZM1.33333 5.46668H14.6667V3.86668H1.33333V5.46668ZM13.8667 4.66668V8.00001H15.4667V4.66668H13.8667ZM14.6667 7.20001H1.33333V8.80001H14.6667V7.20001ZM2.13333 8.00001V4.66668H0.533328V8.00001H2.13333ZM8.79999 14.6667V4.66668H7.19999V14.6667H8.79999ZM7.99999 3.86668H4.99999V5.46668H7.99999V3.86668ZM4.99999 3.86668C4.77014 3.86668 4.5497 3.77537 4.38717 3.61284L3.2558 4.74421C3.71839 5.2068 4.34579 5.46668 4.99999 5.46668V3.86668ZM4.38717 3.61284C4.22464 3.4503 4.13333 3.22986 4.13333 3.00001H2.53333C2.53333 3.65421 2.79321 4.28162 3.2558 4.74421L4.38717 3.61284ZM4.13333 3.00001C4.13333 2.77016 4.22464 2.54972 4.38717 2.38718L3.2558 1.25581C2.79321 1.7184 2.53333 2.34581 2.53333 3.00001H4.13333ZM4.38717 2.38718C4.5497 2.22465 4.77014 2.13334 4.99999 2.13334V0.533343C4.34579 0.533343 3.71839 0.793224 3.2558 1.25581L4.38717 2.38718ZM4.99999 2.13334C5.72178 2.13334 6.26252 2.63735 6.67402 3.38555C6.87051 3.7428 7.00807 4.10749 7.0967 4.38736C7.14055 4.52585 7.17132 4.64004 7.19068 4.71748C7.20034 4.75611 7.20709 4.78535 7.21117 4.80361C7.21321 4.81274 7.21457 4.8191 7.21529 4.8225C7.21565 4.82419 7.21585 4.82515 7.21589 4.82534C7.21591 4.82543 7.21589 4.82533 7.21583 4.82504C7.2158 4.82489 7.21576 4.8247 7.21571 4.82445C7.21568 4.82433 7.21564 4.82411 7.21563 4.82405C7.21558 4.82382 7.21553 4.82357 7.99999 4.66668C8.78446 4.50978 8.78441 4.50951 8.78435 4.50923C8.78433 4.50912 8.78427 4.50882 8.78422 4.5086C8.78413 4.50815 8.78403 4.50765 8.78392 4.5071C8.7837 4.506 8.78343 4.50469 8.78312 4.50318C8.7825 4.50017 8.7817 4.49634 8.78073 4.49173C8.77878 4.48252 8.77612 4.47016 8.7727 4.45487C8.76588 4.42431 8.75603 4.38193 8.74291 4.32942C8.71669 4.22457 8.67715 4.07834 8.62204 3.90433C8.51275 3.5592 8.33781 3.09055 8.07597 2.61448C7.57081 1.696 6.61154 0.533343 4.99999 0.533343V2.13334ZM7.99999 5.46668H11V3.86668H7.99999V5.46668ZM11 5.46668C11.6542 5.46668 12.2816 5.2068 12.7442 4.74421L11.6128 3.61284C11.4503 3.77537 11.2298 3.86668 11 3.86668V5.46668ZM12.7442 4.74421C13.2068 4.28162 13.4667 3.65421 13.4667 3.00001H11.8667C11.8667 3.22986 11.7754 3.4503 11.6128 3.61284L12.7442 4.74421ZM13.4667 3.00001C13.4667 2.34581 13.2068 1.7184 12.7442 1.25581L11.6128 2.38718C11.7754 2.54972 11.8667 2.77016 11.8667 3.00001H13.4667ZM12.7442 1.25581C12.2816 0.793224 11.6542 0.533343 11 0.533343V2.13334C11.2298 2.13334 11.4503 2.22465 11.6128 2.38718L12.7442 1.25581ZM11 0.533343C9.38845 0.533343 8.42918 1.696 7.92402 2.61448C7.66218 3.09055 7.48724 3.5592 7.37795 3.90433C7.32284 4.07834 7.2833 4.22456 7.25708 4.32942C7.24396 4.38193 7.23411 4.42431 7.22729 4.45487C7.22387 4.47016 7.22121 4.48252 7.21926 4.49173C7.21829 4.49634 7.21749 4.50017 7.21687 4.50318C7.21656 4.50469 7.21629 4.506 7.21607 4.5071C7.21596 4.50765 7.21586 4.50815 7.21577 4.5086C7.21572 4.50882 7.21566 4.50912 7.21564 4.50923C7.21558 4.50951 7.21553 4.50978 7.99999 4.66668C8.78446 4.82357 8.78441 4.82382 8.78436 4.82405C8.78435 4.82411 8.78431 4.82433 8.78428 4.82445C8.78423 4.8247 8.78419 4.82489 8.78416 4.82504C8.7841 4.82533 8.78408 4.82543 8.7841 4.82534C8.78414 4.82515 8.78434 4.82419 8.7847 4.8225C8.78542 4.8191 8.78678 4.81274 8.78882 4.80361C8.7929 4.78535 8.79965 4.75611 8.80931 4.71748C8.82867 4.64004 8.85944 4.52585 8.90329 4.38736C8.99192 4.10749 9.12948 3.7428 9.32597 3.38555C9.73747 2.63735 10.2782 2.13334 11 2.13334V0.533343Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15785"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15785)">
+      <path
+        d="M14.1333 8.00001C14.1333 7.55818 13.7752 7.20001 13.3333 7.20001C12.8915 7.20001 12.5333 7.55818 12.5333 8.00001H14.1333ZM13.3333 14.6667V15.4667C13.7752 15.4667 14.1333 15.1085 14.1333 14.6667H13.3333ZM2.66666 14.6667H1.86666C1.86666 15.1085 2.22483 15.4667 2.66666 15.4667V14.6667ZM3.46666 8.00001C3.46666 7.55818 3.10849 7.20001 2.66666 7.20001C2.22483 7.20001 1.86666 7.55818 1.86666 8.00001H3.46666ZM1.33333 4.66668V3.86668C0.8915 3.86668 0.533328 4.22485 0.533328 4.66668H1.33333ZM14.6667 4.66668H15.4667C15.4667 4.22485 15.1085 3.86668 14.6667 3.86668V4.66668ZM14.6667 8.00001V8.80001C15.1085 8.80001 15.4667 8.44184 15.4667 8.00001H14.6667ZM1.33333 8.00001H0.533328C0.533328 8.44184 0.8915 8.80001 1.33333 8.80001L1.33333 8.00001ZM7.19999 14.6667C7.19999 15.1085 7.55817 15.4667 7.99999 15.4667C8.44182 15.4667 8.79999 15.1085 8.79999 14.6667H7.19999ZM4.99999 4.66668V3.86668V4.66668ZM3.33333 3.00001H2.53333H3.33333ZM4.99999 1.33334V0.533343V1.33334ZM11 4.66668V3.86668V4.66668ZM11 1.33334V2.13334V1.33334ZM12.5333 8.00001V14.6667H14.1333V8.00001H12.5333ZM13.3333 13.8667H2.66666V15.4667H13.3333V13.8667ZM3.46666 14.6667V8.00001H1.86666V14.6667H3.46666ZM1.33333 5.46668H14.6667V3.86668H1.33333V5.46668ZM13.8667 4.66668V8.00001H15.4667V4.66668H13.8667ZM14.6667 7.20001H1.33333V8.80001H14.6667V7.20001ZM2.13333 8.00001V4.66668H0.533328V8.00001H2.13333ZM8.79999 14.6667V4.66668H7.19999V14.6667H8.79999ZM7.99999 3.86668H4.99999V5.46668H7.99999V3.86668ZM4.99999 3.86668C4.77014 3.86668 4.5497 3.77537 4.38717 3.61284L3.2558 4.74421C3.71839 5.2068 4.34579 5.46668 4.99999 5.46668V3.86668ZM4.38717 3.61284C4.22464 3.4503 4.13333 3.22986 4.13333 3.00001H2.53333C2.53333 3.65421 2.79321 4.28162 3.2558 4.74421L4.38717 3.61284ZM4.13333 3.00001C4.13333 2.77016 4.22464 2.54972 4.38717 2.38718L3.2558 1.25581C2.79321 1.7184 2.53333 2.34581 2.53333 3.00001H4.13333ZM4.38717 2.38718C4.5497 2.22465 4.77014 2.13334 4.99999 2.13334V0.533343C4.34579 0.533343 3.71839 0.793224 3.2558 1.25581L4.38717 2.38718ZM4.99999 2.13334C5.72178 2.13334 6.26252 2.63735 6.67402 3.38555C6.87051 3.7428 7.00807 4.10749 7.0967 4.38736C7.14055 4.52585 7.17132 4.64004 7.19068 4.71748C7.20034 4.75611 7.20709 4.78535 7.21117 4.80361C7.21321 4.81274 7.21457 4.8191 7.21529 4.8225C7.21565 4.82419 7.21585 4.82515 7.21589 4.82534C7.21591 4.82543 7.21589 4.82533 7.21583 4.82504C7.2158 4.82489 7.21576 4.8247 7.21571 4.82445C7.21568 4.82433 7.21564 4.82411 7.21563 4.82405C7.21558 4.82382 7.21553 4.82357 7.99999 4.66668C8.78446 4.50978 8.78441 4.50951 8.78435 4.50923C8.78433 4.50912 8.78427 4.50882 8.78422 4.5086C8.78413 4.50815 8.78403 4.50765 8.78392 4.5071C8.7837 4.506 8.78343 4.50469 8.78312 4.50318C8.7825 4.50017 8.7817 4.49634 8.78073 4.49173C8.77878 4.48252 8.77612 4.47016 8.7727 4.45487C8.76588 4.42431 8.75603 4.38193 8.74291 4.32942C8.71669 4.22457 8.67715 4.07834 8.62204 3.90433C8.51275 3.5592 8.33781 3.09055 8.07597 2.61448C7.57081 1.696 6.61154 0.533343 4.99999 0.533343V2.13334ZM7.99999 5.46668H11V3.86668H7.99999V5.46668ZM11 5.46668C11.6542 5.46668 12.2816 5.2068 12.7442 4.74421L11.6128 3.61284C11.4503 3.77537 11.2298 3.86668 11 3.86668V5.46668ZM12.7442 4.74421C13.2068 4.28162 13.4667 3.65421 13.4667 3.00001H11.8667C11.8667 3.22986 11.7754 3.4503 11.6128 3.61284L12.7442 4.74421ZM13.4667 3.00001C13.4667 2.34581 13.2068 1.7184 12.7442 1.25581L11.6128 2.38718C11.7754 2.54972 11.8667 2.77016 11.8667 3.00001H13.4667ZM12.7442 1.25581C12.2816 0.793224 11.6542 0.533343 11 0.533343V2.13334C11.2298 2.13334 11.4503 2.22465 11.6128 2.38718L12.7442 1.25581ZM11 0.533343C9.38845 0.533343 8.42918 1.696 7.92402 2.61448C7.66218 3.09055 7.48724 3.5592 7.37795 3.90433C7.32284 4.07834 7.2833 4.22456 7.25708 4.32942C7.24396 4.38193 7.23411 4.42431 7.22729 4.45487C7.22387 4.47016 7.22121 4.48252 7.21926 4.49173C7.21829 4.49634 7.21749 4.50017 7.21687 4.50318C7.21656 4.50469 7.21629 4.506 7.21607 4.5071C7.21596 4.50765 7.21586 4.50815 7.21577 4.5086C7.21572 4.50882 7.21566 4.50912 7.21564 4.50923C7.21558 4.50951 7.21553 4.50978 7.99999 4.66668C8.78446 4.82357 8.78441 4.82382 8.78436 4.82405C8.78435 4.82411 8.78431 4.82433 8.78428 4.82445C8.78423 4.8247 8.78419 4.82489 8.78416 4.82504C8.7841 4.82533 8.78408 4.82543 8.7841 4.82534C8.78414 4.82515 8.78434 4.82419 8.7847 4.8225C8.78542 4.8191 8.78678 4.81274 8.78882 4.80361C8.7929 4.78535 8.79965 4.75611 8.80931 4.71748C8.82867 4.64004 8.85944 4.52585 8.90329 4.38736C8.99192 4.10749 9.12948 3.7428 9.32597 3.38555C9.73747 2.63735 10.2782 2.13334 11 2.13334V0.533343Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15785">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconGift,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13510",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGift size={size} />,
+  },
 );
-figma.connect(IconGift, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13510", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGift size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGitBranch.tsx b/src/icons/IconGitBranch.tsx
index d4d7080..c8d2858 100644
--- a/src/icons/IconGitBranch.tsx
+++ b/src/icons/IconGitBranch.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGitBranch = (props: IconProps) => (
-  <Icon {...props}><path d="M4.8 2C4.8 1.55817 4.44183 1.2 4 1.2C3.55817 1.2 3.2 1.55817 3.2 2H4.8ZM3.2 2V10H4.8V2H3.2ZM13.2 4C13.2 4.66274 12.6627 5.2 12 5.2V6.8C13.5464 6.8 14.8 5.5464 14.8 4H13.2ZM12 5.2C11.3373 5.2 10.8 4.66274 10.8 4H9.2C9.2 5.5464 10.4536 6.8 12 6.8V5.2ZM10.8 4C10.8 3.33726 11.3373 2.8 12 2.8V1.2C10.4536 1.2 9.2 2.4536 9.2 4H10.8ZM12 2.8C12.6627 2.8 13.2 3.33726 13.2 4H14.8C14.8 2.4536 13.5464 1.2 12 1.2V2.8ZM5.2 12C5.2 12.6627 4.66274 13.2 4 13.2V14.8C5.5464 14.8 6.8 13.5464 6.8 12H5.2ZM4 13.2C3.33726 13.2 2.8 12.6627 2.8 12H1.2C1.2 13.5464 2.4536 14.8 4 14.8V13.2ZM2.8 12C2.8 11.3373 3.33726 10.8 4 10.8V9.2C2.4536 9.2 1.2 10.4536 1.2 12H2.8ZM4 10.8C4.66274 10.8 5.2 11.3373 5.2 12H6.8C6.8 10.4536 5.5464 9.2 4 9.2V10.8ZM11.2 6C11.2 7.37913 10.6521 8.70177 9.67696 9.67696L10.8083 10.8083C12.0836 9.53308 12.8 7.80347 12.8 6H11.2ZM9.67696 9.67696C8.70177 10.6521 7.37913 11.2 6 11.2V12.8C7.80347 12.8 9.53308 12.0836 10.8083 10.8083L9.67696 9.67696Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4.8 2C4.8 1.55817 4.44183 1.2 4 1.2C3.55817 1.2 3.2 1.55817 3.2 2H4.8ZM3.2 2V10H4.8V2H3.2ZM13.2 4C13.2 4.66274 12.6627 5.2 12 5.2V6.8C13.5464 6.8 14.8 5.5464 14.8 4H13.2ZM12 5.2C11.3373 5.2 10.8 4.66274 10.8 4H9.2C9.2 5.5464 10.4536 6.8 12 6.8V5.2ZM10.8 4C10.8 3.33726 11.3373 2.8 12 2.8V1.2C10.4536 1.2 9.2 2.4536 9.2 4H10.8ZM12 2.8C12.6627 2.8 13.2 3.33726 13.2 4H14.8C14.8 2.4536 13.5464 1.2 12 1.2V2.8ZM5.2 12C5.2 12.6627 4.66274 13.2 4 13.2V14.8C5.5464 14.8 6.8 13.5464 6.8 12H5.2ZM4 13.2C3.33726 13.2 2.8 12.6627 2.8 12H1.2C1.2 13.5464 2.4536 14.8 4 14.8V13.2ZM2.8 12C2.8 11.3373 3.33726 10.8 4 10.8V9.2C2.4536 9.2 1.2 10.4536 1.2 12H2.8ZM4 10.8C4.66274 10.8 5.2 11.3373 5.2 12H6.8C6.8 10.4536 5.5464 9.2 4 9.2V10.8ZM11.2 6C11.2 7.37913 10.6521 8.70177 9.67696 9.67696L10.8083 10.8083C12.0836 9.53308 12.8 7.80347 12.8 6H11.2ZM9.67696 9.67696C8.70177 10.6521 7.37913 11.2 6 11.2V12.8C7.80347 12.8 9.53308 12.0836 10.8083 10.8083L9.67696 9.67696Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconGitBranch,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13513",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGitBranch size={size} />,
+  },
 );
-figma.connect(IconGitBranch, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13513", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGitBranch size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGitCommit.tsx b/src/icons/IconGitCommit.tsx
index d4e15a3..1c1706a 100644
--- a/src/icons/IconGitCommit.tsx
+++ b/src/icons/IconGitCommit.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGitCommit = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15789)"><path d="M0.699951 7.20001C0.258123 7.20001 -0.100049 7.55818 -0.100049 8.00001C-0.100049 8.44184 0.258123 8.80001 0.699951 8.80001V7.20001ZM4.66662 8.80001C5.10845 8.80001 5.46662 8.44184 5.46662 8.00001C5.46662 7.55818 5.10845 7.20001 4.66662 7.20001V8.80001ZM11.34 7.20001C10.8981 7.20001 10.54 7.55818 10.54 8.00001C10.54 8.44184 10.8981 8.80001 11.34 8.80001V7.20001ZM15.3066 8.80001C15.7484 8.80001 16.1066 8.44184 16.1066 8.00001C16.1066 7.55818 15.7484 7.20001 15.3066 7.20001V8.80001ZM9.86662 8.00001C9.86662 9.03094 9.03088 9.86668 7.99995 9.86668V11.4667C9.91454 11.4667 11.4666 9.9146 11.4666 8.00001H9.86662ZM7.99995 9.86668C6.96902 9.86668 6.13328 9.03094 6.13328 8.00001H4.53328C4.53328 9.9146 6.08536 11.4667 7.99995 11.4667V9.86668ZM6.13328 8.00001C6.13328 6.96908 6.96902 6.13334 7.99995 6.13334V4.53334C6.08536 4.53334 4.53328 6.08542 4.53328 8.00001H6.13328ZM7.99995 6.13334C9.03088 6.13334 9.86662 6.96908 9.86662 8.00001H11.4666C11.4666 6.08542 9.91454 4.53334 7.99995 4.53334V6.13334ZM0.699951 8.80001H4.66662V7.20001H0.699951V8.80001ZM11.34 8.80001H15.3066V7.20001H11.34V8.80001Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15789"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15789)">
+      <path
+        d="M0.699951 7.20001C0.258123 7.20001 -0.100049 7.55818 -0.100049 8.00001C-0.100049 8.44184 0.258123 8.80001 0.699951 8.80001V7.20001ZM4.66662 8.80001C5.10845 8.80001 5.46662 8.44184 5.46662 8.00001C5.46662 7.55818 5.10845 7.20001 4.66662 7.20001V8.80001ZM11.34 7.20001C10.8981 7.20001 10.54 7.55818 10.54 8.00001C10.54 8.44184 10.8981 8.80001 11.34 8.80001V7.20001ZM15.3066 8.80001C15.7484 8.80001 16.1066 8.44184 16.1066 8.00001C16.1066 7.55818 15.7484 7.20001 15.3066 7.20001V8.80001ZM9.86662 8.00001C9.86662 9.03094 9.03088 9.86668 7.99995 9.86668V11.4667C9.91454 11.4667 11.4666 9.9146 11.4666 8.00001H9.86662ZM7.99995 9.86668C6.96902 9.86668 6.13328 9.03094 6.13328 8.00001H4.53328C4.53328 9.9146 6.08536 11.4667 7.99995 11.4667V9.86668ZM6.13328 8.00001C6.13328 6.96908 6.96902 6.13334 7.99995 6.13334V4.53334C6.08536 4.53334 4.53328 6.08542 4.53328 8.00001H6.13328ZM7.99995 6.13334C9.03088 6.13334 9.86662 6.96908 9.86662 8.00001H11.4666C11.4666 6.08542 9.91454 4.53334 7.99995 4.53334V6.13334ZM0.699951 8.80001H4.66662V7.20001H0.699951V8.80001ZM11.34 8.80001H15.3066V7.20001H11.34V8.80001Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15789">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconGitCommit,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13512",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGitCommit size={size} />,
+  },
 );
-figma.connect(IconGitCommit, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13512", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGitCommit size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGitMerge.tsx b/src/icons/IconGitMerge.tsx
index 8a6b154..eff82b7 100644
--- a/src/icons/IconGitMerge.tsx
+++ b/src/icons/IconGitMerge.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGitMerge = (props: IconProps) => (
-  <Icon {...props}><path d="M3.2 14C3.2 14.4418 3.55817 14.8 4 14.8C4.44183 14.8 4.8 14.4418 4.8 14H3.2ZM13.2 12C13.2 12.6627 12.6627 13.2 12 13.2V14.8C13.5464 14.8 14.8 13.5464 14.8 12H13.2ZM12 13.2C11.3373 13.2 10.8 12.6627 10.8 12H9.2C9.2 13.5464 10.4536 14.8 12 14.8V13.2ZM10.8 12C10.8 11.3373 11.3373 10.8 12 10.8V9.2C10.4536 9.2 9.2 10.4536 9.2 12H10.8ZM12 10.8C12.6627 10.8 13.2 11.3373 13.2 12H14.8C14.8 10.4536 13.5464 9.2 12 9.2V10.8ZM5.2 4C5.2 4.66274 4.66274 5.2 4 5.2V6.8C5.5464 6.8 6.8 5.5464 6.8 4H5.2ZM4 5.2C3.33726 5.2 2.8 4.66274 2.8 4H1.2C1.2 5.5464 2.4536 6.8 4 6.8V5.2ZM2.8 4C2.8 3.33726 3.33726 2.8 4 2.8V1.2C2.4536 1.2 1.2 2.4536 1.2 4H2.8ZM4 2.8C4.66274 2.8 5.2 3.33726 5.2 4H6.8C6.8 2.4536 5.5464 1.2 4 1.2V2.8ZM4.8 14V6H3.2L3.2 14H4.8ZM3.2 6C3.2 7.80347 3.91643 9.53308 5.19167 10.8083L6.32304 9.67696C5.34786 8.70177 4.8 7.37913 4.8 6H3.2ZM5.19167 10.8083C6.46692 12.0836 8.19653 12.8 10 12.8V11.2C8.62087 11.2 7.29823 10.6521 6.32304 9.67696L5.19167 10.8083Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.2 14C3.2 14.4418 3.55817 14.8 4 14.8C4.44183 14.8 4.8 14.4418 4.8 14H3.2ZM13.2 12C13.2 12.6627 12.6627 13.2 12 13.2V14.8C13.5464 14.8 14.8 13.5464 14.8 12H13.2ZM12 13.2C11.3373 13.2 10.8 12.6627 10.8 12H9.2C9.2 13.5464 10.4536 14.8 12 14.8V13.2ZM10.8 12C10.8 11.3373 11.3373 10.8 12 10.8V9.2C10.4536 9.2 9.2 10.4536 9.2 12H10.8ZM12 10.8C12.6627 10.8 13.2 11.3373 13.2 12H14.8C14.8 10.4536 13.5464 9.2 12 9.2V10.8ZM5.2 4C5.2 4.66274 4.66274 5.2 4 5.2V6.8C5.5464 6.8 6.8 5.5464 6.8 4H5.2ZM4 5.2C3.33726 5.2 2.8 4.66274 2.8 4H1.2C1.2 5.5464 2.4536 6.8 4 6.8V5.2ZM2.8 4C2.8 3.33726 3.33726 2.8 4 2.8V1.2C2.4536 1.2 1.2 2.4536 1.2 4H2.8ZM4 2.8C4.66274 2.8 5.2 3.33726 5.2 4H6.8C6.8 2.4536 5.5464 1.2 4 1.2V2.8ZM4.8 14V6H3.2L3.2 14H4.8ZM3.2 6C3.2 7.80347 3.91643 9.53308 5.19167 10.8083L6.32304 9.67696C5.34786 8.70177 4.8 7.37913 4.8 6H3.2ZM5.19167 10.8083C6.46692 12.0836 8.19653 12.8 10 12.8V11.2C8.62087 11.2 7.29823 10.6521 6.32304 9.67696L5.19167 10.8083Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconGitMerge,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13515",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGitMerge size={size} />,
+  },
 );
-figma.connect(IconGitMerge, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13515", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGitMerge size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGitPullRequest.tsx b/src/icons/IconGitPullRequest.tsx
index 6a5605f..bd5ff12 100644
--- a/src/icons/IconGitPullRequest.tsx
+++ b/src/icons/IconGitPullRequest.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGitPullRequest = (props: IconProps) => (
-  <Icon {...props}><path d="M8.66667 3.2C8.22484 3.2 7.86667 3.55817 7.86667 4C7.86667 4.44183 8.22484 4.8 8.66667 4.8V3.2ZM10.6667 4V3.2V4ZM12 5.33333H11.2V5.33333L12 5.33333ZM3.2 14C3.2 14.4418 3.55817 14.8 4 14.8C4.44183 14.8 4.8 14.4418 4.8 14H3.2ZM13.2 12C13.2 12.6627 12.6627 13.2 12 13.2V14.8C13.5464 14.8 14.8 13.5464 14.8 12H13.2ZM12 13.2C11.3373 13.2 10.8 12.6627 10.8 12H9.2C9.2 13.5464 10.4536 14.8 12 14.8V13.2ZM10.8 12C10.8 11.3373 11.3373 10.8 12 10.8V9.2C10.4536 9.2 9.2 10.4536 9.2 12H10.8ZM12 10.8C12.6627 10.8 13.2 11.3373 13.2 12H14.8C14.8 10.4536 13.5464 9.2 12 9.2V10.8ZM5.2 4C5.2 4.66274 4.66274 5.2 4 5.2V6.8C5.5464 6.8 6.8 5.5464 6.8 4H5.2ZM4 5.2C3.33726 5.2 2.8 4.66274 2.8 4H1.2C1.2 5.5464 2.4536 6.8 4 6.8V5.2ZM2.8 4C2.8 3.33726 3.33726 2.8 4 2.8V1.2C2.4536 1.2 1.2 2.4536 1.2 4H2.8ZM4 2.8C4.66274 2.8 5.2 3.33726 5.2 4H6.8C6.8 2.4536 5.5464 1.2 4 1.2V2.8ZM8.66667 4.8H10.6667V3.2H8.66667V4.8ZM10.6667 4.8C10.8081 4.8 10.9438 4.85619 11.0438 4.95621L12.1752 3.82484C11.7751 3.42476 11.2325 3.2 10.6667 3.2V4.8ZM11.0438 4.95621C11.1438 5.05623 11.2 5.19188 11.2 5.33333H12.8C12.8 4.76754 12.5752 4.22492 12.1752 3.82484L11.0438 4.95621ZM11.2 5.33333V10H12.8L12.8 5.33333L11.2 5.33333ZM3.2 6L3.2 14H4.8V6H3.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.66667 3.2C8.22484 3.2 7.86667 3.55817 7.86667 4C7.86667 4.44183 8.22484 4.8 8.66667 4.8V3.2ZM10.6667 4V3.2V4ZM12 5.33333H11.2V5.33333L12 5.33333ZM3.2 14C3.2 14.4418 3.55817 14.8 4 14.8C4.44183 14.8 4.8 14.4418 4.8 14H3.2ZM13.2 12C13.2 12.6627 12.6627 13.2 12 13.2V14.8C13.5464 14.8 14.8 13.5464 14.8 12H13.2ZM12 13.2C11.3373 13.2 10.8 12.6627 10.8 12H9.2C9.2 13.5464 10.4536 14.8 12 14.8V13.2ZM10.8 12C10.8 11.3373 11.3373 10.8 12 10.8V9.2C10.4536 9.2 9.2 10.4536 9.2 12H10.8ZM12 10.8C12.6627 10.8 13.2 11.3373 13.2 12H14.8C14.8 10.4536 13.5464 9.2 12 9.2V10.8ZM5.2 4C5.2 4.66274 4.66274 5.2 4 5.2V6.8C5.5464 6.8 6.8 5.5464 6.8 4H5.2ZM4 5.2C3.33726 5.2 2.8 4.66274 2.8 4H1.2C1.2 5.5464 2.4536 6.8 4 6.8V5.2ZM2.8 4C2.8 3.33726 3.33726 2.8 4 2.8V1.2C2.4536 1.2 1.2 2.4536 1.2 4H2.8ZM4 2.8C4.66274 2.8 5.2 3.33726 5.2 4H6.8C6.8 2.4536 5.5464 1.2 4 1.2V2.8ZM8.66667 4.8H10.6667V3.2H8.66667V4.8ZM10.6667 4.8C10.8081 4.8 10.9438 4.85619 11.0438 4.95621L12.1752 3.82484C11.7751 3.42476 11.2325 3.2 10.6667 3.2V4.8ZM11.0438 4.95621C11.1438 5.05623 11.2 5.19188 11.2 5.33333H12.8C12.8 4.76754 12.5752 4.22492 12.1752 3.82484L11.0438 4.95621ZM11.2 5.33333V10H12.8L12.8 5.33333L11.2 5.33333ZM3.2 6L3.2 14H4.8V6H3.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconGitPullRequest,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13514",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGitPullRequest size={size} />,
+  },
 );
-figma.connect(IconGitPullRequest, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13514", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGitPullRequest size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGithub.tsx b/src/icons/IconGithub.tsx
index 94372e5..3441f9e 100644
--- a/src/icons/IconGithub.tsx
+++ b/src/icons/IconGithub.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGithub = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15795)"><path d="M6.2298 13.4329C6.65299 13.306 6.89314 12.86 6.76618 12.4368C6.63922 12.0136 6.19323 11.7734 5.77004 11.9004L6.2298 13.4329ZM1.52728 9.89055C1.09864 9.78339 0.664297 10.044 0.557138 10.4726C0.449979 10.9013 0.710588 11.3356 1.13922 11.4428L1.52728 9.89055ZM9.86658 14.6667C9.86658 15.1085 10.2248 15.4667 10.6666 15.4667C11.1084 15.4667 11.4666 15.1085 11.4666 14.6667H9.86658ZM10.6666 12.0867L9.86905 12.0239C9.86741 12.0448 9.86658 12.0657 9.86658 12.0867H10.6666ZM10.0399 10.3467L9.9513 9.55159C9.64794 9.5854 9.39026 9.78889 9.28705 10.0761C9.18383 10.3634 9.25307 10.6844 9.46553 10.9035L10.0399 10.3467ZM14.3333 5.68H15.1333V5.67985L14.3333 5.68ZM13.3333 3.18L12.5837 2.90029C12.4767 3.18712 12.5427 3.50988 12.7538 3.73162L13.3333 3.18ZM13.2733 0.666666L14.0086 0.351507C13.9149 0.132904 13.7288 -0.032675 13.5007 -0.100307L13.2733 0.666666ZM10.6666 1.65333L10.4573 2.42548C10.6808 2.48606 10.9197 2.4468 11.112 2.31785L10.6666 1.65333ZM5.99992 1.65333L5.55447 2.31785C5.74685 2.4468 5.98566 2.48606 6.20919 2.42548L5.99992 1.65333ZM3.39325 0.666666L3.16576 -0.100307C2.93774 -0.032675 2.75164 0.132904 2.65795 0.351507L3.39325 0.666666ZM3.33325 3.18L3.91265 3.73163C4.12376 3.50989 4.1898 3.18712 4.08276 2.90029L3.33325 3.18ZM2.33325 5.7H3.13326L3.13324 5.69575L2.33325 5.7ZM6.62659 10.3667L7.20147 10.923C7.41239 10.7051 7.48192 10.3866 7.38103 10.1005C7.28013 9.81452 7.02617 9.61015 6.72519 9.57277L6.62659 10.3667ZM5.99992 12.0867H6.79992C6.79992 12.0679 6.79926 12.0492 6.79795 12.0305L5.99992 12.0867ZM5.19992 14.6667C5.19992 15.1085 5.55809 15.4667 5.99992 15.4667C6.44175 15.4667 6.79992 15.1085 6.79992 14.6667H5.19992ZM5.77004 11.9004C5.02767 12.1231 4.54988 12.1178 4.23431 12.044C3.92904 11.9725 3.70111 11.8198 3.48227 11.601C3.36835 11.4871 3.26015 11.3585 3.14205 11.2105C3.03382 11.0749 2.89571 10.8949 2.76516 10.7416C2.50052 10.431 2.11331 10.0371 1.52728 9.89055L1.13922 11.4428C1.21986 11.4629 1.33265 11.5274 1.54717 11.7792C1.65621 11.9072 1.75247 12.0344 1.89164 12.2087C2.02094 12.3707 2.17315 12.5546 2.3509 12.7324C2.71539 13.0968 3.19579 13.4441 3.86969 13.6019C4.53329 13.7572 5.3055 13.7102 6.2298 13.4329L5.77004 11.9004ZM11.4666 14.6667V12.0867H9.86658V14.6667H11.4666ZM11.4641 12.1494C11.498 11.7183 11.4398 11.285 11.2933 10.8781L9.78792 11.4203C9.8575 11.6135 9.88515 11.8192 9.86905 12.0239L11.4641 12.1494ZM11.2933 10.8781C11.1467 10.4713 10.9153 10.1003 10.6143 9.78982L9.46553 10.9035C9.60845 11.0509 9.71835 11.2271 9.78792 11.4203L11.2933 10.8781ZM10.1285 11.1417C11.2201 11.0201 12.4896 10.7414 13.4864 9.90314C14.5222 9.03219 15.1333 7.673 15.1333 5.68H13.5333C13.5333 7.327 13.0443 8.18448 12.4567 8.67853C11.8303 9.20528 10.953 9.43993 9.9513 9.55159L10.1285 11.1417ZM15.1333 5.67985C15.133 4.54375 14.696 3.45122 13.9127 2.62838L12.7538 3.73162C13.2541 4.25704 13.5331 4.95468 13.5333 5.68015L15.1333 5.67985ZM14.0828 3.45971C14.4586 2.45264 14.432 1.33949 14.0086 0.351507L12.5379 0.981825C12.7993 1.59164 12.8157 2.2787 12.5837 2.90029L14.0828 3.45971ZM13.2733 0.666666C13.5007 -0.100307 13.5 -0.100536 13.4992 -0.100765C13.4989 -0.100843 13.4981 -0.101072 13.4976 -0.101226C13.4966 -0.101533 13.4955 -0.101843 13.4944 -0.102153C13.4923 -0.102775 13.4901 -0.103402 13.4878 -0.104035C13.4833 -0.105299 13.4785 -0.106583 13.4736 -0.107879C13.4637 -0.110472 13.4529 -0.113112 13.4413 -0.115745C13.4182 -0.121013 13.3917 -0.126239 13.3619 -0.130994C13.3022 -0.140517 13.2296 -0.148069 13.1439 -0.150427C12.9721 -0.155156 12.7512 -0.138917 12.479 -0.0784866C11.9361 0.0420561 11.1931 0.337282 10.2211 0.988818L11.112 2.31785C11.9601 1.74938 12.5204 1.55128 12.8258 1.48348C12.9778 1.44975 13.0673 1.44807 13.0999 1.44897C13.1164 1.44942 13.1195 1.45057 13.1099 1.44904C13.1052 1.44828 13.0974 1.44688 13.0866 1.44443C13.0812 1.44321 13.0751 1.44173 13.0683 1.43995C13.0649 1.43905 13.0613 1.43809 13.0576 1.43704C13.0557 1.43651 13.0538 1.43597 13.0518 1.4354C13.0508 1.43512 13.0498 1.43483 13.0488 1.43454C13.0483 1.43439 13.0475 1.43417 13.0473 1.43409C13.0465 1.43387 13.0458 1.43364 13.2733 0.666666ZM10.8759 0.881188C9.21082 0.429928 7.45568 0.429928 5.79065 0.881188L6.20919 2.42548C7.60014 2.0485 9.06636 2.0485 10.4573 2.42548L10.8759 0.881188ZM6.44536 0.988818C5.4734 0.337282 4.73044 0.0420561 4.18747 -0.0784866C3.91526 -0.138917 3.6944 -0.155156 3.5226 -0.150427C3.43691 -0.148069 3.36433 -0.140517 3.30462 -0.130994C3.2748 -0.126239 3.24832 -0.121013 3.22515 -0.115745C3.21357 -0.113112 3.20284 -0.110472 3.19293 -0.107879C3.18798 -0.106583 3.18324 -0.105299 3.17871 -0.104035C3.17645 -0.103402 3.17424 -0.102775 3.17208 -0.102153C3.171 -0.101843 3.16993 -0.101533 3.16888 -0.101226C3.16835 -0.101072 3.16757 -0.100843 3.16731 -0.100765C3.16653 -0.100536 3.16576 -0.100307 3.39325 0.666666C3.62074 1.43364 3.61998 1.43387 3.61921 1.43409C3.61896 1.43417 3.6182 1.43439 3.6177 1.43454C3.61669 1.43483 3.6157 1.43512 3.61471 1.4354C3.61275 1.43597 3.61082 1.43651 3.60894 1.43704C3.60519 1.43809 3.6016 1.43905 3.5982 1.43995C3.59138 1.44173 3.58528 1.44321 3.57991 1.44443C3.56915 1.44688 3.56135 1.44828 3.5566 1.44904C3.54702 1.45057 3.55012 1.44942 3.56662 1.44897C3.59918 1.44807 3.68874 1.44975 3.8407 1.48348C4.14606 1.55128 4.70644 1.74938 5.55447 2.31785L6.44536 0.988818ZM2.65795 0.351507C2.23448 1.33949 2.20791 2.45264 2.58374 3.45971L4.08276 2.90029C3.85079 2.2787 3.86719 1.59164 4.12856 0.981825L2.65795 0.351507ZM2.75385 2.62837C1.96464 3.45731 1.52718 4.55972 1.53326 5.70425L3.13324 5.69575C3.12936 4.9649 3.4087 4.26095 3.91265 3.73163L2.75385 2.62837ZM1.53325 5.7C1.53325 7.68224 2.14586 9.03352 3.18006 9.90314C4.17412 10.739 5.44036 11.0255 6.52798 11.1606L6.72519 9.57277C5.71948 9.44785 4.83905 9.20765 4.20978 8.67853C3.62064 8.18314 3.13325 7.33109 3.13325 5.7H1.53325ZM6.0517 9.81033C5.75427 10.1177 5.52488 10.4842 5.37846 10.8861L6.88179 11.4338C6.95131 11.243 7.06024 11.0689 7.20147 10.923L6.0517 9.81033ZM5.37846 10.8861C5.23204 11.2879 5.17188 11.7161 5.20189 12.1428L6.79795 12.0305C6.7837 11.8279 6.81226 11.6246 6.88179 11.4338L5.37846 10.8861ZM5.19992 12.0867V14.6667H6.79992V12.0867H5.19992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15795"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15795)">
+      <path
+        d="M6.2298 13.4329C6.65299 13.306 6.89314 12.86 6.76618 12.4368C6.63922 12.0136 6.19323 11.7734 5.77004 11.9004L6.2298 13.4329ZM1.52728 9.89055C1.09864 9.78339 0.664297 10.044 0.557138 10.4726C0.449979 10.9013 0.710588 11.3356 1.13922 11.4428L1.52728 9.89055ZM9.86658 14.6667C9.86658 15.1085 10.2248 15.4667 10.6666 15.4667C11.1084 15.4667 11.4666 15.1085 11.4666 14.6667H9.86658ZM10.6666 12.0867L9.86905 12.0239C9.86741 12.0448 9.86658 12.0657 9.86658 12.0867H10.6666ZM10.0399 10.3467L9.9513 9.55159C9.64794 9.5854 9.39026 9.78889 9.28705 10.0761C9.18383 10.3634 9.25307 10.6844 9.46553 10.9035L10.0399 10.3467ZM14.3333 5.68H15.1333V5.67985L14.3333 5.68ZM13.3333 3.18L12.5837 2.90029C12.4767 3.18712 12.5427 3.50988 12.7538 3.73162L13.3333 3.18ZM13.2733 0.666666L14.0086 0.351507C13.9149 0.132904 13.7288 -0.032675 13.5007 -0.100307L13.2733 0.666666ZM10.6666 1.65333L10.4573 2.42548C10.6808 2.48606 10.9197 2.4468 11.112 2.31785L10.6666 1.65333ZM5.99992 1.65333L5.55447 2.31785C5.74685 2.4468 5.98566 2.48606 6.20919 2.42548L5.99992 1.65333ZM3.39325 0.666666L3.16576 -0.100307C2.93774 -0.032675 2.75164 0.132904 2.65795 0.351507L3.39325 0.666666ZM3.33325 3.18L3.91265 3.73163C4.12376 3.50989 4.1898 3.18712 4.08276 2.90029L3.33325 3.18ZM2.33325 5.7H3.13326L3.13324 5.69575L2.33325 5.7ZM6.62659 10.3667L7.20147 10.923C7.41239 10.7051 7.48192 10.3866 7.38103 10.1005C7.28013 9.81452 7.02617 9.61015 6.72519 9.57277L6.62659 10.3667ZM5.99992 12.0867H6.79992C6.79992 12.0679 6.79926 12.0492 6.79795 12.0305L5.99992 12.0867ZM5.19992 14.6667C5.19992 15.1085 5.55809 15.4667 5.99992 15.4667C6.44175 15.4667 6.79992 15.1085 6.79992 14.6667H5.19992ZM5.77004 11.9004C5.02767 12.1231 4.54988 12.1178 4.23431 12.044C3.92904 11.9725 3.70111 11.8198 3.48227 11.601C3.36835 11.4871 3.26015 11.3585 3.14205 11.2105C3.03382 11.0749 2.89571 10.8949 2.76516 10.7416C2.50052 10.431 2.11331 10.0371 1.52728 9.89055L1.13922 11.4428C1.21986 11.4629 1.33265 11.5274 1.54717 11.7792C1.65621 11.9072 1.75247 12.0344 1.89164 12.2087C2.02094 12.3707 2.17315 12.5546 2.3509 12.7324C2.71539 13.0968 3.19579 13.4441 3.86969 13.6019C4.53329 13.7572 5.3055 13.7102 6.2298 13.4329L5.77004 11.9004ZM11.4666 14.6667V12.0867H9.86658V14.6667H11.4666ZM11.4641 12.1494C11.498 11.7183 11.4398 11.285 11.2933 10.8781L9.78792 11.4203C9.8575 11.6135 9.88515 11.8192 9.86905 12.0239L11.4641 12.1494ZM11.2933 10.8781C11.1467 10.4713 10.9153 10.1003 10.6143 9.78982L9.46553 10.9035C9.60845 11.0509 9.71835 11.2271 9.78792 11.4203L11.2933 10.8781ZM10.1285 11.1417C11.2201 11.0201 12.4896 10.7414 13.4864 9.90314C14.5222 9.03219 15.1333 7.673 15.1333 5.68H13.5333C13.5333 7.327 13.0443 8.18448 12.4567 8.67853C11.8303 9.20528 10.953 9.43993 9.9513 9.55159L10.1285 11.1417ZM15.1333 5.67985C15.133 4.54375 14.696 3.45122 13.9127 2.62838L12.7538 3.73162C13.2541 4.25704 13.5331 4.95468 13.5333 5.68015L15.1333 5.67985ZM14.0828 3.45971C14.4586 2.45264 14.432 1.33949 14.0086 0.351507L12.5379 0.981825C12.7993 1.59164 12.8157 2.2787 12.5837 2.90029L14.0828 3.45971ZM13.2733 0.666666C13.5007 -0.100307 13.5 -0.100536 13.4992 -0.100765C13.4989 -0.100843 13.4981 -0.101072 13.4976 -0.101226C13.4966 -0.101533 13.4955 -0.101843 13.4944 -0.102153C13.4923 -0.102775 13.4901 -0.103402 13.4878 -0.104035C13.4833 -0.105299 13.4785 -0.106583 13.4736 -0.107879C13.4637 -0.110472 13.4529 -0.113112 13.4413 -0.115745C13.4182 -0.121013 13.3917 -0.126239 13.3619 -0.130994C13.3022 -0.140517 13.2296 -0.148069 13.1439 -0.150427C12.9721 -0.155156 12.7512 -0.138917 12.479 -0.0784866C11.9361 0.0420561 11.1931 0.337282 10.2211 0.988818L11.112 2.31785C11.9601 1.74938 12.5204 1.55128 12.8258 1.48348C12.9778 1.44975 13.0673 1.44807 13.0999 1.44897C13.1164 1.44942 13.1195 1.45057 13.1099 1.44904C13.1052 1.44828 13.0974 1.44688 13.0866 1.44443C13.0812 1.44321 13.0751 1.44173 13.0683 1.43995C13.0649 1.43905 13.0613 1.43809 13.0576 1.43704C13.0557 1.43651 13.0538 1.43597 13.0518 1.4354C13.0508 1.43512 13.0498 1.43483 13.0488 1.43454C13.0483 1.43439 13.0475 1.43417 13.0473 1.43409C13.0465 1.43387 13.0458 1.43364 13.2733 0.666666ZM10.8759 0.881188C9.21082 0.429928 7.45568 0.429928 5.79065 0.881188L6.20919 2.42548C7.60014 2.0485 9.06636 2.0485 10.4573 2.42548L10.8759 0.881188ZM6.44536 0.988818C5.4734 0.337282 4.73044 0.0420561 4.18747 -0.0784866C3.91526 -0.138917 3.6944 -0.155156 3.5226 -0.150427C3.43691 -0.148069 3.36433 -0.140517 3.30462 -0.130994C3.2748 -0.126239 3.24832 -0.121013 3.22515 -0.115745C3.21357 -0.113112 3.20284 -0.110472 3.19293 -0.107879C3.18798 -0.106583 3.18324 -0.105299 3.17871 -0.104035C3.17645 -0.103402 3.17424 -0.102775 3.17208 -0.102153C3.171 -0.101843 3.16993 -0.101533 3.16888 -0.101226C3.16835 -0.101072 3.16757 -0.100843 3.16731 -0.100765C3.16653 -0.100536 3.16576 -0.100307 3.39325 0.666666C3.62074 1.43364 3.61998 1.43387 3.61921 1.43409C3.61896 1.43417 3.6182 1.43439 3.6177 1.43454C3.61669 1.43483 3.6157 1.43512 3.61471 1.4354C3.61275 1.43597 3.61082 1.43651 3.60894 1.43704C3.60519 1.43809 3.6016 1.43905 3.5982 1.43995C3.59138 1.44173 3.58528 1.44321 3.57991 1.44443C3.56915 1.44688 3.56135 1.44828 3.5566 1.44904C3.54702 1.45057 3.55012 1.44942 3.56662 1.44897C3.59918 1.44807 3.68874 1.44975 3.8407 1.48348C4.14606 1.55128 4.70644 1.74938 5.55447 2.31785L6.44536 0.988818ZM2.65795 0.351507C2.23448 1.33949 2.20791 2.45264 2.58374 3.45971L4.08276 2.90029C3.85079 2.2787 3.86719 1.59164 4.12856 0.981825L2.65795 0.351507ZM2.75385 2.62837C1.96464 3.45731 1.52718 4.55972 1.53326 5.70425L3.13324 5.69575C3.12936 4.9649 3.4087 4.26095 3.91265 3.73163L2.75385 2.62837ZM1.53325 5.7C1.53325 7.68224 2.14586 9.03352 3.18006 9.90314C4.17412 10.739 5.44036 11.0255 6.52798 11.1606L6.72519 9.57277C5.71948 9.44785 4.83905 9.20765 4.20978 8.67853C3.62064 8.18314 3.13325 7.33109 3.13325 5.7H1.53325ZM6.0517 9.81033C5.75427 10.1177 5.52488 10.4842 5.37846 10.8861L6.88179 11.4338C6.95131 11.243 7.06024 11.0689 7.20147 10.923L6.0517 9.81033ZM5.37846 10.8861C5.23204 11.2879 5.17188 11.7161 5.20189 12.1428L6.79795 12.0305C6.7837 11.8279 6.81226 11.6246 6.88179 11.4338L5.37846 10.8861ZM5.19992 12.0867V14.6667H6.79992V12.0867H5.19992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15795">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconGithub,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13517",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGithub size={size} />,
+  },
 );
-figma.connect(IconGithub, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13517", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGithub size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGitlab.tsx b/src/icons/IconGitlab.tsx
index a39c1db..ed353f2 100644
--- a/src/icons/IconGitlab.tsx
+++ b/src/icons/IconGitlab.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGitlab = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15797)"><path d="M15.1001 9.59334L14.6653 8.92178C14.6533 8.9296 14.6414 8.93774 14.6298 8.94619L15.1001 9.59334ZM8.0001 14.7533L7.52978 15.4005C7.8102 15.6043 8.18999 15.6043 8.47042 15.4005L8.0001 14.7533ZM0.900096 9.59334L0.426119 10.2378L0.429776 10.2405L0.900096 9.59334ZM0.700096 8.96667L1.4598 9.21744L1.46143 9.21239L0.700096 8.96667ZM1.51343 6.44667L0.752578 6.19947L0.752101 6.20095L1.51343 6.44667ZM3.1401 1.44L2.39395 1.15144C2.38867 1.16509 2.38377 1.17888 2.37925 1.1928L3.1401 1.44ZM3.21343 1.33334L3.75005 1.92668L3.75296 1.92402L3.21343 1.33334ZM3.40676 1.25833V0.458331V1.25833ZM3.6001 1.33334L4.15608 0.758118C4.15067 0.752888 4.14519 0.747734 4.13963 0.742658L3.6001 1.33334ZM3.67343 1.45334L2.90792 1.6857C2.90948 1.69086 2.9111 1.69601 2.91277 1.70113L3.67343 1.45334ZM5.3001 6.44667L4.53944 6.69447C4.64672 7.02379 4.95374 7.24667 5.3001 7.24667V6.44667ZM10.7001 6.44667V7.24667C11.0467 7.24667 11.3538 7.0235 11.4609 6.69387L10.7001 6.44667ZM12.3268 1.44L11.5806 1.15144C11.5753 1.16509 11.5704 1.17888 11.5659 1.1928L12.3268 1.44ZM12.4001 1.33334L12.9367 1.92668L12.9396 1.92402L12.4001 1.33334ZM12.5934 1.25833V2.05833V1.25833ZM12.7868 1.33334L13.3427 0.758118C13.3373 0.752888 13.3319 0.747734 13.3263 0.742658L12.7868 1.33334ZM12.8601 1.45334L12.0946 1.6857C12.0961 1.69066 12.0976 1.69561 12.0992 1.70054L12.8601 1.45334ZM14.4868 6.46L13.7259 6.70722L13.7288 6.71601L14.4868 6.46ZM15.3334 8.96667L16.1015 8.74299C16.0984 8.73214 16.095 8.72137 16.0914 8.71067L15.3334 8.96667ZM15.3206 9.31866L14.5708 9.03951L15.3206 9.31866ZM14.6298 8.94619L7.52978 14.1062L8.47042 15.4005L15.5704 10.2405L14.6298 8.94619ZM8.47042 14.1062L1.37042 8.94619L0.429776 10.2405L7.52978 15.4005L8.47042 14.1062ZM1.37407 8.94886C1.41486 8.97886 1.44512 9.02099 1.46051 9.06923L-0.0637415 9.5557C0.0234997 9.82905 0.194966 10.0678 0.426127 10.2378L1.37407 8.94886ZM1.46051 9.06923C1.47591 9.11747 1.47565 9.16935 1.45978 9.21743L-0.0595878 8.71591C-0.149529 8.98839 -0.150983 9.28234 -0.0637415 9.5557L1.46051 9.06923ZM1.46143 9.21239L2.27476 6.69239L0.752101 6.20095L-0.0612327 8.72095L1.46143 9.21239ZM2.27428 6.69387L3.90095 1.6872L2.37925 1.1928L0.75258 6.19947L2.27428 6.69387ZM3.88624 1.72857C3.85694 1.80434 3.81029 1.87218 3.75005 1.92667L2.67681 0.740008C2.55169 0.853174 2.45481 0.994081 2.39395 1.15144L3.88624 1.72857ZM3.75296 1.92402C3.65837 2.01042 3.53488 2.05833 3.40676 2.05833V0.458331C3.13555 0.458331 2.87414 0.559748 2.67389 0.742658L3.75296 1.92402ZM3.40676 2.05833C3.27864 2.05833 3.15516 2.01042 3.06056 1.92402L4.13963 0.742658C3.93938 0.559749 3.67797 0.458331 3.40676 0.458331V2.05833ZM3.04411 1.90856C2.98049 1.84707 2.93362 1.77036 2.90792 1.6857L4.43894 1.22098C4.38557 1.04514 4.28821 0.885828 4.15608 0.758118L3.04411 1.90856ZM2.91277 1.70113L4.53944 6.69447L6.06075 6.19887L4.43408 1.20554L2.91277 1.70113ZM5.3001 7.24667H10.7001V5.64667H5.3001V7.24667ZM11.4609 6.69387L13.0876 1.6872L11.5659 1.1928L9.93925 6.19947L11.4609 6.69387ZM13.0729 1.72857C13.0436 1.80434 12.997 1.87218 12.9367 1.92667L11.8635 0.740008C11.7384 0.853172 11.6415 0.994079 11.5806 1.15144L13.0729 1.72857ZM12.9396 1.92402C12.845 2.01042 12.7215 2.05833 12.5934 2.05833V0.458331C12.3222 0.458331 12.0608 0.55975 11.8606 0.742658L12.9396 1.92402ZM12.5934 2.05833C12.4653 2.05833 12.3418 2.01042 12.2472 1.92402L13.3263 0.742658C13.126 0.559748 12.8646 0.458331 12.5934 0.458331V2.05833ZM12.2308 1.90856C12.1672 1.84707 12.1203 1.77037 12.0946 1.6857L13.6256 1.22098C13.5722 1.04513 13.4749 0.885825 13.3427 0.758118L12.2308 1.90856ZM12.0992 1.70054L13.7259 6.7072L15.2476 6.2128L13.6209 1.20614L12.0992 1.70054ZM13.7288 6.71601L14.5755 9.22267L16.0914 8.71067L15.2447 6.204L13.7288 6.71601ZM14.5653 9.19036C14.5509 9.14079 14.5528 9.08788 14.5708 9.03951L16.0703 9.59781C16.1724 9.32364 16.1833 9.02387 16.1015 8.74299L14.5653 9.19036ZM14.5708 9.03951C14.5889 8.99113 14.622 8.94984 14.6653 8.92178L15.5349 10.2649C15.7804 10.1059 15.9682 9.87196 16.0703 9.59781L14.5708 9.03951Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15797"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15797)">
+      <path
+        d="M15.1001 9.59334L14.6653 8.92178C14.6533 8.9296 14.6414 8.93774 14.6298 8.94619L15.1001 9.59334ZM8.0001 14.7533L7.52978 15.4005C7.8102 15.6043 8.18999 15.6043 8.47042 15.4005L8.0001 14.7533ZM0.900096 9.59334L0.426119 10.2378L0.429776 10.2405L0.900096 9.59334ZM0.700096 8.96667L1.4598 9.21744L1.46143 9.21239L0.700096 8.96667ZM1.51343 6.44667L0.752578 6.19947L0.752101 6.20095L1.51343 6.44667ZM3.1401 1.44L2.39395 1.15144C2.38867 1.16509 2.38377 1.17888 2.37925 1.1928L3.1401 1.44ZM3.21343 1.33334L3.75005 1.92668L3.75296 1.92402L3.21343 1.33334ZM3.40676 1.25833V0.458331V1.25833ZM3.6001 1.33334L4.15608 0.758118C4.15067 0.752888 4.14519 0.747734 4.13963 0.742658L3.6001 1.33334ZM3.67343 1.45334L2.90792 1.6857C2.90948 1.69086 2.9111 1.69601 2.91277 1.70113L3.67343 1.45334ZM5.3001 6.44667L4.53944 6.69447C4.64672 7.02379 4.95374 7.24667 5.3001 7.24667V6.44667ZM10.7001 6.44667V7.24667C11.0467 7.24667 11.3538 7.0235 11.4609 6.69387L10.7001 6.44667ZM12.3268 1.44L11.5806 1.15144C11.5753 1.16509 11.5704 1.17888 11.5659 1.1928L12.3268 1.44ZM12.4001 1.33334L12.9367 1.92668L12.9396 1.92402L12.4001 1.33334ZM12.5934 1.25833V2.05833V1.25833ZM12.7868 1.33334L13.3427 0.758118C13.3373 0.752888 13.3319 0.747734 13.3263 0.742658L12.7868 1.33334ZM12.8601 1.45334L12.0946 1.6857C12.0961 1.69066 12.0976 1.69561 12.0992 1.70054L12.8601 1.45334ZM14.4868 6.46L13.7259 6.70722L13.7288 6.71601L14.4868 6.46ZM15.3334 8.96667L16.1015 8.74299C16.0984 8.73214 16.095 8.72137 16.0914 8.71067L15.3334 8.96667ZM15.3206 9.31866L14.5708 9.03951L15.3206 9.31866ZM14.6298 8.94619L7.52978 14.1062L8.47042 15.4005L15.5704 10.2405L14.6298 8.94619ZM8.47042 14.1062L1.37042 8.94619L0.429776 10.2405L7.52978 15.4005L8.47042 14.1062ZM1.37407 8.94886C1.41486 8.97886 1.44512 9.02099 1.46051 9.06923L-0.0637415 9.5557C0.0234997 9.82905 0.194966 10.0678 0.426127 10.2378L1.37407 8.94886ZM1.46051 9.06923C1.47591 9.11747 1.47565 9.16935 1.45978 9.21743L-0.0595878 8.71591C-0.149529 8.98839 -0.150983 9.28234 -0.0637415 9.5557L1.46051 9.06923ZM1.46143 9.21239L2.27476 6.69239L0.752101 6.20095L-0.0612327 8.72095L1.46143 9.21239ZM2.27428 6.69387L3.90095 1.6872L2.37925 1.1928L0.75258 6.19947L2.27428 6.69387ZM3.88624 1.72857C3.85694 1.80434 3.81029 1.87218 3.75005 1.92667L2.67681 0.740008C2.55169 0.853174 2.45481 0.994081 2.39395 1.15144L3.88624 1.72857ZM3.75296 1.92402C3.65837 2.01042 3.53488 2.05833 3.40676 2.05833V0.458331C3.13555 0.458331 2.87414 0.559748 2.67389 0.742658L3.75296 1.92402ZM3.40676 2.05833C3.27864 2.05833 3.15516 2.01042 3.06056 1.92402L4.13963 0.742658C3.93938 0.559749 3.67797 0.458331 3.40676 0.458331V2.05833ZM3.04411 1.90856C2.98049 1.84707 2.93362 1.77036 2.90792 1.6857L4.43894 1.22098C4.38557 1.04514 4.28821 0.885828 4.15608 0.758118L3.04411 1.90856ZM2.91277 1.70113L4.53944 6.69447L6.06075 6.19887L4.43408 1.20554L2.91277 1.70113ZM5.3001 7.24667H10.7001V5.64667H5.3001V7.24667ZM11.4609 6.69387L13.0876 1.6872L11.5659 1.1928L9.93925 6.19947L11.4609 6.69387ZM13.0729 1.72857C13.0436 1.80434 12.997 1.87218 12.9367 1.92667L11.8635 0.740008C11.7384 0.853172 11.6415 0.994079 11.5806 1.15144L13.0729 1.72857ZM12.9396 1.92402C12.845 2.01042 12.7215 2.05833 12.5934 2.05833V0.458331C12.3222 0.458331 12.0608 0.55975 11.8606 0.742658L12.9396 1.92402ZM12.5934 2.05833C12.4653 2.05833 12.3418 2.01042 12.2472 1.92402L13.3263 0.742658C13.126 0.559748 12.8646 0.458331 12.5934 0.458331V2.05833ZM12.2308 1.90856C12.1672 1.84707 12.1203 1.77037 12.0946 1.6857L13.6256 1.22098C13.5722 1.04513 13.4749 0.885825 13.3427 0.758118L12.2308 1.90856ZM12.0992 1.70054L13.7259 6.7072L15.2476 6.2128L13.6209 1.20614L12.0992 1.70054ZM13.7288 6.71601L14.5755 9.22267L16.0914 8.71067L15.2447 6.204L13.7288 6.71601ZM14.5653 9.19036C14.5509 9.14079 14.5528 9.08788 14.5708 9.03951L16.0703 9.59781C16.1724 9.32364 16.1833 9.02387 16.1015 8.74299L14.5653 9.19036ZM14.5708 9.03951C14.5889 8.99113 14.622 8.94984 14.6653 8.92178L15.5349 10.2649C15.7804 10.1059 15.9682 9.87196 16.0703 9.59781L14.5708 9.03951Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15797">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconGitlab,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13516",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGitlab size={size} />,
+  },
 );
-figma.connect(IconGitlab, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13516", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGitlab size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGlobe.tsx b/src/icons/IconGlobe.tsx
index d0912f1..4cf0f97 100644
--- a/src/icons/IconGlobe.tsx
+++ b/src/icons/IconGlobe.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGlobe = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15799)"><path d="M10.6668 8.00001L11.4667 8.01667C11.4669 8.00557 11.4669 7.99445 11.4667 7.98335L10.6668 8.00001ZM5.3335 8.00001L4.53367 7.98335C4.53344 7.99445 4.53344 8.00557 4.53367 8.01667L5.3335 8.00001ZM13.8668 8.00001C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1237 15.4668 8.00001H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8.00001H0.533496C0.533496 12.1237 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8.00001C2.1335 4.75994 4.76009 2.13334 8.00016 2.13334V0.533343C3.87644 0.533343 0.533496 3.87628 0.533496 8.00001H2.1335ZM8.00016 2.13334C11.2402 2.13334 13.8668 4.75994 13.8668 8.00001H15.4668C15.4668 3.87628 12.1239 0.533343 8.00016 0.533343V2.13334ZM1.3335 8.80001H14.6668V7.20001H1.3335V8.80001ZM7.40949 1.87288C8.94622 3.55527 9.81954 5.73858 9.867 8.01667L11.4667 7.98335C11.4111 5.31749 10.3891 2.76256 8.59084 0.793805L7.40949 1.87288ZM9.867 7.98335C9.81954 10.2614 8.94622 12.4448 7.40949 14.1271L8.59084 15.2062C10.3891 13.2375 11.4111 10.6825 11.4667 8.01667L9.867 7.98335ZM8.59084 14.1271C7.0541 12.4448 6.18078 10.2614 6.13332 7.98335L4.53367 8.01667C4.58921 10.6825 5.61118 13.2375 7.40949 15.2062L8.59084 14.1271ZM6.13332 8.01667C6.18078 5.73858 7.0541 3.55527 8.59084 1.87288L7.40949 0.793805C5.61118 2.76256 4.58921 5.31749 4.53367 7.98335L6.13332 8.01667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15799"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15799)">
+      <path
+        d="M10.6668 8.00001L11.4667 8.01667C11.4669 8.00557 11.4669 7.99445 11.4667 7.98335L10.6668 8.00001ZM5.3335 8.00001L4.53367 7.98335C4.53344 7.99445 4.53344 8.00557 4.53367 8.01667L5.3335 8.00001ZM13.8668 8.00001C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1237 15.4668 8.00001H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8.00001H0.533496C0.533496 12.1237 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8.00001C2.1335 4.75994 4.76009 2.13334 8.00016 2.13334V0.533343C3.87644 0.533343 0.533496 3.87628 0.533496 8.00001H2.1335ZM8.00016 2.13334C11.2402 2.13334 13.8668 4.75994 13.8668 8.00001H15.4668C15.4668 3.87628 12.1239 0.533343 8.00016 0.533343V2.13334ZM1.3335 8.80001H14.6668V7.20001H1.3335V8.80001ZM7.40949 1.87288C8.94622 3.55527 9.81954 5.73858 9.867 8.01667L11.4667 7.98335C11.4111 5.31749 10.3891 2.76256 8.59084 0.793805L7.40949 1.87288ZM9.867 7.98335C9.81954 10.2614 8.94622 12.4448 7.40949 14.1271L8.59084 15.2062C10.3891 13.2375 11.4111 10.6825 11.4667 8.01667L9.867 7.98335ZM8.59084 14.1271C7.0541 12.4448 6.18078 10.2614 6.13332 7.98335L4.53367 8.01667C4.58921 10.6825 5.61118 13.2375 7.40949 15.2062L8.59084 14.1271ZM6.13332 8.01667C6.18078 5.73858 7.0541 3.55527 8.59084 1.87288L7.40949 0.793805C5.61118 2.76256 4.58921 5.31749 4.53367 7.98335L6.13332 8.01667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15799">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconGlobe,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13519",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGlobe size={size} />,
+  },
 );
-figma.connect(IconGlobe, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13519", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGlobe size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconGrid.tsx b/src/icons/IconGrid.tsx
index aa60f58..3f55670 100644
--- a/src/icons/IconGrid.tsx
+++ b/src/icons/IconGrid.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconGrid = (props: IconProps) => (
-  <Icon {...props}><path d="M2 2V1.2C1.55817 1.2 1.2 1.55817 1.2 2H2ZM6.66667 2H7.46667C7.46667 1.55817 7.10849 1.2 6.66667 1.2V2ZM6.66667 6.66667V7.46667C7.10849 7.46667 7.46667 7.10849 7.46667 6.66667H6.66667ZM2 6.66667H1.2C1.2 7.10849 1.55817 7.46667 2 7.46667V6.66667ZM9.33333 2V1.2C8.89151 1.2 8.53333 1.55817 8.53333 2H9.33333ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM14 6.66667V7.46667C14.4418 7.46667 14.8 7.10849 14.8 6.66667H14ZM9.33333 6.66667H8.53333C8.53333 7.10849 8.89151 7.46667 9.33333 7.46667V6.66667ZM9.33333 9.33333V8.53333C8.89151 8.53333 8.53333 8.89151 8.53333 9.33333H9.33333ZM14 9.33333H14.8C14.8 8.89151 14.4418 8.53333 14 8.53333V9.33333ZM14 14V14.8C14.4418 14.8 14.8 14.4418 14.8 14H14ZM9.33333 14H8.53333C8.53333 14.4418 8.89151 14.8 9.33333 14.8V14ZM2 9.33333V8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333H2ZM6.66667 9.33333H7.46667C7.46667 8.89151 7.10849 8.53333 6.66667 8.53333V9.33333ZM6.66667 14V14.8C7.10849 14.8 7.46667 14.4418 7.46667 14H6.66667ZM2 14H1.2C1.2 14.4418 1.55817 14.8 2 14.8V14ZM2 2.8H6.66667V1.2H2V2.8ZM5.86667 2V6.66667H7.46667V2H5.86667ZM6.66667 5.86667H2V7.46667H6.66667V5.86667ZM2.8 6.66667V2H1.2V6.66667H2.8ZM9.33333 2.8H14V1.2H9.33333V2.8ZM13.2 2V6.66667H14.8V2H13.2ZM14 5.86667H9.33333V7.46667H14V5.86667ZM10.1333 6.66667V2H8.53333V6.66667H10.1333ZM9.33333 10.1333H14V8.53333H9.33333V10.1333ZM13.2 9.33333V14H14.8V9.33333H13.2ZM14 13.2H9.33333V14.8H14V13.2ZM10.1333 14V9.33333H8.53333V14H10.1333ZM2 10.1333H6.66667V8.53333H2V10.1333ZM5.86667 9.33333V14H7.46667V9.33333H5.86667ZM6.66667 13.2H2V14.8H6.66667V13.2ZM2.8 14V9.33333H1.2V14H2.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 2V1.2C1.55817 1.2 1.2 1.55817 1.2 2H2ZM6.66667 2H7.46667C7.46667 1.55817 7.10849 1.2 6.66667 1.2V2ZM6.66667 6.66667V7.46667C7.10849 7.46667 7.46667 7.10849 7.46667 6.66667H6.66667ZM2 6.66667H1.2C1.2 7.10849 1.55817 7.46667 2 7.46667V6.66667ZM9.33333 2V1.2C8.89151 1.2 8.53333 1.55817 8.53333 2H9.33333ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM14 6.66667V7.46667C14.4418 7.46667 14.8 7.10849 14.8 6.66667H14ZM9.33333 6.66667H8.53333C8.53333 7.10849 8.89151 7.46667 9.33333 7.46667V6.66667ZM9.33333 9.33333V8.53333C8.89151 8.53333 8.53333 8.89151 8.53333 9.33333H9.33333ZM14 9.33333H14.8C14.8 8.89151 14.4418 8.53333 14 8.53333V9.33333ZM14 14V14.8C14.4418 14.8 14.8 14.4418 14.8 14H14ZM9.33333 14H8.53333C8.53333 14.4418 8.89151 14.8 9.33333 14.8V14ZM2 9.33333V8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333H2ZM6.66667 9.33333H7.46667C7.46667 8.89151 7.10849 8.53333 6.66667 8.53333V9.33333ZM6.66667 14V14.8C7.10849 14.8 7.46667 14.4418 7.46667 14H6.66667ZM2 14H1.2C1.2 14.4418 1.55817 14.8 2 14.8V14ZM2 2.8H6.66667V1.2H2V2.8ZM5.86667 2V6.66667H7.46667V2H5.86667ZM6.66667 5.86667H2V7.46667H6.66667V5.86667ZM2.8 6.66667V2H1.2V6.66667H2.8ZM9.33333 2.8H14V1.2H9.33333V2.8ZM13.2 2V6.66667H14.8V2H13.2ZM14 5.86667H9.33333V7.46667H14V5.86667ZM10.1333 6.66667V2H8.53333V6.66667H10.1333ZM9.33333 10.1333H14V8.53333H9.33333V10.1333ZM13.2 9.33333V14H14.8V9.33333H13.2ZM14 13.2H9.33333V14.8H14V13.2ZM10.1333 14V9.33333H8.53333V14H10.1333ZM2 10.1333H6.66667V8.53333H2V10.1333ZM5.86667 9.33333V14H7.46667V9.33333H5.86667ZM6.66667 13.2H2V14.8H6.66667V13.2ZM2.8 14V9.33333H1.2V14H2.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconGrid,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13518",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconGrid size={size} />,
+  },
 );
-figma.connect(IconGrid, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13518", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconGrid size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHardDrive.tsx b/src/icons/IconHardDrive.tsx
index 3b238cc..5d70f99 100644
--- a/src/icons/IconHardDrive.tsx
+++ b/src/icons/IconHardDrive.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHardDrive = (props: IconProps) => (
-  <Icon {...props}><path d="M14.6667 8.00002H15.4667C15.4667 7.87567 15.4377 7.75303 15.382 7.64183L14.6667 8.00002ZM1.33333 8.00002L0.617994 7.64183C0.562317 7.75303 0.533328 7.87567 0.533328 8.00002H1.33333ZM3.63333 3.40669L4.34867 3.76487L4.34975 3.76269L3.63333 3.40669ZM1.33333 12H0.533328H1.33333ZM12.3667 3.40669L11.6502 3.76269L11.6513 3.76487L12.3667 3.40669ZM11.1733 2.66669L11.1738 1.86669H11.1733V2.66669ZM4.82666 2.66669V1.86669L4.82624 1.86669L4.82666 2.66669ZM3.99999 9.86669C3.55817 9.86669 3.19999 10.2249 3.19999 10.6667C3.19999 11.1085 3.55817 11.4667 3.99999 11.4667V9.86669ZM4.00666 11.4667C4.44849 11.4667 4.80666 11.1085 4.80666 10.6667C4.80666 10.2249 4.44849 9.86669 4.00666 9.86669V11.4667ZM6.66666 9.86669C6.22483 9.86669 5.86666 10.2249 5.86666 10.6667C5.86666 11.1085 6.22483 11.4667 6.66666 11.4667V9.86669ZM6.67333 11.4667C7.11516 11.4667 7.47333 11.1085 7.47333 10.6667C7.47333 10.2249 7.11516 9.86669 6.67333 9.86669V11.4667ZM14.6667 7.20002H1.33333V8.80002H14.6667V7.20002ZM2.91799 3.0485L0.617994 7.64183L2.04866 8.35821L4.34866 3.76487L2.91799 3.0485ZM0.533328 8.00002V12H2.13333V8.00002H0.533328ZM0.533328 12C0.533328 12.5658 0.758089 13.1084 1.15817 13.5085L2.28954 12.3771C2.18952 12.2771 2.13333 12.1415 2.13333 12H0.533328ZM1.15817 13.5085C1.55824 13.9086 2.10087 14.1334 2.66666 14.1334V12.5334C2.52521 12.5334 2.38956 12.4772 2.28954 12.3771L1.15817 13.5085ZM2.66666 14.1334H13.3333V12.5334H2.66666V14.1334ZM13.3333 14.1334C13.8991 14.1334 14.4417 13.9086 14.8418 13.5085L13.7105 12.3771C13.6104 12.4772 13.4748 12.5334 13.3333 12.5334V14.1334ZM14.8418 13.5085C15.2419 13.1084 15.4667 12.5658 15.4667 12H13.8667C13.8667 12.1415 13.8105 12.2771 13.7105 12.3771L14.8418 13.5085ZM15.4667 12V8.00002H13.8667V12H15.4667ZM15.382 7.64183L13.082 3.0485L11.6513 3.76487L13.9513 8.35821L15.382 7.64183ZM13.0831 3.05069C12.9065 2.69526 12.6342 2.39615 12.2969 2.18699L11.4537 3.54676C11.538 3.59905 11.6061 3.67383 11.6502 3.76269L13.0831 3.05069ZM12.2969 2.18699C11.9596 1.97782 11.5706 1.8669 11.1738 1.86669L11.1729 3.46669C11.2721 3.46674 11.3694 3.49447 11.4537 3.54676L12.2969 2.18699ZM11.1733 1.86669H4.82666V3.46669H11.1733V1.86669ZM4.82624 1.86669C4.42935 1.8669 4.04039 1.97782 3.70308 2.18699L4.5463 3.54676C4.63062 3.49447 4.72786 3.46674 4.82709 3.46669L4.82624 1.86669ZM3.70308 2.18699C3.36578 2.39615 3.09352 2.69526 2.9169 3.05069L4.34975 3.76269C4.39391 3.67383 4.46197 3.59905 4.5463 3.54676L3.70308 2.18699ZM3.99999 11.4667H4.00666V9.86669H3.99999V11.4667ZM6.66666 11.4667H6.67333V9.86669H6.66666V11.4667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.6667 8.00002H15.4667C15.4667 7.87567 15.4377 7.75303 15.382 7.64183L14.6667 8.00002ZM1.33333 8.00002L0.617994 7.64183C0.562317 7.75303 0.533328 7.87567 0.533328 8.00002H1.33333ZM3.63333 3.40669L4.34867 3.76487L4.34975 3.76269L3.63333 3.40669ZM1.33333 12H0.533328H1.33333ZM12.3667 3.40669L11.6502 3.76269L11.6513 3.76487L12.3667 3.40669ZM11.1733 2.66669L11.1738 1.86669H11.1733V2.66669ZM4.82666 2.66669V1.86669L4.82624 1.86669L4.82666 2.66669ZM3.99999 9.86669C3.55817 9.86669 3.19999 10.2249 3.19999 10.6667C3.19999 11.1085 3.55817 11.4667 3.99999 11.4667V9.86669ZM4.00666 11.4667C4.44849 11.4667 4.80666 11.1085 4.80666 10.6667C4.80666 10.2249 4.44849 9.86669 4.00666 9.86669V11.4667ZM6.66666 9.86669C6.22483 9.86669 5.86666 10.2249 5.86666 10.6667C5.86666 11.1085 6.22483 11.4667 6.66666 11.4667V9.86669ZM6.67333 11.4667C7.11516 11.4667 7.47333 11.1085 7.47333 10.6667C7.47333 10.2249 7.11516 9.86669 6.67333 9.86669V11.4667ZM14.6667 7.20002H1.33333V8.80002H14.6667V7.20002ZM2.91799 3.0485L0.617994 7.64183L2.04866 8.35821L4.34866 3.76487L2.91799 3.0485ZM0.533328 8.00002V12H2.13333V8.00002H0.533328ZM0.533328 12C0.533328 12.5658 0.758089 13.1084 1.15817 13.5085L2.28954 12.3771C2.18952 12.2771 2.13333 12.1415 2.13333 12H0.533328ZM1.15817 13.5085C1.55824 13.9086 2.10087 14.1334 2.66666 14.1334V12.5334C2.52521 12.5334 2.38956 12.4772 2.28954 12.3771L1.15817 13.5085ZM2.66666 14.1334H13.3333V12.5334H2.66666V14.1334ZM13.3333 14.1334C13.8991 14.1334 14.4417 13.9086 14.8418 13.5085L13.7105 12.3771C13.6104 12.4772 13.4748 12.5334 13.3333 12.5334V14.1334ZM14.8418 13.5085C15.2419 13.1084 15.4667 12.5658 15.4667 12H13.8667C13.8667 12.1415 13.8105 12.2771 13.7105 12.3771L14.8418 13.5085ZM15.4667 12V8.00002H13.8667V12H15.4667ZM15.382 7.64183L13.082 3.0485L11.6513 3.76487L13.9513 8.35821L15.382 7.64183ZM13.0831 3.05069C12.9065 2.69526 12.6342 2.39615 12.2969 2.18699L11.4537 3.54676C11.538 3.59905 11.6061 3.67383 11.6502 3.76269L13.0831 3.05069ZM12.2969 2.18699C11.9596 1.97782 11.5706 1.8669 11.1738 1.86669L11.1729 3.46669C11.2721 3.46674 11.3694 3.49447 11.4537 3.54676L12.2969 2.18699ZM11.1733 1.86669H4.82666V3.46669H11.1733V1.86669ZM4.82624 1.86669C4.42935 1.8669 4.04039 1.97782 3.70308 2.18699L4.5463 3.54676C4.63062 3.49447 4.72786 3.46674 4.82709 3.46669L4.82624 1.86669ZM3.70308 2.18699C3.36578 2.39615 3.09352 2.69526 2.9169 3.05069L4.34975 3.76269C4.39391 3.67383 4.46197 3.59905 4.5463 3.54676L3.70308 2.18699ZM3.99999 11.4667H4.00666V9.86669H3.99999V11.4667ZM6.66666 11.4667H6.67333V9.86669H6.66666V11.4667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconHardDrive,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13520",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHardDrive size={size} />,
+  },
 );
-figma.connect(IconHardDrive, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13520", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHardDrive size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHash.tsx b/src/icons/IconHash.tsx
index b438344..41a8bbd 100644
--- a/src/icons/IconHash.tsx
+++ b/src/icons/IconHash.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHash = (props: IconProps) => (
-  <Icon {...props}><path d="M2.66669 5.2C2.22486 5.2 1.86669 5.55817 1.86669 6C1.86669 6.44183 2.22486 6.8 2.66669 6.8V5.2ZM13.3334 6.8C13.7752 6.8 14.1334 6.44183 14.1334 6C14.1334 5.55817 13.7752 5.2 13.3334 5.2V6.8ZM2.66669 9.2C2.22486 9.2 1.86669 9.55817 1.86669 10C1.86669 10.4418 2.22486 10.8 2.66669 10.8V9.2ZM13.3334 10.8C13.7752 10.8 14.1334 10.4418 14.1334 10C14.1334 9.55817 13.7752 9.2 13.3334 9.2V10.8ZM7.46179 2.08835C7.51059 1.64922 7.19416 1.25368 6.75503 1.20489C6.31591 1.1561 5.92037 1.47253 5.87158 1.91165L7.46179 2.08835ZM4.53825 13.9117C4.48945 14.3508 4.80588 14.7463 5.24501 14.7951C5.68413 14.8439 6.07967 14.5275 6.12846 14.0883L4.53825 13.9117ZM11.4618 2.08835C11.5106 1.64922 11.1942 1.25368 10.755 1.20489C10.3159 1.1561 9.92037 1.47253 9.87158 1.91165L11.4618 2.08835ZM8.53825 13.9117C8.48946 14.3508 8.80588 14.7463 9.24501 14.7951C9.68413 14.8439 10.0797 14.5275 10.1285 14.0883L8.53825 13.9117ZM2.66669 6.8H13.3334V5.2H2.66669V6.8ZM2.66669 10.8H13.3334V9.2H2.66669V10.8ZM5.87158 1.91165L4.53825 13.9117L6.12846 14.0883L7.46179 2.08835L5.87158 1.91165ZM9.87158 1.91165L8.53825 13.9117L10.1285 14.0883L11.4618 2.08835L9.87158 1.91165Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.66669 5.2C2.22486 5.2 1.86669 5.55817 1.86669 6C1.86669 6.44183 2.22486 6.8 2.66669 6.8V5.2ZM13.3334 6.8C13.7752 6.8 14.1334 6.44183 14.1334 6C14.1334 5.55817 13.7752 5.2 13.3334 5.2V6.8ZM2.66669 9.2C2.22486 9.2 1.86669 9.55817 1.86669 10C1.86669 10.4418 2.22486 10.8 2.66669 10.8V9.2ZM13.3334 10.8C13.7752 10.8 14.1334 10.4418 14.1334 10C14.1334 9.55817 13.7752 9.2 13.3334 9.2V10.8ZM7.46179 2.08835C7.51059 1.64922 7.19416 1.25368 6.75503 1.20489C6.31591 1.1561 5.92037 1.47253 5.87158 1.91165L7.46179 2.08835ZM4.53825 13.9117C4.48945 14.3508 4.80588 14.7463 5.24501 14.7951C5.68413 14.8439 6.07967 14.5275 6.12846 14.0883L4.53825 13.9117ZM11.4618 2.08835C11.5106 1.64922 11.1942 1.25368 10.755 1.20489C10.3159 1.1561 9.92037 1.47253 9.87158 1.91165L11.4618 2.08835ZM8.53825 13.9117C8.48946 14.3508 8.80588 14.7463 9.24501 14.7951C9.68413 14.8439 10.0797 14.5275 10.1285 14.0883L8.53825 13.9117ZM2.66669 6.8H13.3334V5.2H2.66669V6.8ZM2.66669 10.8H13.3334V9.2H2.66669V10.8ZM5.87158 1.91165L4.53825 13.9117L6.12846 14.0883L7.46179 2.08835L5.87158 1.91165ZM9.87158 1.91165L8.53825 13.9117L10.1285 14.0883L11.4618 2.08835L9.87158 1.91165Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconHash,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13521",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHash size={size} />,
+  },
 );
-figma.connect(IconHash, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13521", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHash size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHeadphones.tsx b/src/icons/IconHeadphones.tsx
index 97f8081..708e62e 100644
--- a/src/icons/IconHeadphones.tsx
+++ b/src/icons/IconHeadphones.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHeadphones = (props: IconProps) => (
-  <Icon {...props}><path d="M1.2 12C1.2 12.4418 1.55817 12.8 2 12.8C2.44183 12.8 2.8 12.4418 2.8 12H1.2ZM2 8H1.2H2ZM8 2V2.8V2ZM14 8H14.8H14ZM13.2 12C13.2 12.4418 13.5582 12.8 14 12.8C14.4418 12.8 14.8 12.4418 14.8 12H13.2ZM10.6667 12.6667H11.4667H10.6667ZM10.6667 10.6667H11.4667H10.6667ZM12 9.33333V10.1333V9.33333ZM14 9.33333H14.8C14.8 8.89151 14.4418 8.53333 14 8.53333V9.33333ZM2 12.6667H1.2H2ZM5.33333 12.6667H6.13333H5.33333ZM5.33333 10.6667H6.13333H5.33333ZM2 9.33333V8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333H2ZM2.8 12V8H1.2V12H2.8ZM2.8 8C2.8 6.62087 3.34786 5.29823 4.32304 4.32304L3.19167 3.19167C1.91643 4.46692 1.2 6.19653 1.2 8H2.8ZM4.32304 4.32304C5.29823 3.34786 6.62087 2.8 8 2.8V1.2C6.19653 1.2 4.46692 1.91643 3.19167 3.19167L4.32304 4.32304ZM8 2.8C9.37913 2.8 10.7018 3.34786 11.677 4.32304L12.8083 3.19167C11.5331 1.91643 9.80347 1.2 8 1.2V2.8ZM11.677 4.32304C12.6521 5.29823 13.2 6.62087 13.2 8H14.8C14.8 6.19653 14.0836 4.46692 12.8083 3.19167L11.677 4.32304ZM13.2 8V12H14.8V8H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H12V14.8H12.6667V13.2ZM12 13.2C11.8586 13.2 11.7229 13.1438 11.6229 13.0438L10.4915 14.1752C10.8916 14.5752 11.4342 14.8 12 14.8V13.2ZM11.6229 13.0438C11.5229 12.9438 11.4667 12.8081 11.4667 12.6667H9.86667C9.86667 13.2325 10.0914 13.7751 10.4915 14.1752L11.6229 13.0438ZM11.4667 12.6667V10.6667H9.86667V12.6667H11.4667ZM11.4667 10.6667C11.4667 10.5252 11.5229 10.3896 11.6229 10.2895L10.4915 9.15817C10.0914 9.55825 9.86667 10.1009 9.86667 10.6667H11.4667ZM11.6229 10.2895C11.7229 10.1895 11.8586 10.1333 12 10.1333V8.53333C11.4342 8.53333 10.8916 8.7581 10.4915 9.15817L11.6229 10.2895ZM12 10.1333H14V8.53333H12V10.1333ZM13.2 9.33333V12.6667H14.8V9.33333H13.2ZM1.2 12.6667C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2ZM1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752ZM3.33333 14.8H4V13.2H3.33333V14.8ZM4 14.8C4.5658 14.8 5.10842 14.5752 5.50849 14.1752L4.37712 13.0438C4.2771 13.1438 4.14145 13.2 4 13.2V14.8ZM5.50849 14.1752C5.90857 13.7751 6.13333 13.2325 6.13333 12.6667H4.53333C4.53333 12.8081 4.47714 12.9438 4.37712 13.0438L5.50849 14.1752ZM6.13333 12.6667V10.6667H4.53333V12.6667H6.13333ZM6.13333 10.6667C6.13333 10.1009 5.90857 9.55825 5.50849 9.15817L4.37712 10.2895C4.47714 10.3896 4.53333 10.5252 4.53333 10.6667H6.13333ZM5.50849 9.15817C5.10842 8.7581 4.5658 8.53333 4 8.53333V10.1333C4.14145 10.1333 4.2771 10.1895 4.37712 10.2895L5.50849 9.15817ZM4 8.53333H2V10.1333H4V8.53333ZM1.2 9.33333V12.6667H2.8V9.33333H1.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.2 12C1.2 12.4418 1.55817 12.8 2 12.8C2.44183 12.8 2.8 12.4418 2.8 12H1.2ZM2 8H1.2H2ZM8 2V2.8V2ZM14 8H14.8H14ZM13.2 12C13.2 12.4418 13.5582 12.8 14 12.8C14.4418 12.8 14.8 12.4418 14.8 12H13.2ZM10.6667 12.6667H11.4667H10.6667ZM10.6667 10.6667H11.4667H10.6667ZM12 9.33333V10.1333V9.33333ZM14 9.33333H14.8C14.8 8.89151 14.4418 8.53333 14 8.53333V9.33333ZM2 12.6667H1.2H2ZM5.33333 12.6667H6.13333H5.33333ZM5.33333 10.6667H6.13333H5.33333ZM2 9.33333V8.53333C1.55817 8.53333 1.2 8.89151 1.2 9.33333H2ZM2.8 12V8H1.2V12H2.8ZM2.8 8C2.8 6.62087 3.34786 5.29823 4.32304 4.32304L3.19167 3.19167C1.91643 4.46692 1.2 6.19653 1.2 8H2.8ZM4.32304 4.32304C5.29823 3.34786 6.62087 2.8 8 2.8V1.2C6.19653 1.2 4.46692 1.91643 3.19167 3.19167L4.32304 4.32304ZM8 2.8C9.37913 2.8 10.7018 3.34786 11.677 4.32304L12.8083 3.19167C11.5331 1.91643 9.80347 1.2 8 1.2V2.8ZM11.677 4.32304C12.6521 5.29823 13.2 6.62087 13.2 8H14.8C14.8 6.19653 14.0836 4.46692 12.8083 3.19167L11.677 4.32304ZM13.2 8V12H14.8V8H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H12V14.8H12.6667V13.2ZM12 13.2C11.8586 13.2 11.7229 13.1438 11.6229 13.0438L10.4915 14.1752C10.8916 14.5752 11.4342 14.8 12 14.8V13.2ZM11.6229 13.0438C11.5229 12.9438 11.4667 12.8081 11.4667 12.6667H9.86667C9.86667 13.2325 10.0914 13.7751 10.4915 14.1752L11.6229 13.0438ZM11.4667 12.6667V10.6667H9.86667V12.6667H11.4667ZM11.4667 10.6667C11.4667 10.5252 11.5229 10.3896 11.6229 10.2895L10.4915 9.15817C10.0914 9.55825 9.86667 10.1009 9.86667 10.6667H11.4667ZM11.6229 10.2895C11.7229 10.1895 11.8586 10.1333 12 10.1333V8.53333C11.4342 8.53333 10.8916 8.7581 10.4915 9.15817L11.6229 10.2895ZM12 10.1333H14V8.53333H12V10.1333ZM13.2 9.33333V12.6667H14.8V9.33333H13.2ZM1.2 12.6667C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2ZM1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752ZM3.33333 14.8H4V13.2H3.33333V14.8ZM4 14.8C4.5658 14.8 5.10842 14.5752 5.50849 14.1752L4.37712 13.0438C4.2771 13.1438 4.14145 13.2 4 13.2V14.8ZM5.50849 14.1752C5.90857 13.7751 6.13333 13.2325 6.13333 12.6667H4.53333C4.53333 12.8081 4.47714 12.9438 4.37712 13.0438L5.50849 14.1752ZM6.13333 12.6667V10.6667H4.53333V12.6667H6.13333ZM6.13333 10.6667C6.13333 10.1009 5.90857 9.55825 5.50849 9.15817L4.37712 10.2895C4.47714 10.3896 4.53333 10.5252 4.53333 10.6667H6.13333ZM5.50849 9.15817C5.10842 8.7581 4.5658 8.53333 4 8.53333V10.1333C4.14145 10.1333 4.2771 10.1895 4.37712 10.2895L5.50849 9.15817ZM4 8.53333H2V10.1333H4V8.53333ZM1.2 9.33333V12.6667H2.8V9.33333H1.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconHeadphones,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13523",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHeadphones size={size} />,
+  },
 );
-figma.connect(IconHeadphones, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13523", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHeadphones size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHeart.tsx b/src/icons/IconHeart.tsx
index 6333a20..f732359 100644
--- a/src/icons/IconHeart.tsx
+++ b/src/icons/IconHeart.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHeart = (props: IconProps) => (
-  <Icon {...props}><path d="M13.8933 3.07333L13.3275 3.63888L13.3278 3.63915L13.8933 3.07333ZM11.3 1.99878V2.79878V1.99878ZM8.70667 3.07333L9.27235 3.63902L9.27248 3.63888L8.70667 3.07333ZM8 3.78L7.43431 4.34568C7.74673 4.6581 8.25326 4.6581 8.56568 4.34568L8 3.78ZM7.29333 3.07333L6.72765 3.63902V3.63902L7.29333 3.07333ZM2.10666 8.26L1.54098 8.82568H1.54098L2.10666 8.26ZM8 14.1533L7.43431 14.719C7.74673 15.0314 8.25326 15.0314 8.56568 14.719L8 14.1533ZM13.8933 8.26L13.3278 7.69418L13.3276 7.69431L13.8933 8.26ZM14.4592 2.50778C14.0444 2.09279 13.5519 1.76359 13.0098 1.53898L12.3973 3.01712C12.7452 3.16127 13.0613 3.37255 13.3275 3.63888L14.4592 2.50778ZM13.0098 1.53898C12.4677 1.31438 11.8867 1.19878 11.3 1.19878V2.79878C11.6766 2.79878 12.0494 2.87297 12.3973 3.01712L13.0098 1.53898ZM11.3 1.19878C10.7133 1.19878 10.1323 1.31438 9.59019 1.53898L10.2027 3.01712C10.5505 2.87297 10.9234 2.79878 11.3 2.79878V1.19878ZM9.59019 1.53898C9.04814 1.76359 8.55564 2.09279 8.14085 2.50778L9.27248 3.63888C9.5387 3.37255 9.85477 3.16127 10.2027 3.01712L9.59019 1.53898ZM8.14098 2.50764L7.43431 3.21431L8.56568 4.34568L9.27235 3.63902L8.14098 2.50764ZM8.56568 3.21431L7.85902 2.50764L6.72765 3.63902L7.43431 4.34568L8.56568 3.21431ZM7.85902 2.50764C7.02119 1.66982 5.88486 1.19914 4.7 1.19914V2.79914C5.46051 2.79914 6.18988 3.10125 6.72765 3.63902L7.85902 2.50764ZM4.7 1.19914C3.51514 1.19914 2.3788 1.66982 1.54098 2.50764L2.67235 3.63902C3.21012 3.10125 3.93948 2.79914 4.7 2.79914V1.19914ZM1.54098 2.50764C0.703155 3.34547 0.232471 4.4818 0.232471 5.66666H1.83247C1.83247 4.90615 2.13458 4.17678 2.67235 3.63902L1.54098 2.50764ZM0.232471 5.66666C0.232471 6.85152 0.703155 7.98786 1.54098 8.82568L2.67235 7.69431C2.13458 7.15655 1.83247 6.42718 1.83247 5.66666H0.232471ZM14.4589 8.82581C14.8739 8.41102 15.2031 7.91852 15.4277 7.37647L13.9495 6.764C13.8054 7.11189 13.5941 7.42797 13.3278 7.69418L14.4589 8.82581ZM15.4277 7.37647C15.6523 6.83441 15.7679 6.25341 15.7679 5.66666H14.1679C14.1679 6.04323 14.0937 6.41611 13.9495 6.764L15.4277 7.37647ZM15.7679 5.66666C15.7679 5.07991 15.6523 4.49892 15.4277 3.95686L13.9495 4.56933C14.0937 4.91722 14.1679 5.29009 14.1679 5.66666H15.7679ZM15.4277 3.95686C15.2031 3.4148 14.8739 2.92231 14.4589 2.50751L13.3278 3.63915C13.5941 3.90536 13.8054 4.22144 13.9495 4.56933L15.4277 3.95686ZM1.54098 8.82568L7.43431 14.719L8.56568 13.5876L2.67235 7.69431L1.54098 8.82568ZM8.56568 14.719L14.459 8.82568L13.3276 7.69431L7.43431 13.5876L8.56568 14.719Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.8933 3.07333L13.3275 3.63888L13.3278 3.63915L13.8933 3.07333ZM11.3 1.99878V2.79878V1.99878ZM8.70667 3.07333L9.27235 3.63902L9.27248 3.63888L8.70667 3.07333ZM8 3.78L7.43431 4.34568C7.74673 4.6581 8.25326 4.6581 8.56568 4.34568L8 3.78ZM7.29333 3.07333L6.72765 3.63902V3.63902L7.29333 3.07333ZM2.10666 8.26L1.54098 8.82568H1.54098L2.10666 8.26ZM8 14.1533L7.43431 14.719C7.74673 15.0314 8.25326 15.0314 8.56568 14.719L8 14.1533ZM13.8933 8.26L13.3278 7.69418L13.3276 7.69431L13.8933 8.26ZM14.4592 2.50778C14.0444 2.09279 13.5519 1.76359 13.0098 1.53898L12.3973 3.01712C12.7452 3.16127 13.0613 3.37255 13.3275 3.63888L14.4592 2.50778ZM13.0098 1.53898C12.4677 1.31438 11.8867 1.19878 11.3 1.19878V2.79878C11.6766 2.79878 12.0494 2.87297 12.3973 3.01712L13.0098 1.53898ZM11.3 1.19878C10.7133 1.19878 10.1323 1.31438 9.59019 1.53898L10.2027 3.01712C10.5505 2.87297 10.9234 2.79878 11.3 2.79878V1.19878ZM9.59019 1.53898C9.04814 1.76359 8.55564 2.09279 8.14085 2.50778L9.27248 3.63888C9.5387 3.37255 9.85477 3.16127 10.2027 3.01712L9.59019 1.53898ZM8.14098 2.50764L7.43431 3.21431L8.56568 4.34568L9.27235 3.63902L8.14098 2.50764ZM8.56568 3.21431L7.85902 2.50764L6.72765 3.63902L7.43431 4.34568L8.56568 3.21431ZM7.85902 2.50764C7.02119 1.66982 5.88486 1.19914 4.7 1.19914V2.79914C5.46051 2.79914 6.18988 3.10125 6.72765 3.63902L7.85902 2.50764ZM4.7 1.19914C3.51514 1.19914 2.3788 1.66982 1.54098 2.50764L2.67235 3.63902C3.21012 3.10125 3.93948 2.79914 4.7 2.79914V1.19914ZM1.54098 2.50764C0.703155 3.34547 0.232471 4.4818 0.232471 5.66666H1.83247C1.83247 4.90615 2.13458 4.17678 2.67235 3.63902L1.54098 2.50764ZM0.232471 5.66666C0.232471 6.85152 0.703155 7.98786 1.54098 8.82568L2.67235 7.69431C2.13458 7.15655 1.83247 6.42718 1.83247 5.66666H0.232471ZM14.4589 8.82581C14.8739 8.41102 15.2031 7.91852 15.4277 7.37647L13.9495 6.764C13.8054 7.11189 13.5941 7.42797 13.3278 7.69418L14.4589 8.82581ZM15.4277 7.37647C15.6523 6.83441 15.7679 6.25341 15.7679 5.66666H14.1679C14.1679 6.04323 14.0937 6.41611 13.9495 6.764L15.4277 7.37647ZM15.7679 5.66666C15.7679 5.07991 15.6523 4.49892 15.4277 3.95686L13.9495 4.56933C14.0937 4.91722 14.1679 5.29009 14.1679 5.66666H15.7679ZM15.4277 3.95686C15.2031 3.4148 14.8739 2.92231 14.4589 2.50751L13.3278 3.63915C13.5941 3.90536 13.8054 4.22144 13.9495 4.56933L15.4277 3.95686ZM1.54098 8.82568L7.43431 14.719L8.56568 13.5876L2.67235 7.69431L1.54098 8.82568ZM8.56568 14.719L14.459 8.82568L13.3276 7.69431L7.43431 13.5876L8.56568 14.719Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconHeart,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13522",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHeart size={size} />,
+  },
 );
-figma.connect(IconHeart, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13522", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHeart size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHelpCircle.tsx b/src/icons/IconHelpCircle.tsx
index 4e9e449..047923c 100644
--- a/src/icons/IconHelpCircle.tsx
+++ b/src/icons/IconHelpCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHelpCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15811)"><path d="M5.30525 5.7345C5.15863 6.1513 5.37765 6.60803 5.79444 6.75465C6.21124 6.90126 6.66797 6.68225 6.81459 6.26545L5.30525 5.7345ZM9.94659 6.66665L9.14658 6.66545V6.66665H9.94659ZM7.6936 7.9077C7.27445 8.04742 7.04792 8.50047 7.18764 8.91963C7.32736 9.33878 7.78041 9.56531 8.19957 9.42559L7.6936 7.9077ZM7.99992 10.5333C7.55809 10.5333 7.19992 10.8915 7.19992 11.3333C7.19992 11.7751 7.55809 12.1333 7.99992 12.1333V10.5333ZM8.00659 12.1333C8.44841 12.1333 8.80658 11.7751 8.80658 11.3333C8.80658 10.8915 8.44841 10.5333 8.00659 10.5333V12.1333ZM13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331ZM6.81459 6.26545C6.90863 5.99812 7.09425 5.7727 7.33857 5.62911L6.52788 4.2497C5.95779 4.58474 5.52468 5.11073 5.30525 5.7345L6.81459 6.26545ZM7.33857 5.62911C7.58289 5.48552 7.87014 5.43303 8.14946 5.48094L8.41995 3.90397C7.76822 3.79218 7.09796 3.91465 6.52788 4.2497L7.33857 5.62911ZM8.14946 5.48094C8.42877 5.52885 8.68211 5.67406 8.86462 5.89087L10.0887 4.86046C9.66281 4.35459 9.07168 4.01576 8.41995 3.90397L8.14946 5.48094ZM8.86462 5.89087C9.04712 6.10767 9.14701 6.38206 9.14659 6.66545L10.7466 6.66784C10.7476 6.00659 10.5145 5.36633 10.0887 4.86046L8.86462 5.89087ZM9.14658 6.66665C9.14658 6.90862 8.95451 7.19989 8.50283 7.50101C8.30133 7.63534 8.09414 7.7395 7.93417 7.8106C7.85533 7.84564 7.79073 7.87142 7.74773 7.88781C7.72629 7.89597 7.71041 7.90173 7.70104 7.90506C7.69636 7.90673 7.69331 7.90778 7.69203 7.90822C7.69139 7.90844 7.69119 7.90851 7.69145 7.90842C7.69158 7.90838 7.69182 7.9083 7.69218 7.90818C7.69236 7.90812 7.69256 7.90805 7.6928 7.90797C7.69292 7.90793 7.69312 7.90786 7.69318 7.90784C7.69339 7.90777 7.6936 7.9077 7.94659 8.66665C8.19957 9.42559 8.1998 9.42552 8.20004 9.42544C8.20013 9.42541 8.20037 9.42532 8.20055 9.42526C8.20091 9.42514 8.2013 9.42501 8.20172 9.42487C8.20257 9.42459 8.20353 9.42426 8.20462 9.42389C8.2068 9.42315 8.20947 9.42225 8.21261 9.42116C8.2189 9.419 8.22709 9.41615 8.23705 9.41261C8.25697 9.40552 8.28407 9.39565 8.31732 9.38299C8.38369 9.3577 8.47534 9.32099 8.584 9.2727C8.79903 9.17713 9.09184 9.03129 9.39035 8.83229C9.93867 8.46674 10.7466 7.75801 10.7466 6.66665H9.14658ZM7.99992 12.1333H8.00659V10.5333H7.99992V12.1333Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15811"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15811)">
+      <path
+        d="M5.30525 5.7345C5.15863 6.1513 5.37765 6.60803 5.79444 6.75465C6.21124 6.90126 6.66797 6.68225 6.81459 6.26545L5.30525 5.7345ZM9.94659 6.66665L9.14658 6.66545V6.66665H9.94659ZM7.6936 7.9077C7.27445 8.04742 7.04792 8.50047 7.18764 8.91963C7.32736 9.33878 7.78041 9.56531 8.19957 9.42559L7.6936 7.9077ZM7.99992 10.5333C7.55809 10.5333 7.19992 10.8915 7.19992 11.3333C7.19992 11.7751 7.55809 12.1333 7.99992 12.1333V10.5333ZM8.00659 12.1333C8.44841 12.1333 8.80658 11.7751 8.80658 11.3333C8.80658 10.8915 8.44841 10.5333 8.00659 10.5333V12.1333ZM13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331ZM6.81459 6.26545C6.90863 5.99812 7.09425 5.7727 7.33857 5.62911L6.52788 4.2497C5.95779 4.58474 5.52468 5.11073 5.30525 5.7345L6.81459 6.26545ZM7.33857 5.62911C7.58289 5.48552 7.87014 5.43303 8.14946 5.48094L8.41995 3.90397C7.76822 3.79218 7.09796 3.91465 6.52788 4.2497L7.33857 5.62911ZM8.14946 5.48094C8.42877 5.52885 8.68211 5.67406 8.86462 5.89087L10.0887 4.86046C9.66281 4.35459 9.07168 4.01576 8.41995 3.90397L8.14946 5.48094ZM8.86462 5.89087C9.04712 6.10767 9.14701 6.38206 9.14659 6.66545L10.7466 6.66784C10.7476 6.00659 10.5145 5.36633 10.0887 4.86046L8.86462 5.89087ZM9.14658 6.66665C9.14658 6.90862 8.95451 7.19989 8.50283 7.50101C8.30133 7.63534 8.09414 7.7395 7.93417 7.8106C7.85533 7.84564 7.79073 7.87142 7.74773 7.88781C7.72629 7.89597 7.71041 7.90173 7.70104 7.90506C7.69636 7.90673 7.69331 7.90778 7.69203 7.90822C7.69139 7.90844 7.69119 7.90851 7.69145 7.90842C7.69158 7.90838 7.69182 7.9083 7.69218 7.90818C7.69236 7.90812 7.69256 7.90805 7.6928 7.90797C7.69292 7.90793 7.69312 7.90786 7.69318 7.90784C7.69339 7.90777 7.6936 7.9077 7.94659 8.66665C8.19957 9.42559 8.1998 9.42552 8.20004 9.42544C8.20013 9.42541 8.20037 9.42532 8.20055 9.42526C8.20091 9.42514 8.2013 9.42501 8.20172 9.42487C8.20257 9.42459 8.20353 9.42426 8.20462 9.42389C8.2068 9.42315 8.20947 9.42225 8.21261 9.42116C8.2189 9.419 8.22709 9.41615 8.23705 9.41261C8.25697 9.40552 8.28407 9.39565 8.31732 9.38299C8.38369 9.3577 8.47534 9.32099 8.584 9.2727C8.79903 9.17713 9.09184 9.03129 9.39035 8.83229C9.93867 8.46674 10.7466 7.75801 10.7466 6.66665H9.14658ZM7.99992 12.1333H8.00659V10.5333H7.99992V12.1333Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15811">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconHelpCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13524",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHelpCircle size={size} />,
+  },
 );
-figma.connect(IconHelpCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13524", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHelpCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHexagon.tsx b/src/icons/IconHexagon.tsx
index e95c7ab..925b9f9 100644
--- a/src/icons/IconHexagon.tsx
+++ b/src/icons/IconHexagon.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHexagon = (props: IconProps) => (
-  <Icon {...props}><path d="M14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconHexagon,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13525",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHexagon size={size} />,
+  },
 );
-figma.connect(IconHexagon, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13525", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHexagon size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconHome.tsx b/src/icons/IconHome.tsx
index 7cbad81..cc4cf31 100644
--- a/src/icons/IconHome.tsx
+++ b/src/icons/IconHome.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconHome = (props: IconProps) => (
-  <Icon {...props}><path d="M2 5.99998L1.50885 5.3685C1.31398 5.52006 1.2 5.75311 1.2 5.99998H2ZM8 1.33331L8.49115 0.701831C8.20226 0.47714 7.79774 0.47714 7.50885 0.701831L8 1.33331ZM14 5.99998H14.8C14.8 5.75311 14.686 5.52006 14.4912 5.3685L14 5.99998ZM2 13.3333H1.2H2ZM5.2 14.6666C5.2 15.1085 5.55817 15.4666 6 15.4666C6.44183 15.4666 6.8 15.1085 6.8 14.6666H5.2ZM6 7.99998V7.19998C5.55817 7.19998 5.2 7.55815 5.2 7.99998H6ZM10 7.99998H10.8C10.8 7.55815 10.4418 7.19998 10 7.19998V7.99998ZM9.2 14.6666C9.2 15.1085 9.55817 15.4666 10 15.4666C10.4418 15.4666 10.8 15.1085 10.8 14.6666H9.2ZM2.49115 6.63146L8.49115 1.96479L7.50885 0.701831L1.50885 5.3685L2.49115 6.63146ZM7.50885 1.96479L13.5088 6.63146L14.4912 5.3685L8.49115 0.701831L7.50885 1.96479ZM13.2 5.99998V13.3333H14.8V5.99998H13.2ZM13.2 13.3333C13.2 13.4748 13.1438 13.6104 13.0438 13.7104L14.1752 14.8418C14.5752 14.4417 14.8 13.8991 14.8 13.3333H13.2ZM13.0438 13.7104C12.9438 13.8105 12.8081 13.8666 12.6667 13.8666V15.4666C13.2325 15.4666 13.7751 15.2419 14.1752 14.8418L13.0438 13.7104ZM12.6667 13.8666H3.33333V15.4666H12.6667V13.8666ZM3.33333 13.8666C3.19188 13.8666 3.05623 13.8105 2.95621 13.7104L1.82484 14.8418C2.22492 15.2419 2.76754 15.4666 3.33333 15.4666V13.8666ZM2.95621 13.7104C2.85619 13.6104 2.8 13.4748 2.8 13.3333H1.2C1.2 13.8991 1.42476 14.4417 1.82484 14.8418L2.95621 13.7104ZM2.8 13.3333V5.99998H1.2V13.3333H2.8ZM6.8 14.6666V7.99998H5.2V14.6666H6.8ZM6 8.79998H10V7.19998H6V8.79998ZM9.2 7.99998V14.6666H10.8V7.99998H9.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 5.99998L1.50885 5.3685C1.31398 5.52006 1.2 5.75311 1.2 5.99998H2ZM8 1.33331L8.49115 0.701831C8.20226 0.47714 7.79774 0.47714 7.50885 0.701831L8 1.33331ZM14 5.99998H14.8C14.8 5.75311 14.686 5.52006 14.4912 5.3685L14 5.99998ZM2 13.3333H1.2H2ZM5.2 14.6666C5.2 15.1085 5.55817 15.4666 6 15.4666C6.44183 15.4666 6.8 15.1085 6.8 14.6666H5.2ZM6 7.99998V7.19998C5.55817 7.19998 5.2 7.55815 5.2 7.99998H6ZM10 7.99998H10.8C10.8 7.55815 10.4418 7.19998 10 7.19998V7.99998ZM9.2 14.6666C9.2 15.1085 9.55817 15.4666 10 15.4666C10.4418 15.4666 10.8 15.1085 10.8 14.6666H9.2ZM2.49115 6.63146L8.49115 1.96479L7.50885 0.701831L1.50885 5.3685L2.49115 6.63146ZM7.50885 1.96479L13.5088 6.63146L14.4912 5.3685L8.49115 0.701831L7.50885 1.96479ZM13.2 5.99998V13.3333H14.8V5.99998H13.2ZM13.2 13.3333C13.2 13.4748 13.1438 13.6104 13.0438 13.7104L14.1752 14.8418C14.5752 14.4417 14.8 13.8991 14.8 13.3333H13.2ZM13.0438 13.7104C12.9438 13.8105 12.8081 13.8666 12.6667 13.8666V15.4666C13.2325 15.4666 13.7751 15.2419 14.1752 14.8418L13.0438 13.7104ZM12.6667 13.8666H3.33333V15.4666H12.6667V13.8666ZM3.33333 13.8666C3.19188 13.8666 3.05623 13.8105 2.95621 13.7104L1.82484 14.8418C2.22492 15.2419 2.76754 15.4666 3.33333 15.4666V13.8666ZM2.95621 13.7104C2.85619 13.6104 2.8 13.4748 2.8 13.3333H1.2C1.2 13.8991 1.42476 14.4417 1.82484 14.8418L2.95621 13.7104ZM2.8 13.3333V5.99998H1.2V13.3333H2.8ZM6.8 14.6666V7.99998H5.2V14.6666H6.8ZM6 8.79998H10V7.19998H6V8.79998ZM9.2 7.99998V14.6666H10.8V7.99998H9.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconHome,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13527",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconHome size={size} />,
+  },
 );
-figma.connect(IconHome, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13527", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconHome size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconImage.tsx b/src/icons/IconImage.tsx
index 42fe210..6150d1f 100644
--- a/src/icons/IconImage.tsx
+++ b/src/icons/IconImage.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconImage = (props: IconProps) => (
-  <Icon {...props}><path d="M13.4343 10.5657C13.7467 10.8781 14.2533 10.8781 14.5657 10.5657C14.8781 10.2533 14.8781 9.74673 14.5657 9.43431L13.4343 10.5657ZM10.6667 6.66667L11.2324 6.10098C10.9199 5.78856 10.4134 5.78856 10.101 6.10098L10.6667 6.66667ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.86667 5.66667C5.86667 5.77712 5.77712 5.86667 5.66667 5.86667V7.46667C6.66078 7.46667 7.46667 6.66078 7.46667 5.66667H5.86667ZM5.66667 5.86667C5.55621 5.86667 5.46667 5.77712 5.46667 5.66667H3.86667C3.86667 6.66078 4.67255 7.46667 5.66667 7.46667V5.86667ZM5.46667 5.66667C5.46667 5.55621 5.55621 5.46667 5.66667 5.46667V3.86667C4.67255 3.86667 3.86667 4.67255 3.86667 5.66667H5.46667ZM5.66667 5.46667C5.77712 5.46667 5.86667 5.55621 5.86667 5.66667H7.46667C7.46667 4.67255 6.66078 3.86667 5.66667 3.86667V5.46667ZM14.5657 9.43431L11.2324 6.10098L10.101 7.23235L13.4343 10.5657L14.5657 9.43431ZM10.101 6.10098L2.76765 13.4343L3.89902 14.5657L11.2324 7.23235L10.101 6.10098Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.4343 10.5657C13.7467 10.8781 14.2533 10.8781 14.5657 10.5657C14.8781 10.2533 14.8781 9.74673 14.5657 9.43431L13.4343 10.5657ZM10.6667 6.66667L11.2324 6.10098C10.9199 5.78856 10.4134 5.78856 10.101 6.10098L10.6667 6.66667ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.86667 5.66667C5.86667 5.77712 5.77712 5.86667 5.66667 5.86667V7.46667C6.66078 7.46667 7.46667 6.66078 7.46667 5.66667H5.86667ZM5.66667 5.86667C5.55621 5.86667 5.46667 5.77712 5.46667 5.66667H3.86667C3.86667 6.66078 4.67255 7.46667 5.66667 7.46667V5.86667ZM5.46667 5.66667C5.46667 5.55621 5.55621 5.46667 5.66667 5.46667V3.86667C4.67255 3.86667 3.86667 4.67255 3.86667 5.66667H5.46667ZM5.66667 5.46667C5.77712 5.46667 5.86667 5.55621 5.86667 5.66667H7.46667C7.46667 4.67255 6.66078 3.86667 5.66667 3.86667V5.46667ZM14.5657 9.43431L11.2324 6.10098L10.101 7.23235L13.4343 10.5657L14.5657 9.43431ZM10.101 6.10098L2.76765 13.4343L3.89902 14.5657L11.2324 7.23235L10.101 6.10098Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconImage,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13526",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconImage size={size} />,
+  },
 );
-figma.connect(IconImage, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13526", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconImage size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconInbox.tsx b/src/icons/IconInbox.tsx
index 2d8d734..6181e4f 100644
--- a/src/icons/IconInbox.tsx
+++ b/src/icons/IconInbox.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconInbox = (props: IconProps) => (
-  <Icon {...props}><path d="M14.6668 8.00002H15.4668C15.4668 7.87567 15.4378 7.75303 15.3822 7.64183L14.6668 8.00002ZM10.6668 8.00002V7.20002C10.3993 7.20002 10.1496 7.3337 10.0012 7.55626L10.6668 8.00002ZM9.3335 10V10.8C9.60098 10.8 9.85076 10.6663 9.99914 10.4438L9.3335 10ZM6.66683 10L6.00119 10.4438C6.14956 10.6663 6.39935 10.8 6.66683 10.8V10ZM5.3335 8.00002L5.99914 7.55626C5.85076 7.3337 5.60098 7.20002 5.3335 7.20002V8.00002ZM1.3335 8.00002L0.618162 7.64183C0.562485 7.75303 0.533496 7.87567 0.533496 8.00002H1.3335ZM3.6335 3.40669L4.34883 3.76487L4.34992 3.76269L3.6335 3.40669ZM1.3335 12H0.533496H1.3335ZM12.3668 3.40669L11.6504 3.76269L11.6515 3.76487L12.3668 3.40669ZM11.1735 2.66669L11.1739 1.86669H11.1735V2.66669ZM4.82683 2.66669V1.86669L4.8264 1.86669L4.82683 2.66669ZM14.6668 7.20002H10.6668V8.80002H14.6668V7.20002ZM10.0012 7.55626L8.66786 9.55626L9.99914 10.4438L11.3325 8.44378L10.0012 7.55626ZM9.3335 9.20002H6.66683V10.8H9.3335V9.20002ZM7.33247 9.55626L5.99914 7.55626L4.66786 8.44378L6.00119 10.4438L7.33247 9.55626ZM5.3335 7.20002H1.3335V8.80002H5.3335V7.20002ZM2.91816 3.0485L0.618162 7.64183L2.04883 8.35821L4.34883 3.76487L2.91816 3.0485ZM0.533496 8.00002V12H2.1335V8.00002H0.533496ZM0.533496 12C0.533496 12.5658 0.758257 13.1084 1.15833 13.5085L2.28971 12.3771C2.18969 12.2771 2.1335 12.1415 2.1335 12H0.533496ZM1.15833 13.5085C1.55841 13.9086 2.10103 14.1334 2.66683 14.1334V12.5334C2.52538 12.5334 2.38973 12.4772 2.28971 12.3771L1.15833 13.5085ZM2.66683 14.1334H13.3335V12.5334H2.66683V14.1334ZM13.3335 14.1334C13.8993 14.1334 14.4419 13.9086 14.842 13.5085L13.7106 12.3771C13.6106 12.4772 13.4749 12.5334 13.3335 12.5334V14.1334ZM14.842 13.5085C15.2421 13.1084 15.4668 12.5658 15.4668 12H13.8668C13.8668 12.1415 13.8106 12.2771 13.7106 12.3771L14.842 13.5085ZM15.4668 12V8.00002H13.8668V12H15.4668ZM15.3822 7.64183L13.0822 3.0485L11.6515 3.76487L13.9515 8.35821L15.3822 7.64183ZM13.0833 3.05069C12.9066 2.69526 12.6344 2.39615 12.2971 2.18699L11.4539 3.54676C11.5382 3.59905 11.6063 3.67383 11.6504 3.76269L13.0833 3.05069ZM12.2971 2.18699C11.9598 1.97782 11.5708 1.8669 11.1739 1.86669L11.1731 3.46669C11.2723 3.46674 11.3695 3.49447 11.4539 3.54676L12.2971 2.18699ZM11.1735 1.86669H4.82683V3.46669H11.1735V1.86669ZM4.8264 1.86669C4.42951 1.8669 4.04055 1.97782 3.70325 2.18699L4.54647 3.54676C4.63079 3.49447 4.72803 3.46674 4.82725 3.46669L4.8264 1.86669ZM3.70325 2.18699C3.36595 2.39615 3.09369 2.69526 2.91707 3.05069L4.34992 3.76269C4.39407 3.67383 4.46214 3.59905 4.54647 3.54676L3.70325 2.18699Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.6668 8.00002H15.4668C15.4668 7.87567 15.4378 7.75303 15.3822 7.64183L14.6668 8.00002ZM10.6668 8.00002V7.20002C10.3993 7.20002 10.1496 7.3337 10.0012 7.55626L10.6668 8.00002ZM9.3335 10V10.8C9.60098 10.8 9.85076 10.6663 9.99914 10.4438L9.3335 10ZM6.66683 10L6.00119 10.4438C6.14956 10.6663 6.39935 10.8 6.66683 10.8V10ZM5.3335 8.00002L5.99914 7.55626C5.85076 7.3337 5.60098 7.20002 5.3335 7.20002V8.00002ZM1.3335 8.00002L0.618162 7.64183C0.562485 7.75303 0.533496 7.87567 0.533496 8.00002H1.3335ZM3.6335 3.40669L4.34883 3.76487L4.34992 3.76269L3.6335 3.40669ZM1.3335 12H0.533496H1.3335ZM12.3668 3.40669L11.6504 3.76269L11.6515 3.76487L12.3668 3.40669ZM11.1735 2.66669L11.1739 1.86669H11.1735V2.66669ZM4.82683 2.66669V1.86669L4.8264 1.86669L4.82683 2.66669ZM14.6668 7.20002H10.6668V8.80002H14.6668V7.20002ZM10.0012 7.55626L8.66786 9.55626L9.99914 10.4438L11.3325 8.44378L10.0012 7.55626ZM9.3335 9.20002H6.66683V10.8H9.3335V9.20002ZM7.33247 9.55626L5.99914 7.55626L4.66786 8.44378L6.00119 10.4438L7.33247 9.55626ZM5.3335 7.20002H1.3335V8.80002H5.3335V7.20002ZM2.91816 3.0485L0.618162 7.64183L2.04883 8.35821L4.34883 3.76487L2.91816 3.0485ZM0.533496 8.00002V12H2.1335V8.00002H0.533496ZM0.533496 12C0.533496 12.5658 0.758257 13.1084 1.15833 13.5085L2.28971 12.3771C2.18969 12.2771 2.1335 12.1415 2.1335 12H0.533496ZM1.15833 13.5085C1.55841 13.9086 2.10103 14.1334 2.66683 14.1334V12.5334C2.52538 12.5334 2.38973 12.4772 2.28971 12.3771L1.15833 13.5085ZM2.66683 14.1334H13.3335V12.5334H2.66683V14.1334ZM13.3335 14.1334C13.8993 14.1334 14.4419 13.9086 14.842 13.5085L13.7106 12.3771C13.6106 12.4772 13.4749 12.5334 13.3335 12.5334V14.1334ZM14.842 13.5085C15.2421 13.1084 15.4668 12.5658 15.4668 12H13.8668C13.8668 12.1415 13.8106 12.2771 13.7106 12.3771L14.842 13.5085ZM15.4668 12V8.00002H13.8668V12H15.4668ZM15.3822 7.64183L13.0822 3.0485L11.6515 3.76487L13.9515 8.35821L15.3822 7.64183ZM13.0833 3.05069C12.9066 2.69526 12.6344 2.39615 12.2971 2.18699L11.4539 3.54676C11.5382 3.59905 11.6063 3.67383 11.6504 3.76269L13.0833 3.05069ZM12.2971 2.18699C11.9598 1.97782 11.5708 1.8669 11.1739 1.86669L11.1731 3.46669C11.2723 3.46674 11.3695 3.49447 11.4539 3.54676L12.2971 2.18699ZM11.1735 1.86669H4.82683V3.46669H11.1735V1.86669ZM4.8264 1.86669C4.42951 1.8669 4.04055 1.97782 3.70325 2.18699L4.54647 3.54676C4.63079 3.49447 4.72803 3.46674 4.82725 3.46669L4.8264 1.86669ZM3.70325 2.18699C3.36595 2.39615 3.09369 2.69526 2.91707 3.05069L4.34992 3.76269C4.39407 3.67383 4.46214 3.59905 4.54647 3.54676L3.70325 2.18699Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconInbox,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13529",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconInbox size={size} />,
+  },
 );
-figma.connect(IconInbox, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13529", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconInbox size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconInfo.tsx b/src/icons/IconInfo.tsx
index 7e7b673..a7368c2 100644
--- a/src/icons/IconInfo.tsx
+++ b/src/icons/IconInfo.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconInfo = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15821)"><path d="M7.19999 10.6666C7.19999 11.1085 7.55817 11.4666 7.99999 11.4666C8.44182 11.4666 8.79999 11.1085 8.79999 10.6666H7.19999ZM8.79999 7.99998C8.79999 7.55815 8.44182 7.19998 7.99999 7.19998C7.55817 7.19998 7.19999 7.55815 7.19999 7.99998H8.79999ZM7.99999 4.53331C7.55817 4.53331 7.19999 4.89149 7.19999 5.33331C7.19999 5.77514 7.55817 6.13331 7.99999 6.13331V4.53331ZM8.00666 6.13331C8.44849 6.13331 8.80666 5.77514 8.80666 5.33331C8.80666 4.89149 8.44849 4.53331 8.00666 4.53331V6.13331ZM13.8667 7.99998C13.8667 11.2401 11.2401 13.8666 7.99999 13.8666V15.4666C12.1237 15.4666 15.4667 12.1237 15.4667 7.99998H13.8667ZM7.99999 13.8666C4.75992 13.8666 2.13333 11.2401 2.13333 7.99998H0.533328C0.533328 12.1237 3.87627 15.4666 7.99999 15.4666V13.8666ZM2.13333 7.99998C2.13333 4.75991 4.75992 2.13331 7.99999 2.13331V0.533313C3.87627 0.533313 0.533328 3.87625 0.533328 7.99998H2.13333ZM7.99999 2.13331C11.2401 2.13331 13.8667 4.75991 13.8667 7.99998H15.4667C15.4667 3.87625 12.1237 0.533313 7.99999 0.533313V2.13331ZM8.79999 10.6666V7.99998H7.19999V10.6666H8.79999ZM7.99999 6.13331H8.00666V4.53331H7.99999V6.13331Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15821"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15821)">
+      <path
+        d="M7.19999 10.6666C7.19999 11.1085 7.55817 11.4666 7.99999 11.4666C8.44182 11.4666 8.79999 11.1085 8.79999 10.6666H7.19999ZM8.79999 7.99998C8.79999 7.55815 8.44182 7.19998 7.99999 7.19998C7.55817 7.19998 7.19999 7.55815 7.19999 7.99998H8.79999ZM7.99999 4.53331C7.55817 4.53331 7.19999 4.89149 7.19999 5.33331C7.19999 5.77514 7.55817 6.13331 7.99999 6.13331V4.53331ZM8.00666 6.13331C8.44849 6.13331 8.80666 5.77514 8.80666 5.33331C8.80666 4.89149 8.44849 4.53331 8.00666 4.53331V6.13331ZM13.8667 7.99998C13.8667 11.2401 11.2401 13.8666 7.99999 13.8666V15.4666C12.1237 15.4666 15.4667 12.1237 15.4667 7.99998H13.8667ZM7.99999 13.8666C4.75992 13.8666 2.13333 11.2401 2.13333 7.99998H0.533328C0.533328 12.1237 3.87627 15.4666 7.99999 15.4666V13.8666ZM2.13333 7.99998C2.13333 4.75991 4.75992 2.13331 7.99999 2.13331V0.533313C3.87627 0.533313 0.533328 3.87625 0.533328 7.99998H2.13333ZM7.99999 2.13331C11.2401 2.13331 13.8667 4.75991 13.8667 7.99998H15.4667C15.4667 3.87625 12.1237 0.533313 7.99999 0.533313V2.13331ZM8.79999 10.6666V7.99998H7.19999V10.6666H8.79999ZM7.99999 6.13331H8.00666V4.53331H7.99999V6.13331Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15821">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconInfo,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13528",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconInfo size={size} />,
+  },
 );
-figma.connect(IconInfo, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13528", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconInfo size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconInstagram.tsx b/src/icons/IconInstagram.tsx
index 80f9296..f9a5a60 100644
--- a/src/icons/IconInstagram.tsx
+++ b/src/icons/IconInstagram.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconInstagram = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15823)"><path d="M10.6666 7.57998L9.8753 7.69733L10.6666 7.57998ZM8.41998 5.33331L8.30263 6.12466L8.41998 5.33331ZM11.6666 3.53331C11.2248 3.53331 10.8666 3.89149 10.8666 4.33331C10.8666 4.77514 11.2248 5.13331 11.6666 5.13331V3.53331ZM11.6733 5.13331C12.1151 5.13331 12.4733 4.77514 12.4733 4.33331C12.4733 3.89149 12.1151 3.53331 11.6733 3.53331V5.13331ZM4.66665 2.13331H11.3333V0.533313H4.66665V2.13331ZM11.3333 2.13331C12.7324 2.13331 13.8666 3.26752 13.8666 4.66665H15.4666C15.4666 2.38387 13.6161 0.533313 11.3333 0.533313V2.13331ZM13.8666 4.66665V11.3333H15.4666V4.66665H13.8666ZM13.8666 11.3333C13.8666 12.7324 12.7324 13.8666 11.3333 13.8666V15.4666C13.6161 15.4666 15.4666 13.6161 15.4666 11.3333H13.8666ZM11.3333 13.8666H4.66665V15.4666H11.3333V13.8666ZM4.66665 13.8666C3.26752 13.8666 2.13331 12.7324 2.13331 11.3333H0.533313C0.533313 13.6161 2.38387 15.4666 4.66665 15.4666V13.8666ZM2.13331 11.3333V4.66665H0.533313V11.3333H2.13331ZM2.13331 4.66665C2.13331 3.26752 3.26752 2.13331 4.66665 2.13331V0.533313C2.38387 0.533313 0.533313 2.38387 0.533313 4.66665H2.13331ZM9.8753 7.69733C9.93289 8.08571 9.86655 8.48236 9.68572 8.83087L11.1059 9.56778C11.4417 8.92055 11.5649 8.18391 11.458 7.46263L9.8753 7.69733ZM9.68572 8.83087C9.50489 9.17937 9.21877 9.46199 8.86806 9.63851L9.5874 11.0677C10.2387 10.7399 10.7701 10.215 11.1059 9.56778L9.68572 8.83087ZM8.86806 9.63851C8.51735 9.81503 8.11991 9.87647 7.73227 9.81409L7.47807 11.3938C8.19798 11.5096 8.93608 11.3955 9.5874 11.0677L8.86806 9.63851ZM7.73227 9.81409C7.34462 9.75172 6.98652 9.5687 6.70889 9.29107L5.57752 10.4224C6.09312 10.938 6.75817 11.2779 7.47807 11.3938L7.73227 9.81409ZM6.70889 9.29107C6.43126 9.01344 6.24824 8.65533 6.18586 8.26769L4.60618 8.52188C4.72203 9.24179 5.06192 9.90684 5.57752 10.4224L6.70889 9.29107ZM6.18586 8.26769C6.12349 7.88005 6.18493 7.48261 6.36145 7.1319L4.93228 6.41256C4.60445 7.06387 4.49034 7.80198 4.60618 8.52188L6.18586 8.26769ZM6.36145 7.1319C6.53797 6.78119 6.82059 6.49507 7.16909 6.31424L6.43218 4.89404C5.78495 5.22988 5.2601 5.76124 4.93228 6.41256L6.36145 7.1319ZM7.16909 6.31424C7.5176 6.13341 7.91425 6.06707 8.30263 6.12466L8.53733 4.54197C7.81605 4.43501 7.07941 4.55821 6.43218 4.89404L7.16909 6.31424ZM8.30263 6.12466C8.6988 6.18341 9.06556 6.36801 9.34876 6.6512L10.4801 5.51983C9.9542 4.9939 9.27306 4.65107 8.53733 4.54197L8.30263 6.12466ZM9.34876 6.6512C9.63195 6.9344 9.81655 7.30116 9.8753 7.69733L11.458 7.46263C11.3489 6.7269 11.0061 6.04576 10.4801 5.51983L9.34876 6.6512ZM11.6666 5.13331H11.6733V3.53331H11.6666V5.13331Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15823"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15823)">
+      <path
+        d="M10.6666 7.57998L9.8753 7.69733L10.6666 7.57998ZM8.41998 5.33331L8.30263 6.12466L8.41998 5.33331ZM11.6666 3.53331C11.2248 3.53331 10.8666 3.89149 10.8666 4.33331C10.8666 4.77514 11.2248 5.13331 11.6666 5.13331V3.53331ZM11.6733 5.13331C12.1151 5.13331 12.4733 4.77514 12.4733 4.33331C12.4733 3.89149 12.1151 3.53331 11.6733 3.53331V5.13331ZM4.66665 2.13331H11.3333V0.533313H4.66665V2.13331ZM11.3333 2.13331C12.7324 2.13331 13.8666 3.26752 13.8666 4.66665H15.4666C15.4666 2.38387 13.6161 0.533313 11.3333 0.533313V2.13331ZM13.8666 4.66665V11.3333H15.4666V4.66665H13.8666ZM13.8666 11.3333C13.8666 12.7324 12.7324 13.8666 11.3333 13.8666V15.4666C13.6161 15.4666 15.4666 13.6161 15.4666 11.3333H13.8666ZM11.3333 13.8666H4.66665V15.4666H11.3333V13.8666ZM4.66665 13.8666C3.26752 13.8666 2.13331 12.7324 2.13331 11.3333H0.533313C0.533313 13.6161 2.38387 15.4666 4.66665 15.4666V13.8666ZM2.13331 11.3333V4.66665H0.533313V11.3333H2.13331ZM2.13331 4.66665C2.13331 3.26752 3.26752 2.13331 4.66665 2.13331V0.533313C2.38387 0.533313 0.533313 2.38387 0.533313 4.66665H2.13331ZM9.8753 7.69733C9.93289 8.08571 9.86655 8.48236 9.68572 8.83087L11.1059 9.56778C11.4417 8.92055 11.5649 8.18391 11.458 7.46263L9.8753 7.69733ZM9.68572 8.83087C9.50489 9.17937 9.21877 9.46199 8.86806 9.63851L9.5874 11.0677C10.2387 10.7399 10.7701 10.215 11.1059 9.56778L9.68572 8.83087ZM8.86806 9.63851C8.51735 9.81503 8.11991 9.87647 7.73227 9.81409L7.47807 11.3938C8.19798 11.5096 8.93608 11.3955 9.5874 11.0677L8.86806 9.63851ZM7.73227 9.81409C7.34462 9.75172 6.98652 9.5687 6.70889 9.29107L5.57752 10.4224C6.09312 10.938 6.75817 11.2779 7.47807 11.3938L7.73227 9.81409ZM6.70889 9.29107C6.43126 9.01344 6.24824 8.65533 6.18586 8.26769L4.60618 8.52188C4.72203 9.24179 5.06192 9.90684 5.57752 10.4224L6.70889 9.29107ZM6.18586 8.26769C6.12349 7.88005 6.18493 7.48261 6.36145 7.1319L4.93228 6.41256C4.60445 7.06387 4.49034 7.80198 4.60618 8.52188L6.18586 8.26769ZM6.36145 7.1319C6.53797 6.78119 6.82059 6.49507 7.16909 6.31424L6.43218 4.89404C5.78495 5.22988 5.2601 5.76124 4.93228 6.41256L6.36145 7.1319ZM7.16909 6.31424C7.5176 6.13341 7.91425 6.06707 8.30263 6.12466L8.53733 4.54197C7.81605 4.43501 7.07941 4.55821 6.43218 4.89404L7.16909 6.31424ZM8.30263 6.12466C8.6988 6.18341 9.06556 6.36801 9.34876 6.6512L10.4801 5.51983C9.9542 4.9939 9.27306 4.65107 8.53733 4.54197L8.30263 6.12466ZM9.34876 6.6512C9.63195 6.9344 9.81655 7.30116 9.8753 7.69733L11.458 7.46263C11.3489 6.7269 11.0061 6.04576 10.4801 5.51983L9.34876 6.6512ZM11.6666 5.13331H11.6733V3.53331H11.6666V5.13331Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15823">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconInstagram,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13531",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconInstagram size={size} />,
+  },
 );
-figma.connect(IconInstagram, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13531", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconInstagram size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconItalic.tsx b/src/icons/IconItalic.tsx
index cf2f12e..a3c1c25 100644
--- a/src/icons/IconItalic.tsx
+++ b/src/icons/IconItalic.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconItalic = (props: IconProps) => (
-  <Icon {...props}><path d="M12.6667 3.46669C13.1085 3.46669 13.4667 3.10851 13.4667 2.66669C13.4667 2.22486 13.1085 1.86669 12.6667 1.86669V3.46669ZM6.66671 1.86669C6.22488 1.86669 5.86671 2.22486 5.86671 2.66669C5.86671 3.10851 6.22488 3.46669 6.66671 3.46669V1.86669ZM9.33337 14.1334C9.7752 14.1334 10.1334 13.7752 10.1334 13.3334C10.1334 12.8915 9.7752 12.5334 9.33337 12.5334V14.1334ZM3.33337 12.5334C2.89155 12.5334 2.53337 12.8915 2.53337 13.3334C2.53337 13.7752 2.89155 14.1334 3.33337 14.1334V12.5334ZM10.7491 2.94759C10.9042 2.53389 10.6946 2.07276 10.2809 1.91762C9.86724 1.76249 9.40611 1.97209 9.25098 2.38579L10.7491 2.94759ZM5.25098 13.0525C5.09584 13.4662 5.30545 13.9273 5.71914 14.0824C6.13284 14.2376 6.59397 14.0279 6.7491 13.6143L5.25098 13.0525ZM12.6667 1.86669H6.66671V3.46669H12.6667V1.86669ZM9.33337 12.5334H3.33337V14.1334H9.33337V12.5334ZM9.25098 2.38579L5.25098 13.0525L6.7491 13.6143L10.7491 2.94759L9.25098 2.38579Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.6667 3.46669C13.1085 3.46669 13.4667 3.10851 13.4667 2.66669C13.4667 2.22486 13.1085 1.86669 12.6667 1.86669V3.46669ZM6.66671 1.86669C6.22488 1.86669 5.86671 2.22486 5.86671 2.66669C5.86671 3.10851 6.22488 3.46669 6.66671 3.46669V1.86669ZM9.33337 14.1334C9.7752 14.1334 10.1334 13.7752 10.1334 13.3334C10.1334 12.8915 9.7752 12.5334 9.33337 12.5334V14.1334ZM3.33337 12.5334C2.89155 12.5334 2.53337 12.8915 2.53337 13.3334C2.53337 13.7752 2.89155 14.1334 3.33337 14.1334V12.5334ZM10.7491 2.94759C10.9042 2.53389 10.6946 2.07276 10.2809 1.91762C9.86724 1.76249 9.40611 1.97209 9.25098 2.38579L10.7491 2.94759ZM5.25098 13.0525C5.09584 13.4662 5.30545 13.9273 5.71914 14.0824C6.13284 14.2376 6.59397 14.0279 6.7491 13.6143L5.25098 13.0525ZM12.6667 1.86669H6.66671V3.46669H12.6667V1.86669ZM9.33337 12.5334H3.33337V14.1334H9.33337V12.5334ZM9.25098 2.38579L5.25098 13.0525L6.7491 13.6143L10.7491 2.94759L9.25098 2.38579Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconItalic,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13530",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconItalic size={size} />,
+  },
 );
-figma.connect(IconItalic, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13530", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconItalic size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconKey.tsx b/src/icons/IconKey.tsx
index a96d435..564536b 100644
--- a/src/icons/IconKey.tsx
+++ b/src/icons/IconKey.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconKey = (props: IconProps) => (
-  <Icon {...props}><path d="M14.5657 1.899C14.8782 1.58658 14.8782 1.08005 14.5657 0.767627C14.2533 0.455208 13.7468 0.455208 13.4344 0.767628L14.5657 1.899ZM2.40806 12.9253L1.8326 13.4811L1.8386 13.4872L2.40806 12.9253ZM7.59273 7.74065L7.03696 8.31608C7.3508 8.61919 7.84964 8.61493 8.15825 8.30649L7.59273 7.74065ZM10.3334 4.99998L9.76771 4.43429L10.3334 4.99998ZM12.3334 6.99998L11.7677 7.56566C11.9177 7.71569 12.1212 7.79998 12.3334 7.79998C12.5456 7.79998 12.749 7.71569 12.8991 7.56566L12.3334 6.99998ZM14.6667 4.66665L15.2324 5.23233C15.3824 5.0823 15.4667 4.87882 15.4667 4.66665C15.4667 4.45447 15.3824 4.25099 15.2324 4.10096L14.6667 4.66665ZM13.4344 0.767628L12.101 2.10096L13.2324 3.23233L14.5657 1.899L13.4344 0.767628ZM7.03151 8.30944C7.30063 8.57498 7.51457 8.89113 7.66101 9.2397L9.13612 8.61998C8.90795 8.07687 8.57461 7.58426 8.15528 7.17052L7.03151 8.30944ZM7.66101 9.2397C7.80744 9.58826 7.88348 9.96234 7.88475 10.3404L9.48474 10.3351C9.48277 9.74597 9.36429 9.16309 9.13612 8.61998L7.66101 9.2397ZM7.88475 10.3404C7.88602 10.7185 7.81248 11.0931 7.66839 11.4426L9.14762 12.0524C9.37214 11.5078 9.48671 10.9241 9.48474 10.3351L7.88475 10.3404ZM7.66839 11.4426C7.52429 11.7921 7.31248 12.1097 7.04514 12.3771L8.17651 13.5084C8.59306 13.0919 8.9231 12.597 9.14762 12.0524L7.66839 11.4426ZM7.04514 12.3771C6.7778 12.6444 6.46022 12.8562 6.11069 13.0003L6.7205 14.4795C7.26513 14.255 7.75996 13.925 8.17651 13.5084L7.04514 12.3771ZM6.11069 13.0003C5.76115 13.1444 5.38657 13.2179 5.0085 13.2167L5.00314 14.8167C5.59222 14.8186 6.17588 14.7041 6.7205 14.4795L6.11069 13.0003ZM5.0085 13.2167C4.63042 13.2154 4.25634 13.1394 3.90778 12.9929L3.28806 14.468C3.83117 14.6962 4.41405 14.8147 5.00314 14.8167L5.0085 13.2167ZM3.90778 12.9929C3.55922 12.8465 3.24306 12.6326 2.97752 12.3634L1.8386 13.4872C2.25235 13.9065 2.74496 14.2399 3.28806 14.468L3.90778 12.9929ZM2.98349 12.3695C2.4613 11.8289 2.17236 11.1048 2.17889 10.3531L0.578953 10.3392C0.568776 11.5104 1.01899 12.6387 1.83263 13.4811L2.98349 12.3695ZM2.17889 10.3531C2.18542 9.6015 2.48691 8.8825 3.01841 8.351L1.88704 7.21963C1.05888 8.04778 0.58913 9.16808 0.578953 10.3392L2.17889 10.3531ZM3.01841 8.351C3.54991 7.81949 4.26891 7.51801 5.02054 7.51148L5.00664 5.91154C3.83549 5.92171 2.7152 6.39147 1.88704 7.21963L3.01841 8.351ZM5.02054 7.51148C5.77217 7.50495 6.4963 7.79389 7.03696 8.31608L8.1485 7.16522C7.30607 6.35158 6.17778 5.90136 5.00664 5.91154L5.02054 7.51148ZM8.15825 8.30649L8.15892 8.30583L7.02787 7.17413L7.0272 7.1748L8.15825 8.30649ZM8.15908 8.30566L10.8991 5.56566L9.76771 4.43429L7.02771 7.17429L8.15908 8.30566ZM9.76771 5.56566L11.7677 7.56566L12.8991 6.43429L10.8991 4.43429L9.76771 5.56566ZM12.8991 7.56566L15.2324 5.23233L14.101 4.10096L11.7677 6.43429L12.8991 7.56566ZM15.2324 4.10096L13.2324 2.10096L12.101 3.23233L14.101 5.23233L15.2324 4.10096ZM10.8991 5.56566L13.2324 3.23233L12.101 2.10096L9.76771 4.43429L10.8991 5.56566Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.5657 1.899C14.8782 1.58658 14.8782 1.08005 14.5657 0.767627C14.2533 0.455208 13.7468 0.455208 13.4344 0.767628L14.5657 1.899ZM2.40806 12.9253L1.8326 13.4811L1.8386 13.4872L2.40806 12.9253ZM7.59273 7.74065L7.03696 8.31608C7.3508 8.61919 7.84964 8.61493 8.15825 8.30649L7.59273 7.74065ZM10.3334 4.99998L9.76771 4.43429L10.3334 4.99998ZM12.3334 6.99998L11.7677 7.56566C11.9177 7.71569 12.1212 7.79998 12.3334 7.79998C12.5456 7.79998 12.749 7.71569 12.8991 7.56566L12.3334 6.99998ZM14.6667 4.66665L15.2324 5.23233C15.3824 5.0823 15.4667 4.87882 15.4667 4.66665C15.4667 4.45447 15.3824 4.25099 15.2324 4.10096L14.6667 4.66665ZM13.4344 0.767628L12.101 2.10096L13.2324 3.23233L14.5657 1.899L13.4344 0.767628ZM7.03151 8.30944C7.30063 8.57498 7.51457 8.89113 7.66101 9.2397L9.13612 8.61998C8.90795 8.07687 8.57461 7.58426 8.15528 7.17052L7.03151 8.30944ZM7.66101 9.2397C7.80744 9.58826 7.88348 9.96234 7.88475 10.3404L9.48474 10.3351C9.48277 9.74597 9.36429 9.16309 9.13612 8.61998L7.66101 9.2397ZM7.88475 10.3404C7.88602 10.7185 7.81248 11.0931 7.66839 11.4426L9.14762 12.0524C9.37214 11.5078 9.48671 10.9241 9.48474 10.3351L7.88475 10.3404ZM7.66839 11.4426C7.52429 11.7921 7.31248 12.1097 7.04514 12.3771L8.17651 13.5084C8.59306 13.0919 8.9231 12.597 9.14762 12.0524L7.66839 11.4426ZM7.04514 12.3771C6.7778 12.6444 6.46022 12.8562 6.11069 13.0003L6.7205 14.4795C7.26513 14.255 7.75996 13.925 8.17651 13.5084L7.04514 12.3771ZM6.11069 13.0003C5.76115 13.1444 5.38657 13.2179 5.0085 13.2167L5.00314 14.8167C5.59222 14.8186 6.17588 14.7041 6.7205 14.4795L6.11069 13.0003ZM5.0085 13.2167C4.63042 13.2154 4.25634 13.1394 3.90778 12.9929L3.28806 14.468C3.83117 14.6962 4.41405 14.8147 5.00314 14.8167L5.0085 13.2167ZM3.90778 12.9929C3.55922 12.8465 3.24306 12.6326 2.97752 12.3634L1.8386 13.4872C2.25235 13.9065 2.74496 14.2399 3.28806 14.468L3.90778 12.9929ZM2.98349 12.3695C2.4613 11.8289 2.17236 11.1048 2.17889 10.3531L0.578953 10.3392C0.568776 11.5104 1.01899 12.6387 1.83263 13.4811L2.98349 12.3695ZM2.17889 10.3531C2.18542 9.6015 2.48691 8.8825 3.01841 8.351L1.88704 7.21963C1.05888 8.04778 0.58913 9.16808 0.578953 10.3392L2.17889 10.3531ZM3.01841 8.351C3.54991 7.81949 4.26891 7.51801 5.02054 7.51148L5.00664 5.91154C3.83549 5.92171 2.7152 6.39147 1.88704 7.21963L3.01841 8.351ZM5.02054 7.51148C5.77217 7.50495 6.4963 7.79389 7.03696 8.31608L8.1485 7.16522C7.30607 6.35158 6.17778 5.90136 5.00664 5.91154L5.02054 7.51148ZM8.15825 8.30649L8.15892 8.30583L7.02787 7.17413L7.0272 7.1748L8.15825 8.30649ZM8.15908 8.30566L10.8991 5.56566L9.76771 4.43429L7.02771 7.17429L8.15908 8.30566ZM9.76771 5.56566L11.7677 7.56566L12.8991 6.43429L10.8991 4.43429L9.76771 5.56566ZM12.8991 7.56566L15.2324 5.23233L14.101 4.10096L11.7677 6.43429L12.8991 7.56566ZM15.2324 4.10096L13.2324 2.10096L12.101 3.23233L14.101 5.23233L15.2324 4.10096ZM10.8991 5.56566L13.2324 3.23233L12.101 2.10096L9.76771 4.43429L10.8991 5.56566Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconKey,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13533",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconKey size={size} />,
+  },
 );
-figma.connect(IconKey, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13533", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconKey size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLayers.tsx b/src/icons/IconLayers.tsx
index f34bb5a..a7b84f0 100644
--- a/src/icons/IconLayers.tsx
+++ b/src/icons/IconLayers.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLayers = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15829)"><path d="M7.99992 1.33331L8.35769 0.617771C8.13247 0.50516 7.86737 0.50516 7.64215 0.617771L7.99992 1.33331ZM1.33325 4.66665L0.975481 3.9511C0.704454 4.08662 0.533252 4.36363 0.533252 4.66665C0.533252 4.96966 0.704454 5.24667 0.975481 5.38219L1.33325 4.66665ZM7.99992 7.99998L7.64215 8.71552C7.86737 8.82813 8.13247 8.82813 8.35769 8.71552L7.99992 7.99998ZM14.6666 4.66665L15.0244 5.38219C15.2954 5.24667 15.4666 4.96966 15.4666 4.66665C15.4666 4.36363 15.2954 4.08662 15.0244 3.9511L14.6666 4.66665ZM1.69102 10.6178C1.29584 10.4202 0.815302 10.5804 0.61771 10.9755C0.420119 11.3707 0.580298 11.8513 0.975481 12.0489L1.69102 10.6178ZM7.99992 14.6666L7.64215 15.3822C7.86737 15.4948 8.13247 15.4948 8.35769 15.3822L7.99992 14.6666ZM15.0244 12.0489C15.4195 11.8513 15.5797 11.3707 15.3821 10.9755C15.1845 10.5804 14.704 10.4202 14.3088 10.6178L15.0244 12.0489ZM1.69102 7.28444C1.29584 7.08685 0.815302 7.24703 0.61771 7.64221C0.420119 8.03739 0.580298 8.51793 0.975481 8.71552L1.69102 7.28444ZM7.99992 11.3333L7.64215 12.0489C7.86737 12.1615 8.13247 12.1615 8.35769 12.0489L7.99992 11.3333ZM15.0244 8.71552C15.4195 8.51793 15.5797 8.03739 15.3821 7.64221C15.1845 7.24703 14.704 7.08685 14.3088 7.28444L15.0244 8.71552ZM7.64215 0.617771L0.975481 3.9511L1.69102 5.38219L8.35769 2.04885L7.64215 0.617771ZM0.975481 5.38219L7.64215 8.71552L8.35769 7.28444L1.69102 3.9511L0.975481 5.38219ZM8.35769 8.71552L15.0244 5.38219L14.3088 3.9511L7.64215 7.28444L8.35769 8.71552ZM15.0244 3.9511L8.35769 0.617771L7.64215 2.04885L14.3088 5.38219L15.0244 3.9511ZM0.975481 12.0489L7.64215 15.3822L8.35769 13.9511L1.69102 10.6178L0.975481 12.0489ZM8.35769 15.3822L15.0244 12.0489L14.3088 10.6178L7.64215 13.9511L8.35769 15.3822ZM0.975481 8.71552L7.64215 12.0489L8.35769 10.6178L1.69102 7.28444L0.975481 8.71552ZM8.35769 12.0489L15.0244 8.71552L14.3088 7.28444L7.64215 10.6178L8.35769 12.0489Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15829"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15829)">
+      <path
+        d="M7.99992 1.33331L8.35769 0.617771C8.13247 0.50516 7.86737 0.50516 7.64215 0.617771L7.99992 1.33331ZM1.33325 4.66665L0.975481 3.9511C0.704454 4.08662 0.533252 4.36363 0.533252 4.66665C0.533252 4.96966 0.704454 5.24667 0.975481 5.38219L1.33325 4.66665ZM7.99992 7.99998L7.64215 8.71552C7.86737 8.82813 8.13247 8.82813 8.35769 8.71552L7.99992 7.99998ZM14.6666 4.66665L15.0244 5.38219C15.2954 5.24667 15.4666 4.96966 15.4666 4.66665C15.4666 4.36363 15.2954 4.08662 15.0244 3.9511L14.6666 4.66665ZM1.69102 10.6178C1.29584 10.4202 0.815302 10.5804 0.61771 10.9755C0.420119 11.3707 0.580298 11.8513 0.975481 12.0489L1.69102 10.6178ZM7.99992 14.6666L7.64215 15.3822C7.86737 15.4948 8.13247 15.4948 8.35769 15.3822L7.99992 14.6666ZM15.0244 12.0489C15.4195 11.8513 15.5797 11.3707 15.3821 10.9755C15.1845 10.5804 14.704 10.4202 14.3088 10.6178L15.0244 12.0489ZM1.69102 7.28444C1.29584 7.08685 0.815302 7.24703 0.61771 7.64221C0.420119 8.03739 0.580298 8.51793 0.975481 8.71552L1.69102 7.28444ZM7.99992 11.3333L7.64215 12.0489C7.86737 12.1615 8.13247 12.1615 8.35769 12.0489L7.99992 11.3333ZM15.0244 8.71552C15.4195 8.51793 15.5797 8.03739 15.3821 7.64221C15.1845 7.24703 14.704 7.08685 14.3088 7.28444L15.0244 8.71552ZM7.64215 0.617771L0.975481 3.9511L1.69102 5.38219L8.35769 2.04885L7.64215 0.617771ZM0.975481 5.38219L7.64215 8.71552L8.35769 7.28444L1.69102 3.9511L0.975481 5.38219ZM8.35769 8.71552L15.0244 5.38219L14.3088 3.9511L7.64215 7.28444L8.35769 8.71552ZM15.0244 3.9511L8.35769 0.617771L7.64215 2.04885L14.3088 5.38219L15.0244 3.9511ZM0.975481 12.0489L7.64215 15.3822L8.35769 13.9511L1.69102 10.6178L0.975481 12.0489ZM8.35769 15.3822L15.0244 12.0489L14.3088 10.6178L7.64215 13.9511L8.35769 15.3822ZM0.975481 8.71552L7.64215 12.0489L8.35769 10.6178L1.69102 7.28444L0.975481 8.71552ZM8.35769 12.0489L15.0244 8.71552L14.3088 7.28444L7.64215 10.6178L8.35769 12.0489Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15829">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconLayers,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13532",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLayers size={size} />,
+  },
 );
-figma.connect(IconLayers, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13532", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLayers size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLayout.tsx b/src/icons/IconLayout.tsx
index 4ceafa9..94c6ff3 100644
--- a/src/icons/IconLayout.tsx
+++ b/src/icons/IconLayout.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLayout = (props: IconProps) => (
-  <Icon {...props}><path d="M2 5.2C1.55817 5.2 1.2 5.55817 1.2 6C1.2 6.44183 1.55817 6.8 2 6.8V5.2ZM14 6.8C14.4418 6.8 14.8 6.44183 14.8 6C14.8 5.55817 14.4418 5.2 14 5.2V6.8ZM5.2 14C5.2 14.4418 5.55817 14.8 6 14.8C6.44183 14.8 6.8 14.4418 6.8 14H5.2ZM6.8 6C6.8 5.55817 6.44183 5.2 6 5.2C5.55817 5.2 5.2 5.55817 5.2 6H6.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM2 6.8H14V5.2H2V6.8ZM6.8 14V6H5.2V14H6.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 5.2C1.55817 5.2 1.2 5.55817 1.2 6C1.2 6.44183 1.55817 6.8 2 6.8V5.2ZM14 6.8C14.4418 6.8 14.8 6.44183 14.8 6C14.8 5.55817 14.4418 5.2 14 5.2V6.8ZM5.2 14C5.2 14.4418 5.55817 14.8 6 14.8C6.44183 14.8 6.8 14.4418 6.8 14H5.2ZM6.8 6C6.8 5.55817 6.44183 5.2 6 5.2C5.55817 5.2 5.2 5.55817 5.2 6H6.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM2 6.8H14V5.2H2V6.8ZM6.8 14V6H5.2V14H6.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconLayout,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13535",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLayout size={size} />,
+  },
 );
-figma.connect(IconLayout, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13535", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLayout size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLifeBuoy.tsx b/src/icons/IconLifeBuoy.tsx
index 6f1c621..ae9096c 100644
--- a/src/icons/IconLifeBuoy.tsx
+++ b/src/icons/IconLifeBuoy.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLifeBuoy = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15833)"><path d="M3.85227 2.72096C3.53985 2.40854 3.03332 2.40854 2.7209 2.72096C2.40848 3.03338 2.40848 3.53991 2.7209 3.85233L3.85227 2.72096ZM5.54757 6.679C5.85999 6.99142 6.36652 6.99142 6.67894 6.679C6.99136 6.36658 6.99136 5.86005 6.67894 5.54763L5.54757 6.679ZM10.4523 9.32096C10.1399 9.00854 9.63332 9.00854 9.3209 9.32096C9.00848 9.63338 9.00848 10.1399 9.3209 10.4523L10.4523 9.32096ZM12.1476 13.279C12.46 13.5914 12.9665 13.5914 13.2789 13.279C13.5914 12.9666 13.5914 12.46 13.2789 12.1476L12.1476 13.279ZM9.3209 5.54763C9.00848 5.86005 9.00848 6.36658 9.3209 6.679C9.63332 6.99142 10.1399 6.99142 10.4523 6.679L9.3209 5.54763ZM13.2789 3.85233C13.5914 3.53991 13.5914 3.03338 13.2789 2.72096C12.9665 2.40854 12.46 2.40854 12.1476 2.72096L13.2789 3.85233ZM12.8056 4.32566C13.118 4.01325 13.118 3.50671 12.8056 3.19429C12.4932 2.88187 11.9867 2.88187 11.6742 3.19429L12.8056 4.32566ZM2.7209 12.1476C2.40848 12.46 2.40848 12.9666 2.7209 13.279C3.03332 13.5914 3.53985 13.5914 3.85227 13.279L2.7209 12.1476ZM6.67894 10.4523C6.99136 10.1399 6.99136 9.63338 6.67894 9.32096C6.36652 9.00854 5.85999 9.00854 5.54757 9.32096L6.67894 10.4523ZM13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331ZM9.86659 7.99998C9.86659 9.03091 9.03085 9.86665 7.99992 9.86665V11.4666C9.91451 11.4666 11.4666 9.91457 11.4666 7.99998H9.86659ZM7.99992 9.86665C6.96899 9.86665 6.13325 9.03091 6.13325 7.99998H4.53325C4.53325 9.91457 6.08533 11.4666 7.99992 11.4666V9.86665ZM6.13325 7.99998C6.13325 6.96905 6.96899 6.13331 7.99992 6.13331V4.53331C6.08533 4.53331 4.53325 6.08539 4.53325 7.99998H6.13325ZM7.99992 6.13331C9.03085 6.13331 9.86659 6.96905 9.86659 7.99998H11.4666C11.4666 6.08539 9.91451 4.53331 7.99992 4.53331V6.13331ZM2.7209 3.85233L5.54757 6.679L6.67894 5.54763L3.85227 2.72096L2.7209 3.85233ZM9.3209 10.4523L12.1476 13.279L13.2789 12.1476L10.4523 9.32096L9.3209 10.4523ZM10.4523 6.679L13.2789 3.85233L12.1476 2.72096L9.3209 5.54763L10.4523 6.679ZM10.4523 6.679L12.8056 4.32566L11.6742 3.19429L9.3209 5.54763L10.4523 6.679ZM3.85227 13.279L6.67894 10.4523L5.54757 9.32096L2.7209 12.1476L3.85227 13.279Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15833"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15833)">
+      <path
+        d="M3.85227 2.72096C3.53985 2.40854 3.03332 2.40854 2.7209 2.72096C2.40848 3.03338 2.40848 3.53991 2.7209 3.85233L3.85227 2.72096ZM5.54757 6.679C5.85999 6.99142 6.36652 6.99142 6.67894 6.679C6.99136 6.36658 6.99136 5.86005 6.67894 5.54763L5.54757 6.679ZM10.4523 9.32096C10.1399 9.00854 9.63332 9.00854 9.3209 9.32096C9.00848 9.63338 9.00848 10.1399 9.3209 10.4523L10.4523 9.32096ZM12.1476 13.279C12.46 13.5914 12.9665 13.5914 13.2789 13.279C13.5914 12.9666 13.5914 12.46 13.2789 12.1476L12.1476 13.279ZM9.3209 5.54763C9.00848 5.86005 9.00848 6.36658 9.3209 6.679C9.63332 6.99142 10.1399 6.99142 10.4523 6.679L9.3209 5.54763ZM13.2789 3.85233C13.5914 3.53991 13.5914 3.03338 13.2789 2.72096C12.9665 2.40854 12.46 2.40854 12.1476 2.72096L13.2789 3.85233ZM12.8056 4.32566C13.118 4.01325 13.118 3.50671 12.8056 3.19429C12.4932 2.88187 11.9867 2.88187 11.6742 3.19429L12.8056 4.32566ZM2.7209 12.1476C2.40848 12.46 2.40848 12.9666 2.7209 13.279C3.03332 13.5914 3.53985 13.5914 3.85227 13.279L2.7209 12.1476ZM6.67894 10.4523C6.99136 10.1399 6.99136 9.63338 6.67894 9.32096C6.36652 9.00854 5.85999 9.00854 5.54757 9.32096L6.67894 10.4523ZM13.8666 7.99998C13.8666 11.2401 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1237 15.4666 7.99998H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.2401 2.13325 7.99998H0.533252C0.533252 12.1237 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99998C2.13325 4.75991 4.75985 2.13331 7.99992 2.13331V0.533313C3.87619 0.533313 0.533252 3.87625 0.533252 7.99998H2.13325ZM7.99992 2.13331C11.24 2.13331 13.8666 4.75991 13.8666 7.99998H15.4666C15.4666 3.87625 12.1236 0.533313 7.99992 0.533313V2.13331ZM9.86659 7.99998C9.86659 9.03091 9.03085 9.86665 7.99992 9.86665V11.4666C9.91451 11.4666 11.4666 9.91457 11.4666 7.99998H9.86659ZM7.99992 9.86665C6.96899 9.86665 6.13325 9.03091 6.13325 7.99998H4.53325C4.53325 9.91457 6.08533 11.4666 7.99992 11.4666V9.86665ZM6.13325 7.99998C6.13325 6.96905 6.96899 6.13331 7.99992 6.13331V4.53331C6.08533 4.53331 4.53325 6.08539 4.53325 7.99998H6.13325ZM7.99992 6.13331C9.03085 6.13331 9.86659 6.96905 9.86659 7.99998H11.4666C11.4666 6.08539 9.91451 4.53331 7.99992 4.53331V6.13331ZM2.7209 3.85233L5.54757 6.679L6.67894 5.54763L3.85227 2.72096L2.7209 3.85233ZM9.3209 10.4523L12.1476 13.279L13.2789 12.1476L10.4523 9.32096L9.3209 10.4523ZM10.4523 6.679L13.2789 3.85233L12.1476 2.72096L9.3209 5.54763L10.4523 6.679ZM10.4523 6.679L12.8056 4.32566L11.6742 3.19429L9.3209 5.54763L10.4523 6.679ZM3.85227 13.279L6.67894 10.4523L5.54757 9.32096L2.7209 12.1476L3.85227 13.279Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15833">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconLifeBuoy,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13534",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLifeBuoy size={size} />,
+  },
 );
-figma.connect(IconLifeBuoy, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13534", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLifeBuoy size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLink.tsx b/src/icons/IconLink.tsx
index 96c1830..547b553 100644
--- a/src/icons/IconLink.tsx
+++ b/src/icons/IconLink.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLink = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15837)"><path d="M7.30741 8.18748C7.04277 7.83368 6.54142 7.76141 6.18762 8.02605C5.83382 8.2907 5.76154 8.79205 6.02619 9.14585L7.30741 8.18748ZM11.6935 9.02666L11.1278 8.46098L11.1277 8.46108L11.6935 9.02666ZM13.6935 7.02666L14.2592 7.59243L14.2689 7.58243L13.6935 7.02666ZM8.98013 2.31333L8.4243 1.73784L8.4161 1.746L8.98013 2.31333ZM7.26943 2.886C6.9561 3.19751 6.95463 3.70404 7.26613 4.01736C7.57764 4.33069 8.08417 4.33217 8.3975 4.02066L7.26943 2.886ZM8.69285 7.81251C8.9575 8.16631 9.45885 8.23859 9.81265 7.97394C10.1664 7.7093 10.2387 7.20795 9.97408 6.85415L8.69285 7.81251ZM4.3068 6.97333L4.87249 7.53902L4.87259 7.53891L4.3068 6.97333ZM2.3068 8.97333L1.74103 8.40756L1.73137 8.41756L2.3068 8.97333ZM7.02013 13.6867L7.57599 14.2622L7.58582 14.2523L7.02013 13.6867ZM8.72582 13.1123C9.03824 12.7999 9.03824 12.2934 8.72582 11.981C8.4134 11.6686 7.90687 11.6686 7.59445 11.981L8.72582 13.1123ZM6.02619 9.14585C6.3812 9.62046 6.83414 10.0132 7.35427 10.2973L8.1214 8.89324C7.80261 8.71907 7.525 8.47837 7.30741 8.18748L6.02619 9.14585ZM7.35427 10.2973C7.8744 10.5815 8.44957 10.7505 9.04075 10.7928L9.15505 9.19693C8.79271 9.17098 8.44019 9.06741 8.1214 8.89324L7.35427 10.2973ZM9.04075 10.7928C9.63194 10.8352 10.2253 10.7499 10.7806 10.5427L10.2214 9.04364C9.88107 9.1706 9.51739 9.22288 9.15505 9.19693L9.04075 10.7928ZM10.7806 10.5427C11.336 10.3356 11.8402 10.0114 12.2593 9.59225L11.1277 8.46108C10.8709 8.718 10.5618 8.91667 10.2214 9.04364L10.7806 10.5427ZM12.2592 9.59235L14.2592 7.59235L13.1278 6.46098L11.1278 8.46098L12.2592 9.59235ZM14.2689 7.58243C15.0218 6.80288 15.4384 5.75879 15.429 4.67504L13.8291 4.68894C13.8348 5.35318 13.5795 5.9931 13.118 6.47089L14.2689 7.58243ZM15.429 4.67504C15.4196 3.59129 14.9849 2.5546 14.2185 1.78825L13.0872 2.91962C13.5569 3.38932 13.8233 4.02471 13.8291 4.68894L15.429 4.67504ZM14.2185 1.78825C13.4522 1.0219 12.4155 0.587198 11.3318 0.577781L11.3179 2.17772C11.9821 2.18349 12.6175 2.44992 13.0872 2.91962L14.2185 1.78825ZM11.3318 0.577781C10.248 0.568363 9.20392 0.98498 8.42436 1.7379L9.5359 2.88876C10.0137 2.42729 10.6536 2.17195 11.3179 2.17772L11.3318 0.577781ZM8.4161 1.746L7.26943 2.886L8.3975 4.02066L9.54417 2.88066L8.4161 1.746ZM9.97408 6.85415C9.61906 6.37953 9.16613 5.98682 8.646 5.70265L7.87887 7.10676C8.19766 7.28093 8.47526 7.52162 8.69285 7.81251L9.97408 6.85415ZM8.646 5.70265C8.12586 5.41848 7.5507 5.24949 6.95951 5.20715L6.84522 6.80306C7.20756 6.82901 7.56008 6.93259 7.87887 7.10676L8.646 5.70265ZM6.95951 5.20715C6.36833 5.16481 5.77495 5.25011 5.21963 5.45726L5.77884 6.95636C6.1192 6.82939 6.48288 6.77711 6.84522 6.80306L6.95951 5.20715ZM5.21963 5.45726C4.66431 5.66441 4.16004 5.98857 3.74101 6.40775L4.87259 7.53891C5.12941 7.282 5.43848 7.08332 5.77884 6.95636L5.21963 5.45726ZM3.74111 6.40764L1.74111 8.40764L2.87249 9.53902L4.87249 7.53902L3.74111 6.40764ZM1.73137 8.41756C0.978449 9.19712 0.561832 10.2412 0.57125 11.325L2.17119 11.3111C2.16542 10.6468 2.42076 10.0069 2.88223 9.5291L1.73137 8.41756ZM0.57125 11.325C0.580667 12.4087 1.01537 13.4454 1.78172 14.2117L2.91309 13.0804C2.44339 12.6107 2.17696 11.9753 2.17119 11.3111L0.57125 11.325ZM1.78172 14.2117C2.54807 14.9781 3.58476 15.4128 4.66851 15.4222L4.68241 13.8223C4.01818 13.8165 3.38279 13.5501 2.91309 13.0804L1.78172 14.2117ZM4.66851 15.4222C5.75226 15.4316 6.79635 15.015 7.5759 14.2621L6.46436 13.1112C5.98657 13.5727 5.34665 13.828 4.68241 13.8223L4.66851 15.4222ZM7.58582 14.2523L8.72582 13.1123L7.59445 11.981L6.45445 13.121L7.58582 14.2523Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15837"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15837)">
+      <path
+        d="M7.30741 8.18748C7.04277 7.83368 6.54142 7.76141 6.18762 8.02605C5.83382 8.2907 5.76154 8.79205 6.02619 9.14585L7.30741 8.18748ZM11.6935 9.02666L11.1278 8.46098L11.1277 8.46108L11.6935 9.02666ZM13.6935 7.02666L14.2592 7.59243L14.2689 7.58243L13.6935 7.02666ZM8.98013 2.31333L8.4243 1.73784L8.4161 1.746L8.98013 2.31333ZM7.26943 2.886C6.9561 3.19751 6.95463 3.70404 7.26613 4.01736C7.57764 4.33069 8.08417 4.33217 8.3975 4.02066L7.26943 2.886ZM8.69285 7.81251C8.9575 8.16631 9.45885 8.23859 9.81265 7.97394C10.1664 7.7093 10.2387 7.20795 9.97408 6.85415L8.69285 7.81251ZM4.3068 6.97333L4.87249 7.53902L4.87259 7.53891L4.3068 6.97333ZM2.3068 8.97333L1.74103 8.40756L1.73137 8.41756L2.3068 8.97333ZM7.02013 13.6867L7.57599 14.2622L7.58582 14.2523L7.02013 13.6867ZM8.72582 13.1123C9.03824 12.7999 9.03824 12.2934 8.72582 11.981C8.4134 11.6686 7.90687 11.6686 7.59445 11.981L8.72582 13.1123ZM6.02619 9.14585C6.3812 9.62046 6.83414 10.0132 7.35427 10.2973L8.1214 8.89324C7.80261 8.71907 7.525 8.47837 7.30741 8.18748L6.02619 9.14585ZM7.35427 10.2973C7.8744 10.5815 8.44957 10.7505 9.04075 10.7928L9.15505 9.19693C8.79271 9.17098 8.44019 9.06741 8.1214 8.89324L7.35427 10.2973ZM9.04075 10.7928C9.63194 10.8352 10.2253 10.7499 10.7806 10.5427L10.2214 9.04364C9.88107 9.1706 9.51739 9.22288 9.15505 9.19693L9.04075 10.7928ZM10.7806 10.5427C11.336 10.3356 11.8402 10.0114 12.2593 9.59225L11.1277 8.46108C10.8709 8.718 10.5618 8.91667 10.2214 9.04364L10.7806 10.5427ZM12.2592 9.59235L14.2592 7.59235L13.1278 6.46098L11.1278 8.46098L12.2592 9.59235ZM14.2689 7.58243C15.0218 6.80288 15.4384 5.75879 15.429 4.67504L13.8291 4.68894C13.8348 5.35318 13.5795 5.9931 13.118 6.47089L14.2689 7.58243ZM15.429 4.67504C15.4196 3.59129 14.9849 2.5546 14.2185 1.78825L13.0872 2.91962C13.5569 3.38932 13.8233 4.02471 13.8291 4.68894L15.429 4.67504ZM14.2185 1.78825C13.4522 1.0219 12.4155 0.587198 11.3318 0.577781L11.3179 2.17772C11.9821 2.18349 12.6175 2.44992 13.0872 2.91962L14.2185 1.78825ZM11.3318 0.577781C10.248 0.568363 9.20392 0.98498 8.42436 1.7379L9.5359 2.88876C10.0137 2.42729 10.6536 2.17195 11.3179 2.17772L11.3318 0.577781ZM8.4161 1.746L7.26943 2.886L8.3975 4.02066L9.54417 2.88066L8.4161 1.746ZM9.97408 6.85415C9.61906 6.37953 9.16613 5.98682 8.646 5.70265L7.87887 7.10676C8.19766 7.28093 8.47526 7.52162 8.69285 7.81251L9.97408 6.85415ZM8.646 5.70265C8.12586 5.41848 7.5507 5.24949 6.95951 5.20715L6.84522 6.80306C7.20756 6.82901 7.56008 6.93259 7.87887 7.10676L8.646 5.70265ZM6.95951 5.20715C6.36833 5.16481 5.77495 5.25011 5.21963 5.45726L5.77884 6.95636C6.1192 6.82939 6.48288 6.77711 6.84522 6.80306L6.95951 5.20715ZM5.21963 5.45726C4.66431 5.66441 4.16004 5.98857 3.74101 6.40775L4.87259 7.53891C5.12941 7.282 5.43848 7.08332 5.77884 6.95636L5.21963 5.45726ZM3.74111 6.40764L1.74111 8.40764L2.87249 9.53902L4.87249 7.53902L3.74111 6.40764ZM1.73137 8.41756C0.978449 9.19712 0.561832 10.2412 0.57125 11.325L2.17119 11.3111C2.16542 10.6468 2.42076 10.0069 2.88223 9.5291L1.73137 8.41756ZM0.57125 11.325C0.580667 12.4087 1.01537 13.4454 1.78172 14.2117L2.91309 13.0804C2.44339 12.6107 2.17696 11.9753 2.17119 11.3111L0.57125 11.325ZM1.78172 14.2117C2.54807 14.9781 3.58476 15.4128 4.66851 15.4222L4.68241 13.8223C4.01818 13.8165 3.38279 13.5501 2.91309 13.0804L1.78172 14.2117ZM4.66851 15.4222C5.75226 15.4316 6.79635 15.015 7.5759 14.2621L6.46436 13.1112C5.98657 13.5727 5.34665 13.828 4.68241 13.8223L4.66851 15.4222ZM7.58582 14.2523L8.72582 13.1123L7.59445 11.981L6.45445 13.121L7.58582 14.2523Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15837">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconLink,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13536",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLink size={size} />,
+  },
 );
-figma.connect(IconLink, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13536", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLink size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLink2.tsx b/src/icons/IconLink2.tsx
index ca79b93..1eb80e3 100644
--- a/src/icons/IconLink2.tsx
+++ b/src/icons/IconLink2.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLink2 = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15835)"><path d="M9.99984 3.86669C9.55801 3.86669 9.19984 4.22486 9.19984 4.66669C9.19984 5.10851 9.55801 5.46669 9.99984 5.46669V3.86669ZM11.9998 4.66669V3.86669V4.66669ZM11.9998 11.3334V10.5334V11.3334ZM9.99984 10.5334C9.55801 10.5334 9.19984 10.8915 9.19984 11.3334C9.19984 11.7752 9.55801 12.1334 9.99984 12.1334V10.5334ZM5.99984 12.1334C6.44166 12.1334 6.79984 11.7752 6.79984 11.3334C6.79984 10.8915 6.44166 10.5334 5.99984 10.5334V12.1334ZM3.99984 11.3334V10.5334V11.3334ZM1.64281 10.357L2.2085 9.79136L1.64281 10.357ZM0.666504 8.00002H-0.133496H0.666504ZM3.99984 4.66669V3.86669V4.66669ZM5.99984 5.46669C6.44166 5.46669 6.79984 5.10851 6.79984 4.66669C6.79984 4.22486 6.44166 3.86669 5.99984 3.86669V5.46669ZM5.33317 7.20002C4.89134 7.20002 4.53317 7.55819 4.53317 8.00002C4.53317 8.44185 4.89134 8.80002 5.33317 8.80002V7.20002ZM10.6665 8.80002C11.1083 8.80002 11.4665 8.44185 11.4665 8.00002C11.4665 7.55819 11.1083 7.20002 10.6665 7.20002V8.80002ZM9.99984 5.46669H11.9998V3.86669H9.99984V5.46669ZM11.9998 5.46669C12.3325 5.46669 12.6619 5.53221 12.9693 5.65953L13.5816 4.18132C13.0801 3.9736 12.5426 3.86669 11.9998 3.86669V5.46669ZM12.9693 5.65953C13.2767 5.78684 13.5559 5.97344 13.7912 6.20868L14.9225 5.07731C14.5387 4.6935 14.0831 4.38904 13.5816 4.18132L12.9693 5.65953ZM13.7912 6.20868C14.0264 6.44392 14.213 6.7232 14.3403 7.03056L15.8185 6.41826C15.6108 5.91678 15.3064 5.46113 14.9225 5.07731L13.7912 6.20868ZM14.3403 7.03056C14.4676 7.33791 14.5332 7.66734 14.5332 8.00002H16.1332C16.1332 7.45722 16.0263 6.91974 15.8185 6.41826L14.3403 7.03056ZM14.5332 8.00002C14.5332 8.3327 14.4676 8.66213 14.3403 8.96948L15.8185 9.58178C16.0263 9.0803 16.1332 8.54282 16.1332 8.00002H14.5332ZM14.3403 8.96948C14.213 9.27684 14.0264 9.55612 13.7912 9.79136L14.9225 10.9227C15.3064 10.5389 15.6108 10.0833 15.8185 9.58178L14.3403 8.96948ZM13.7912 9.79136C13.5559 10.0266 13.2767 10.2132 12.9693 10.3405L13.5816 11.8187C14.0831 11.611 14.5387 11.3065 14.9225 10.9227L13.7912 9.79136ZM12.9693 10.3405C12.6619 10.4678 12.3325 10.5334 11.9998 10.5334V12.1334C12.5426 12.1334 13.0801 12.0264 13.5816 11.8187L12.9693 10.3405ZM11.9998 10.5334H9.99984V12.1334H11.9998V10.5334ZM5.99984 10.5334H3.99984V12.1334H5.99984V10.5334ZM3.99984 10.5334C3.66715 10.5334 3.33773 10.4678 3.03037 10.3405L2.41808 11.8187C2.91956 12.0264 3.45704 12.1334 3.99984 12.1334V10.5334ZM3.03037 10.3405C2.72301 10.2132 2.44374 10.0266 2.2085 9.79136L1.07713 10.9227C1.46094 11.3065 1.9166 11.611 2.41808 11.8187L3.03037 10.3405ZM2.2085 9.79136C1.73341 9.31627 1.4665 8.6719 1.4665 8.00002H-0.133496C-0.133496 9.09625 0.301979 10.1476 1.07713 10.9227L2.2085 9.79136ZM1.4665 8.00002C1.4665 7.32814 1.73341 6.68378 2.2085 6.20868L1.07713 5.07731C0.301979 5.85246 -0.133496 6.90379 -0.133496 8.00002H1.4665ZM2.2085 6.20868C2.68359 5.73359 3.32796 5.46669 3.99984 5.46669V3.86669C2.90361 3.86669 1.85228 4.30216 1.07713 5.07731L2.2085 6.20868ZM3.99984 5.46669H5.99984V3.86669H3.99984V5.46669ZM5.33317 8.80002H10.6665V7.20002H5.33317V8.80002Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15835"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15835)">
+      <path
+        d="M9.99984 3.86669C9.55801 3.86669 9.19984 4.22486 9.19984 4.66669C9.19984 5.10851 9.55801 5.46669 9.99984 5.46669V3.86669ZM11.9998 4.66669V3.86669V4.66669ZM11.9998 11.3334V10.5334V11.3334ZM9.99984 10.5334C9.55801 10.5334 9.19984 10.8915 9.19984 11.3334C9.19984 11.7752 9.55801 12.1334 9.99984 12.1334V10.5334ZM5.99984 12.1334C6.44166 12.1334 6.79984 11.7752 6.79984 11.3334C6.79984 10.8915 6.44166 10.5334 5.99984 10.5334V12.1334ZM3.99984 11.3334V10.5334V11.3334ZM1.64281 10.357L2.2085 9.79136L1.64281 10.357ZM0.666504 8.00002H-0.133496H0.666504ZM3.99984 4.66669V3.86669V4.66669ZM5.99984 5.46669C6.44166 5.46669 6.79984 5.10851 6.79984 4.66669C6.79984 4.22486 6.44166 3.86669 5.99984 3.86669V5.46669ZM5.33317 7.20002C4.89134 7.20002 4.53317 7.55819 4.53317 8.00002C4.53317 8.44185 4.89134 8.80002 5.33317 8.80002V7.20002ZM10.6665 8.80002C11.1083 8.80002 11.4665 8.44185 11.4665 8.00002C11.4665 7.55819 11.1083 7.20002 10.6665 7.20002V8.80002ZM9.99984 5.46669H11.9998V3.86669H9.99984V5.46669ZM11.9998 5.46669C12.3325 5.46669 12.6619 5.53221 12.9693 5.65953L13.5816 4.18132C13.0801 3.9736 12.5426 3.86669 11.9998 3.86669V5.46669ZM12.9693 5.65953C13.2767 5.78684 13.5559 5.97344 13.7912 6.20868L14.9225 5.07731C14.5387 4.6935 14.0831 4.38904 13.5816 4.18132L12.9693 5.65953ZM13.7912 6.20868C14.0264 6.44392 14.213 6.7232 14.3403 7.03056L15.8185 6.41826C15.6108 5.91678 15.3064 5.46113 14.9225 5.07731L13.7912 6.20868ZM14.3403 7.03056C14.4676 7.33791 14.5332 7.66734 14.5332 8.00002H16.1332C16.1332 7.45722 16.0263 6.91974 15.8185 6.41826L14.3403 7.03056ZM14.5332 8.00002C14.5332 8.3327 14.4676 8.66213 14.3403 8.96948L15.8185 9.58178C16.0263 9.0803 16.1332 8.54282 16.1332 8.00002H14.5332ZM14.3403 8.96948C14.213 9.27684 14.0264 9.55612 13.7912 9.79136L14.9225 10.9227C15.3064 10.5389 15.6108 10.0833 15.8185 9.58178L14.3403 8.96948ZM13.7912 9.79136C13.5559 10.0266 13.2767 10.2132 12.9693 10.3405L13.5816 11.8187C14.0831 11.611 14.5387 11.3065 14.9225 10.9227L13.7912 9.79136ZM12.9693 10.3405C12.6619 10.4678 12.3325 10.5334 11.9998 10.5334V12.1334C12.5426 12.1334 13.0801 12.0264 13.5816 11.8187L12.9693 10.3405ZM11.9998 10.5334H9.99984V12.1334H11.9998V10.5334ZM5.99984 10.5334H3.99984V12.1334H5.99984V10.5334ZM3.99984 10.5334C3.66715 10.5334 3.33773 10.4678 3.03037 10.3405L2.41808 11.8187C2.91956 12.0264 3.45704 12.1334 3.99984 12.1334V10.5334ZM3.03037 10.3405C2.72301 10.2132 2.44374 10.0266 2.2085 9.79136L1.07713 10.9227C1.46094 11.3065 1.9166 11.611 2.41808 11.8187L3.03037 10.3405ZM2.2085 9.79136C1.73341 9.31627 1.4665 8.6719 1.4665 8.00002H-0.133496C-0.133496 9.09625 0.301979 10.1476 1.07713 10.9227L2.2085 9.79136ZM1.4665 8.00002C1.4665 7.32814 1.73341 6.68378 2.2085 6.20868L1.07713 5.07731C0.301979 5.85246 -0.133496 6.90379 -0.133496 8.00002H1.4665ZM2.2085 6.20868C2.68359 5.73359 3.32796 5.46669 3.99984 5.46669V3.86669C2.90361 3.86669 1.85228 4.30216 1.07713 5.07731L2.2085 6.20868ZM3.99984 5.46669H5.99984V3.86669H3.99984V5.46669ZM5.33317 8.80002H10.6665V7.20002H5.33317V8.80002Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15835">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconLink2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13537",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLink2 size={size} />,
+  },
 );
-figma.connect(IconLink2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13537", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLink2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLinkedin.tsx b/src/icons/IconLinkedin.tsx
index eeadf11..e445a87 100644
--- a/src/icons/IconLinkedin.tsx
+++ b/src/icons/IconLinkedin.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLinkedin = (props: IconProps) => (
-  <Icon {...props}><path d="M14.6667 14V14.8C15.1085 14.8 15.4667 14.4419 15.4667 14H14.6667ZM12 14H11.2C11.2 14.4419 11.5582 14.8 12 14.8V14ZM9.33333 14V14.8C9.77516 14.8 10.1333 14.4419 10.1333 14H9.33333ZM6.66666 14H5.86666C5.86666 14.4419 6.22483 14.8 6.66666 14.8V14ZM1.33333 6.00004V5.20004C0.8915 5.20004 0.533328 5.55821 0.533328 6.00004H1.33333ZM3.99999 6.00004H4.79999C4.79999 5.55821 4.44182 5.20004 3.99999 5.20004V6.00004ZM3.99999 14V14.8C4.44182 14.8 4.79999 14.4419 4.79999 14H3.99999ZM1.33333 14H0.533328C0.533328 14.4419 0.8915 14.8 1.33333 14.8L1.33333 14ZM10.6667 6.13337C11.5154 6.13337 12.3293 6.47052 12.9294 7.07063L14.0608 5.93926C13.1606 5.03909 11.9397 4.53337 10.6667 4.53337V6.13337ZM12.9294 7.07063C13.5295 7.67075 13.8667 8.48468 13.8667 9.33337H15.4667C15.4667 8.06033 14.9609 6.83944 14.0608 5.93926L12.9294 7.07063ZM13.8667 9.33337V14H15.4667V9.33337H13.8667ZM14.6667 13.2H12V14.8H14.6667V13.2ZM12.8 14V9.33337H11.2V14H12.8ZM12.8 9.33337C12.8 8.76758 12.5752 8.22496 12.1752 7.82488L11.0438 8.95625C11.1438 9.05627 11.2 9.19193 11.2 9.33337H12.8ZM12.1752 7.82488C11.7751 7.4248 11.2325 7.20004 10.6667 7.20004V8.80004C10.8081 8.80004 10.9438 8.85623 11.0438 8.95625L12.1752 7.82488ZM10.6667 7.20004C10.1009 7.20004 9.55824 7.4248 9.15817 7.82488L10.2895 8.95625C10.3896 8.85623 10.5252 8.80004 10.6667 8.80004V7.20004ZM9.15817 7.82488C8.75809 8.22496 8.53333 8.76758 8.53333 9.33337H10.1333C10.1333 9.19193 10.1895 9.05627 10.2895 8.95625L9.15817 7.82488ZM8.53333 9.33337V14H10.1333V9.33337H8.53333ZM9.33333 13.2H6.66666V14.8H9.33333V13.2ZM7.46666 14V9.33337H5.86666V14H7.46666ZM7.46666 9.33337C7.46666 8.48468 7.8038 7.67075 8.40392 7.07063L7.27255 5.93926C6.37237 6.83944 5.86666 8.06033 5.86666 9.33337H7.46666ZM8.40392 7.07063C9.00404 6.47052 9.81797 6.13337 10.6667 6.13337V4.53337C9.39362 4.53337 8.17272 5.03909 7.27255 5.93926L8.40392 7.07063ZM1.33333 6.80004H3.99999V5.20004H1.33333V6.80004ZM3.19999 6.00004V14H4.79999V6.00004H3.19999ZM3.99999 13.2H1.33333V14.8H3.99999V13.2ZM2.13333 14V6.00004H0.533328V14H2.13333ZM3.19999 2.66671C3.19999 2.96126 2.96121 3.20004 2.66666 3.20004V4.80004C3.84487 4.80004 4.79999 3.84491 4.79999 2.66671H3.19999ZM2.66666 3.20004C2.37211 3.20004 2.13333 2.96126 2.13333 2.66671H0.533328C0.533328 3.84491 1.48845 4.80004 2.66666 4.80004V3.20004ZM2.13333 2.66671C2.13333 2.37216 2.37211 2.13337 2.66666 2.13337V0.533374C1.48845 0.533374 0.533328 1.4885 0.533328 2.66671H2.13333ZM2.66666 2.13337C2.96121 2.13337 3.19999 2.37216 3.19999 2.66671H4.79999C4.79999 1.4885 3.84487 0.533374 2.66666 0.533374V2.13337Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.6667 14V14.8C15.1085 14.8 15.4667 14.4419 15.4667 14H14.6667ZM12 14H11.2C11.2 14.4419 11.5582 14.8 12 14.8V14ZM9.33333 14V14.8C9.77516 14.8 10.1333 14.4419 10.1333 14H9.33333ZM6.66666 14H5.86666C5.86666 14.4419 6.22483 14.8 6.66666 14.8V14ZM1.33333 6.00004V5.20004C0.8915 5.20004 0.533328 5.55821 0.533328 6.00004H1.33333ZM3.99999 6.00004H4.79999C4.79999 5.55821 4.44182 5.20004 3.99999 5.20004V6.00004ZM3.99999 14V14.8C4.44182 14.8 4.79999 14.4419 4.79999 14H3.99999ZM1.33333 14H0.533328C0.533328 14.4419 0.8915 14.8 1.33333 14.8L1.33333 14ZM10.6667 6.13337C11.5154 6.13337 12.3293 6.47052 12.9294 7.07063L14.0608 5.93926C13.1606 5.03909 11.9397 4.53337 10.6667 4.53337V6.13337ZM12.9294 7.07063C13.5295 7.67075 13.8667 8.48468 13.8667 9.33337H15.4667C15.4667 8.06033 14.9609 6.83944 14.0608 5.93926L12.9294 7.07063ZM13.8667 9.33337V14H15.4667V9.33337H13.8667ZM14.6667 13.2H12V14.8H14.6667V13.2ZM12.8 14V9.33337H11.2V14H12.8ZM12.8 9.33337C12.8 8.76758 12.5752 8.22496 12.1752 7.82488L11.0438 8.95625C11.1438 9.05627 11.2 9.19193 11.2 9.33337H12.8ZM12.1752 7.82488C11.7751 7.4248 11.2325 7.20004 10.6667 7.20004V8.80004C10.8081 8.80004 10.9438 8.85623 11.0438 8.95625L12.1752 7.82488ZM10.6667 7.20004C10.1009 7.20004 9.55824 7.4248 9.15817 7.82488L10.2895 8.95625C10.3896 8.85623 10.5252 8.80004 10.6667 8.80004V7.20004ZM9.15817 7.82488C8.75809 8.22496 8.53333 8.76758 8.53333 9.33337H10.1333C10.1333 9.19193 10.1895 9.05627 10.2895 8.95625L9.15817 7.82488ZM8.53333 9.33337V14H10.1333V9.33337H8.53333ZM9.33333 13.2H6.66666V14.8H9.33333V13.2ZM7.46666 14V9.33337H5.86666V14H7.46666ZM7.46666 9.33337C7.46666 8.48468 7.8038 7.67075 8.40392 7.07063L7.27255 5.93926C6.37237 6.83944 5.86666 8.06033 5.86666 9.33337H7.46666ZM8.40392 7.07063C9.00404 6.47052 9.81797 6.13337 10.6667 6.13337V4.53337C9.39362 4.53337 8.17272 5.03909 7.27255 5.93926L8.40392 7.07063ZM1.33333 6.80004H3.99999V5.20004H1.33333V6.80004ZM3.19999 6.00004V14H4.79999V6.00004H3.19999ZM3.99999 13.2H1.33333V14.8H3.99999V13.2ZM2.13333 14V6.00004H0.533328V14H2.13333ZM3.19999 2.66671C3.19999 2.96126 2.96121 3.20004 2.66666 3.20004V4.80004C3.84487 4.80004 4.79999 3.84491 4.79999 2.66671H3.19999ZM2.66666 3.20004C2.37211 3.20004 2.13333 2.96126 2.13333 2.66671H0.533328C0.533328 3.84491 1.48845 4.80004 2.66666 4.80004V3.20004ZM2.13333 2.66671C2.13333 2.37216 2.37211 2.13337 2.66666 2.13337V0.533374C1.48845 0.533374 0.533328 1.4885 0.533328 2.66671H2.13333ZM2.66666 2.13337C2.96121 2.13337 3.19999 2.37216 3.19999 2.66671H4.79999C4.79999 1.4885 3.84487 0.533374 2.66666 0.533374V2.13337Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconLinkedin,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13539",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLinkedin size={size} />,
+  },
 );
-figma.connect(IconLinkedin, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13539", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLinkedin size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconList.tsx b/src/icons/IconList.tsx
index e39b10b..9094f94 100644
--- a/src/icons/IconList.tsx
+++ b/src/icons/IconList.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconList = (props: IconProps) => (
-  <Icon {...props}><path d="M5.33333 3.2C4.89151 3.2 4.53333 3.55817 4.53333 4C4.53333 4.44183 4.89151 4.8 5.33333 4.8V3.2ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM14 8.8C14.4418 8.8 14.8 8.44183 14.8 8C14.8 7.55817 14.4418 7.2 14 7.2V8.8ZM5.33333 11.2C4.89151 11.2 4.53333 11.5582 4.53333 12C4.53333 12.4418 4.89151 12.8 5.33333 12.8V11.2ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM2.00667 4.8C2.44849 4.8 2.80667 4.44183 2.80667 4C2.80667 3.55817 2.44849 3.2 2.00667 3.2V4.8ZM2 7.2C1.55817 7.2 1.2 7.55817 1.2 8C1.2 8.44183 1.55817 8.8 2 8.8V7.2ZM2.00667 8.8C2.44849 8.8 2.80667 8.44183 2.80667 8C2.80667 7.55817 2.44849 7.2 2.00667 7.2V8.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM2.00667 12.8C2.44849 12.8 2.80667 12.4418 2.80667 12C2.80667 11.5582 2.44849 11.2 2.00667 11.2V12.8ZM5.33333 4.8H14V3.2H5.33333V4.8ZM5.33333 8.8H14V7.2H5.33333V8.8ZM5.33333 12.8H14V11.2H5.33333V12.8ZM2 4.8H2.00667V3.2H2V4.8ZM2 8.8H2.00667V7.2H2V8.8ZM2 12.8H2.00667V11.2H2V12.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.33333 3.2C4.89151 3.2 4.53333 3.55817 4.53333 4C4.53333 4.44183 4.89151 4.8 5.33333 4.8V3.2ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM14 8.8C14.4418 8.8 14.8 8.44183 14.8 8C14.8 7.55817 14.4418 7.2 14 7.2V8.8ZM5.33333 11.2C4.89151 11.2 4.53333 11.5582 4.53333 12C4.53333 12.4418 4.89151 12.8 5.33333 12.8V11.2ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM2.00667 4.8C2.44849 4.8 2.80667 4.44183 2.80667 4C2.80667 3.55817 2.44849 3.2 2.00667 3.2V4.8ZM2 7.2C1.55817 7.2 1.2 7.55817 1.2 8C1.2 8.44183 1.55817 8.8 2 8.8V7.2ZM2.00667 8.8C2.44849 8.8 2.80667 8.44183 2.80667 8C2.80667 7.55817 2.44849 7.2 2.00667 7.2V8.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM2.00667 12.8C2.44849 12.8 2.80667 12.4418 2.80667 12C2.80667 11.5582 2.44849 11.2 2.00667 11.2V12.8ZM5.33333 4.8H14V3.2H5.33333V4.8ZM5.33333 8.8H14V7.2H5.33333V8.8ZM5.33333 12.8H14V11.2H5.33333V12.8ZM2 4.8H2.00667V3.2H2V4.8ZM2 8.8H2.00667V7.2H2V8.8ZM2 12.8H2.00667V11.2H2V12.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconList,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13538",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconList size={size} />,
+  },
 );
-figma.connect(IconList, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13538", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconList size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLoader.tsx b/src/icons/IconLoader.tsx
index 2703a93..2ec1191 100644
--- a/src/icons/IconLoader.tsx
+++ b/src/icons/IconLoader.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLoader = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15843)"><path d="M8.80004 1.33337C8.80004 0.891546 8.44187 0.533374 8.00004 0.533374C7.55821 0.533374 7.20004 0.891546 7.20004 1.33337H8.80004ZM7.20004 4.00004C7.20004 4.44187 7.55821 4.80004 8.00004 4.80004C8.44187 4.80004 8.80004 4.44187 8.80004 4.00004H7.20004ZM8.80004 12C8.80004 11.5582 8.44187 11.2 8.00004 11.2C7.55821 11.2 7.20004 11.5582 7.20004 12H8.80004ZM7.20004 14.6667C7.20004 15.1085 7.55821 15.4667 8.00004 15.4667C8.44187 15.4667 8.80004 15.1085 8.80004 14.6667H7.20004ZM3.85239 2.72102C3.53997 2.4086 3.03344 2.4086 2.72102 2.72102C2.4086 3.03344 2.4086 3.53997 2.72102 3.85239L3.85239 2.72102ZM4.60769 5.73906C4.92011 6.05148 5.42664 6.05148 5.73906 5.73906C6.05148 5.42664 6.05148 4.92011 5.73906 4.60769L4.60769 5.73906ZM11.3924 10.261C11.08 9.9486 10.5734 9.9486 10.261 10.261C9.9486 10.5734 9.9486 11.08 10.261 11.3924L11.3924 10.261ZM12.1477 13.2791C12.4601 13.5915 12.9666 13.5915 13.2791 13.2791C13.5915 12.9666 13.5915 12.4601 13.2791 12.1477L12.1477 13.2791ZM1.33337 7.20004C0.891546 7.20004 0.533374 7.55821 0.533374 8.00004C0.533374 8.44187 0.891546 8.80004 1.33337 8.80004V7.20004ZM4.00004 8.80004C4.44187 8.80004 4.80004 8.44187 4.80004 8.00004C4.80004 7.55821 4.44187 7.20004 4.00004 7.20004V8.80004ZM12 7.20004C11.5582 7.20004 11.2 7.55821 11.2 8.00004C11.2 8.44187 11.5582 8.80004 12 8.80004V7.20004ZM14.6667 8.80004C15.1085 8.80004 15.4667 8.44187 15.4667 8.00004C15.4667 7.55821 15.1085 7.20004 14.6667 7.20004V8.80004ZM2.72102 12.1477C2.4086 12.4601 2.4086 12.9666 2.72102 13.2791C3.03344 13.5915 3.53997 13.5915 3.85239 13.2791L2.72102 12.1477ZM5.73906 11.3924C6.05148 11.08 6.05148 10.5734 5.73906 10.261C5.42664 9.9486 4.92011 9.9486 4.60769 10.261L5.73906 11.3924ZM10.261 4.60769C9.9486 4.92011 9.9486 5.42664 10.261 5.73906C10.5734 6.05148 11.08 6.05148 11.3924 5.73906L10.261 4.60769ZM13.2791 3.85239C13.5915 3.53997 13.5915 3.03344 13.2791 2.72102C12.9666 2.4086 12.4601 2.4086 12.1477 2.72102L13.2791 3.85239ZM7.20004 1.33337V4.00004H8.80004V1.33337H7.20004ZM7.20004 12V14.6667H8.80004V12H7.20004ZM2.72102 3.85239L4.60769 5.73906L5.73906 4.60769L3.85239 2.72102L2.72102 3.85239ZM10.261 11.3924L12.1477 13.2791L13.2791 12.1477L11.3924 10.261L10.261 11.3924ZM1.33337 8.80004H4.00004V7.20004H1.33337V8.80004ZM12 8.80004H14.6667V7.20004H12V8.80004ZM3.85239 13.2791L5.73906 11.3924L4.60769 10.261L2.72102 12.1477L3.85239 13.2791ZM11.3924 5.73906L13.2791 3.85239L12.1477 2.72102L10.261 4.60769L11.3924 5.73906Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15843"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15843)">
+      <path
+        d="M8.80004 1.33337C8.80004 0.891546 8.44187 0.533374 8.00004 0.533374C7.55821 0.533374 7.20004 0.891546 7.20004 1.33337H8.80004ZM7.20004 4.00004C7.20004 4.44187 7.55821 4.80004 8.00004 4.80004C8.44187 4.80004 8.80004 4.44187 8.80004 4.00004H7.20004ZM8.80004 12C8.80004 11.5582 8.44187 11.2 8.00004 11.2C7.55821 11.2 7.20004 11.5582 7.20004 12H8.80004ZM7.20004 14.6667C7.20004 15.1085 7.55821 15.4667 8.00004 15.4667C8.44187 15.4667 8.80004 15.1085 8.80004 14.6667H7.20004ZM3.85239 2.72102C3.53997 2.4086 3.03344 2.4086 2.72102 2.72102C2.4086 3.03344 2.4086 3.53997 2.72102 3.85239L3.85239 2.72102ZM4.60769 5.73906C4.92011 6.05148 5.42664 6.05148 5.73906 5.73906C6.05148 5.42664 6.05148 4.92011 5.73906 4.60769L4.60769 5.73906ZM11.3924 10.261C11.08 9.9486 10.5734 9.9486 10.261 10.261C9.9486 10.5734 9.9486 11.08 10.261 11.3924L11.3924 10.261ZM12.1477 13.2791C12.4601 13.5915 12.9666 13.5915 13.2791 13.2791C13.5915 12.9666 13.5915 12.4601 13.2791 12.1477L12.1477 13.2791ZM1.33337 7.20004C0.891546 7.20004 0.533374 7.55821 0.533374 8.00004C0.533374 8.44187 0.891546 8.80004 1.33337 8.80004V7.20004ZM4.00004 8.80004C4.44187 8.80004 4.80004 8.44187 4.80004 8.00004C4.80004 7.55821 4.44187 7.20004 4.00004 7.20004V8.80004ZM12 7.20004C11.5582 7.20004 11.2 7.55821 11.2 8.00004C11.2 8.44187 11.5582 8.80004 12 8.80004V7.20004ZM14.6667 8.80004C15.1085 8.80004 15.4667 8.44187 15.4667 8.00004C15.4667 7.55821 15.1085 7.20004 14.6667 7.20004V8.80004ZM2.72102 12.1477C2.4086 12.4601 2.4086 12.9666 2.72102 13.2791C3.03344 13.5915 3.53997 13.5915 3.85239 13.2791L2.72102 12.1477ZM5.73906 11.3924C6.05148 11.08 6.05148 10.5734 5.73906 10.261C5.42664 9.9486 4.92011 9.9486 4.60769 10.261L5.73906 11.3924ZM10.261 4.60769C9.9486 4.92011 9.9486 5.42664 10.261 5.73906C10.5734 6.05148 11.08 6.05148 11.3924 5.73906L10.261 4.60769ZM13.2791 3.85239C13.5915 3.53997 13.5915 3.03344 13.2791 2.72102C12.9666 2.4086 12.4601 2.4086 12.1477 2.72102L13.2791 3.85239ZM7.20004 1.33337V4.00004H8.80004V1.33337H7.20004ZM7.20004 12V14.6667H8.80004V12H7.20004ZM2.72102 3.85239L4.60769 5.73906L5.73906 4.60769L3.85239 2.72102L2.72102 3.85239ZM10.261 11.3924L12.1477 13.2791L13.2791 12.1477L11.3924 10.261L10.261 11.3924ZM1.33337 8.80004H4.00004V7.20004H1.33337V8.80004ZM12 8.80004H14.6667V7.20004H12V8.80004ZM3.85239 13.2791L5.73906 11.3924L4.60769 10.261L2.72102 12.1477L3.85239 13.2791ZM11.3924 5.73906L13.2791 3.85239L12.1477 2.72102L10.261 4.60769L11.3924 5.73906Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15843">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconLoader,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13541",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLoader size={size} />,
+  },
 );
-figma.connect(IconLoader, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13541", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLoader size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLock.tsx b/src/icons/IconLock.tsx
index e7e237f..e98e85c 100644
--- a/src/icons/IconLock.tsx
+++ b/src/icons/IconLock.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLock = (props: IconProps) => (
-  <Icon {...props}><path d="M3.86667 7.33337C3.86667 7.7752 4.22484 8.13337 4.66667 8.13337C5.10849 8.13337 5.46667 7.7752 5.46667 7.33337H3.86667ZM4.66667 4.66671H3.86667H4.66667ZM8 1.33337V0.533374V1.33337ZM10.5333 7.33337C10.5333 7.7752 10.8915 8.13337 11.3333 8.13337C11.7752 8.13337 12.1333 7.7752 12.1333 7.33337H10.5333ZM3.33333 8.13337H12.6667V6.53337H3.33333V8.13337ZM12.6667 8.13337C12.9612 8.13337 13.2 8.37216 13.2 8.66671H14.8C14.8 7.4885 13.8449 6.53337 12.6667 6.53337V8.13337ZM13.2 8.66671V13.3334H14.8V8.66671H13.2ZM13.2 13.3334C13.2 13.6279 12.9612 13.8667 12.6667 13.8667V15.4667C13.8449 15.4667 14.8 14.5116 14.8 13.3334H13.2ZM12.6667 13.8667H3.33333V15.4667H12.6667V13.8667ZM3.33333 13.8667C3.03878 13.8667 2.8 13.6279 2.8 13.3334H1.2C1.2 14.5116 2.15513 15.4667 3.33333 15.4667V13.8667ZM2.8 13.3334V8.66671H1.2V13.3334H2.8ZM2.8 8.66671C2.8 8.37216 3.03878 8.13337 3.33333 8.13337V6.53337C2.15513 6.53337 1.2 7.4885 1.2 8.66671H2.8ZM5.46667 7.33337V4.66671H3.86667V7.33337H5.46667ZM5.46667 4.66671C5.46667 3.99483 5.73357 3.35046 6.20866 2.87537L5.07729 1.744C4.30214 2.51915 3.86667 3.57048 3.86667 4.66671H5.46667ZM6.20866 2.87537C6.68375 2.40028 7.32812 2.13337 8 2.13337V0.533374C6.90377 0.533374 5.85244 0.968849 5.07729 1.744L6.20866 2.87537ZM8 2.13337C8.67188 2.13337 9.31624 2.40028 9.79134 2.87537L10.9227 1.744C10.1476 0.968849 9.09623 0.533374 8 0.533374V2.13337ZM9.79134 2.87537C10.2664 3.35046 10.5333 3.99483 10.5333 4.66671H12.1333C12.1333 3.57048 11.6979 2.51915 10.9227 1.744L9.79134 2.87537ZM10.5333 4.66671V7.33337H12.1333V4.66671H10.5333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.86667 7.33337C3.86667 7.7752 4.22484 8.13337 4.66667 8.13337C5.10849 8.13337 5.46667 7.7752 5.46667 7.33337H3.86667ZM4.66667 4.66671H3.86667H4.66667ZM8 1.33337V0.533374V1.33337ZM10.5333 7.33337C10.5333 7.7752 10.8915 8.13337 11.3333 8.13337C11.7752 8.13337 12.1333 7.7752 12.1333 7.33337H10.5333ZM3.33333 8.13337H12.6667V6.53337H3.33333V8.13337ZM12.6667 8.13337C12.9612 8.13337 13.2 8.37216 13.2 8.66671H14.8C14.8 7.4885 13.8449 6.53337 12.6667 6.53337V8.13337ZM13.2 8.66671V13.3334H14.8V8.66671H13.2ZM13.2 13.3334C13.2 13.6279 12.9612 13.8667 12.6667 13.8667V15.4667C13.8449 15.4667 14.8 14.5116 14.8 13.3334H13.2ZM12.6667 13.8667H3.33333V15.4667H12.6667V13.8667ZM3.33333 13.8667C3.03878 13.8667 2.8 13.6279 2.8 13.3334H1.2C1.2 14.5116 2.15513 15.4667 3.33333 15.4667V13.8667ZM2.8 13.3334V8.66671H1.2V13.3334H2.8ZM2.8 8.66671C2.8 8.37216 3.03878 8.13337 3.33333 8.13337V6.53337C2.15513 6.53337 1.2 7.4885 1.2 8.66671H2.8ZM5.46667 7.33337V4.66671H3.86667V7.33337H5.46667ZM5.46667 4.66671C5.46667 3.99483 5.73357 3.35046 6.20866 2.87537L5.07729 1.744C4.30214 2.51915 3.86667 3.57048 3.86667 4.66671H5.46667ZM6.20866 2.87537C6.68375 2.40028 7.32812 2.13337 8 2.13337V0.533374C6.90377 0.533374 5.85244 0.968849 5.07729 1.744L6.20866 2.87537ZM8 2.13337C8.67188 2.13337 9.31624 2.40028 9.79134 2.87537L10.9227 1.744C10.1476 0.968849 9.09623 0.533374 8 0.533374V2.13337ZM9.79134 2.87537C10.2664 3.35046 10.5333 3.99483 10.5333 4.66671H12.1333C12.1333 3.57048 11.6979 2.51915 10.9227 1.744L9.79134 2.87537ZM10.5333 4.66671V7.33337H12.1333V4.66671H10.5333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconLock,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13540",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLock size={size} />,
+  },
 );
-figma.connect(IconLock, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13540", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLock size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLogIn.tsx b/src/icons/IconLogIn.tsx
index 86eeaa4..a99ea36 100644
--- a/src/icons/IconLogIn.tsx
+++ b/src/icons/IconLogIn.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLogIn = (props: IconProps) => (
-  <Icon {...props}><path d="M10 1.2C9.55817 1.2 9.2 1.55817 9.2 2C9.2 2.44183 9.55817 2.8 10 2.8V1.2ZM12.6667 2V1.2V2ZM10 13.2C9.55817 13.2 9.2 13.5582 9.2 14C9.2 14.4418 9.55817 14.8 10 14.8V13.2ZM6.10098 10.7676C5.78856 11.0801 5.78856 11.5866 6.10098 11.899C6.4134 12.2114 6.91993 12.2114 7.23235 11.899L6.10098 10.7676ZM10 8L10.5657 8.56569C10.8781 8.25327 10.8781 7.74673 10.5657 7.43431L10 8ZM7.23235 4.10098C6.91993 3.78856 6.4134 3.78856 6.10098 4.10098C5.78856 4.4134 5.78856 4.91993 6.10098 5.23235L7.23235 4.10098ZM2 7.2C1.55817 7.2 1.2 7.55817 1.2 8C1.2 8.44183 1.55817 8.8 2 8.8V7.2ZM10 2.8H12.6667V1.2H10V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H10V14.8H12.6667V13.2ZM7.23235 11.899L10.5657 8.56569L9.43431 7.43431L6.10098 10.7676L7.23235 11.899ZM10.5657 7.43431L7.23235 4.10098L6.10098 5.23235L9.43431 8.56569L10.5657 7.43431ZM10 7.2H2V8.8H10V7.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10 1.2C9.55817 1.2 9.2 1.55817 9.2 2C9.2 2.44183 9.55817 2.8 10 2.8V1.2ZM12.6667 2V1.2V2ZM10 13.2C9.55817 13.2 9.2 13.5582 9.2 14C9.2 14.4418 9.55817 14.8 10 14.8V13.2ZM6.10098 10.7676C5.78856 11.0801 5.78856 11.5866 6.10098 11.899C6.4134 12.2114 6.91993 12.2114 7.23235 11.899L6.10098 10.7676ZM10 8L10.5657 8.56569C10.8781 8.25327 10.8781 7.74673 10.5657 7.43431L10 8ZM7.23235 4.10098C6.91993 3.78856 6.4134 3.78856 6.10098 4.10098C5.78856 4.4134 5.78856 4.91993 6.10098 5.23235L7.23235 4.10098ZM2 7.2C1.55817 7.2 1.2 7.55817 1.2 8C1.2 8.44183 1.55817 8.8 2 8.8V7.2ZM10 2.8H12.6667V1.2H10V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H10V14.8H12.6667V13.2ZM7.23235 11.899L10.5657 8.56569L9.43431 7.43431L6.10098 10.7676L7.23235 11.899ZM10.5657 7.43431L7.23235 4.10098L6.10098 5.23235L9.43431 8.56569L10.5657 7.43431ZM10 7.2H2V8.8H10V7.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconLogIn,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13542",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLogIn size={size} />,
+  },
 );
-figma.connect(IconLogIn, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13542", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLogIn size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconLogOut.tsx b/src/icons/IconLogOut.tsx
index 1cae19d..3e68348 100644
--- a/src/icons/IconLogOut.tsx
+++ b/src/icons/IconLogOut.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconLogOut = (props: IconProps) => (
-  <Icon {...props}><path d="M6 14.8C6.44183 14.8 6.8 14.4418 6.8 14C6.8 13.5582 6.44183 13.2 6 13.2V14.8ZM2 12.6667H1.2H2ZM3.33333 2V1.2V2ZM6 2.8C6.44183 2.8 6.8 2.44183 6.8 2C6.8 1.55817 6.44183 1.2 6 1.2V2.8ZM10.101 10.7676C9.78856 11.0801 9.78856 11.5866 10.101 11.899C10.4134 12.2114 10.9199 12.2114 11.2324 11.899L10.101 10.7676ZM14 8L14.5657 8.56569C14.8781 8.25327 14.8781 7.74673 14.5657 7.43431L14 8ZM11.2324 4.10098C10.9199 3.78856 10.4134 3.78856 10.101 4.10098C9.78856 4.4134 9.78856 4.91993 10.101 5.23235L11.2324 4.10098ZM6 7.2C5.55817 7.2 5.2 7.55817 5.2 8C5.2 8.44183 5.55817 8.8 6 8.8V7.2ZM6 13.2H3.33333V14.8H6V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H6V1.2H3.33333V2.8ZM11.2324 11.899L14.5657 8.56569L13.4343 7.43431L10.101 10.7676L11.2324 11.899ZM14.5657 7.43431L11.2324 4.10098L10.101 5.23235L13.4343 8.56569L14.5657 7.43431ZM14 7.2H6V8.8H14V7.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6 14.8C6.44183 14.8 6.8 14.4418 6.8 14C6.8 13.5582 6.44183 13.2 6 13.2V14.8ZM2 12.6667H1.2H2ZM3.33333 2V1.2V2ZM6 2.8C6.44183 2.8 6.8 2.44183 6.8 2C6.8 1.55817 6.44183 1.2 6 1.2V2.8ZM10.101 10.7676C9.78856 11.0801 9.78856 11.5866 10.101 11.899C10.4134 12.2114 10.9199 12.2114 11.2324 11.899L10.101 10.7676ZM14 8L14.5657 8.56569C14.8781 8.25327 14.8781 7.74673 14.5657 7.43431L14 8ZM11.2324 4.10098C10.9199 3.78856 10.4134 3.78856 10.101 4.10098C9.78856 4.4134 9.78856 4.91993 10.101 5.23235L11.2324 4.10098ZM6 7.2C5.55817 7.2 5.2 7.55817 5.2 8C5.2 8.44183 5.55817 8.8 6 8.8V7.2ZM6 13.2H3.33333V14.8H6V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H6V1.2H3.33333V2.8ZM11.2324 11.899L14.5657 8.56569L13.4343 7.43431L10.101 10.7676L11.2324 11.899ZM14.5657 7.43431L11.2324 4.10098L10.101 5.23235L13.4343 8.56569L14.5657 7.43431ZM14 7.2H6V8.8H14V7.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconLogOut,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13543",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconLogOut size={size} />,
+  },
 );
-figma.connect(IconLogOut, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13543", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconLogOut size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMail.tsx b/src/icons/IconMail.tsx
index ccb23ca..e801397 100644
--- a/src/icons/IconMail.tsx
+++ b/src/icons/IconMail.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMail = (props: IconProps) => (
-  <Icon {...props}><path d="M7.99992 8.66663L7.54115 9.32201C7.8166 9.51483 8.18323 9.51483 8.45869 9.32201L7.99992 8.66663ZM2.66659 3.46663H13.3333V1.86663H2.66659V3.46663ZM13.3333 3.46663C13.6248 3.46663 13.8666 3.70845 13.8666 3.99996H15.4666C15.4666 2.8248 14.5084 1.86663 13.3333 1.86663V3.46663ZM13.8666 3.99996V12H15.4666V3.99996H13.8666ZM13.8666 12C13.8666 12.2915 13.6248 12.5333 13.3333 12.5333V14.1333C14.5084 14.1333 15.4666 13.1751 15.4666 12H13.8666ZM13.3333 12.5333H2.66659V14.1333H13.3333V12.5333ZM2.66659 12.5333C2.37508 12.5333 2.13325 12.2915 2.13325 12H0.533252C0.533252 13.1751 1.49142 14.1333 2.66659 14.1333V12.5333ZM2.13325 12V3.99996H0.533252V12H2.13325ZM2.13325 3.99996C2.13325 3.70845 2.37508 3.46663 2.66659 3.46663V1.86663C1.49142 1.86663 0.533252 2.8248 0.533252 3.99996H2.13325ZM14.2078 3.34457L7.54115 8.01124L8.45869 9.32201L15.1254 4.65534L14.2078 3.34457ZM8.45869 8.01124L1.79202 3.34457L0.874482 4.65534L7.54115 9.32201L8.45869 8.01124Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.99992 8.66663L7.54115 9.32201C7.8166 9.51483 8.18323 9.51483 8.45869 9.32201L7.99992 8.66663ZM2.66659 3.46663H13.3333V1.86663H2.66659V3.46663ZM13.3333 3.46663C13.6248 3.46663 13.8666 3.70845 13.8666 3.99996H15.4666C15.4666 2.8248 14.5084 1.86663 13.3333 1.86663V3.46663ZM13.8666 3.99996V12H15.4666V3.99996H13.8666ZM13.8666 12C13.8666 12.2915 13.6248 12.5333 13.3333 12.5333V14.1333C14.5084 14.1333 15.4666 13.1751 15.4666 12H13.8666ZM13.3333 12.5333H2.66659V14.1333H13.3333V12.5333ZM2.66659 12.5333C2.37508 12.5333 2.13325 12.2915 2.13325 12H0.533252C0.533252 13.1751 1.49142 14.1333 2.66659 14.1333V12.5333ZM2.13325 12V3.99996H0.533252V12H2.13325ZM2.13325 3.99996C2.13325 3.70845 2.37508 3.46663 2.66659 3.46663V1.86663C1.49142 1.86663 0.533252 2.8248 0.533252 3.99996H2.13325ZM14.2078 3.34457L7.54115 8.01124L8.45869 9.32201L15.1254 4.65534L14.2078 3.34457ZM8.45869 8.01124L1.79202 3.34457L0.874482 4.65534L7.54115 9.32201L8.45869 8.01124Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMail,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13544",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMail size={size} />,
+  },
 );
-figma.connect(IconMail, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13544", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMail size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMap.tsx b/src/icons/IconMap.tsx
index cdd9a31..70cbafe 100644
--- a/src/icons/IconMap.tsx
+++ b/src/icons/IconMap.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMap = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15855)"><path d="M0.666504 4.00004L0.269593 3.30545C0.0203328 3.44788 -0.133496 3.71296 -0.133496 4.00004H0.666504ZM0.666504 14.6667H-0.133496C-0.133496 14.9519 0.0183106 15.2155 0.264962 15.3586C0.511614 15.5018 0.815813 15.5028 1.06342 15.3613L0.666504 14.6667ZM10.6665 14.6667L10.3087 15.3822C10.548 15.5019 10.8312 15.494 11.0634 15.3613L10.6665 14.6667ZM15.3332 12L15.7301 12.6946C15.9793 12.5522 16.1332 12.2871 16.1332 12H15.3332ZM15.3332 1.33337H16.1332C16.1332 1.0482 15.9814 0.784584 15.7347 0.641446C15.4881 0.498308 15.1839 0.497292 14.9363 0.63878L15.3332 1.33337ZM5.33317 1.33337L5.69094 0.617832C5.4517 0.49821 5.1685 0.506071 4.93626 0.63878L5.33317 1.33337ZM-0.133496 4.00004V14.6667H1.4665V4.00004H-0.133496ZM1.06342 15.3613L5.73008 12.6946L4.93626 11.3054L0.269593 13.9721L1.06342 15.3613ZM4.9754 12.7156L10.3087 15.3822L11.0243 13.9512L5.69094 11.2845L4.9754 12.7156ZM11.0634 15.3613L15.7301 12.6946L14.9363 11.3054L10.2696 13.9721L11.0634 15.3613ZM16.1332 12V1.33337H14.5332V12H16.1332ZM14.9363 0.63878L10.2696 3.30545L11.0634 4.69464L15.7301 2.02797L14.9363 0.63878ZM11.0243 3.2845L5.69094 0.617832L4.9754 2.04892L10.3087 4.71558L11.0243 3.2845ZM4.93626 0.63878L0.269593 3.30545L1.06342 4.69464L5.73008 2.02797L4.93626 0.63878ZM4.53317 1.33337V12H6.13317V1.33337H4.53317ZM9.8665 4.00004V14.6667H11.4665V4.00004H9.8665Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15855"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15855)">
+      <path
+        d="M0.666504 4.00004L0.269593 3.30545C0.0203328 3.44788 -0.133496 3.71296 -0.133496 4.00004H0.666504ZM0.666504 14.6667H-0.133496C-0.133496 14.9519 0.0183106 15.2155 0.264962 15.3586C0.511614 15.5018 0.815813 15.5028 1.06342 15.3613L0.666504 14.6667ZM10.6665 14.6667L10.3087 15.3822C10.548 15.5019 10.8312 15.494 11.0634 15.3613L10.6665 14.6667ZM15.3332 12L15.7301 12.6946C15.9793 12.5522 16.1332 12.2871 16.1332 12H15.3332ZM15.3332 1.33337H16.1332C16.1332 1.0482 15.9814 0.784584 15.7347 0.641446C15.4881 0.498308 15.1839 0.497292 14.9363 0.63878L15.3332 1.33337ZM5.33317 1.33337L5.69094 0.617832C5.4517 0.49821 5.1685 0.506071 4.93626 0.63878L5.33317 1.33337ZM-0.133496 4.00004V14.6667H1.4665V4.00004H-0.133496ZM1.06342 15.3613L5.73008 12.6946L4.93626 11.3054L0.269593 13.9721L1.06342 15.3613ZM4.9754 12.7156L10.3087 15.3822L11.0243 13.9512L5.69094 11.2845L4.9754 12.7156ZM11.0634 15.3613L15.7301 12.6946L14.9363 11.3054L10.2696 13.9721L11.0634 15.3613ZM16.1332 12V1.33337H14.5332V12H16.1332ZM14.9363 0.63878L10.2696 3.30545L11.0634 4.69464L15.7301 2.02797L14.9363 0.63878ZM11.0243 3.2845L5.69094 0.617832L4.9754 2.04892L10.3087 4.71558L11.0243 3.2845ZM4.93626 0.63878L0.269593 3.30545L1.06342 4.69464L5.73008 2.02797L4.93626 0.63878ZM4.53317 1.33337V12H6.13317V1.33337H4.53317ZM9.8665 4.00004V14.6667H11.4665V4.00004H9.8665Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15855">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMap,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13547",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMap size={size} />,
+  },
 );
-figma.connect(IconMap, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13547", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMap size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMapPin.tsx b/src/icons/IconMapPin.tsx
index dbacee1..1f7d377 100644
--- a/src/icons/IconMapPin.tsx
+++ b/src/icons/IconMapPin.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMapPin = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15853)"><path d="M14 6.66663H14.8H14ZM8 15.3333L7.55624 15.9989C7.82496 16.1781 8.17504 16.1781 8.44376 15.9989L8 15.3333ZM2 6.66663H1.2H2ZM8 0.666626V1.46663V0.666626ZM13.2 6.66663C13.2 8.67841 11.8874 10.65 10.4192 12.1998C9.70151 12.9574 8.98107 13.578 8.43916 14.0096C8.16884 14.2248 7.94456 14.3917 7.78942 14.5038C7.71189 14.5598 7.65175 14.602 7.61189 14.6296C7.59196 14.6434 7.57712 14.6535 7.56772 14.6599C7.56302 14.6631 7.55969 14.6653 7.55776 14.6666C7.55679 14.6673 7.55618 14.6677 7.55592 14.6679C7.5558 14.6679 7.55576 14.668 7.55581 14.6679C7.55584 14.6679 7.55594 14.6678 7.55596 14.6678C7.55609 14.6678 7.55624 14.6677 8 15.3333C8.44376 15.9989 8.44396 15.9988 8.44418 15.9987C8.44428 15.9986 8.44453 15.9984 8.44474 15.9983C8.44515 15.998 8.44566 15.9977 8.44626 15.9973C8.44746 15.9965 8.44902 15.9954 8.45094 15.9941C8.45478 15.9915 8.46005 15.988 8.4667 15.9835C8.48001 15.9744 8.49886 15.9615 8.52288 15.9449C8.57091 15.9116 8.63967 15.8633 8.7262 15.8008C8.89919 15.6759 9.14366 15.4939 9.43584 15.2612C10.0189 14.7969 10.7985 14.1259 11.5808 13.3002C13.1126 11.6832 14.8 9.32151 14.8 6.66663H13.2ZM8 15.3333C8.44376 14.6677 8.44391 14.6678 8.44404 14.6678C8.44406 14.6678 8.44416 14.6679 8.44419 14.6679C8.44424 14.668 8.4442 14.6679 8.44408 14.6679C8.44382 14.6677 8.44321 14.6673 8.44224 14.6666C8.44031 14.6653 8.43698 14.6631 8.43228 14.6599C8.42288 14.6535 8.40804 14.6434 8.38811 14.6296C8.34825 14.602 8.28811 14.5598 8.21058 14.5038C8.05544 14.3917 7.83116 14.2248 7.56084 14.0096C7.01893 13.578 6.29849 12.9574 5.58076 12.1998C4.11259 10.65 2.8 8.67841 2.8 6.66663H1.2C1.2 9.32151 2.88741 11.6832 4.41924 13.3002C5.20151 14.1259 5.98107 14.7969 6.56416 15.2612C6.85634 15.4939 7.10081 15.6759 7.2738 15.8008C7.36033 15.8633 7.42909 15.9116 7.47712 15.9449C7.50114 15.9615 7.51999 15.9744 7.5333 15.9835C7.53995 15.988 7.54522 15.9915 7.54906 15.9941C7.55098 15.9954 7.55254 15.9965 7.55374 15.9973C7.55434 15.9977 7.55485 15.998 7.55526 15.9983C7.55547 15.9984 7.55572 15.9986 7.55582 15.9987C7.55604 15.9988 7.55624 15.9989 8 15.3333ZM2.8 6.66663C2.8 5.2875 3.34786 3.96486 4.32304 2.98967L3.19167 1.8583C1.91643 3.13355 1.2 4.86315 1.2 6.66663H2.8ZM4.32304 2.98967C5.29823 2.01448 6.62087 1.46663 8 1.46663V-0.133374C6.19653 -0.133374 4.46692 0.583052 3.19167 1.8583L4.32304 2.98967ZM8 1.46663C9.37913 1.46663 10.7018 2.01448 11.677 2.98967L12.8083 1.8583C11.5331 0.583052 9.80347 -0.133374 8 -0.133374V1.46663ZM11.677 2.98967C12.6521 3.96486 13.2 5.2875 13.2 6.66663H14.8C14.8 4.86315 14.0836 3.13355 12.8083 1.8583L11.677 2.98967ZM9.2 6.66663C9.2 7.32937 8.66274 7.86663 8 7.86663V9.46663C9.5464 9.46663 10.8 8.21302 10.8 6.66663H9.2ZM8 7.86663C7.33726 7.86663 6.8 7.32937 6.8 6.66663H5.2C5.2 8.21302 6.4536 9.46663 8 9.46663V7.86663ZM6.8 6.66663C6.8 6.00388 7.33726 5.46663 8 5.46663V3.86663C6.4536 3.86663 5.2 5.12023 5.2 6.66663H6.8ZM8 5.46663C8.66274 5.46663 9.2 6.00388 9.2 6.66663H10.8C10.8 5.12023 9.5464 3.86663 8 3.86663V5.46663Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15853"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15853)">
+      <path
+        d="M14 6.66663H14.8H14ZM8 15.3333L7.55624 15.9989C7.82496 16.1781 8.17504 16.1781 8.44376 15.9989L8 15.3333ZM2 6.66663H1.2H2ZM8 0.666626V1.46663V0.666626ZM13.2 6.66663C13.2 8.67841 11.8874 10.65 10.4192 12.1998C9.70151 12.9574 8.98107 13.578 8.43916 14.0096C8.16884 14.2248 7.94456 14.3917 7.78942 14.5038C7.71189 14.5598 7.65175 14.602 7.61189 14.6296C7.59196 14.6434 7.57712 14.6535 7.56772 14.6599C7.56302 14.6631 7.55969 14.6653 7.55776 14.6666C7.55679 14.6673 7.55618 14.6677 7.55592 14.6679C7.5558 14.6679 7.55576 14.668 7.55581 14.6679C7.55584 14.6679 7.55594 14.6678 7.55596 14.6678C7.55609 14.6678 7.55624 14.6677 8 15.3333C8.44376 15.9989 8.44396 15.9988 8.44418 15.9987C8.44428 15.9986 8.44453 15.9984 8.44474 15.9983C8.44515 15.998 8.44566 15.9977 8.44626 15.9973C8.44746 15.9965 8.44902 15.9954 8.45094 15.9941C8.45478 15.9915 8.46005 15.988 8.4667 15.9835C8.48001 15.9744 8.49886 15.9615 8.52288 15.9449C8.57091 15.9116 8.63967 15.8633 8.7262 15.8008C8.89919 15.6759 9.14366 15.4939 9.43584 15.2612C10.0189 14.7969 10.7985 14.1259 11.5808 13.3002C13.1126 11.6832 14.8 9.32151 14.8 6.66663H13.2ZM8 15.3333C8.44376 14.6677 8.44391 14.6678 8.44404 14.6678C8.44406 14.6678 8.44416 14.6679 8.44419 14.6679C8.44424 14.668 8.4442 14.6679 8.44408 14.6679C8.44382 14.6677 8.44321 14.6673 8.44224 14.6666C8.44031 14.6653 8.43698 14.6631 8.43228 14.6599C8.42288 14.6535 8.40804 14.6434 8.38811 14.6296C8.34825 14.602 8.28811 14.5598 8.21058 14.5038C8.05544 14.3917 7.83116 14.2248 7.56084 14.0096C7.01893 13.578 6.29849 12.9574 5.58076 12.1998C4.11259 10.65 2.8 8.67841 2.8 6.66663H1.2C1.2 9.32151 2.88741 11.6832 4.41924 13.3002C5.20151 14.1259 5.98107 14.7969 6.56416 15.2612C6.85634 15.4939 7.10081 15.6759 7.2738 15.8008C7.36033 15.8633 7.42909 15.9116 7.47712 15.9449C7.50114 15.9615 7.51999 15.9744 7.5333 15.9835C7.53995 15.988 7.54522 15.9915 7.54906 15.9941C7.55098 15.9954 7.55254 15.9965 7.55374 15.9973C7.55434 15.9977 7.55485 15.998 7.55526 15.9983C7.55547 15.9984 7.55572 15.9986 7.55582 15.9987C7.55604 15.9988 7.55624 15.9989 8 15.3333ZM2.8 6.66663C2.8 5.2875 3.34786 3.96486 4.32304 2.98967L3.19167 1.8583C1.91643 3.13355 1.2 4.86315 1.2 6.66663H2.8ZM4.32304 2.98967C5.29823 2.01448 6.62087 1.46663 8 1.46663V-0.133374C6.19653 -0.133374 4.46692 0.583052 3.19167 1.8583L4.32304 2.98967ZM8 1.46663C9.37913 1.46663 10.7018 2.01448 11.677 2.98967L12.8083 1.8583C11.5331 0.583052 9.80347 -0.133374 8 -0.133374V1.46663ZM11.677 2.98967C12.6521 3.96486 13.2 5.2875 13.2 6.66663H14.8C14.8 4.86315 14.0836 3.13355 12.8083 1.8583L11.677 2.98967ZM9.2 6.66663C9.2 7.32937 8.66274 7.86663 8 7.86663V9.46663C9.5464 9.46663 10.8 8.21302 10.8 6.66663H9.2ZM8 7.86663C7.33726 7.86663 6.8 7.32937 6.8 6.66663H5.2C5.2 8.21302 6.4536 9.46663 8 9.46663V7.86663ZM6.8 6.66663C6.8 6.00388 7.33726 5.46663 8 5.46663V3.86663C6.4536 3.86663 5.2 5.12023 5.2 6.66663H6.8ZM8 5.46663C8.66274 5.46663 9.2 6.00388 9.2 6.66663H10.8C10.8 5.12023 9.5464 3.86663 8 3.86663V5.46663Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15853">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMapPin,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13545",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMapPin size={size} />,
+  },
 );
-figma.connect(IconMapPin, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13545", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMapPin size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMaximize.tsx b/src/icons/IconMaximize.tsx
index aec02b3..79839e1 100644
--- a/src/icons/IconMaximize.tsx
+++ b/src/icons/IconMaximize.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMaximize = (props: IconProps) => (
-  <Icon {...props}><path d="M5.33333 2.8C5.77516 2.8 6.13333 2.44183 6.13333 2C6.13333 1.55817 5.77516 1.2 5.33333 1.2V2.8ZM3.33333 2V1.2V2ZM2 3.33333H1.2H2ZM1.2 5.33333C1.2 5.77516 1.55817 6.13333 2 6.13333C2.44183 6.13333 2.8 5.77516 2.8 5.33333H1.2ZM13.2 5.33333C13.2 5.77516 13.5582 6.13333 14 6.13333C14.4418 6.13333 14.8 5.77516 14.8 5.33333H13.2ZM12.6667 2V1.2V2ZM10.6667 1.2C10.2248 1.2 9.86667 1.55817 9.86667 2C9.86667 2.44183 10.2248 2.8 10.6667 2.8V1.2ZM10.6667 13.2C10.2248 13.2 9.86667 13.5582 9.86667 14C9.86667 14.4418 10.2248 14.8 10.6667 14.8V13.2ZM14.8 10.6667C14.8 10.2248 14.4418 9.86667 14 9.86667C13.5582 9.86667 13.2 10.2248 13.2 10.6667H14.8ZM2.8 10.6667C2.8 10.2248 2.44183 9.86667 2 9.86667C1.55817 9.86667 1.2 10.2248 1.2 10.6667H2.8ZM2 12.6667H1.2H2ZM5.33333 14.8C5.77516 14.8 6.13333 14.4418 6.13333 14C6.13333 13.5582 5.77516 13.2 5.33333 13.2V14.8ZM5.33333 1.2H3.33333V2.8H5.33333V1.2ZM3.33333 1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2ZM1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484ZM1.2 3.33333V5.33333H2.8V3.33333H1.2ZM14.8 5.33333V3.33333H13.2V5.33333H14.8ZM14.8 3.33333C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8ZM14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484ZM12.6667 1.2H10.6667V2.8H12.6667V1.2ZM10.6667 14.8H12.6667V13.2H10.6667V14.8ZM12.6667 14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8ZM14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752ZM14.8 12.6667V10.6667H13.2V12.6667H14.8ZM1.2 10.6667V12.6667H2.8V10.6667H1.2ZM1.2 12.6667C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2ZM1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752ZM3.33333 14.8H5.33333V13.2H3.33333V14.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.33333 2.8C5.77516 2.8 6.13333 2.44183 6.13333 2C6.13333 1.55817 5.77516 1.2 5.33333 1.2V2.8ZM3.33333 2V1.2V2ZM2 3.33333H1.2H2ZM1.2 5.33333C1.2 5.77516 1.55817 6.13333 2 6.13333C2.44183 6.13333 2.8 5.77516 2.8 5.33333H1.2ZM13.2 5.33333C13.2 5.77516 13.5582 6.13333 14 6.13333C14.4418 6.13333 14.8 5.77516 14.8 5.33333H13.2ZM12.6667 2V1.2V2ZM10.6667 1.2C10.2248 1.2 9.86667 1.55817 9.86667 2C9.86667 2.44183 10.2248 2.8 10.6667 2.8V1.2ZM10.6667 13.2C10.2248 13.2 9.86667 13.5582 9.86667 14C9.86667 14.4418 10.2248 14.8 10.6667 14.8V13.2ZM14.8 10.6667C14.8 10.2248 14.4418 9.86667 14 9.86667C13.5582 9.86667 13.2 10.2248 13.2 10.6667H14.8ZM2.8 10.6667C2.8 10.2248 2.44183 9.86667 2 9.86667C1.55817 9.86667 1.2 10.2248 1.2 10.6667H2.8ZM2 12.6667H1.2H2ZM5.33333 14.8C5.77516 14.8 6.13333 14.4418 6.13333 14C6.13333 13.5582 5.77516 13.2 5.33333 13.2V14.8ZM5.33333 1.2H3.33333V2.8H5.33333V1.2ZM3.33333 1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2ZM1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484ZM1.2 3.33333V5.33333H2.8V3.33333H1.2ZM14.8 5.33333V3.33333H13.2V5.33333H14.8ZM14.8 3.33333C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8ZM14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484ZM12.6667 1.2H10.6667V2.8H12.6667V1.2ZM10.6667 14.8H12.6667V13.2H10.6667V14.8ZM12.6667 14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8ZM14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752ZM14.8 12.6667V10.6667H13.2V12.6667H14.8ZM1.2 10.6667V12.6667H2.8V10.6667H1.2ZM1.2 12.6667C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2ZM1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752ZM3.33333 14.8H5.33333V13.2H3.33333V14.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMaximize,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13548",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMaximize size={size} />,
+  },
 );
-figma.connect(IconMaximize, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13548", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMaximize size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMaximize2.tsx b/src/icons/IconMaximize2.tsx
index 008e9c7..493ba11 100644
--- a/src/icons/IconMaximize2.tsx
+++ b/src/icons/IconMaximize2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMaximize2 = (props: IconProps) => (
-  <Icon {...props}><path d="M10 1.2C9.55817 1.2 9.2 1.55817 9.2 2C9.2 2.44183 9.55817 2.8 10 2.8V1.2ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM13.2 6C13.2 6.44183 13.5582 6.8 14 6.8C14.4418 6.8 14.8 6.44183 14.8 6H13.2ZM6 14.8C6.44183 14.8 6.8 14.4418 6.8 14C6.8 13.5582 6.44183 13.2 6 13.2V14.8ZM2 14H1.2C1.2 14.4418 1.55817 14.8 2 14.8V14ZM2.8 10C2.8 9.55817 2.44183 9.2 2 9.2C1.55817 9.2 1.2 9.55817 1.2 10H2.8ZM8.76765 6.10098C8.45523 6.4134 8.45523 6.91993 8.76765 7.23235C9.08007 7.54477 9.5866 7.54477 9.89902 7.23235L8.76765 6.10098ZM7.23235 9.89902C7.54477 9.5866 7.54477 9.08007 7.23235 8.76765C6.91993 8.45523 6.4134 8.45523 6.10098 8.76765L7.23235 9.89902ZM10 2.8H14V1.2H10V2.8ZM13.2 2V6H14.8V2H13.2ZM6 13.2H2V14.8H6V13.2ZM2.8 14V10H1.2V14H2.8ZM13.4343 1.43431L8.76765 6.10098L9.89902 7.23235L14.5657 2.56569L13.4343 1.43431ZM2.56569 14.5657L7.23235 9.89902L6.10098 8.76765L1.43431 13.4343L2.56569 14.5657Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10 1.2C9.55817 1.2 9.2 1.55817 9.2 2C9.2 2.44183 9.55817 2.8 10 2.8V1.2ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM13.2 6C13.2 6.44183 13.5582 6.8 14 6.8C14.4418 6.8 14.8 6.44183 14.8 6H13.2ZM6 14.8C6.44183 14.8 6.8 14.4418 6.8 14C6.8 13.5582 6.44183 13.2 6 13.2V14.8ZM2 14H1.2C1.2 14.4418 1.55817 14.8 2 14.8V14ZM2.8 10C2.8 9.55817 2.44183 9.2 2 9.2C1.55817 9.2 1.2 9.55817 1.2 10H2.8ZM8.76765 6.10098C8.45523 6.4134 8.45523 6.91993 8.76765 7.23235C9.08007 7.54477 9.5866 7.54477 9.89902 7.23235L8.76765 6.10098ZM7.23235 9.89902C7.54477 9.5866 7.54477 9.08007 7.23235 8.76765C6.91993 8.45523 6.4134 8.45523 6.10098 8.76765L7.23235 9.89902ZM10 2.8H14V1.2H10V2.8ZM13.2 2V6H14.8V2H13.2ZM6 13.2H2V14.8H6V13.2ZM2.8 14V10H1.2V14H2.8ZM13.4343 1.43431L8.76765 6.10098L9.89902 7.23235L14.5657 2.56569L13.4343 1.43431ZM2.56569 14.5657L7.23235 9.89902L6.10098 8.76765L1.43431 13.4343L2.56569 14.5657Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMaximize2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13546",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMaximize2 size={size} />,
+  },
 );
-figma.connect(IconMaximize2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13546", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMaximize2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMeh.tsx b/src/icons/IconMeh.tsx
index 91dcc5b..0fb7af7 100644
--- a/src/icons/IconMeh.tsx
+++ b/src/icons/IconMeh.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMeh = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15861)"><path d="M5.33337 9.20004C4.89155 9.20004 4.53337 9.55821 4.53337 10C4.53337 10.4419 4.89155 10.8 5.33337 10.8V9.20004ZM10.6667 10.8C11.1085 10.8 11.4667 10.4419 11.4667 10C11.4667 9.55821 11.1085 9.20004 10.6667 9.20004V10.8ZM6.00004 5.20004C5.55821 5.20004 5.20004 5.55821 5.20004 6.00004C5.20004 6.44187 5.55821 6.80004 6.00004 6.80004V5.20004ZM6.00671 6.80004C6.44854 6.80004 6.80671 6.44187 6.80671 6.00004C6.80671 5.55821 6.44854 5.20004 6.00671 5.20004V6.80004ZM10 5.20004C9.55821 5.20004 9.20004 5.55821 9.20004 6.00004C9.20004 6.44187 9.55821 6.80004 10 6.80004V5.20004ZM10.0067 6.80004C10.4485 6.80004 10.8067 6.44187 10.8067 6.00004C10.8067 5.55821 10.4485 5.20004 10.0067 5.20004V6.80004ZM13.8667 8.00004C13.8667 11.2401 11.2401 13.8667 8.00004 13.8667V15.4667C12.1238 15.4667 15.4667 12.1238 15.4667 8.00004H13.8667ZM8.00004 13.8667C4.75997 13.8667 2.13337 11.2401 2.13337 8.00004H0.533374C0.533374 12.1238 3.87631 15.4667 8.00004 15.4667V13.8667ZM2.13337 8.00004C2.13337 4.75997 4.75997 2.13337 8.00004 2.13337V0.533374C3.87631 0.533374 0.533374 3.87631 0.533374 8.00004H2.13337ZM8.00004 2.13337C11.2401 2.13337 13.8667 4.75997 13.8667 8.00004H15.4667C15.4667 3.87631 12.1238 0.533374 8.00004 0.533374V2.13337ZM5.33337 10.8H10.6667V9.20004H5.33337V10.8ZM6.00004 6.80004H6.00671V5.20004H6.00004V6.80004ZM10 6.80004H10.0067V5.20004H10V6.80004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15861"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15861)">
+      <path
+        d="M5.33337 9.20004C4.89155 9.20004 4.53337 9.55821 4.53337 10C4.53337 10.4419 4.89155 10.8 5.33337 10.8V9.20004ZM10.6667 10.8C11.1085 10.8 11.4667 10.4419 11.4667 10C11.4667 9.55821 11.1085 9.20004 10.6667 9.20004V10.8ZM6.00004 5.20004C5.55821 5.20004 5.20004 5.55821 5.20004 6.00004C5.20004 6.44187 5.55821 6.80004 6.00004 6.80004V5.20004ZM6.00671 6.80004C6.44854 6.80004 6.80671 6.44187 6.80671 6.00004C6.80671 5.55821 6.44854 5.20004 6.00671 5.20004V6.80004ZM10 5.20004C9.55821 5.20004 9.20004 5.55821 9.20004 6.00004C9.20004 6.44187 9.55821 6.80004 10 6.80004V5.20004ZM10.0067 6.80004C10.4485 6.80004 10.8067 6.44187 10.8067 6.00004C10.8067 5.55821 10.4485 5.20004 10.0067 5.20004V6.80004ZM13.8667 8.00004C13.8667 11.2401 11.2401 13.8667 8.00004 13.8667V15.4667C12.1238 15.4667 15.4667 12.1238 15.4667 8.00004H13.8667ZM8.00004 13.8667C4.75997 13.8667 2.13337 11.2401 2.13337 8.00004H0.533374C0.533374 12.1238 3.87631 15.4667 8.00004 15.4667V13.8667ZM2.13337 8.00004C2.13337 4.75997 4.75997 2.13337 8.00004 2.13337V0.533374C3.87631 0.533374 0.533374 3.87631 0.533374 8.00004H2.13337ZM8.00004 2.13337C11.2401 2.13337 13.8667 4.75997 13.8667 8.00004H15.4667C15.4667 3.87631 12.1238 0.533374 8.00004 0.533374V2.13337ZM5.33337 10.8H10.6667V9.20004H5.33337V10.8ZM6.00004 6.80004H6.00671V5.20004H6.00004V6.80004ZM10 6.80004H10.0067V5.20004H10V6.80004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15861">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMeh,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13549",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMeh size={size} />,
+  },
 );
-figma.connect(IconMeh, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13549", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMeh size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMenu.tsx b/src/icons/IconMenu.tsx
index 7c4c2c8..ad1e444 100644
--- a/src/icons/IconMenu.tsx
+++ b/src/icons/IconMenu.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMenu = (props: IconProps) => (
-  <Icon {...props}><path d="M2 7.2C1.55817 7.2 1.2 7.55817 1.2 8C1.2 8.44183 1.55817 8.8 2 8.8V7.2ZM14 8.8C14.4418 8.8 14.8 8.44183 14.8 8C14.8 7.55817 14.4418 7.2 14 7.2V8.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM2 8.8H14V7.2H2V8.8ZM2 4.8H14V3.2H2V4.8ZM2 12.8H14V11.2H2V12.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 7.2C1.55817 7.2 1.2 7.55817 1.2 8C1.2 8.44183 1.55817 8.8 2 8.8V7.2ZM14 8.8C14.4418 8.8 14.8 8.44183 14.8 8C14.8 7.55817 14.4418 7.2 14 7.2V8.8ZM2 3.2C1.55817 3.2 1.2 3.55817 1.2 4C1.2 4.44183 1.55817 4.8 2 4.8V3.2ZM14 4.8C14.4418 4.8 14.8 4.44183 14.8 4C14.8 3.55817 14.4418 3.2 14 3.2V4.8ZM2 11.2C1.55817 11.2 1.2 11.5582 1.2 12C1.2 12.4418 1.55817 12.8 2 12.8V11.2ZM14 12.8C14.4418 12.8 14.8 12.4418 14.8 12C14.8 11.5582 14.4418 11.2 14 11.2V12.8ZM2 8.8H14V7.2H2V8.8ZM2 4.8H14V3.2H2V4.8ZM2 12.8H14V11.2H2V12.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMenu,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13551",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMenu size={size} />,
+  },
 );
-figma.connect(IconMenu, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13551", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMenu size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMessageCircle.tsx b/src/icons/IconMessageCircle.tsx
index 3c4e8d4..94be772 100644
--- a/src/icons/IconMessageCircle.tsx
+++ b/src/icons/IconMessageCircle.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMessageCircle = (props: IconProps) => (
-  <Icon {...props}><path d="M14 7.66669H13.2L13.2 7.66877L14 7.66669ZM13.4 10.2L12.6859 9.83933L12.6844 9.84237L13.4 10.2ZM8.33333 13.3334L8.33302 12.5333L8.33125 12.5334L8.33333 13.3334ZM5.8 12.7334L6.16068 12.0193C5.97029 11.9231 5.74937 11.907 5.54702 11.9744L5.8 12.7334ZM2 14L1.24105 13.747C1.14523 14.0345 1.22005 14.3514 1.43431 14.5657C1.64858 14.78 1.96551 14.8548 2.25298 14.759L2 14ZM3.26667 10.2L4.02561 10.453C4.09307 10.2506 4.07691 10.0297 3.98075 9.83934L3.26667 10.2ZM2.66667 7.66669L3.46667 7.66877L3.46667 7.667L2.66667 7.66669ZM5.8 2.60002L6.15765 3.31563L6.16068 3.3141L5.8 2.60002ZM8.33333 2.00002L8.33125 2.80002H8.33333V2.00002ZM8.66667 2.00002L8.71073 1.20123C8.69606 1.20042 8.68136 1.20002 8.66667 1.20002V2.00002ZM14 7.33335H14.8C14.8 7.31865 14.7996 7.30396 14.7988 7.28928L14 7.33335ZM13.2 7.66877C13.202 8.42268 13.0258 9.1664 12.6859 9.83934L14.1141 10.5607C14.5676 9.66282 14.8026 8.67051 14.8 7.6646L13.2 7.66877ZM12.6844 9.84237C12.2804 10.6507 11.6594 11.3305 10.8909 11.8058L11.7324 13.1666C12.7536 12.5351 13.5788 11.6317 14.1156 10.5577L12.6844 9.84237ZM10.8909 11.8058C10.1223 12.2811 9.23665 12.533 8.33302 12.5334L8.33364 14.1334C9.53435 14.1329 10.7112 13.7981 11.7324 13.1666L10.8909 11.8058ZM8.33125 12.5334C7.57734 12.5353 6.83362 12.3592 6.16068 12.0193L5.43932 13.4474C6.3372 13.901 7.32951 14.136 8.33542 14.1333L8.33125 12.5334ZM5.54702 11.9744L1.74702 13.2411L2.25298 14.759L6.05298 13.4923L5.54702 11.9744ZM2.75895 14.253L4.02561 10.453L2.50772 9.94704L1.24105 13.747L2.75895 14.253ZM3.98075 9.83934C3.64084 9.1664 3.4647 8.42268 3.46666 7.66877L1.86667 7.6646C1.86405 8.67051 2.09907 9.66282 2.55259 10.5607L3.98075 9.83934ZM3.46667 7.667C3.46702 6.76337 3.71894 5.87769 4.19422 5.10916L2.83341 4.26761C2.20188 5.28881 1.86713 6.46567 1.86667 7.66638L3.46667 7.667ZM4.19422 5.10916C4.66949 4.34063 5.34935 3.71959 6.15765 3.31562L5.44235 1.88442C4.36832 2.4212 3.46494 3.24641 2.83341 4.26761L4.19422 5.10916ZM6.16068 3.3141C6.83362 2.97419 7.57734 2.79805 8.33125 2.80002L8.33542 1.20002C7.32951 1.1974 6.3372 1.43242 5.43932 1.88594L6.16068 3.3141ZM8.33333 2.80002H8.66667V1.20002H8.33333V2.80002ZM8.6226 2.7988C9.81553 2.86462 10.9423 3.36813 11.7871 4.21294L12.9184 3.08157C11.7951 1.95825 10.2969 1.28874 8.71073 1.20123L8.6226 2.7988ZM11.7871 4.21294C12.6319 5.05775 13.1354 6.18449 13.2012 7.37742L14.7988 7.28928C14.7113 5.70308 14.0418 4.20489 12.9184 3.08157L11.7871 4.21294ZM13.2 7.33335V7.66669H14.8V7.33335H13.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 7.66669H13.2L13.2 7.66877L14 7.66669ZM13.4 10.2L12.6859 9.83933L12.6844 9.84237L13.4 10.2ZM8.33333 13.3334L8.33302 12.5333L8.33125 12.5334L8.33333 13.3334ZM5.8 12.7334L6.16068 12.0193C5.97029 11.9231 5.74937 11.907 5.54702 11.9744L5.8 12.7334ZM2 14L1.24105 13.747C1.14523 14.0345 1.22005 14.3514 1.43431 14.5657C1.64858 14.78 1.96551 14.8548 2.25298 14.759L2 14ZM3.26667 10.2L4.02561 10.453C4.09307 10.2506 4.07691 10.0297 3.98075 9.83934L3.26667 10.2ZM2.66667 7.66669L3.46667 7.66877L3.46667 7.667L2.66667 7.66669ZM5.8 2.60002L6.15765 3.31563L6.16068 3.3141L5.8 2.60002ZM8.33333 2.00002L8.33125 2.80002H8.33333V2.00002ZM8.66667 2.00002L8.71073 1.20123C8.69606 1.20042 8.68136 1.20002 8.66667 1.20002V2.00002ZM14 7.33335H14.8C14.8 7.31865 14.7996 7.30396 14.7988 7.28928L14 7.33335ZM13.2 7.66877C13.202 8.42268 13.0258 9.1664 12.6859 9.83934L14.1141 10.5607C14.5676 9.66282 14.8026 8.67051 14.8 7.6646L13.2 7.66877ZM12.6844 9.84237C12.2804 10.6507 11.6594 11.3305 10.8909 11.8058L11.7324 13.1666C12.7536 12.5351 13.5788 11.6317 14.1156 10.5577L12.6844 9.84237ZM10.8909 11.8058C10.1223 12.2811 9.23665 12.533 8.33302 12.5334L8.33364 14.1334C9.53435 14.1329 10.7112 13.7981 11.7324 13.1666L10.8909 11.8058ZM8.33125 12.5334C7.57734 12.5353 6.83362 12.3592 6.16068 12.0193L5.43932 13.4474C6.3372 13.901 7.32951 14.136 8.33542 14.1333L8.33125 12.5334ZM5.54702 11.9744L1.74702 13.2411L2.25298 14.759L6.05298 13.4923L5.54702 11.9744ZM2.75895 14.253L4.02561 10.453L2.50772 9.94704L1.24105 13.747L2.75895 14.253ZM3.98075 9.83934C3.64084 9.1664 3.4647 8.42268 3.46666 7.66877L1.86667 7.6646C1.86405 8.67051 2.09907 9.66282 2.55259 10.5607L3.98075 9.83934ZM3.46667 7.667C3.46702 6.76337 3.71894 5.87769 4.19422 5.10916L2.83341 4.26761C2.20188 5.28881 1.86713 6.46567 1.86667 7.66638L3.46667 7.667ZM4.19422 5.10916C4.66949 4.34063 5.34935 3.71959 6.15765 3.31562L5.44235 1.88442C4.36832 2.4212 3.46494 3.24641 2.83341 4.26761L4.19422 5.10916ZM6.16068 3.3141C6.83362 2.97419 7.57734 2.79805 8.33125 2.80002L8.33542 1.20002C7.32951 1.1974 6.3372 1.43242 5.43932 1.88594L6.16068 3.3141ZM8.33333 2.80002H8.66667V1.20002H8.33333V2.80002ZM8.6226 2.7988C9.81553 2.86462 10.9423 3.36813 11.7871 4.21294L12.9184 3.08157C11.7951 1.95825 10.2969 1.28874 8.71073 1.20123L8.6226 2.7988ZM11.7871 4.21294C12.6319 5.05775 13.1354 6.18449 13.2012 7.37742L14.7988 7.28928C14.7113 5.70308 14.0418 4.20489 12.9184 3.08157L11.7871 4.21294ZM13.2 7.33335V7.66669H14.8V7.33335H13.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMessageCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13550",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMessageCircle size={size} />,
+  },
 );
-figma.connect(IconMessageCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13550", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMessageCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMessageSquare.tsx b/src/icons/IconMessageSquare.tsx
index aea3653..63462b6 100644
--- a/src/icons/IconMessageSquare.tsx
+++ b/src/icons/IconMessageSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMessageSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M4.66667 11.3333V10.5333C4.45449 10.5333 4.25101 10.6176 4.10098 10.7676L4.66667 11.3333ZM2 14H1.2C1.2 14.3236 1.39491 14.6153 1.69385 14.7391C1.99279 14.8629 2.33689 14.7945 2.56569 14.5657L2 14ZM3.33333 2V1.2V2ZM12.6667 2V1.2V2ZM13.2 10C13.2 10.1414 13.1438 10.2771 13.0438 10.3771L14.1752 11.5085C14.5752 11.1084 14.8 10.5658 14.8 10H13.2ZM13.0438 10.3771C12.9438 10.4771 12.8081 10.5333 12.6667 10.5333V12.1333C13.2325 12.1333 13.7751 11.9086 14.1752 11.5085L13.0438 10.3771ZM12.6667 10.5333H4.66667V12.1333H12.6667V10.5333ZM4.10098 10.7676L1.43431 13.4343L2.56569 14.5657L5.23235 11.899L4.10098 10.7676ZM2.8 14V3.33333H1.2V14H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V10H14.8V3.33333H13.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4.66667 11.3333V10.5333C4.45449 10.5333 4.25101 10.6176 4.10098 10.7676L4.66667 11.3333ZM2 14H1.2C1.2 14.3236 1.39491 14.6153 1.69385 14.7391C1.99279 14.8629 2.33689 14.7945 2.56569 14.5657L2 14ZM3.33333 2V1.2V2ZM12.6667 2V1.2V2ZM13.2 10C13.2 10.1414 13.1438 10.2771 13.0438 10.3771L14.1752 11.5085C14.5752 11.1084 14.8 10.5658 14.8 10H13.2ZM13.0438 10.3771C12.9438 10.4771 12.8081 10.5333 12.6667 10.5333V12.1333C13.2325 12.1333 13.7751 11.9086 14.1752 11.5085L13.0438 10.3771ZM12.6667 10.5333H4.66667V12.1333H12.6667V10.5333ZM4.10098 10.7676L1.43431 13.4343L2.56569 14.5657L5.23235 11.899L4.10098 10.7676ZM2.8 14V3.33333H1.2V14H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V10H14.8V3.33333H13.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMessageSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13553",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMessageSquare size={size} />,
+  },
 );
-figma.connect(IconMessageSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13553", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMessageSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMic.tsx b/src/icons/IconMic.tsx
index c4e2b4c..559aac7 100644
--- a/src/icons/IconMic.tsx
+++ b/src/icons/IconMic.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMic = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15871)"><path d="M8.00016 0.666626V-0.133374V0.666626ZM13.4668 6.66663C13.4668 6.2248 13.1087 5.86663 12.6668 5.86663C12.225 5.86663 11.8668 6.2248 11.8668 6.66663H13.4668ZM12.6668 7.99996H13.4668H12.6668ZM8.00016 12.6666V11.8666V12.6666ZM3.3335 7.99996H2.5335H3.3335ZM4.1335 6.66663C4.1335 6.2248 3.77532 5.86663 3.3335 5.86663C2.89167 5.86663 2.5335 6.2248 2.5335 6.66663H4.1335ZM7.20016 15.3333C7.20016 15.7751 7.55833 16.1333 8.00016 16.1333C8.44199 16.1333 8.80016 15.7751 8.80016 15.3333H7.20016ZM5.3335 14.5333C4.89167 14.5333 4.5335 14.8915 4.5335 15.3333C4.5335 15.7751 4.89167 16.1333 5.3335 16.1333V14.5333ZM10.6668 16.1333C11.1087 16.1333 11.4668 15.7751 11.4668 15.3333C11.4668 14.8915 11.1087 14.5333 10.6668 14.5333V16.1333ZM8.00016 -0.133374C7.25756 -0.133374 6.54537 0.161625 6.02026 0.686727L7.15163 1.8181C7.37668 1.59305 7.6819 1.46663 8.00016 1.46663V-0.133374ZM6.02026 0.686727C5.49516 1.21183 5.20016 1.92402 5.20016 2.66663H6.80016C6.80016 2.34837 6.92659 2.04314 7.15163 1.8181L6.02026 0.686727ZM5.20016 2.66663V7.99996H6.80016V2.66663H5.20016ZM5.20016 7.99996C5.20016 8.74256 5.49516 9.45476 6.02026 9.97986L7.15163 8.84849C6.92659 8.62344 6.80016 8.31822 6.80016 7.99996H5.20016ZM6.02026 9.97986C6.54537 10.505 7.25756 10.8 8.00016 10.8V9.19996C7.6819 9.19996 7.37668 9.07353 7.15163 8.84849L6.02026 9.97986ZM8.00016 10.8C8.74277 10.8 9.45496 10.505 9.98006 9.97986L8.84869 8.84849C8.62365 9.07353 8.31842 9.19996 8.00016 9.19996V10.8ZM9.98006 9.97986C10.5052 9.45476 10.8002 8.74257 10.8002 7.99996H9.20016C9.20016 8.31822 9.07373 8.62344 8.84869 8.84849L9.98006 9.97986ZM10.8002 7.99996V2.66663H9.20016V7.99996H10.8002ZM10.8002 2.66663C10.8002 1.92402 10.5052 1.21183 9.98006 0.686727L8.84869 1.8181C9.07373 2.04314 9.20016 2.34837 9.20016 2.66663H10.8002ZM9.98006 0.686727C9.45496 0.161625 8.74277 -0.133374 8.00016 -0.133374V1.46663C8.31842 1.46663 8.62365 1.59305 8.84869 1.8181L9.98006 0.686727ZM11.8668 6.66663V7.99996H13.4668V6.66663H11.8668ZM11.8668 7.99996C11.8668 9.02546 11.4594 10.009 10.7343 10.7341L11.8657 11.8655C12.8909 10.8403 13.4668 9.44981 13.4668 7.99996H11.8668ZM10.7343 10.7341C10.0092 11.4592 9.02567 11.8666 8.00016 11.8666V13.4666C9.45001 13.4666 10.8405 12.8907 11.8657 11.8655L10.7343 10.7341ZM8.00016 11.8666C6.97466 11.8666 5.99116 11.4592 5.26602 10.7341L4.13465 11.8655C5.15984 12.8907 6.55031 13.4666 8.00016 13.4666V11.8666ZM5.26602 10.7341C4.54088 10.009 4.1335 9.02546 4.1335 7.99996H2.5335C2.5335 9.44981 3.10945 10.8403 4.13465 11.8655L5.26602 10.7341ZM4.1335 7.99996V6.66663H2.5335V7.99996H4.1335ZM7.20016 12.6666V15.3333H8.80016V12.6666H7.20016ZM5.3335 16.1333H10.6668V14.5333H5.3335V16.1333Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15871"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15871)">
+      <path
+        d="M8.00016 0.666626V-0.133374V0.666626ZM13.4668 6.66663C13.4668 6.2248 13.1087 5.86663 12.6668 5.86663C12.225 5.86663 11.8668 6.2248 11.8668 6.66663H13.4668ZM12.6668 7.99996H13.4668H12.6668ZM8.00016 12.6666V11.8666V12.6666ZM3.3335 7.99996H2.5335H3.3335ZM4.1335 6.66663C4.1335 6.2248 3.77532 5.86663 3.3335 5.86663C2.89167 5.86663 2.5335 6.2248 2.5335 6.66663H4.1335ZM7.20016 15.3333C7.20016 15.7751 7.55833 16.1333 8.00016 16.1333C8.44199 16.1333 8.80016 15.7751 8.80016 15.3333H7.20016ZM5.3335 14.5333C4.89167 14.5333 4.5335 14.8915 4.5335 15.3333C4.5335 15.7751 4.89167 16.1333 5.3335 16.1333V14.5333ZM10.6668 16.1333C11.1087 16.1333 11.4668 15.7751 11.4668 15.3333C11.4668 14.8915 11.1087 14.5333 10.6668 14.5333V16.1333ZM8.00016 -0.133374C7.25756 -0.133374 6.54537 0.161625 6.02026 0.686727L7.15163 1.8181C7.37668 1.59305 7.6819 1.46663 8.00016 1.46663V-0.133374ZM6.02026 0.686727C5.49516 1.21183 5.20016 1.92402 5.20016 2.66663H6.80016C6.80016 2.34837 6.92659 2.04314 7.15163 1.8181L6.02026 0.686727ZM5.20016 2.66663V7.99996H6.80016V2.66663H5.20016ZM5.20016 7.99996C5.20016 8.74256 5.49516 9.45476 6.02026 9.97986L7.15163 8.84849C6.92659 8.62344 6.80016 8.31822 6.80016 7.99996H5.20016ZM6.02026 9.97986C6.54537 10.505 7.25756 10.8 8.00016 10.8V9.19996C7.6819 9.19996 7.37668 9.07353 7.15163 8.84849L6.02026 9.97986ZM8.00016 10.8C8.74277 10.8 9.45496 10.505 9.98006 9.97986L8.84869 8.84849C8.62365 9.07353 8.31842 9.19996 8.00016 9.19996V10.8ZM9.98006 9.97986C10.5052 9.45476 10.8002 8.74257 10.8002 7.99996H9.20016C9.20016 8.31822 9.07373 8.62344 8.84869 8.84849L9.98006 9.97986ZM10.8002 7.99996V2.66663H9.20016V7.99996H10.8002ZM10.8002 2.66663C10.8002 1.92402 10.5052 1.21183 9.98006 0.686727L8.84869 1.8181C9.07373 2.04314 9.20016 2.34837 9.20016 2.66663H10.8002ZM9.98006 0.686727C9.45496 0.161625 8.74277 -0.133374 8.00016 -0.133374V1.46663C8.31842 1.46663 8.62365 1.59305 8.84869 1.8181L9.98006 0.686727ZM11.8668 6.66663V7.99996H13.4668V6.66663H11.8668ZM11.8668 7.99996C11.8668 9.02546 11.4594 10.009 10.7343 10.7341L11.8657 11.8655C12.8909 10.8403 13.4668 9.44981 13.4668 7.99996H11.8668ZM10.7343 10.7341C10.0092 11.4592 9.02567 11.8666 8.00016 11.8666V13.4666C9.45001 13.4666 10.8405 12.8907 11.8657 11.8655L10.7343 10.7341ZM8.00016 11.8666C6.97466 11.8666 5.99116 11.4592 5.26602 10.7341L4.13465 11.8655C5.15984 12.8907 6.55031 13.4666 8.00016 13.4666V11.8666ZM5.26602 10.7341C4.54088 10.009 4.1335 9.02546 4.1335 7.99996H2.5335C2.5335 9.44981 3.10945 10.8403 4.13465 11.8655L5.26602 10.7341ZM4.1335 7.99996V6.66663H2.5335V7.99996H4.1335ZM7.20016 12.6666V15.3333H8.80016V12.6666H7.20016ZM5.3335 16.1333H10.6668V14.5333H5.3335V16.1333Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15871">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMic,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13555",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMic size={size} />,
+  },
 );
-figma.connect(IconMic, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13555", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMic size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMicOff.tsx b/src/icons/IconMicOff.tsx
index b804a60..cf2a378 100644
--- a/src/icons/IconMicOff.tsx
+++ b/src/icons/IconMicOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMicOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15869)"><path d="M1.23243 0.101002C0.920014 -0.211418 0.413482 -0.211417 0.101063 0.101002C-0.211357 0.413421 -0.211357 0.919953 0.101063 1.23237L1.23243 0.101002ZM14.7677 15.899C15.0801 16.2115 15.5867 16.2115 15.8991 15.899C16.2115 15.5866 16.2115 15.0801 15.8991 14.7677L14.7677 15.899ZM6.80008 6.00002C6.80008 5.55819 6.44191 5.20002 6.00008 5.20002C5.55825 5.20002 5.20008 5.55819 5.20008 6.00002H6.80008ZM6.00008 8.00002H5.20008L5.20008 8.00072L6.00008 8.00002ZM9.97875 9.97939C10.2914 9.66717 10.2917 9.16063 9.97945 8.84802C9.66723 8.53541 9.16069 8.53509 8.84808 8.84732L9.97875 9.97939ZM9.20008 6.22669C9.20008 6.66852 9.55825 7.02669 10.0001 7.02669C10.4419 7.02669 10.8001 6.66852 10.8001 6.22669H9.20008ZM10.0001 2.66669L9.20008 2.66588V2.66669H10.0001ZM5.25608 2.10749C5.16816 2.54048 5.44789 2.96277 5.88089 3.05069C6.31388 3.13861 6.73616 2.85887 6.82408 2.42588L5.25608 2.10749ZM11.9049 11.8599C12.2141 11.5443 12.2089 11.0378 11.8933 10.7286C11.5777 10.4194 11.0712 10.4246 10.762 10.7402L11.9049 11.8599ZM3.33341 8.00002L4.13341 8.00587V8.00002H3.33341ZM4.13341 6.66669C4.13341 6.22486 3.77524 5.86669 3.33341 5.86669C2.89159 5.86669 2.53341 6.22486 2.53341 6.66669H4.13341ZM13.4667 6.66669C13.4667 6.22486 13.1086 5.86669 12.6667 5.86669C12.2249 5.86669 11.8667 6.22486 11.8667 6.66669H13.4667ZM12.6667 8.00002L13.4667 8.00072V8.00002H12.6667ZM11.806 8.67875C11.728 9.11364 12.0173 9.52943 12.4521 9.60745C12.887 9.68547 13.3028 9.39617 13.3808 8.96129L11.806 8.67875ZM8.80008 12.6667C8.80008 12.2249 8.44191 11.8667 8.00008 11.8667C7.55825 11.8667 7.20008 12.2249 7.20008 12.6667H8.80008ZM7.20008 15.3334C7.20008 15.7752 7.55825 16.1334 8.00008 16.1334C8.44191 16.1334 8.80008 15.7752 8.80008 15.3334H7.20008ZM5.33342 14.5334C4.89159 14.5334 4.53341 14.8915 4.53341 15.3334C4.53341 15.7752 4.89159 16.1334 5.33342 16.1334V14.5334ZM10.6667 16.1334C11.1086 16.1334 11.4667 15.7752 11.4667 15.3334C11.4667 14.8915 11.1086 14.5334 10.6667 14.5334V16.1334ZM0.101063 1.23237L14.7677 15.899L15.8991 14.7677L1.23243 0.101002L0.101063 1.23237ZM5.20008 6.00002V8.00002H6.80008V6.00002H5.20008ZM5.20008 8.00072C5.20057 8.55415 5.36505 9.09503 5.67275 9.55503L7.00265 8.66545C6.87078 8.4683 6.80029 8.2365 6.80008 7.99932L5.20008 8.00072ZM5.67275 9.55503C5.98045 10.015 6.41757 10.3735 6.9289 10.5853L7.541 9.10698C7.32186 9.01624 7.13453 8.86259 7.00265 8.66545L5.67275 9.55503ZM6.9289 10.5853C7.44023 10.797 8.00284 10.8524 8.54566 10.7446L8.2339 9.17526C8.00126 9.22148 7.76014 9.19771 7.541 9.10698L6.9289 10.5853ZM8.54566 10.7446C9.08848 10.6368 9.58717 10.3705 9.97875 9.97939L8.84808 8.84732C8.68026 9.01493 8.46654 9.12905 8.2339 9.17526L8.54566 10.7446ZM10.8001 6.22669V2.66669H9.20008V6.22669H10.8001ZM10.8001 2.66749C10.8008 1.97312 10.5434 1.30326 10.078 0.787945L8.89063 1.86036C9.09009 2.08121 9.20038 2.36829 9.20008 2.66588L10.8001 2.66749ZM10.078 0.787945C9.61262 0.272633 8.97234 -0.0513631 8.28148 -0.121147L8.12068 1.47075C8.41676 1.50066 8.69117 1.63952 8.89063 1.86036L10.078 0.787945ZM8.28148 -0.121147C7.59062 -0.19093 6.89848 -0.00152266 6.33942 0.410307L7.28837 1.69852C7.52797 1.52202 7.8246 1.44085 8.12068 1.47075L8.28148 -0.121147ZM6.33942 0.410307C5.78035 0.822136 5.39426 1.42701 5.25608 2.10749L6.82408 2.42588C6.8833 2.13425 7.04877 1.87502 7.28837 1.69852L6.33942 0.410307ZM10.762 10.7402C10.2227 11.2906 9.53133 11.6673 8.77649 11.8221L9.09782 13.3895C10.165 13.1707 11.1425 12.638 11.9049 11.8599L10.762 10.7402ZM8.77649 11.8221C8.02165 11.9768 7.23779 11.9025 6.52548 11.6087L5.91535 13.0878C6.92241 13.5032 8.03063 13.6082 9.09782 13.3895L8.77649 11.8221ZM6.52548 11.6087C5.81316 11.3148 5.20488 10.8149 4.77867 10.1729L3.44572 11.058C4.0483 11.9655 4.90828 12.6723 5.91535 13.0878L6.52548 11.6087ZM4.77867 10.1729C4.35246 9.53102 4.12776 8.77639 4.13339 8.00587L2.53344 7.99417C2.52547 9.08352 2.84315 10.1504 3.44572 11.058L4.77867 10.1729ZM4.13341 8.00002V6.66669H2.53341V8.00002H4.13341ZM11.8667 6.66669V8.00002H13.4667V6.66669H11.8667ZM11.8667 7.99932C11.8666 8.22715 11.8462 8.45451 11.806 8.67875L13.3808 8.96129C13.4377 8.64425 13.4665 8.32281 13.4667 8.00072L11.8667 7.99932ZM7.20008 12.6667V15.3334H8.80008V12.6667H7.20008ZM5.33342 16.1334H10.6667V14.5334H5.33342V16.1334Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15869"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15869)">
+      <path
+        d="M1.23243 0.101002C0.920014 -0.211418 0.413482 -0.211417 0.101063 0.101002C-0.211357 0.413421 -0.211357 0.919953 0.101063 1.23237L1.23243 0.101002ZM14.7677 15.899C15.0801 16.2115 15.5867 16.2115 15.8991 15.899C16.2115 15.5866 16.2115 15.0801 15.8991 14.7677L14.7677 15.899ZM6.80008 6.00002C6.80008 5.55819 6.44191 5.20002 6.00008 5.20002C5.55825 5.20002 5.20008 5.55819 5.20008 6.00002H6.80008ZM6.00008 8.00002H5.20008L5.20008 8.00072L6.00008 8.00002ZM9.97875 9.97939C10.2914 9.66717 10.2917 9.16063 9.97945 8.84802C9.66723 8.53541 9.16069 8.53509 8.84808 8.84732L9.97875 9.97939ZM9.20008 6.22669C9.20008 6.66852 9.55825 7.02669 10.0001 7.02669C10.4419 7.02669 10.8001 6.66852 10.8001 6.22669H9.20008ZM10.0001 2.66669L9.20008 2.66588V2.66669H10.0001ZM5.25608 2.10749C5.16816 2.54048 5.44789 2.96277 5.88089 3.05069C6.31388 3.13861 6.73616 2.85887 6.82408 2.42588L5.25608 2.10749ZM11.9049 11.8599C12.2141 11.5443 12.2089 11.0378 11.8933 10.7286C11.5777 10.4194 11.0712 10.4246 10.762 10.7402L11.9049 11.8599ZM3.33341 8.00002L4.13341 8.00587V8.00002H3.33341ZM4.13341 6.66669C4.13341 6.22486 3.77524 5.86669 3.33341 5.86669C2.89159 5.86669 2.53341 6.22486 2.53341 6.66669H4.13341ZM13.4667 6.66669C13.4667 6.22486 13.1086 5.86669 12.6667 5.86669C12.2249 5.86669 11.8667 6.22486 11.8667 6.66669H13.4667ZM12.6667 8.00002L13.4667 8.00072V8.00002H12.6667ZM11.806 8.67875C11.728 9.11364 12.0173 9.52943 12.4521 9.60745C12.887 9.68547 13.3028 9.39617 13.3808 8.96129L11.806 8.67875ZM8.80008 12.6667C8.80008 12.2249 8.44191 11.8667 8.00008 11.8667C7.55825 11.8667 7.20008 12.2249 7.20008 12.6667H8.80008ZM7.20008 15.3334C7.20008 15.7752 7.55825 16.1334 8.00008 16.1334C8.44191 16.1334 8.80008 15.7752 8.80008 15.3334H7.20008ZM5.33342 14.5334C4.89159 14.5334 4.53341 14.8915 4.53341 15.3334C4.53341 15.7752 4.89159 16.1334 5.33342 16.1334V14.5334ZM10.6667 16.1334C11.1086 16.1334 11.4667 15.7752 11.4667 15.3334C11.4667 14.8915 11.1086 14.5334 10.6667 14.5334V16.1334ZM0.101063 1.23237L14.7677 15.899L15.8991 14.7677L1.23243 0.101002L0.101063 1.23237ZM5.20008 6.00002V8.00002H6.80008V6.00002H5.20008ZM5.20008 8.00072C5.20057 8.55415 5.36505 9.09503 5.67275 9.55503L7.00265 8.66545C6.87078 8.4683 6.80029 8.2365 6.80008 7.99932L5.20008 8.00072ZM5.67275 9.55503C5.98045 10.015 6.41757 10.3735 6.9289 10.5853L7.541 9.10698C7.32186 9.01624 7.13453 8.86259 7.00265 8.66545L5.67275 9.55503ZM6.9289 10.5853C7.44023 10.797 8.00284 10.8524 8.54566 10.7446L8.2339 9.17526C8.00126 9.22148 7.76014 9.19771 7.541 9.10698L6.9289 10.5853ZM8.54566 10.7446C9.08848 10.6368 9.58717 10.3705 9.97875 9.97939L8.84808 8.84732C8.68026 9.01493 8.46654 9.12905 8.2339 9.17526L8.54566 10.7446ZM10.8001 6.22669V2.66669H9.20008V6.22669H10.8001ZM10.8001 2.66749C10.8008 1.97312 10.5434 1.30326 10.078 0.787945L8.89063 1.86036C9.09009 2.08121 9.20038 2.36829 9.20008 2.66588L10.8001 2.66749ZM10.078 0.787945C9.61262 0.272633 8.97234 -0.0513631 8.28148 -0.121147L8.12068 1.47075C8.41676 1.50066 8.69117 1.63952 8.89063 1.86036L10.078 0.787945ZM8.28148 -0.121147C7.59062 -0.19093 6.89848 -0.00152266 6.33942 0.410307L7.28837 1.69852C7.52797 1.52202 7.8246 1.44085 8.12068 1.47075L8.28148 -0.121147ZM6.33942 0.410307C5.78035 0.822136 5.39426 1.42701 5.25608 2.10749L6.82408 2.42588C6.8833 2.13425 7.04877 1.87502 7.28837 1.69852L6.33942 0.410307ZM10.762 10.7402C10.2227 11.2906 9.53133 11.6673 8.77649 11.8221L9.09782 13.3895C10.165 13.1707 11.1425 12.638 11.9049 11.8599L10.762 10.7402ZM8.77649 11.8221C8.02165 11.9768 7.23779 11.9025 6.52548 11.6087L5.91535 13.0878C6.92241 13.5032 8.03063 13.6082 9.09782 13.3895L8.77649 11.8221ZM6.52548 11.6087C5.81316 11.3148 5.20488 10.8149 4.77867 10.1729L3.44572 11.058C4.0483 11.9655 4.90828 12.6723 5.91535 13.0878L6.52548 11.6087ZM4.77867 10.1729C4.35246 9.53102 4.12776 8.77639 4.13339 8.00587L2.53344 7.99417C2.52547 9.08352 2.84315 10.1504 3.44572 11.058L4.77867 10.1729ZM4.13341 8.00002V6.66669H2.53341V8.00002H4.13341ZM11.8667 6.66669V8.00002H13.4667V6.66669H11.8667ZM11.8667 7.99932C11.8666 8.22715 11.8462 8.45451 11.806 8.67875L13.3808 8.96129C13.4377 8.64425 13.4665 8.32281 13.4667 8.00072L11.8667 7.99932ZM7.20008 12.6667V15.3334H8.80008V12.6667H7.20008ZM5.33342 16.1334H10.6667V14.5334H5.33342V16.1334Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15869">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMicOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13552",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMicOff size={size} />,
+  },
 );
-figma.connect(IconMicOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13552", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMicOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMinimize.tsx b/src/icons/IconMinimize.tsx
index 9f8feaa..00222a6 100644
--- a/src/icons/IconMinimize.tsx
+++ b/src/icons/IconMinimize.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMinimize = (props: IconProps) => (
-  <Icon {...props}><path d="M6.13333 2C6.13333 1.55817 5.77516 1.2 5.33333 1.2C4.89151 1.2 4.53333 1.55817 4.53333 2H6.13333ZM5.33333 4H6.13333H5.33333ZM4 5.33333V6.13333V5.33333ZM2 4.53333C1.55817 4.53333 1.2 4.89151 1.2 5.33333C1.2 5.77516 1.55817 6.13333 2 6.13333V4.53333ZM14 6.13333C14.4418 6.13333 14.8 5.77516 14.8 5.33333C14.8 4.89151 14.4418 4.53333 14 4.53333V6.13333ZM12 5.33333V6.13333V5.33333ZM10.6667 4H11.4667H10.6667ZM11.4667 2C11.4667 1.55817 11.1085 1.2 10.6667 1.2C10.2248 1.2 9.86667 1.55817 9.86667 2H11.4667ZM9.86667 14C9.86667 14.4418 10.2248 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86667ZM10.6667 12H11.4667H10.6667ZM12 10.6667V11.4667V10.6667ZM14 11.4667C14.4418 11.4667 14.8 11.1085 14.8 10.6667C14.8 10.2248 14.4418 9.86667 14 9.86667V11.4667ZM2 9.86667C1.55817 9.86667 1.2 10.2248 1.2 10.6667C1.2 11.1085 1.55817 11.4667 2 11.4667V9.86667ZM4 10.6667V11.4667V10.6667ZM5.33333 12H6.13333H5.33333ZM4.53333 14C4.53333 14.4418 4.89151 14.8 5.33333 14.8C5.77516 14.8 6.13333 14.4418 6.13333 14H4.53333ZM4.53333 2V4H6.13333V2H4.53333ZM4.53333 4C4.53333 4.14145 4.47714 4.2771 4.37712 4.37712L5.50849 5.50849C5.90857 5.10842 6.13333 4.56579 6.13333 4H4.53333ZM4.37712 4.37712C4.2771 4.47714 4.14145 4.53333 4 4.53333V6.13333C4.56579 6.13333 5.10842 5.90857 5.50849 5.50849L4.37712 4.37712ZM4 4.53333H2V6.13333H4V4.53333ZM14 4.53333H12V6.13333H14V4.53333ZM12 4.53333C11.8586 4.53333 11.7229 4.47714 11.6229 4.37712L10.4915 5.50849C10.8916 5.90857 11.4342 6.13333 12 6.13333V4.53333ZM11.6229 4.37712C11.5229 4.2771 11.4667 4.14145 11.4667 4H9.86667C9.86667 4.5658 10.0914 5.10842 10.4915 5.50849L11.6229 4.37712ZM11.4667 4V2H9.86667V4H11.4667ZM11.4667 14V12H9.86667V14H11.4667ZM11.4667 12C11.4667 11.8586 11.5229 11.7229 11.6229 11.6229L10.4915 10.4915C10.0914 10.8916 9.86667 11.4342 9.86667 12H11.4667ZM11.6229 11.6229C11.7229 11.5229 11.8586 11.4667 12 11.4667V9.86667C11.4342 9.86667 10.8916 10.0914 10.4915 10.4915L11.6229 11.6229ZM12 11.4667H14V9.86667H12V11.4667ZM2 11.4667H4V9.86667H2V11.4667ZM4 11.4667C4.14145 11.4667 4.2771 11.5229 4.37712 11.6229L5.50849 10.4915C5.10842 10.0914 4.5658 9.86667 4 9.86667V11.4667ZM4.37712 11.6229C4.47714 11.7229 4.53333 11.8586 4.53333 12H6.13333C6.13333 11.4342 5.90857 10.8916 5.50849 10.4915L4.37712 11.6229ZM4.53333 12V14H6.13333V12H4.53333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.13333 2C6.13333 1.55817 5.77516 1.2 5.33333 1.2C4.89151 1.2 4.53333 1.55817 4.53333 2H6.13333ZM5.33333 4H6.13333H5.33333ZM4 5.33333V6.13333V5.33333ZM2 4.53333C1.55817 4.53333 1.2 4.89151 1.2 5.33333C1.2 5.77516 1.55817 6.13333 2 6.13333V4.53333ZM14 6.13333C14.4418 6.13333 14.8 5.77516 14.8 5.33333C14.8 4.89151 14.4418 4.53333 14 4.53333V6.13333ZM12 5.33333V6.13333V5.33333ZM10.6667 4H11.4667H10.6667ZM11.4667 2C11.4667 1.55817 11.1085 1.2 10.6667 1.2C10.2248 1.2 9.86667 1.55817 9.86667 2H11.4667ZM9.86667 14C9.86667 14.4418 10.2248 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86667ZM10.6667 12H11.4667H10.6667ZM12 10.6667V11.4667V10.6667ZM14 11.4667C14.4418 11.4667 14.8 11.1085 14.8 10.6667C14.8 10.2248 14.4418 9.86667 14 9.86667V11.4667ZM2 9.86667C1.55817 9.86667 1.2 10.2248 1.2 10.6667C1.2 11.1085 1.55817 11.4667 2 11.4667V9.86667ZM4 10.6667V11.4667V10.6667ZM5.33333 12H6.13333H5.33333ZM4.53333 14C4.53333 14.4418 4.89151 14.8 5.33333 14.8C5.77516 14.8 6.13333 14.4418 6.13333 14H4.53333ZM4.53333 2V4H6.13333V2H4.53333ZM4.53333 4C4.53333 4.14145 4.47714 4.2771 4.37712 4.37712L5.50849 5.50849C5.90857 5.10842 6.13333 4.56579 6.13333 4H4.53333ZM4.37712 4.37712C4.2771 4.47714 4.14145 4.53333 4 4.53333V6.13333C4.56579 6.13333 5.10842 5.90857 5.50849 5.50849L4.37712 4.37712ZM4 4.53333H2V6.13333H4V4.53333ZM14 4.53333H12V6.13333H14V4.53333ZM12 4.53333C11.8586 4.53333 11.7229 4.47714 11.6229 4.37712L10.4915 5.50849C10.8916 5.90857 11.4342 6.13333 12 6.13333V4.53333ZM11.6229 4.37712C11.5229 4.2771 11.4667 4.14145 11.4667 4H9.86667C9.86667 4.5658 10.0914 5.10842 10.4915 5.50849L11.6229 4.37712ZM11.4667 4V2H9.86667V4H11.4667ZM11.4667 14V12H9.86667V14H11.4667ZM11.4667 12C11.4667 11.8586 11.5229 11.7229 11.6229 11.6229L10.4915 10.4915C10.0914 10.8916 9.86667 11.4342 9.86667 12H11.4667ZM11.6229 11.6229C11.7229 11.5229 11.8586 11.4667 12 11.4667V9.86667C11.4342 9.86667 10.8916 10.0914 10.4915 10.4915L11.6229 11.6229ZM12 11.4667H14V9.86667H12V11.4667ZM2 11.4667H4V9.86667H2V11.4667ZM4 11.4667C4.14145 11.4667 4.2771 11.5229 4.37712 11.6229L5.50849 10.4915C5.10842 10.0914 4.5658 9.86667 4 9.86667V11.4667ZM4.37712 11.6229C4.47714 11.7229 4.53333 11.8586 4.53333 12H6.13333C6.13333 11.4342 5.90857 10.8916 5.50849 10.4915L4.37712 11.6229ZM4.53333 12V14H6.13333V12H4.53333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMinimize,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13557",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMinimize size={size} />,
+  },
 );
-figma.connect(IconMinimize, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13557", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMinimize size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMinimize2.tsx b/src/icons/IconMinimize2.tsx
index 54e85e5..c02bdf2 100644
--- a/src/icons/IconMinimize2.tsx
+++ b/src/icons/IconMinimize2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMinimize2 = (props: IconProps) => (
-  <Icon {...props}><path d="M2.66667 8.53333C2.22484 8.53333 1.86667 8.89151 1.86667 9.33333C1.86667 9.77516 2.22484 10.1333 2.66667 10.1333V8.53333ZM6.66667 9.33333H7.46667C7.46667 8.89151 7.10849 8.53333 6.66667 8.53333V9.33333ZM5.86667 13.3333C5.86667 13.7752 6.22484 14.1333 6.66667 14.1333C7.10849 14.1333 7.46667 13.7752 7.46667 13.3333H5.86667ZM13.3333 7.46667C13.7752 7.46667 14.1333 7.10849 14.1333 6.66667C14.1333 6.22484 13.7752 5.86667 13.3333 5.86667V7.46667ZM9.33333 6.66667H8.53333C8.53333 7.10849 8.89151 7.46667 9.33333 7.46667V6.66667ZM10.1333 2.66667C10.1333 2.22484 9.77516 1.86667 9.33333 1.86667C8.89151 1.86667 8.53333 2.22484 8.53333 2.66667H10.1333ZM14.5657 2.56569C14.8781 2.25327 14.8781 1.74673 14.5657 1.43431C14.2533 1.1219 13.7467 1.1219 13.4343 1.43431L14.5657 2.56569ZM1.43431 13.4343C1.1219 13.7467 1.1219 14.2533 1.43431 14.5657C1.74673 14.8781 2.25327 14.8781 2.56569 14.5657L1.43431 13.4343ZM2.66667 10.1333H6.66667V8.53333H2.66667V10.1333ZM5.86667 9.33333V13.3333H7.46667V9.33333H5.86667ZM13.3333 5.86667H9.33333V7.46667H13.3333V5.86667ZM10.1333 6.66667V2.66667H8.53333V6.66667H10.1333ZM9.89902 7.23235L14.5657 2.56569L13.4343 1.43431L8.76765 6.10098L9.89902 7.23235ZM2.56569 14.5657L7.23235 9.89902L6.10098 8.76765L1.43431 13.4343L2.56569 14.5657Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.66667 8.53333C2.22484 8.53333 1.86667 8.89151 1.86667 9.33333C1.86667 9.77516 2.22484 10.1333 2.66667 10.1333V8.53333ZM6.66667 9.33333H7.46667C7.46667 8.89151 7.10849 8.53333 6.66667 8.53333V9.33333ZM5.86667 13.3333C5.86667 13.7752 6.22484 14.1333 6.66667 14.1333C7.10849 14.1333 7.46667 13.7752 7.46667 13.3333H5.86667ZM13.3333 7.46667C13.7752 7.46667 14.1333 7.10849 14.1333 6.66667C14.1333 6.22484 13.7752 5.86667 13.3333 5.86667V7.46667ZM9.33333 6.66667H8.53333C8.53333 7.10849 8.89151 7.46667 9.33333 7.46667V6.66667ZM10.1333 2.66667C10.1333 2.22484 9.77516 1.86667 9.33333 1.86667C8.89151 1.86667 8.53333 2.22484 8.53333 2.66667H10.1333ZM14.5657 2.56569C14.8781 2.25327 14.8781 1.74673 14.5657 1.43431C14.2533 1.1219 13.7467 1.1219 13.4343 1.43431L14.5657 2.56569ZM1.43431 13.4343C1.1219 13.7467 1.1219 14.2533 1.43431 14.5657C1.74673 14.8781 2.25327 14.8781 2.56569 14.5657L1.43431 13.4343ZM2.66667 10.1333H6.66667V8.53333H2.66667V10.1333ZM5.86667 9.33333V13.3333H7.46667V9.33333H5.86667ZM13.3333 5.86667H9.33333V7.46667H13.3333V5.86667ZM10.1333 6.66667V2.66667H8.53333V6.66667H10.1333ZM9.89902 7.23235L14.5657 2.56569L13.4343 1.43431L8.76765 6.10098L9.89902 7.23235ZM2.56569 14.5657L7.23235 9.89902L6.10098 8.76765L1.43431 13.4343L2.56569 14.5657Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMinimize2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13554",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMinimize2 size={size} />,
+  },
 );
-figma.connect(IconMinimize2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13554", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMinimize2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMinus.tsx b/src/icons/IconMinus.tsx
index 7f6134c..55dec3e 100644
--- a/src/icons/IconMinus.tsx
+++ b/src/icons/IconMinus.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMinus = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33337 7.2C2.89155 7.2 2.53337 7.55817 2.53337 8C2.53337 8.44183 2.89155 8.8 3.33337 8.8V7.2ZM12.6667 8.8C13.1085 8.8 13.4667 8.44183 13.4667 8C13.4667 7.55817 13.1085 7.2 12.6667 7.2V8.8ZM3.33337 8.8H12.6667V7.2H3.33337V8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33337 7.2C2.89155 7.2 2.53337 7.55817 2.53337 8C2.53337 8.44183 2.89155 8.8 3.33337 8.8V7.2ZM12.6667 8.8C13.1085 8.8 13.4667 8.44183 13.4667 8C13.4667 7.55817 13.1085 7.2 12.6667 7.2V8.8ZM3.33337 8.8H12.6667V7.2H3.33337V8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMinus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13558",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMinus size={size} />,
+  },
 );
-figma.connect(IconMinus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13558", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMinus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMinusCircle.tsx b/src/icons/IconMinusCircle.tsx
index 3b3fdb6..f2511e4 100644
--- a/src/icons/IconMinusCircle.tsx
+++ b/src/icons/IconMinusCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMinusCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15877)"><path d="M5.33331 7.20004C4.89149 7.20004 4.53331 7.55821 4.53331 8.00004C4.53331 8.44187 4.89149 8.80004 5.33331 8.80004V7.20004ZM10.6666 8.80004C11.1085 8.80004 11.4666 8.44187 11.4666 8.00004C11.4666 7.55821 11.1085 7.20004 10.6666 7.20004V8.80004ZM13.8666 8.00004C13.8666 11.2401 11.2401 13.8667 7.99998 13.8667V15.4667C12.1237 15.4667 15.4666 12.1238 15.4666 8.00004H13.8666ZM7.99998 13.8667C4.75991 13.8667 2.13331 11.2401 2.13331 8.00004H0.533313C0.533313 12.1238 3.87625 15.4667 7.99998 15.4667V13.8667ZM2.13331 8.00004C2.13331 4.75997 4.75991 2.13337 7.99998 2.13337V0.533374C3.87625 0.533374 0.533313 3.87631 0.533313 8.00004H2.13331ZM7.99998 2.13337C11.2401 2.13337 13.8666 4.75997 13.8666 8.00004H15.4666C15.4666 3.87631 12.1237 0.533374 7.99998 0.533374V2.13337ZM5.33331 8.80004H10.6666V7.20004H5.33331V8.80004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15877"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15877)">
+      <path
+        d="M5.33331 7.20004C4.89149 7.20004 4.53331 7.55821 4.53331 8.00004C4.53331 8.44187 4.89149 8.80004 5.33331 8.80004V7.20004ZM10.6666 8.80004C11.1085 8.80004 11.4666 8.44187 11.4666 8.00004C11.4666 7.55821 11.1085 7.20004 10.6666 7.20004V8.80004ZM13.8666 8.00004C13.8666 11.2401 11.2401 13.8667 7.99998 13.8667V15.4667C12.1237 15.4667 15.4666 12.1238 15.4666 8.00004H13.8666ZM7.99998 13.8667C4.75991 13.8667 2.13331 11.2401 2.13331 8.00004H0.533313C0.533313 12.1238 3.87625 15.4667 7.99998 15.4667V13.8667ZM2.13331 8.00004C2.13331 4.75997 4.75991 2.13337 7.99998 2.13337V0.533374C3.87625 0.533374 0.533313 3.87631 0.533313 8.00004H2.13331ZM7.99998 2.13337C11.2401 2.13337 13.8666 4.75997 13.8666 8.00004H15.4666C15.4666 3.87631 12.1237 0.533374 7.99998 0.533374V2.13337ZM5.33331 8.80004H10.6666V7.20004H5.33331V8.80004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15877">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMinusCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13556",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMinusCircle size={size} />,
+  },
 );
-figma.connect(IconMinusCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13556", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMinusCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMinusSquare.tsx b/src/icons/IconMinusSquare.tsx
index 04bc32c..587e073 100644
--- a/src/icons/IconMinusSquare.tsx
+++ b/src/icons/IconMinusSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMinusSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM10.6667 8.8C11.1085 8.8 11.4667 8.44183 11.4667 8C11.4667 7.55817 11.1085 7.2 10.6667 7.2V8.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.33333 8.8H10.6667V7.2H5.33333V8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM10.6667 8.8C11.1085 8.8 11.4667 8.44183 11.4667 8C11.4667 7.55817 11.1085 7.2 10.6667 7.2V8.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.33333 8.8H10.6667V7.2H5.33333V8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMinusSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13559",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMinusSquare size={size} />,
+  },
 );
-figma.connect(IconMinusSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13559", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMinusSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMonitor.tsx b/src/icons/IconMonitor.tsx
index e528cb1..f8a2d1a 100644
--- a/src/icons/IconMonitor.tsx
+++ b/src/icons/IconMonitor.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMonitor = (props: IconProps) => (
-  <Icon {...props}><path d="M5.33325 13.2C4.89142 13.2 4.53325 13.5582 4.53325 14C4.53325 14.4418 4.89142 14.8 5.33325 14.8V13.2ZM10.6666 14.8C11.1084 14.8 11.4666 14.4418 11.4666 14C11.4666 13.5582 11.1084 13.2 10.6666 13.2V14.8ZM8.79992 11.3333C8.79992 10.8915 8.44175 10.5333 7.99992 10.5333C7.55809 10.5333 7.19992 10.8915 7.19992 11.3333H8.79992ZM7.19992 14C7.19992 14.4418 7.55809 14.8 7.99992 14.8C8.44175 14.8 8.79992 14.4418 8.79992 14H7.19992ZM2.66659 2.8H13.3333V1.2H2.66659V2.8ZM13.3333 2.8C13.6278 2.8 13.8666 3.03878 13.8666 3.33333H15.4666C15.4666 2.15513 14.5115 1.2 13.3333 1.2V2.8ZM13.8666 3.33333V10H15.4666V3.33333H13.8666ZM13.8666 10C13.8666 10.2946 13.6278 10.5333 13.3333 10.5333V12.1333C14.5115 12.1333 15.4666 11.1782 15.4666 10H13.8666ZM13.3333 10.5333H2.66659V12.1333H13.3333V10.5333ZM2.66659 10.5333C2.37203 10.5333 2.13325 10.2946 2.13325 10H0.533252C0.533252 11.1782 1.48838 12.1333 2.66659 12.1333V10.5333ZM2.13325 10V3.33333H0.533252V10H2.13325ZM2.13325 3.33333C2.13325 3.03878 2.37203 2.8 2.66659 2.8V1.2C1.48838 1.2 0.533252 2.15513 0.533252 3.33333H2.13325ZM5.33325 14.8H10.6666V13.2H5.33325V14.8ZM7.19992 11.3333V14H8.79992V11.3333H7.19992Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.33325 13.2C4.89142 13.2 4.53325 13.5582 4.53325 14C4.53325 14.4418 4.89142 14.8 5.33325 14.8V13.2ZM10.6666 14.8C11.1084 14.8 11.4666 14.4418 11.4666 14C11.4666 13.5582 11.1084 13.2 10.6666 13.2V14.8ZM8.79992 11.3333C8.79992 10.8915 8.44175 10.5333 7.99992 10.5333C7.55809 10.5333 7.19992 10.8915 7.19992 11.3333H8.79992ZM7.19992 14C7.19992 14.4418 7.55809 14.8 7.99992 14.8C8.44175 14.8 8.79992 14.4418 8.79992 14H7.19992ZM2.66659 2.8H13.3333V1.2H2.66659V2.8ZM13.3333 2.8C13.6278 2.8 13.8666 3.03878 13.8666 3.33333H15.4666C15.4666 2.15513 14.5115 1.2 13.3333 1.2V2.8ZM13.8666 3.33333V10H15.4666V3.33333H13.8666ZM13.8666 10C13.8666 10.2946 13.6278 10.5333 13.3333 10.5333V12.1333C14.5115 12.1333 15.4666 11.1782 15.4666 10H13.8666ZM13.3333 10.5333H2.66659V12.1333H13.3333V10.5333ZM2.66659 10.5333C2.37203 10.5333 2.13325 10.2946 2.13325 10H0.533252C0.533252 11.1782 1.48838 12.1333 2.66659 12.1333V10.5333ZM2.13325 10V3.33333H0.533252V10H2.13325ZM2.13325 3.33333C2.13325 3.03878 2.37203 2.8 2.66659 2.8V1.2C1.48838 1.2 0.533252 2.15513 0.533252 3.33333H2.13325ZM5.33325 14.8H10.6666V13.2H5.33325V14.8ZM7.19992 11.3333V14H8.79992V11.3333H7.19992Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMonitor,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13561",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMonitor size={size} />,
+  },
 );
-figma.connect(IconMonitor, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13561", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMonitor size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMoon.tsx b/src/icons/IconMoon.tsx
index 6845404..630357f 100644
--- a/src/icons/IconMoon.tsx
+++ b/src/icons/IconMoon.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMoon = (props: IconProps) => (
-  <Icon {...props}><path d="M13.9999 8.52667L14.7965 8.60028C14.8256 8.28629 14.6674 7.98455 14.3927 7.82973C14.118 7.67491 13.778 7.6959 13.5244 7.88333L13.9999 8.52667ZM7.47327 2L8.1166 2.47553C8.30403 2.22195 8.32503 1.88193 8.17021 1.60722C8.01539 1.33251 7.71364 1.17438 7.39965 1.20339L7.47327 2ZM13.2033 8.45305C13.1124 9.43655 12.7433 10.3738 12.1392 11.1552L13.405 12.1339C14.195 11.1121 14.6777 9.88639 14.7965 8.60028L13.2033 8.45305ZM12.1392 11.1552C11.5351 11.9366 10.7209 12.5297 9.79196 12.8653L10.3355 14.3701C11.5503 13.9313 12.615 13.1557 13.405 12.1339L12.1392 11.1552ZM9.79196 12.8653C8.86301 13.2008 7.85772 13.2649 6.89371 13.0499L6.5455 14.6116C7.80613 14.8926 9.12074 14.8089 10.3355 14.3701L9.79196 12.8653ZM6.89371 13.0499C5.92969 12.835 5.04684 12.3499 4.34844 11.6515L3.21707 12.7829C4.13036 13.6962 5.28486 14.3305 6.5455 14.6116L6.89371 13.0499ZM4.34844 11.6515C3.65004 10.9531 3.16498 10.0702 2.95003 9.10623L1.38838 9.45444C1.66947 10.7151 2.30377 11.8696 3.21707 12.7829L4.34844 11.6515ZM2.95003 9.10623C2.73508 8.14221 2.79912 7.13692 3.13466 6.20798L1.62982 5.66442C1.19104 6.87919 1.10729 8.19381 1.38838 9.45444L2.95003 9.10623ZM3.13466 6.20798C3.4702 5.27903 4.06336 4.46486 4.84474 3.86073L3.86608 2.59494C2.84428 3.38496 2.06861 4.44965 1.62982 5.66442L3.13466 6.20798ZM4.84474 3.86073C5.62612 3.2566 6.56339 2.88749 7.54688 2.79661L7.39965 1.20339C6.11354 1.32225 4.88788 1.80492 3.86608 2.59494L4.84474 3.86073ZM6.82994 1.52447C6.05165 2.57741 5.67713 3.87471 5.7745 5.18044L7.37007 5.06145C7.3012 4.13789 7.5661 3.22028 8.1166 2.47553L6.82994 1.52447ZM5.7745 5.18044C5.87188 6.48616 6.43467 7.71357 7.36052 8.63942L8.49189 7.50805C7.83702 6.85318 7.43895 5.98501 7.37007 5.06145L5.7745 5.18044ZM7.36052 8.63942C8.28637 9.56527 9.51377 10.1281 10.8195 10.2254L10.9385 8.62986C10.0149 8.56099 9.14676 8.16292 8.49189 7.50805L7.36052 8.63942ZM10.8195 10.2254C12.1252 10.3228 13.4225 9.94828 14.4755 9.17L13.5244 7.88333C12.7796 8.43383 11.862 8.69873 10.9385 8.62986L10.8195 10.2254Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.9999 8.52667L14.7965 8.60028C14.8256 8.28629 14.6674 7.98455 14.3927 7.82973C14.118 7.67491 13.778 7.6959 13.5244 7.88333L13.9999 8.52667ZM7.47327 2L8.1166 2.47553C8.30403 2.22195 8.32503 1.88193 8.17021 1.60722C8.01539 1.33251 7.71364 1.17438 7.39965 1.20339L7.47327 2ZM13.2033 8.45305C13.1124 9.43655 12.7433 10.3738 12.1392 11.1552L13.405 12.1339C14.195 11.1121 14.6777 9.88639 14.7965 8.60028L13.2033 8.45305ZM12.1392 11.1552C11.5351 11.9366 10.7209 12.5297 9.79196 12.8653L10.3355 14.3701C11.5503 13.9313 12.615 13.1557 13.405 12.1339L12.1392 11.1552ZM9.79196 12.8653C8.86301 13.2008 7.85772 13.2649 6.89371 13.0499L6.5455 14.6116C7.80613 14.8926 9.12074 14.8089 10.3355 14.3701L9.79196 12.8653ZM6.89371 13.0499C5.92969 12.835 5.04684 12.3499 4.34844 11.6515L3.21707 12.7829C4.13036 13.6962 5.28486 14.3305 6.5455 14.6116L6.89371 13.0499ZM4.34844 11.6515C3.65004 10.9531 3.16498 10.0702 2.95003 9.10623L1.38838 9.45444C1.66947 10.7151 2.30377 11.8696 3.21707 12.7829L4.34844 11.6515ZM2.95003 9.10623C2.73508 8.14221 2.79912 7.13692 3.13466 6.20798L1.62982 5.66442C1.19104 6.87919 1.10729 8.19381 1.38838 9.45444L2.95003 9.10623ZM3.13466 6.20798C3.4702 5.27903 4.06336 4.46486 4.84474 3.86073L3.86608 2.59494C2.84428 3.38496 2.06861 4.44965 1.62982 5.66442L3.13466 6.20798ZM4.84474 3.86073C5.62612 3.2566 6.56339 2.88749 7.54688 2.79661L7.39965 1.20339C6.11354 1.32225 4.88788 1.80492 3.86608 2.59494L4.84474 3.86073ZM6.82994 1.52447C6.05165 2.57741 5.67713 3.87471 5.7745 5.18044L7.37007 5.06145C7.3012 4.13789 7.5661 3.22028 8.1166 2.47553L6.82994 1.52447ZM5.7745 5.18044C5.87188 6.48616 6.43467 7.71357 7.36052 8.63942L8.49189 7.50805C7.83702 6.85318 7.43895 5.98501 7.37007 5.06145L5.7745 5.18044ZM7.36052 8.63942C8.28637 9.56527 9.51377 10.1281 10.8195 10.2254L10.9385 8.62986C10.0149 8.56099 9.14676 8.16292 8.49189 7.50805L7.36052 8.63942ZM10.8195 10.2254C12.1252 10.3228 13.4225 9.94828 14.4755 9.17L13.5244 7.88333C12.7796 8.43383 11.862 8.69873 10.9385 8.62986L10.8195 10.2254Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMoon,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13560",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMoon size={size} />,
+  },
 );
-figma.connect(IconMoon, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13560", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMoon size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMoreHorizontal.tsx b/src/icons/IconMoreHorizontal.tsx
index 7cac2e7..4172682 100644
--- a/src/icons/IconMoreHorizontal.tsx
+++ b/src/icons/IconMoreHorizontal.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMoreHorizontal = (props: IconProps) => (
-  <Icon {...props}><path d="M7.86675 8.00004C7.86675 7.9264 7.92644 7.86671 8.00008 7.86671V9.46671C8.8101 9.46671 9.46675 8.81006 9.46675 8.00004H7.86675ZM8.00008 7.86671C8.07372 7.86671 8.13341 7.9264 8.13341 8.00004H6.53341C6.53341 8.81006 7.19006 9.46671 8.00008 9.46671V7.86671ZM8.13341 8.00004C8.13341 8.07368 8.07372 8.13337 8.00008 8.13337V6.53337C7.19006 6.53337 6.53341 7.19002 6.53341 8.00004H8.13341ZM8.00008 8.13337C7.92644 8.13337 7.86675 8.07368 7.86675 8.00004H9.46675C9.46675 7.19002 8.8101 6.53337 8.00008 6.53337V8.13337ZM12.5334 8.00004C12.5334 7.9264 12.5931 7.86671 12.6667 7.86671V9.46671C13.4768 9.46671 14.1334 8.81006 14.1334 8.00004H12.5334ZM12.6667 7.86671C12.7404 7.86671 12.8001 7.9264 12.8001 8.00004H11.2001C11.2001 8.81006 11.8567 9.46671 12.6667 9.46671V7.86671ZM12.8001 8.00004C12.8001 8.07368 12.7404 8.13337 12.6667 8.13337V6.53337C11.8567 6.53337 11.2001 7.19002 11.2001 8.00004H12.8001ZM12.6667 8.13337C12.5931 8.13337 12.5334 8.07368 12.5334 8.00004H14.1334C14.1334 7.19002 13.4768 6.53337 12.6667 6.53337V8.13337ZM3.20008 8.00004C3.20008 7.9264 3.25978 7.86671 3.33341 7.86671V9.46671C4.14343 9.46671 4.80008 8.81006 4.80008 8.00004H3.20008ZM3.33341 7.86671C3.40705 7.86671 3.46675 7.9264 3.46675 8.00004H1.86675C1.86675 8.81006 2.5234 9.46671 3.33341 9.46671V7.86671ZM3.46675 8.00004C3.46675 8.07368 3.40705 8.13337 3.33341 8.13337V6.53337C2.5234 6.53337 1.86675 7.19002 1.86675 8.00004H3.46675ZM3.33341 8.13337C3.25978 8.13337 3.20008 8.07368 3.20008 8.00004H4.80008C4.80008 7.19002 4.14343 6.53337 3.33341 6.53337V8.13337Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.86675 8.00004C7.86675 7.9264 7.92644 7.86671 8.00008 7.86671V9.46671C8.8101 9.46671 9.46675 8.81006 9.46675 8.00004H7.86675ZM8.00008 7.86671C8.07372 7.86671 8.13341 7.9264 8.13341 8.00004H6.53341C6.53341 8.81006 7.19006 9.46671 8.00008 9.46671V7.86671ZM8.13341 8.00004C8.13341 8.07368 8.07372 8.13337 8.00008 8.13337V6.53337C7.19006 6.53337 6.53341 7.19002 6.53341 8.00004H8.13341ZM8.00008 8.13337C7.92644 8.13337 7.86675 8.07368 7.86675 8.00004H9.46675C9.46675 7.19002 8.8101 6.53337 8.00008 6.53337V8.13337ZM12.5334 8.00004C12.5334 7.9264 12.5931 7.86671 12.6667 7.86671V9.46671C13.4768 9.46671 14.1334 8.81006 14.1334 8.00004H12.5334ZM12.6667 7.86671C12.7404 7.86671 12.8001 7.9264 12.8001 8.00004H11.2001C11.2001 8.81006 11.8567 9.46671 12.6667 9.46671V7.86671ZM12.8001 8.00004C12.8001 8.07368 12.7404 8.13337 12.6667 8.13337V6.53337C11.8567 6.53337 11.2001 7.19002 11.2001 8.00004H12.8001ZM12.6667 8.13337C12.5931 8.13337 12.5334 8.07368 12.5334 8.00004H14.1334C14.1334 7.19002 13.4768 6.53337 12.6667 6.53337V8.13337ZM3.20008 8.00004C3.20008 7.9264 3.25978 7.86671 3.33341 7.86671V9.46671C4.14343 9.46671 4.80008 8.81006 4.80008 8.00004H3.20008ZM3.33341 7.86671C3.40705 7.86671 3.46675 7.9264 3.46675 8.00004H1.86675C1.86675 8.81006 2.5234 9.46671 3.33341 9.46671V7.86671ZM3.46675 8.00004C3.46675 8.07368 3.40705 8.13337 3.33341 8.13337V6.53337C2.5234 6.53337 1.86675 7.19002 1.86675 8.00004H3.46675ZM3.33341 8.13337C3.25978 8.13337 3.20008 8.07368 3.20008 8.00004H4.80008C4.80008 7.19002 4.14343 6.53337 3.33341 6.53337V8.13337Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMoreHorizontal,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13563",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMoreHorizontal size={size} />,
+  },
 );
-figma.connect(IconMoreHorizontal, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13563", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMoreHorizontal size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMoreVertical.tsx b/src/icons/IconMoreVertical.tsx
index cac3897..1217270 100644
--- a/src/icons/IconMoreVertical.tsx
+++ b/src/icons/IconMoreVertical.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMoreVertical = (props: IconProps) => (
-  <Icon {...props}><path d="M7.86683 7.99996C7.86683 7.92632 7.92653 7.86663 8.00016 7.86663V9.46663C8.81018 9.46663 9.46683 8.80998 9.46683 7.99996H7.86683ZM8.00016 7.86663C8.0738 7.86663 8.1335 7.92632 8.1335 7.99996H6.5335C6.5335 8.80998 7.19015 9.46663 8.00016 9.46663V7.86663ZM8.1335 7.99996C8.1335 8.0736 8.0738 8.13329 8.00016 8.13329V6.53329C7.19014 6.53329 6.5335 7.18994 6.5335 7.99996H8.1335ZM8.00016 8.13329C7.92652 8.13329 7.86683 8.0736 7.86683 7.99996H9.46683C9.46683 7.18994 8.81018 6.53329 8.00016 6.53329V8.13329ZM7.86683 3.33329C7.86683 3.25965 7.92652 3.19996 8.00016 3.19996V4.79996C8.81018 4.79996 9.46683 4.14331 9.46683 3.33329H7.86683ZM8.00016 3.19996C8.0738 3.19996 8.1335 3.25965 8.1335 3.33329H6.5335C6.5335 4.14331 7.19015 4.79996 8.00016 4.79996V3.19996ZM8.1335 3.33329C8.1335 3.40693 8.0738 3.46663 8.00016 3.46663V1.86663C7.19015 1.86663 6.5335 2.52327 6.5335 3.33329H8.1335ZM8.00016 3.46663C7.92652 3.46663 7.86683 3.40693 7.86683 3.33329H9.46683C9.46683 2.52327 8.81018 1.86663 8.00016 1.86663V3.46663ZM7.86683 12.6666C7.86683 12.593 7.92653 12.5333 8.00016 12.5333V14.1333C8.81018 14.1333 9.46683 13.4766 9.46683 12.6666H7.86683ZM8.00016 12.5333C8.0738 12.5333 8.1335 12.593 8.1335 12.6666H6.5335C6.5335 13.4766 7.19015 14.1333 8.00016 14.1333V12.5333ZM8.1335 12.6666C8.1335 12.7403 8.0738 12.8 8.00016 12.8V11.2C7.19014 11.2 6.5335 11.8566 6.5335 12.6666H8.1335ZM8.00016 12.8C7.92652 12.8 7.86683 12.7403 7.86683 12.6666H9.46683C9.46683 11.8566 8.81018 11.2 8.00016 11.2V12.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.86683 7.99996C7.86683 7.92632 7.92653 7.86663 8.00016 7.86663V9.46663C8.81018 9.46663 9.46683 8.80998 9.46683 7.99996H7.86683ZM8.00016 7.86663C8.0738 7.86663 8.1335 7.92632 8.1335 7.99996H6.5335C6.5335 8.80998 7.19015 9.46663 8.00016 9.46663V7.86663ZM8.1335 7.99996C8.1335 8.0736 8.0738 8.13329 8.00016 8.13329V6.53329C7.19014 6.53329 6.5335 7.18994 6.5335 7.99996H8.1335ZM8.00016 8.13329C7.92652 8.13329 7.86683 8.0736 7.86683 7.99996H9.46683C9.46683 7.18994 8.81018 6.53329 8.00016 6.53329V8.13329ZM7.86683 3.33329C7.86683 3.25965 7.92652 3.19996 8.00016 3.19996V4.79996C8.81018 4.79996 9.46683 4.14331 9.46683 3.33329H7.86683ZM8.00016 3.19996C8.0738 3.19996 8.1335 3.25965 8.1335 3.33329H6.5335C6.5335 4.14331 7.19015 4.79996 8.00016 4.79996V3.19996ZM8.1335 3.33329C8.1335 3.40693 8.0738 3.46663 8.00016 3.46663V1.86663C7.19015 1.86663 6.5335 2.52327 6.5335 3.33329H8.1335ZM8.00016 3.46663C7.92652 3.46663 7.86683 3.40693 7.86683 3.33329H9.46683C9.46683 2.52327 8.81018 1.86663 8.00016 1.86663V3.46663ZM7.86683 12.6666C7.86683 12.593 7.92653 12.5333 8.00016 12.5333V14.1333C8.81018 14.1333 9.46683 13.4766 9.46683 12.6666H7.86683ZM8.00016 12.5333C8.0738 12.5333 8.1335 12.593 8.1335 12.6666H6.5335C6.5335 13.4766 7.19015 14.1333 8.00016 14.1333V12.5333ZM8.1335 12.6666C8.1335 12.7403 8.0738 12.8 8.00016 12.8V11.2C7.19014 11.2 6.5335 11.8566 6.5335 12.6666H8.1335ZM8.00016 12.8C7.92652 12.8 7.86683 12.7403 7.86683 12.6666H9.46683C9.46683 11.8566 8.81018 11.2 8.00016 11.2V12.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMoreVertical,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13562",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMoreVertical size={size} />,
+  },
 );
-figma.connect(IconMoreVertical, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13562", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMoreVertical size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMousePointer.tsx b/src/icons/IconMousePointer.tsx
index a028235..beae76c 100644
--- a/src/icons/IconMousePointer.tsx
+++ b/src/icons/IconMousePointer.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMousePointer = (props: IconProps) => (
-  <Icon {...props}><path d="M2 2L2.30766 1.26153C2.00843 1.13686 1.66354 1.20509 1.43431 1.43431C1.20509 1.66354 1.13686 2.00843 1.26153 2.30766L2 2ZM6.71333 13.3133L5.97486 13.621C6.10285 13.9282 6.40765 14.1241 6.74026 14.1129C7.07287 14.1017 7.3638 13.8857 7.47083 13.5706L6.71333 13.3133ZM8.38667 8.38667L8.12938 7.62917C7.89398 7.70912 7.70912 7.89398 7.62917 8.12938L8.38667 8.38667ZM13.3133 6.71333L13.5706 7.47083C13.8857 7.3638 14.1017 7.07287 14.1129 6.74026C14.1241 6.40765 13.9282 6.10285 13.621 5.97486L13.3133 6.71333ZM9.23235 8.10098C8.91993 7.78856 8.4134 7.78856 8.10098 8.10098C7.78856 8.4134 7.78856 8.91993 8.10098 9.23235L9.23235 8.10098ZM12.101 13.2324C12.4134 13.5448 12.9199 13.5448 13.2324 13.2324C13.5448 12.9199 13.5448 12.4134 13.2324 12.101L12.101 13.2324ZM1.26153 2.30766L5.97486 13.621L7.45181 13.0057L2.73847 1.69234L1.26153 2.30766ZM7.47083 13.5706L9.14417 8.64395L7.62917 8.12938L5.95583 13.056L7.47083 13.5706ZM8.64395 9.14417L13.5706 7.47083L13.056 5.95583L8.12938 7.62917L8.64395 9.14417ZM13.621 5.97486L2.30766 1.26153L1.69234 2.73847L13.0057 7.45181L13.621 5.97486ZM8.10098 9.23235L12.101 13.2324L13.2324 12.101L9.23235 8.10098L8.10098 9.23235Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 2L2.30766 1.26153C2.00843 1.13686 1.66354 1.20509 1.43431 1.43431C1.20509 1.66354 1.13686 2.00843 1.26153 2.30766L2 2ZM6.71333 13.3133L5.97486 13.621C6.10285 13.9282 6.40765 14.1241 6.74026 14.1129C7.07287 14.1017 7.3638 13.8857 7.47083 13.5706L6.71333 13.3133ZM8.38667 8.38667L8.12938 7.62917C7.89398 7.70912 7.70912 7.89398 7.62917 8.12938L8.38667 8.38667ZM13.3133 6.71333L13.5706 7.47083C13.8857 7.3638 14.1017 7.07287 14.1129 6.74026C14.1241 6.40765 13.9282 6.10285 13.621 5.97486L13.3133 6.71333ZM9.23235 8.10098C8.91993 7.78856 8.4134 7.78856 8.10098 8.10098C7.78856 8.4134 7.78856 8.91993 8.10098 9.23235L9.23235 8.10098ZM12.101 13.2324C12.4134 13.5448 12.9199 13.5448 13.2324 13.2324C13.5448 12.9199 13.5448 12.4134 13.2324 12.101L12.101 13.2324ZM1.26153 2.30766L5.97486 13.621L7.45181 13.0057L2.73847 1.69234L1.26153 2.30766ZM7.47083 13.5706L9.14417 8.64395L7.62917 8.12938L5.95583 13.056L7.47083 13.5706ZM8.64395 9.14417L13.5706 7.47083L13.056 5.95583L8.12938 7.62917L8.64395 9.14417ZM13.621 5.97486L2.30766 1.26153L1.69234 2.73847L13.0057 7.45181L13.621 5.97486ZM8.10098 9.23235L12.101 13.2324L13.2324 12.101L9.23235 8.10098L8.10098 9.23235Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMousePointer,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13565",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMousePointer size={size} />,
+  },
 );
-figma.connect(IconMousePointer, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13565", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMousePointer size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMove.tsx b/src/icons/IconMove.tsx
index 3d37359..d5325b6 100644
--- a/src/icons/IconMove.tsx
+++ b/src/icons/IconMove.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMove = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15893)"><path d="M3.89901 6.56573C4.21143 6.25331 4.21143 5.74677 3.89901 5.43436C3.58659 5.12194 3.08006 5.12194 2.76764 5.43436L3.89901 6.56573ZM1.33333 8.00004L0.767643 7.43436C0.455223 7.74677 0.455223 8.25331 0.767643 8.56573L1.33333 8.00004ZM2.76764 10.5657C3.08006 10.8781 3.58659 10.8781 3.89901 10.5657C4.21143 10.2533 4.21143 9.74677 3.89901 9.43435L2.76764 10.5657ZM5.43431 2.76769C5.12189 3.08011 5.12189 3.58664 5.43431 3.89906C5.74673 4.21148 6.25326 4.21148 6.56568 3.89906L5.43431 2.76769ZM7.99999 1.33337L8.56568 0.767689C8.25326 0.455269 7.74673 0.455269 7.43431 0.767689L7.99999 1.33337ZM9.43431 3.89906C9.74673 4.21148 10.2533 4.21148 10.5657 3.89906C10.8781 3.58664 10.8781 3.08011 10.5657 2.76769L9.43431 3.89906ZM10.5657 13.2324C10.8781 12.92 10.8781 12.4134 10.5657 12.101C10.2533 11.7886 9.74673 11.7886 9.43431 12.101L10.5657 13.2324ZM7.99999 14.6667L7.43431 15.2324C7.74673 15.5448 8.25326 15.5448 8.56568 15.2324L7.99999 14.6667ZM6.56568 12.101C6.25326 11.7886 5.74673 11.7886 5.43431 12.101C5.12189 12.4134 5.12189 12.92 5.43431 13.2324L6.56568 12.101ZM13.2323 5.43436C12.9199 5.12194 12.4134 5.12194 12.101 5.43436C11.7886 5.74677 11.7886 6.25331 12.101 6.56573L13.2323 5.43436ZM14.6667 8.00004L15.2323 8.56573C15.5448 8.25331 15.5448 7.74677 15.2323 7.43436L14.6667 8.00004ZM12.101 9.43435C11.7886 9.74677 11.7886 10.2533 12.101 10.5657C12.4134 10.8781 12.9199 10.8781 13.2323 10.5657L12.101 9.43435ZM2.76764 5.43436L0.767643 7.43436L1.89901 8.56573L3.89901 6.56573L2.76764 5.43436ZM0.767643 8.56573L2.76764 10.5657L3.89901 9.43435L1.89901 7.43436L0.767643 8.56573ZM6.56568 3.89906L8.56568 1.89906L7.43431 0.767689L5.43431 2.76769L6.56568 3.89906ZM7.43431 1.89906L9.43431 3.89906L10.5657 2.76769L8.56568 0.767689L7.43431 1.89906ZM9.43431 12.101L7.43431 14.101L8.56568 15.2324L10.5657 13.2324L9.43431 12.101ZM8.56568 14.101L6.56568 12.101L5.43431 13.2324L7.43431 15.2324L8.56568 14.101ZM12.101 6.56573L14.101 8.56573L15.2323 7.43436L13.2323 5.43436L12.101 6.56573ZM14.101 7.43436L12.101 9.43435L13.2323 10.5657L15.2323 8.56573L14.101 7.43436ZM1.33333 8.80004H14.6667V7.20004H1.33333V8.80004ZM7.19999 1.33337V14.6667H8.79999V1.33337H7.19999Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15893"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15893)">
+      <path
+        d="M3.89901 6.56573C4.21143 6.25331 4.21143 5.74677 3.89901 5.43436C3.58659 5.12194 3.08006 5.12194 2.76764 5.43436L3.89901 6.56573ZM1.33333 8.00004L0.767643 7.43436C0.455223 7.74677 0.455223 8.25331 0.767643 8.56573L1.33333 8.00004ZM2.76764 10.5657C3.08006 10.8781 3.58659 10.8781 3.89901 10.5657C4.21143 10.2533 4.21143 9.74677 3.89901 9.43435L2.76764 10.5657ZM5.43431 2.76769C5.12189 3.08011 5.12189 3.58664 5.43431 3.89906C5.74673 4.21148 6.25326 4.21148 6.56568 3.89906L5.43431 2.76769ZM7.99999 1.33337L8.56568 0.767689C8.25326 0.455269 7.74673 0.455269 7.43431 0.767689L7.99999 1.33337ZM9.43431 3.89906C9.74673 4.21148 10.2533 4.21148 10.5657 3.89906C10.8781 3.58664 10.8781 3.08011 10.5657 2.76769L9.43431 3.89906ZM10.5657 13.2324C10.8781 12.92 10.8781 12.4134 10.5657 12.101C10.2533 11.7886 9.74673 11.7886 9.43431 12.101L10.5657 13.2324ZM7.99999 14.6667L7.43431 15.2324C7.74673 15.5448 8.25326 15.5448 8.56568 15.2324L7.99999 14.6667ZM6.56568 12.101C6.25326 11.7886 5.74673 11.7886 5.43431 12.101C5.12189 12.4134 5.12189 12.92 5.43431 13.2324L6.56568 12.101ZM13.2323 5.43436C12.9199 5.12194 12.4134 5.12194 12.101 5.43436C11.7886 5.74677 11.7886 6.25331 12.101 6.56573L13.2323 5.43436ZM14.6667 8.00004L15.2323 8.56573C15.5448 8.25331 15.5448 7.74677 15.2323 7.43436L14.6667 8.00004ZM12.101 9.43435C11.7886 9.74677 11.7886 10.2533 12.101 10.5657C12.4134 10.8781 12.9199 10.8781 13.2323 10.5657L12.101 9.43435ZM2.76764 5.43436L0.767643 7.43436L1.89901 8.56573L3.89901 6.56573L2.76764 5.43436ZM0.767643 8.56573L2.76764 10.5657L3.89901 9.43435L1.89901 7.43436L0.767643 8.56573ZM6.56568 3.89906L8.56568 1.89906L7.43431 0.767689L5.43431 2.76769L6.56568 3.89906ZM7.43431 1.89906L9.43431 3.89906L10.5657 2.76769L8.56568 0.767689L7.43431 1.89906ZM9.43431 12.101L7.43431 14.101L8.56568 15.2324L10.5657 13.2324L9.43431 12.101ZM8.56568 14.101L6.56568 12.101L5.43431 13.2324L7.43431 15.2324L8.56568 14.101ZM12.101 6.56573L14.101 8.56573L15.2323 7.43436L13.2323 5.43436L12.101 6.56573ZM14.101 7.43436L12.101 9.43435L13.2323 10.5657L15.2323 8.56573L14.101 7.43436ZM1.33333 8.80004H14.6667V7.20004H1.33333V8.80004ZM7.19999 1.33337V14.6667H8.79999V1.33337H7.19999Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15893">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconMove,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13564",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMove size={size} />,
+  },
 );
-figma.connect(IconMove, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13564", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMove size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconMusic.tsx b/src/icons/IconMusic.tsx
index 038b8e2..583bb86 100644
--- a/src/icons/IconMusic.tsx
+++ b/src/icons/IconMusic.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconMusic = (props: IconProps) => (
-  <Icon {...props}><path d="M6 3.33333L5.86848 2.54422C5.48273 2.60851 5.2 2.94226 5.2 3.33333H6ZM14 2H14.8C14.8 1.76484 14.6965 1.54159 14.5171 1.38958C14.3377 1.23758 14.1004 1.17222 13.8685 1.21088L14 2ZM6.8 12V3.33333H5.2V12H6.8ZM6.13152 4.12245L14.1315 2.78912L13.8685 1.21088L5.86848 2.54422L6.13152 4.12245ZM13.2 2V10.6667H14.8V2H13.2ZM5.2 12C5.2 12.6627 4.66274 13.2 4 13.2V14.8C5.5464 14.8 6.8 13.5464 6.8 12H5.2ZM4 13.2C3.33726 13.2 2.8 12.6627 2.8 12H1.2C1.2 13.5464 2.4536 14.8 4 14.8V13.2ZM2.8 12C2.8 11.3373 3.33726 10.8 4 10.8V9.2C2.4536 9.2 1.2 10.4536 1.2 12H2.8ZM4 10.8C4.66274 10.8 5.2 11.3373 5.2 12H6.8C6.8 10.4536 5.5464 9.2 4 9.2V10.8ZM13.2 10.6667C13.2 11.3294 12.6627 11.8667 12 11.8667V13.4667C13.5464 13.4667 14.8 12.2131 14.8 10.6667H13.2ZM12 11.8667C11.3373 11.8667 10.8 11.3294 10.8 10.6667H9.2C9.2 12.2131 10.4536 13.4667 12 13.4667V11.8667ZM10.8 10.6667C10.8 10.0039 11.3373 9.46667 12 9.46667V7.86667C10.4536 7.86667 9.2 9.12027 9.2 10.6667H10.8ZM12 9.46667C12.6627 9.46667 13.2 10.0039 13.2 10.6667H14.8C14.8 9.12027 13.5464 7.86667 12 7.86667V9.46667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6 3.33333L5.86848 2.54422C5.48273 2.60851 5.2 2.94226 5.2 3.33333H6ZM14 2H14.8C14.8 1.76484 14.6965 1.54159 14.5171 1.38958C14.3377 1.23758 14.1004 1.17222 13.8685 1.21088L14 2ZM6.8 12V3.33333H5.2V12H6.8ZM6.13152 4.12245L14.1315 2.78912L13.8685 1.21088L5.86848 2.54422L6.13152 4.12245ZM13.2 2V10.6667H14.8V2H13.2ZM5.2 12C5.2 12.6627 4.66274 13.2 4 13.2V14.8C5.5464 14.8 6.8 13.5464 6.8 12H5.2ZM4 13.2C3.33726 13.2 2.8 12.6627 2.8 12H1.2C1.2 13.5464 2.4536 14.8 4 14.8V13.2ZM2.8 12C2.8 11.3373 3.33726 10.8 4 10.8V9.2C2.4536 9.2 1.2 10.4536 1.2 12H2.8ZM4 10.8C4.66274 10.8 5.2 11.3373 5.2 12H6.8C6.8 10.4536 5.5464 9.2 4 9.2V10.8ZM13.2 10.6667C13.2 11.3294 12.6627 11.8667 12 11.8667V13.4667C13.5464 13.4667 14.8 12.2131 14.8 10.6667H13.2ZM12 11.8667C11.3373 11.8667 10.8 11.3294 10.8 10.6667H9.2C9.2 12.2131 10.4536 13.4667 12 13.4667V11.8667ZM10.8 10.6667C10.8 10.0039 11.3373 9.46667 12 9.46667V7.86667C10.4536 7.86667 9.2 9.12027 9.2 10.6667H10.8ZM12 9.46667C12.6627 9.46667 13.2 10.0039 13.2 10.6667H14.8C14.8 9.12027 13.5464 7.86667 12 7.86667V9.46667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconMusic,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13567",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconMusic size={size} />,
+  },
 );
-figma.connect(IconMusic, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13567", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconMusic size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconNavigation.tsx b/src/icons/IconNavigation.tsx
index d56e319..8f27c4c 100644
--- a/src/icons/IconNavigation.tsx
+++ b/src/icons/IconNavigation.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconNavigation = (props: IconProps) => (
-  <Icon {...props}><path d="M2 7.33337L1.65753 6.61038C1.35216 6.75503 1.1706 7.07595 1.20389 7.4122C1.23719 7.74846 1.47816 8.02753 1.80597 8.10949L2 7.33337ZM14.6667 1.33337L15.3897 1.67584C15.5344 1.3703 15.4714 1.00675 15.2324 0.767689C14.9933 0.528622 14.6297 0.465652 14.3242 0.610384L14.6667 1.33337ZM8.66667 14L7.89055 14.1941C7.9725 14.5219 8.25158 14.7629 8.58784 14.7961C8.92409 14.8294 9.24501 14.6479 9.38966 14.3425L8.66667 14ZM7.33333 8.66671L8.10945 8.47268C8.03779 8.18605 7.81399 7.96225 7.52736 7.89059L7.33333 8.66671ZM2.34247 8.05636L15.0091 2.05636L14.3242 0.610384L1.65753 6.61038L2.34247 8.05636ZM13.9437 0.990905L7.94368 13.6576L9.38966 14.3425L15.3897 1.67584L13.9437 0.990905ZM9.44278 13.806L8.10945 8.47268L6.55722 8.86073L7.89055 14.1941L9.44278 13.806ZM7.52736 7.89059L2.19403 6.55726L1.80597 8.10949L7.1393 9.44282L7.52736 7.89059Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 7.33337L1.65753 6.61038C1.35216 6.75503 1.1706 7.07595 1.20389 7.4122C1.23719 7.74846 1.47816 8.02753 1.80597 8.10949L2 7.33337ZM14.6667 1.33337L15.3897 1.67584C15.5344 1.3703 15.4714 1.00675 15.2324 0.767689C14.9933 0.528622 14.6297 0.465652 14.3242 0.610384L14.6667 1.33337ZM8.66667 14L7.89055 14.1941C7.9725 14.5219 8.25158 14.7629 8.58784 14.7961C8.92409 14.8294 9.24501 14.6479 9.38966 14.3425L8.66667 14ZM7.33333 8.66671L8.10945 8.47268C8.03779 8.18605 7.81399 7.96225 7.52736 7.89059L7.33333 8.66671ZM2.34247 8.05636L15.0091 2.05636L14.3242 0.610384L1.65753 6.61038L2.34247 8.05636ZM13.9437 0.990905L7.94368 13.6576L9.38966 14.3425L15.3897 1.67584L13.9437 0.990905ZM9.44278 13.806L8.10945 8.47268L6.55722 8.86073L7.89055 14.1941L9.44278 13.806ZM7.52736 7.89059L2.19403 6.55726L1.80597 8.10949L7.1393 9.44282L7.52736 7.89059Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconNavigation,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13568",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconNavigation size={size} />,
+  },
 );
-figma.connect(IconNavigation, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13568", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconNavigation size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconNavigation2.tsx b/src/icons/IconNavigation2.tsx
index 26e0080..68be318 100644
--- a/src/icons/IconNavigation2.tsx
+++ b/src/icons/IconNavigation2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconNavigation2 = (props: IconProps) => (
-  <Icon {...props}><path d="M8.00004 1.33337L8.75071 1.05681C8.63485 0.742307 8.33521 0.533374 8.00004 0.533374C7.66487 0.533374 7.36524 0.742307 7.24937 1.05681L8.00004 1.33337ZM12.6667 14L12.2698 14.6946C12.5617 14.8615 12.9268 14.8279 13.1835 14.6107C13.4402 14.3935 13.5336 14.039 13.4174 13.7235L12.6667 14ZM8.00004 11.3334L8.39695 10.6388C8.15101 10.4982 7.84908 10.4982 7.60313 10.6388L8.00004 11.3334ZM3.33337 14L2.5827 13.7235C2.46646 14.039 2.55991 14.3935 2.81658 14.6107C3.07325 14.8279 3.43835 14.8615 3.73029 14.6946L3.33337 14ZM7.24937 1.60994L11.916 14.2766L13.4174 13.7235L8.75071 1.05681L7.24937 1.60994ZM13.0636 13.3054L8.39695 10.6388L7.60313 12.028L12.2698 14.6946L13.0636 13.3054ZM7.60313 10.6388L2.93646 13.3054L3.73029 14.6946L8.39695 12.028L7.60313 10.6388ZM4.08405 14.2766L8.75071 1.60994L7.24937 1.05681L2.5827 13.7235L4.08405 14.2766Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.00004 1.33337L8.75071 1.05681C8.63485 0.742307 8.33521 0.533374 8.00004 0.533374C7.66487 0.533374 7.36524 0.742307 7.24937 1.05681L8.00004 1.33337ZM12.6667 14L12.2698 14.6946C12.5617 14.8615 12.9268 14.8279 13.1835 14.6107C13.4402 14.3935 13.5336 14.039 13.4174 13.7235L12.6667 14ZM8.00004 11.3334L8.39695 10.6388C8.15101 10.4982 7.84908 10.4982 7.60313 10.6388L8.00004 11.3334ZM3.33337 14L2.5827 13.7235C2.46646 14.039 2.55991 14.3935 2.81658 14.6107C3.07325 14.8279 3.43835 14.8615 3.73029 14.6946L3.33337 14ZM7.24937 1.60994L11.916 14.2766L13.4174 13.7235L8.75071 1.05681L7.24937 1.60994ZM13.0636 13.3054L8.39695 10.6388L7.60313 12.028L12.2698 14.6946L13.0636 13.3054ZM7.60313 10.6388L2.93646 13.3054L3.73029 14.6946L8.39695 12.028L7.60313 10.6388ZM4.08405 14.2766L8.75071 1.60994L7.24937 1.05681L2.5827 13.7235L4.08405 14.2766Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconNavigation2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13566",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconNavigation2 size={size} />,
+  },
 );
-figma.connect(IconNavigation2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13566", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconNavigation2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconOctagon.tsx b/src/icons/IconOctagon.tsx
index e11054f..57da085 100644
--- a/src/icons/IconOctagon.tsx
+++ b/src/icons/IconOctagon.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconOctagon = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15901)"><path d="M5.23992 1.33337V0.533374C5.02775 0.533374 4.82426 0.61766 4.67423 0.767689L5.23992 1.33337ZM10.7599 1.33337L11.3256 0.767689C11.1756 0.61766 10.9721 0.533374 10.7599 0.533374V1.33337ZM14.6666 5.24004H15.4666C15.4666 5.02787 15.3823 4.82438 15.2323 4.67436L14.6666 5.24004ZM14.6666 10.76L15.2323 11.3257C15.3823 11.1757 15.4666 10.9722 15.4666 10.76H14.6666ZM10.7599 14.6667V15.4667C10.9721 15.4667 11.1756 15.3824 11.3256 15.2324L10.7599 14.6667ZM5.23992 14.6667L4.67423 15.2324C4.82426 15.3824 5.02775 15.4667 5.23992 15.4667V14.6667ZM1.33325 10.76H0.533252C0.533252 10.9722 0.617537 11.1757 0.767567 11.3257L1.33325 10.76ZM1.33325 5.24004L0.767567 4.67436C0.617537 4.82438 0.533252 5.02787 0.533252 5.24004H1.33325ZM5.23992 2.13337H10.7599V0.533374H5.23992V2.13337ZM10.1942 1.89906L14.1009 5.80573L15.2323 4.67436L11.3256 0.767689L10.1942 1.89906ZM13.8666 5.24004V10.76H15.4666V5.24004H13.8666ZM14.1009 10.1944L10.1942 14.101L11.3256 15.2324L15.2323 11.3257L14.1009 10.1944ZM10.7599 13.8667H5.23992V15.4667H10.7599V13.8667ZM5.8056 14.101L1.89894 10.1944L0.767567 11.3257L4.67423 15.2324L5.8056 14.101ZM2.13325 10.76V5.24004H0.533252V10.76H2.13325ZM1.89894 5.80573L5.8056 1.89906L4.67423 0.767689L0.767567 4.67436L1.89894 5.80573Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15901"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15901)">
+      <path
+        d="M5.23992 1.33337V0.533374C5.02775 0.533374 4.82426 0.61766 4.67423 0.767689L5.23992 1.33337ZM10.7599 1.33337L11.3256 0.767689C11.1756 0.61766 10.9721 0.533374 10.7599 0.533374V1.33337ZM14.6666 5.24004H15.4666C15.4666 5.02787 15.3823 4.82438 15.2323 4.67436L14.6666 5.24004ZM14.6666 10.76L15.2323 11.3257C15.3823 11.1757 15.4666 10.9722 15.4666 10.76H14.6666ZM10.7599 14.6667V15.4667C10.9721 15.4667 11.1756 15.3824 11.3256 15.2324L10.7599 14.6667ZM5.23992 14.6667L4.67423 15.2324C4.82426 15.3824 5.02775 15.4667 5.23992 15.4667V14.6667ZM1.33325 10.76H0.533252C0.533252 10.9722 0.617537 11.1757 0.767567 11.3257L1.33325 10.76ZM1.33325 5.24004L0.767567 4.67436C0.617537 4.82438 0.533252 5.02787 0.533252 5.24004H1.33325ZM5.23992 2.13337H10.7599V0.533374H5.23992V2.13337ZM10.1942 1.89906L14.1009 5.80573L15.2323 4.67436L11.3256 0.767689L10.1942 1.89906ZM13.8666 5.24004V10.76H15.4666V5.24004H13.8666ZM14.1009 10.1944L10.1942 14.101L11.3256 15.2324L15.2323 11.3257L14.1009 10.1944ZM10.7599 13.8667H5.23992V15.4667H10.7599V13.8667ZM5.8056 14.101L1.89894 10.1944L0.767567 11.3257L4.67423 15.2324L5.8056 14.101ZM2.13325 10.76V5.24004H0.533252V10.76H2.13325ZM1.89894 5.80573L5.8056 1.89906L4.67423 0.767689L0.767567 4.67436L1.89894 5.80573Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15901">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconOctagon,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13569",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconOctagon size={size} />,
+  },
 );
-figma.connect(IconOctagon, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13569", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconOctagon size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPackage.tsx b/src/icons/IconPackage.tsx
index 6f81c77..8d30435 100644
--- a/src/icons/IconPackage.tsx
+++ b/src/icons/IconPackage.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPackage = (props: IconProps) => (
-  <Icon {...props}><path d="M10.6004 6.95971C10.9831 7.18043 11.4723 7.04907 11.693 6.66633C11.9137 6.28358 11.7824 5.79437 11.3996 5.57366L10.6004 6.95971ZM5.39964 2.11366C5.0169 1.89294 4.52769 2.02429 4.30697 2.40704C4.08626 2.78979 4.21761 3.27899 4.60036 3.49971L5.39964 2.11366ZM14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM2.58058 3.94753C2.19813 3.7263 1.70875 3.85699 1.48751 4.23944C1.26628 4.62189 1.39697 5.11127 1.77942 5.3325L2.58058 3.94753ZM8 8.00668L7.59942 8.69917C7.84724 8.84252 8.15276 8.84252 8.40058 8.69917L8 8.00668ZM14.2206 5.3325C14.603 5.11127 14.7337 4.62189 14.5125 4.23944C14.2913 3.85699 13.8019 3.7263 13.4194 3.94753L14.2206 5.3325ZM7.2 14.72C7.2 15.1618 7.55817 15.52 8 15.52C8.44183 15.52 8.8 15.1618 8.8 14.72H7.2ZM8.8 8.00002C8.8 7.55819 8.44183 7.20002 8 7.20002C7.55817 7.20002 7.2 7.55819 7.2 8.00002H8.8ZM11.3996 5.57366L5.39964 2.11366L4.60036 3.49971L10.6004 6.95971L11.3996 5.57366ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329ZM1.77942 5.3325L7.59942 8.69917L8.40058 7.3142L2.58058 3.94753L1.77942 5.3325ZM8.40058 8.69917L14.2206 5.3325L13.4194 3.94753L7.59942 7.3142L8.40058 8.69917ZM8.8 14.72V8.00002H7.2V14.72H8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.6004 6.95971C10.9831 7.18043 11.4723 7.04907 11.693 6.66633C11.9137 6.28358 11.7824 5.79437 11.3996 5.57366L10.6004 6.95971ZM5.39964 2.11366C5.0169 1.89294 4.52769 2.02429 4.30697 2.40704C4.08626 2.78979 4.21761 3.27899 4.60036 3.49971L5.39964 2.11366ZM14 10.6667L14.8 10.6675V10.6667H14ZM14 5.33335H14.8V5.33253L14 5.33335ZM13.3333 4.18002L13.7333 3.48719L13.7302 3.48542L13.3333 4.18002ZM8.66667 1.51335L8.26666 2.20618L8.26976 2.20794L8.66667 1.51335ZM7.33333 1.51335L7.73025 2.20795L7.73333 2.20617L7.33333 1.51335ZM2.66667 4.18002L2.26975 3.48541L2.26667 3.4872L2.66667 4.18002ZM2 5.33335L1.2 5.33253V5.33335H2ZM2 10.6667H1.2L1.2 10.6675L2 10.6667ZM2.66667 11.82L2.26666 12.5128L2.26976 12.5146L2.66667 11.82ZM7.33333 14.4867L7.73334 13.7939L7.73024 13.7921L7.33333 14.4867ZM8.66667 14.4867L8.26975 13.7921L8.26667 13.7939L8.66667 14.4867ZM13.3333 11.82L13.7302 12.5146L13.7333 12.5128L13.3333 11.82ZM2.58058 3.94753C2.19813 3.7263 1.70875 3.85699 1.48751 4.23944C1.26628 4.62189 1.39697 5.11127 1.77942 5.3325L2.58058 3.94753ZM8 8.00668L7.59942 8.69917C7.84724 8.84252 8.15276 8.84252 8.40058 8.69917L8 8.00668ZM14.2206 5.3325C14.603 5.11127 14.7337 4.62189 14.5125 4.23944C14.2913 3.85699 13.8019 3.7263 13.4194 3.94753L14.2206 5.3325ZM7.2 14.72C7.2 15.1618 7.55817 15.52 8 15.52C8.44183 15.52 8.8 15.1618 8.8 14.72H7.2ZM8.8 8.00002C8.8 7.55819 8.44183 7.20002 8 7.20002C7.55817 7.20002 7.2 7.55819 7.2 8.00002H8.8ZM11.3996 5.57366L5.39964 2.11366L4.60036 3.49971L10.6004 6.95971L11.3996 5.57366ZM14.8 10.6667V5.33335H13.2V10.6667H14.8ZM14.8 5.33253C14.7996 4.95842 14.7009 4.59099 14.5136 4.2671L13.1284 5.06781C13.1752 5.14879 13.1999 5.24064 13.2 5.33417L14.8 5.33253ZM14.5136 4.2671C14.3264 3.94321 14.0573 3.67425 13.7333 3.4872L12.9333 4.87284C13.0143 4.9196 13.0816 4.98684 13.1284 5.06781L14.5136 4.2671ZM13.7302 3.48542L9.06358 0.818755L8.26976 2.20794L12.9364 4.87461L13.7302 3.48542ZM9.06667 0.820529C8.74236 0.63329 8.37448 0.534717 8 0.534717V2.13472C8.09362 2.13472 8.18559 2.15936 8.26667 2.20617L9.06667 0.820529ZM8 0.534717C7.62552 0.534717 7.25764 0.63329 6.93333 0.820529L7.73333 2.20617C7.81441 2.15936 7.90638 2.13472 8 2.13472V0.534717ZM6.93642 0.818755L2.26976 3.48542L3.06358 4.87461L7.73024 2.20794L6.93642 0.818755ZM2.26667 3.4872C1.94268 3.67425 1.67358 3.94321 1.48636 4.2671L2.87159 5.06781C2.91839 4.98684 2.98567 4.9196 3.06667 4.87284L2.26667 3.4872ZM1.48636 4.2671C1.29914 4.59099 1.20038 4.95842 1.2 5.33253L2.8 5.33417C2.8001 5.24064 2.82478 5.14879 2.87159 5.06781L1.48636 4.2671ZM1.2 5.33335V10.6667H2.8V5.33335H1.2ZM1.2 10.6675C1.20038 11.0416 1.29914 11.409 1.48636 11.7329L2.87159 10.9322C2.82478 10.8512 2.8001 10.7594 2.8 10.6659L1.2 10.6675ZM1.48636 11.7329C1.67358 12.0568 1.94268 12.3258 2.26667 12.5128L3.06667 11.1272C2.98567 11.0804 2.91839 11.0132 2.87159 10.9322L1.48636 11.7329ZM2.26976 12.5146L6.93642 15.1813L7.73024 13.7921L3.06358 11.1254L2.26976 12.5146ZM6.93333 15.1795C7.25764 15.3667 7.62552 15.4653 8 15.4653V13.8653C7.90638 13.8653 7.81441 13.8407 7.73333 13.7939L6.93333 15.1795ZM8 15.4653C8.37448 15.4653 8.74236 15.3667 9.06667 15.1795L8.26667 13.7939C8.18559 13.8407 8.09362 13.8653 8 13.8653V15.4653ZM9.06358 15.1813L13.7302 12.5146L12.9364 11.1254L8.26976 13.7921L9.06358 15.1813ZM13.7333 12.5128C14.0573 12.3258 14.3264 12.0568 14.5136 11.7329L13.1284 10.9322C13.0816 11.0132 13.0143 11.0804 12.9333 11.1272L13.7333 12.5128ZM14.5136 11.7329C14.7009 11.409 14.7996 11.0416 14.8 10.6675L13.2 10.6659C13.1999 10.7594 13.1752 10.8512 13.1284 10.9322L14.5136 11.7329ZM1.77942 5.3325L7.59942 8.69917L8.40058 7.3142L2.58058 3.94753L1.77942 5.3325ZM8.40058 8.69917L14.2206 5.3325L13.4194 3.94753L7.59942 7.3142L8.40058 8.69917ZM8.8 14.72V8.00002H7.2V14.72H8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPackage,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13571",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPackage size={size} />,
+  },
 );
-figma.connect(IconPackage, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13571", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPackage size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPaperclip.tsx b/src/icons/IconPaperclip.tsx
index 3313793..fc4057d 100644
--- a/src/icons/IconPaperclip.tsx
+++ b/src/icons/IconPaperclip.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPaperclip = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15905)"><path d="M14.859 7.93234C15.1715 7.61992 15.1715 7.11339 14.859 6.80097C14.5466 6.48855 14.0401 6.48855 13.7277 6.80097L14.859 7.93234ZM8.1667 13.4933L7.60101 12.9276L8.1667 13.4933ZM5.3367 14.6655V15.4655V14.6655ZM1.33447 10.6633H0.534473H1.33447ZM2.5067 7.83332L3.07238 8.39901L2.5067 7.83332ZM8.63336 1.70665L9.19905 2.27234L8.63336 1.70665ZM10.52 0.925171V1.72517V0.925171ZM12.4067 5.47999L12.9721 6.04598L12.9724 6.04567L12.4067 5.47999ZM6.27336 11.6067L5.70799 11.0407L5.70768 11.041L6.27336 11.6067ZM4.3867 9.71999L3.82134 9.15397L3.82101 9.1543L4.3867 9.71999ZM10.612 4.63267C10.9247 4.32044 10.9249 3.8139 10.6127 3.5013C10.3005 3.1887 9.79395 3.1884 9.48134 3.50063L10.612 4.63267ZM13.7277 6.80097L7.60101 12.9276L8.73238 14.059L14.859 7.93234L13.7277 6.80097ZM7.60101 12.9276C7.00048 13.5282 6.18598 13.8655 5.3367 13.8655V15.4655C6.61033 15.4655 7.83179 14.9596 8.73238 14.059L7.60101 12.9276ZM5.3367 13.8655C4.48741 13.8655 3.67292 13.5282 3.07238 12.9276L1.94101 14.059C2.8416 14.9596 4.06307 15.4655 5.3367 15.4655V13.8655ZM3.07238 12.9276C2.47185 12.3271 2.13447 11.5126 2.13447 10.6633H0.534473C0.534473 11.9369 1.04042 13.1584 1.94101 14.059L3.07238 12.9276ZM2.13447 10.6633C2.13447 9.81404 2.47185 8.99954 3.07238 8.39901L1.94101 7.26763C1.04042 8.16823 0.534473 9.38969 0.534473 10.6633H2.13447ZM3.07238 8.39901L9.19905 2.27234L8.06768 1.14097L1.94101 7.26763L3.07238 8.39901ZM9.19905 2.27234C9.54939 1.92199 10.0246 1.72517 10.52 1.72517V0.125171C9.60022 0.125171 8.71808 0.490564 8.06768 1.14097L9.19905 2.27234ZM10.52 1.72517C11.0155 1.72517 11.4907 1.92199 11.841 2.27234L12.9724 1.14097C12.322 0.490564 11.4398 0.125171 10.52 0.125171V1.72517ZM11.841 2.27234C12.1914 2.62269 12.3882 3.09786 12.3882 3.59332H13.9882C13.9882 2.67351 13.6228 1.79137 12.9724 1.14097L11.841 2.27234ZM12.3882 3.59332C12.3882 4.08878 12.1914 4.56396 11.841 4.9143L12.9724 6.04567C13.6228 5.39527 13.9882 4.51313 13.9882 3.59332H12.3882ZM11.8413 4.91399L5.70799 11.0407L6.83874 12.1726L12.9721 6.04598L11.8413 4.91399ZM5.70768 11.041C5.60752 11.1411 5.47167 11.1974 5.33003 11.1974V12.7974C5.89602 12.7974 6.43883 12.5726 6.83905 12.1723L5.70768 11.041ZM5.33003 11.1974C5.18839 11.1974 5.05254 11.1411 4.95238 11.041L3.82101 12.1723C4.22123 12.5726 4.76404 12.7974 5.33003 12.7974V11.1974ZM4.95238 11.041C4.85222 10.9408 4.79596 10.805 4.79596 10.6633H3.19596C3.19596 11.2293 3.42079 11.7721 3.82101 12.1723L4.95238 11.041ZM4.79596 10.6633C4.79596 10.5217 4.85222 10.3858 4.95238 10.2857L3.82101 9.1543C3.42079 9.55452 3.19596 10.0973 3.19596 10.6633H4.79596ZM4.95205 10.286L10.612 4.63267L9.48134 3.50063L3.82134 9.15397L4.95205 10.286Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15905"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15905)">
+      <path
+        d="M14.859 7.93234C15.1715 7.61992 15.1715 7.11339 14.859 6.80097C14.5466 6.48855 14.0401 6.48855 13.7277 6.80097L14.859 7.93234ZM8.1667 13.4933L7.60101 12.9276L8.1667 13.4933ZM5.3367 14.6655V15.4655V14.6655ZM1.33447 10.6633H0.534473H1.33447ZM2.5067 7.83332L3.07238 8.39901L2.5067 7.83332ZM8.63336 1.70665L9.19905 2.27234L8.63336 1.70665ZM10.52 0.925171V1.72517V0.925171ZM12.4067 5.47999L12.9721 6.04598L12.9724 6.04567L12.4067 5.47999ZM6.27336 11.6067L5.70799 11.0407L5.70768 11.041L6.27336 11.6067ZM4.3867 9.71999L3.82134 9.15397L3.82101 9.1543L4.3867 9.71999ZM10.612 4.63267C10.9247 4.32044 10.9249 3.8139 10.6127 3.5013C10.3005 3.1887 9.79395 3.1884 9.48134 3.50063L10.612 4.63267ZM13.7277 6.80097L7.60101 12.9276L8.73238 14.059L14.859 7.93234L13.7277 6.80097ZM7.60101 12.9276C7.00048 13.5282 6.18598 13.8655 5.3367 13.8655V15.4655C6.61033 15.4655 7.83179 14.9596 8.73238 14.059L7.60101 12.9276ZM5.3367 13.8655C4.48741 13.8655 3.67292 13.5282 3.07238 12.9276L1.94101 14.059C2.8416 14.9596 4.06307 15.4655 5.3367 15.4655V13.8655ZM3.07238 12.9276C2.47185 12.3271 2.13447 11.5126 2.13447 10.6633H0.534473C0.534473 11.9369 1.04042 13.1584 1.94101 14.059L3.07238 12.9276ZM2.13447 10.6633C2.13447 9.81404 2.47185 8.99954 3.07238 8.39901L1.94101 7.26763C1.04042 8.16823 0.534473 9.38969 0.534473 10.6633H2.13447ZM3.07238 8.39901L9.19905 2.27234L8.06768 1.14097L1.94101 7.26763L3.07238 8.39901ZM9.19905 2.27234C9.54939 1.92199 10.0246 1.72517 10.52 1.72517V0.125171C9.60022 0.125171 8.71808 0.490564 8.06768 1.14097L9.19905 2.27234ZM10.52 1.72517C11.0155 1.72517 11.4907 1.92199 11.841 2.27234L12.9724 1.14097C12.322 0.490564 11.4398 0.125171 10.52 0.125171V1.72517ZM11.841 2.27234C12.1914 2.62269 12.3882 3.09786 12.3882 3.59332H13.9882C13.9882 2.67351 13.6228 1.79137 12.9724 1.14097L11.841 2.27234ZM12.3882 3.59332C12.3882 4.08878 12.1914 4.56396 11.841 4.9143L12.9724 6.04567C13.6228 5.39527 13.9882 4.51313 13.9882 3.59332H12.3882ZM11.8413 4.91399L5.70799 11.0407L6.83874 12.1726L12.9721 6.04598L11.8413 4.91399ZM5.70768 11.041C5.60752 11.1411 5.47167 11.1974 5.33003 11.1974V12.7974C5.89602 12.7974 6.43883 12.5726 6.83905 12.1723L5.70768 11.041ZM5.33003 11.1974C5.18839 11.1974 5.05254 11.1411 4.95238 11.041L3.82101 12.1723C4.22123 12.5726 4.76404 12.7974 5.33003 12.7974V11.1974ZM4.95238 11.041C4.85222 10.9408 4.79596 10.805 4.79596 10.6633H3.19596C3.19596 11.2293 3.42079 11.7721 3.82101 12.1723L4.95238 11.041ZM4.79596 10.6633C4.79596 10.5217 4.85222 10.3858 4.95238 10.2857L3.82101 9.1543C3.42079 9.55452 3.19596 10.0973 3.19596 10.6633H4.79596ZM4.95205 10.286L10.612 4.63267L9.48134 3.50063L3.82134 9.15397L4.95205 10.286Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15905">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPaperclip,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13570",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPaperclip size={size} />,
+  },
 );
-figma.connect(IconPaperclip, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13570", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPaperclip size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPause.tsx b/src/icons/IconPause.tsx
index 5948584..9f2e0a2 100644
--- a/src/icons/IconPause.tsx
+++ b/src/icons/IconPause.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPause = (props: IconProps) => (
-  <Icon {...props}><path d="M4 2.66663V1.86663C3.55817 1.86663 3.2 2.2248 3.2 2.66663H4ZM6.66667 2.66663H7.46667C7.46667 2.2248 7.10849 1.86663 6.66667 1.86663V2.66663ZM6.66667 13.3333V14.1333C7.10849 14.1333 7.46667 13.7751 7.46667 13.3333H6.66667ZM4 13.3333H3.2C3.2 13.7751 3.55817 14.1333 4 14.1333V13.3333ZM9.33333 2.66663V1.86663C8.89151 1.86663 8.53333 2.2248 8.53333 2.66663H9.33333ZM12 2.66663H12.8C12.8 2.2248 12.4418 1.86663 12 1.86663V2.66663ZM12 13.3333V14.1333C12.4418 14.1333 12.8 13.7751 12.8 13.3333H12ZM9.33333 13.3333H8.53333C8.53333 13.7751 8.89151 14.1333 9.33333 14.1333V13.3333ZM4 3.46663H6.66667V1.86663H4V3.46663ZM5.86667 2.66663V13.3333H7.46667V2.66663H5.86667ZM6.66667 12.5333H4V14.1333H6.66667V12.5333ZM4.8 13.3333V2.66663H3.2V13.3333H4.8ZM9.33333 3.46663H12V1.86663H9.33333V3.46663ZM11.2 2.66663V13.3333H12.8V2.66663H11.2ZM12 12.5333H9.33333V14.1333H12V12.5333ZM10.1333 13.3333V2.66663H8.53333V13.3333H10.1333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4 2.66663V1.86663C3.55817 1.86663 3.2 2.2248 3.2 2.66663H4ZM6.66667 2.66663H7.46667C7.46667 2.2248 7.10849 1.86663 6.66667 1.86663V2.66663ZM6.66667 13.3333V14.1333C7.10849 14.1333 7.46667 13.7751 7.46667 13.3333H6.66667ZM4 13.3333H3.2C3.2 13.7751 3.55817 14.1333 4 14.1333V13.3333ZM9.33333 2.66663V1.86663C8.89151 1.86663 8.53333 2.2248 8.53333 2.66663H9.33333ZM12 2.66663H12.8C12.8 2.2248 12.4418 1.86663 12 1.86663V2.66663ZM12 13.3333V14.1333C12.4418 14.1333 12.8 13.7751 12.8 13.3333H12ZM9.33333 13.3333H8.53333C8.53333 13.7751 8.89151 14.1333 9.33333 14.1333V13.3333ZM4 3.46663H6.66667V1.86663H4V3.46663ZM5.86667 2.66663V13.3333H7.46667V2.66663H5.86667ZM6.66667 12.5333H4V14.1333H6.66667V12.5333ZM4.8 13.3333V2.66663H3.2V13.3333H4.8ZM9.33333 3.46663H12V1.86663H9.33333V3.46663ZM11.2 2.66663V13.3333H12.8V2.66663H11.2ZM12 12.5333H9.33333V14.1333H12V12.5333ZM10.1333 13.3333V2.66663H8.53333V13.3333H10.1333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPause,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13572",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPause size={size} />,
+  },
 );
-figma.connect(IconPause, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13572", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPause size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPauseCircle.tsx b/src/icons/IconPauseCircle.tsx
index 173f7bc..af619f5 100644
--- a/src/icons/IconPauseCircle.tsx
+++ b/src/icons/IconPauseCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPauseCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15907)"><path d="M5.86683 10C5.86683 10.4419 6.225 10.8 6.66683 10.8C7.10866 10.8 7.46683 10.4419 7.46683 10H5.86683ZM7.46683 6.00004C7.46683 5.55821 7.10866 5.20004 6.66683 5.20004C6.225 5.20004 5.86683 5.55821 5.86683 6.00004H7.46683ZM8.5335 10C8.5335 10.4419 8.89167 10.8 9.3335 10.8C9.77532 10.8 10.1335 10.4419 10.1335 10H8.5335ZM10.1335 6.00004C10.1335 5.55821 9.77532 5.20004 9.3335 5.20004C8.89167 5.20004 8.5335 5.55821 8.5335 6.00004H10.1335ZM13.8668 8.00004C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1238 15.4668 8.00004H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8.00004H0.533496C0.533496 12.1238 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8.00004C2.1335 4.75997 4.76009 2.13337 8.00016 2.13337V0.533374C3.87644 0.533374 0.533496 3.87631 0.533496 8.00004H2.1335ZM8.00016 2.13337C11.2402 2.13337 13.8668 4.75997 13.8668 8.00004H15.4668C15.4668 3.87631 12.1239 0.533374 8.00016 0.533374V2.13337ZM7.46683 10V6.00004H5.86683V10H7.46683ZM10.1335 10V6.00004H8.5335V10H10.1335Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15907"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15907)">
+      <path
+        d="M5.86683 10C5.86683 10.4419 6.225 10.8 6.66683 10.8C7.10866 10.8 7.46683 10.4419 7.46683 10H5.86683ZM7.46683 6.00004C7.46683 5.55821 7.10866 5.20004 6.66683 5.20004C6.225 5.20004 5.86683 5.55821 5.86683 6.00004H7.46683ZM8.5335 10C8.5335 10.4419 8.89167 10.8 9.3335 10.8C9.77532 10.8 10.1335 10.4419 10.1335 10H8.5335ZM10.1335 6.00004C10.1335 5.55821 9.77532 5.20004 9.3335 5.20004C8.89167 5.20004 8.5335 5.55821 8.5335 6.00004H10.1335ZM13.8668 8.00004C13.8668 11.2401 11.2402 13.8667 8.00016 13.8667V15.4667C12.1239 15.4667 15.4668 12.1238 15.4668 8.00004H13.8668ZM8.00016 13.8667C4.76009 13.8667 2.1335 11.2401 2.1335 8.00004H0.533496C0.533496 12.1238 3.87644 15.4667 8.00016 15.4667V13.8667ZM2.1335 8.00004C2.1335 4.75997 4.76009 2.13337 8.00016 2.13337V0.533374C3.87644 0.533374 0.533496 3.87631 0.533496 8.00004H2.1335ZM8.00016 2.13337C11.2402 2.13337 13.8668 4.75997 13.8668 8.00004H15.4668C15.4668 3.87631 12.1239 0.533374 8.00016 0.533374V2.13337ZM7.46683 10V6.00004H5.86683V10H7.46683ZM10.1335 10V6.00004H8.5335V10H10.1335Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15907">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPauseCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13574",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPauseCircle size={size} />,
+  },
 );
-figma.connect(IconPauseCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13574", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPauseCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPenTool.tsx b/src/icons/IconPenTool.tsx
index 548e4af..17ad52d 100644
--- a/src/icons/IconPenTool.tsx
+++ b/src/icons/IconPenTool.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPenTool = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15911)"><path d="M7.99999 12.6667L7.43431 12.101C7.12189 12.4134 7.12189 12.92 7.43431 13.2324L7.99999 12.6667ZM12.6667 8.00004L13.2323 7.43436C12.9199 7.12194 12.4134 7.12194 12.101 7.43436L12.6667 8.00004ZM14.6667 10L15.2323 10.5657C15.5448 10.2533 15.5448 9.74677 15.2323 9.43435L14.6667 10ZM10 14.6667L9.43431 15.2324C9.74673 15.5448 10.2533 15.5448 10.5657 15.2324L10 14.6667ZM12 8.66671L12.5657 9.23239C12.7548 9.04325 12.8369 8.7721 12.7845 8.50981L12 8.66671ZM11 3.66671L11.7845 3.50981C11.7234 3.20435 11.4905 2.96213 11.1877 2.88904L11 3.66671ZM1.33333 1.33337L1.52104 0.555708C1.25013 0.490316 0.964709 0.570623 0.767643 0.767689C0.570577 0.964754 0.49027 1.25017 0.555662 1.52109L1.33333 1.33337ZM3.66666 11L2.889 11.1878C2.96209 11.4906 3.20431 11.7234 3.50977 11.7845L3.66666 11ZM8.66666 12L8.50977 12.7845C8.77206 12.837 9.04321 12.7549 9.23235 12.5657L8.66666 12ZM5.82498 6.95639C6.1374 7.26881 6.64393 7.26881 6.95635 6.95639C7.26877 6.64397 7.26877 6.13744 6.95635 5.82502L5.82498 6.95639ZM8.56568 13.2324L13.2323 8.56573L12.101 7.43436L7.43431 12.101L8.56568 13.2324ZM12.101 8.56573L14.101 10.5657L15.2323 9.43435L13.2323 7.43436L12.101 8.56573ZM14.101 9.43435L9.43431 14.101L10.5657 15.2324L15.2323 10.5657L14.101 9.43435ZM10.5657 14.101L8.56568 12.101L7.43431 13.2324L9.43431 15.2324L10.5657 14.101ZM12.7845 8.50981L11.7845 3.50981L10.2155 3.8236L11.2155 8.8236L12.7845 8.50981ZM11.1877 2.88904L1.52104 0.555708L1.14562 2.11104L10.8123 4.44437L11.1877 2.88904ZM0.555662 1.52109L2.889 11.1878L4.44433 10.8123L2.11099 1.14566L0.555662 1.52109ZM3.50977 11.7845L8.50977 12.7845L8.82355 11.2156L3.82355 10.2156L3.50977 11.7845ZM9.23235 12.5657L12.5657 9.23239L11.4343 8.10102L8.10098 11.4344L9.23235 12.5657ZM0.767643 1.89906L5.82498 6.95639L6.95635 5.82502L1.89901 0.767689L0.767643 1.89906ZM7.86666 7.33337C7.86666 7.62793 7.62788 7.86671 7.33333 7.86671V9.46671C8.51154 9.46671 9.46666 8.51158 9.46666 7.33337H7.86666ZM7.33333 7.86671C7.03878 7.86671 6.79999 7.62793 6.79999 7.33337H5.19999C5.19999 8.51158 6.15512 9.46671 7.33333 9.46671V7.86671ZM6.79999 7.33337C6.79999 7.03882 7.03878 6.80004 7.33333 6.80004V5.20004C6.15512 5.20004 5.19999 6.15517 5.19999 7.33337H6.79999ZM7.33333 6.80004C7.62788 6.80004 7.86666 7.03882 7.86666 7.33337H9.46666C9.46666 6.15517 8.51154 5.20004 7.33333 5.20004V6.80004Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15911"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15911)">
+      <path
+        d="M7.99999 12.6667L7.43431 12.101C7.12189 12.4134 7.12189 12.92 7.43431 13.2324L7.99999 12.6667ZM12.6667 8.00004L13.2323 7.43436C12.9199 7.12194 12.4134 7.12194 12.101 7.43436L12.6667 8.00004ZM14.6667 10L15.2323 10.5657C15.5448 10.2533 15.5448 9.74677 15.2323 9.43435L14.6667 10ZM10 14.6667L9.43431 15.2324C9.74673 15.5448 10.2533 15.5448 10.5657 15.2324L10 14.6667ZM12 8.66671L12.5657 9.23239C12.7548 9.04325 12.8369 8.7721 12.7845 8.50981L12 8.66671ZM11 3.66671L11.7845 3.50981C11.7234 3.20435 11.4905 2.96213 11.1877 2.88904L11 3.66671ZM1.33333 1.33337L1.52104 0.555708C1.25013 0.490316 0.964709 0.570623 0.767643 0.767689C0.570577 0.964754 0.49027 1.25017 0.555662 1.52109L1.33333 1.33337ZM3.66666 11L2.889 11.1878C2.96209 11.4906 3.20431 11.7234 3.50977 11.7845L3.66666 11ZM8.66666 12L8.50977 12.7845C8.77206 12.837 9.04321 12.7549 9.23235 12.5657L8.66666 12ZM5.82498 6.95639C6.1374 7.26881 6.64393 7.26881 6.95635 6.95639C7.26877 6.64397 7.26877 6.13744 6.95635 5.82502L5.82498 6.95639ZM8.56568 13.2324L13.2323 8.56573L12.101 7.43436L7.43431 12.101L8.56568 13.2324ZM12.101 8.56573L14.101 10.5657L15.2323 9.43435L13.2323 7.43436L12.101 8.56573ZM14.101 9.43435L9.43431 14.101L10.5657 15.2324L15.2323 10.5657L14.101 9.43435ZM10.5657 14.101L8.56568 12.101L7.43431 13.2324L9.43431 15.2324L10.5657 14.101ZM12.7845 8.50981L11.7845 3.50981L10.2155 3.8236L11.2155 8.8236L12.7845 8.50981ZM11.1877 2.88904L1.52104 0.555708L1.14562 2.11104L10.8123 4.44437L11.1877 2.88904ZM0.555662 1.52109L2.889 11.1878L4.44433 10.8123L2.11099 1.14566L0.555662 1.52109ZM3.50977 11.7845L8.50977 12.7845L8.82355 11.2156L3.82355 10.2156L3.50977 11.7845ZM9.23235 12.5657L12.5657 9.23239L11.4343 8.10102L8.10098 11.4344L9.23235 12.5657ZM0.767643 1.89906L5.82498 6.95639L6.95635 5.82502L1.89901 0.767689L0.767643 1.89906ZM7.86666 7.33337C7.86666 7.62793 7.62788 7.86671 7.33333 7.86671V9.46671C8.51154 9.46671 9.46666 8.51158 9.46666 7.33337H7.86666ZM7.33333 7.86671C7.03878 7.86671 6.79999 7.62793 6.79999 7.33337H5.19999C5.19999 8.51158 6.15512 9.46671 7.33333 9.46671V7.86671ZM6.79999 7.33337C6.79999 7.03882 7.03878 6.80004 7.33333 6.80004V5.20004C6.15512 5.20004 5.19999 6.15517 5.19999 7.33337H6.79999ZM7.33333 6.80004C7.62788 6.80004 7.86666 7.03882 7.86666 7.33337H9.46666C9.46666 6.15517 8.51154 5.20004 7.33333 5.20004V6.80004Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15911">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPenTool,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13576",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPenTool size={size} />,
+  },
 );
-figma.connect(IconPenTool, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13576", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPenTool size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPercent.tsx b/src/icons/IconPercent.tsx
index d300248..cd9bbbf 100644
--- a/src/icons/IconPercent.tsx
+++ b/src/icons/IconPercent.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPercent = (props: IconProps) => (
-  <Icon {...props}><path d="M13.2324 3.89898C13.5448 3.58656 13.5448 3.08003 13.2324 2.76761C12.92 2.45519 12.4134 2.45519 12.101 2.76761L13.2324 3.89898ZM2.76767 12.1009C2.45525 12.4134 2.45525 12.9199 2.76767 13.2323C3.08009 13.5447 3.58662 13.5447 3.89904 13.2323L2.76767 12.1009ZM12.101 2.76761L2.76767 12.1009L3.89904 13.2323L13.2324 3.89898L12.101 2.76761ZM5.20002 4.33329C5.20002 4.81194 4.812 5.19996 4.33335 5.19996V6.79996C5.69566 6.79996 6.80002 5.69559 6.80002 4.33329H5.20002ZM4.33335 5.19996C3.85471 5.19996 3.46669 4.81194 3.46669 4.33329H1.86669C1.86669 5.69559 2.97105 6.79996 4.33335 6.79996V5.19996ZM3.46669 4.33329C3.46669 3.85465 3.85471 3.46663 4.33335 3.46663V1.86663C2.97105 1.86663 1.86669 2.97099 1.86669 4.33329H3.46669ZM4.33335 3.46663C4.812 3.46663 5.20002 3.85465 5.20002 4.33329H6.80002C6.80002 2.97099 5.69566 1.86663 4.33335 1.86663V3.46663ZM12.5334 11.6666C12.5334 12.1453 12.1453 12.5333 11.6667 12.5333V14.1333C13.029 14.1333 14.1334 13.0289 14.1334 11.6666H12.5334ZM11.6667 12.5333C11.188 12.5333 10.8 12.1453 10.8 11.6666H9.20002C9.20002 13.0289 10.3044 14.1333 11.6667 14.1333V12.5333ZM10.8 11.6666C10.8 11.188 11.188 10.8 11.6667 10.8V9.19996C10.3044 9.19996 9.20002 10.3043 9.20002 11.6666H10.8ZM11.6667 10.8C12.1453 10.8 12.5334 11.188 12.5334 11.6666H14.1334C14.1334 10.3043 13.029 9.19996 11.6667 9.19996V10.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.2324 3.89898C13.5448 3.58656 13.5448 3.08003 13.2324 2.76761C12.92 2.45519 12.4134 2.45519 12.101 2.76761L13.2324 3.89898ZM2.76767 12.1009C2.45525 12.4134 2.45525 12.9199 2.76767 13.2323C3.08009 13.5447 3.58662 13.5447 3.89904 13.2323L2.76767 12.1009ZM12.101 2.76761L2.76767 12.1009L3.89904 13.2323L13.2324 3.89898L12.101 2.76761ZM5.20002 4.33329C5.20002 4.81194 4.812 5.19996 4.33335 5.19996V6.79996C5.69566 6.79996 6.80002 5.69559 6.80002 4.33329H5.20002ZM4.33335 5.19996C3.85471 5.19996 3.46669 4.81194 3.46669 4.33329H1.86669C1.86669 5.69559 2.97105 6.79996 4.33335 6.79996V5.19996ZM3.46669 4.33329C3.46669 3.85465 3.85471 3.46663 4.33335 3.46663V1.86663C2.97105 1.86663 1.86669 2.97099 1.86669 4.33329H3.46669ZM4.33335 3.46663C4.812 3.46663 5.20002 3.85465 5.20002 4.33329H6.80002C6.80002 2.97099 5.69566 1.86663 4.33335 1.86663V3.46663ZM12.5334 11.6666C12.5334 12.1453 12.1453 12.5333 11.6667 12.5333V14.1333C13.029 14.1333 14.1334 13.0289 14.1334 11.6666H12.5334ZM11.6667 12.5333C11.188 12.5333 10.8 12.1453 10.8 11.6666H9.20002C9.20002 13.0289 10.3044 14.1333 11.6667 14.1333V12.5333ZM10.8 11.6666C10.8 11.188 11.188 10.8 11.6667 10.8V9.19996C10.3044 9.19996 9.20002 10.3043 9.20002 11.6666H10.8ZM11.6667 10.8C12.1453 10.8 12.5334 11.188 12.5334 11.6666H14.1334C14.1334 10.3043 13.029 9.19996 11.6667 9.19996V10.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPercent,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13575",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPercent size={size} />,
+  },
 );
-figma.connect(IconPercent, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13575", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPercent size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhone.tsx b/src/icons/IconPhone.tsx
index 96d7394..ac2cc51 100644
--- a/src/icons/IconPhone.tsx
+++ b/src/icons/IconPhone.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhone = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15927)"><path d="M14.6665 11.28L13.8667 11.2601C13.8665 11.2668 13.8665 11.2734 13.8665 11.28H14.6665ZM14.6665 13.28H13.8665L13.8665 13.2832L14.6665 13.28ZM13.2131 14.6133L13.1267 15.4086C13.1315 15.4092 13.1363 15.4096 13.1411 15.4101L13.2131 14.6133ZM7.45979 12.5667L7.89509 11.8954L7.88885 11.8914L7.45979 12.5667ZM3.45979 8.56665L4.13503 8.13758L4.13122 8.13169L3.45979 8.56665ZM1.41313 2.78665L0.616275 2.85866L0.617599 2.87113L1.41313 2.78665ZM2.73979 1.33332V0.533316L2.73904 0.533317L2.73979 1.33332ZM4.73979 1.33332V2.13336L4.74767 2.13328L4.73979 1.33332ZM6.07313 2.47998L6.86629 2.37537L6.86525 2.36802L6.07313 2.47998ZM6.53979 4.35332L5.79027 4.633L5.79095 4.63481L6.53979 4.35332ZM6.23979 5.75998L6.80549 6.32568L6.80863 6.32249L6.23979 5.75998ZM5.39313 6.60665L4.82744 6.04096C4.57279 6.29561 4.51968 6.68903 4.69769 7.00209L5.39313 6.60665ZM9.39313 10.6067L8.99769 11.3021C9.31075 11.4801 9.70416 11.427 9.95881 11.1723L9.39313 10.6067ZM10.2398 9.75998L9.67727 9.19113L9.67411 9.1943L10.2398 9.75998ZM11.6465 9.45998L11.365 10.2088L11.3668 10.2095L11.6465 9.45998ZM13.5198 9.92665L13.6316 9.13446L13.6244 9.13352L13.5198 9.92665ZM13.8665 11.28V13.28H15.4665V11.28H13.8665ZM13.8665 13.2832C13.8668 13.3575 13.8516 13.431 13.8218 13.4991L15.2878 14.14C15.4068 13.8679 15.4677 13.5738 15.4665 13.2767L13.8665 13.2832ZM13.8218 13.4991C13.792 13.5671 13.7484 13.6282 13.6937 13.6784L14.7753 14.8574C14.9942 14.6566 15.1688 14.4122 15.2878 14.14L13.8218 13.4991ZM13.6937 13.6784C13.639 13.7286 13.5743 13.7668 13.504 13.7906L14.0166 15.3063C14.298 15.2111 14.5564 15.0582 14.7753 14.8574L13.6937 13.6784ZM13.504 13.7906C13.4336 13.8144 13.3591 13.8232 13.2851 13.8166L13.1411 15.4101C13.437 15.4368 13.7352 15.4015 14.0166 15.3063L13.504 13.7906ZM13.2995 13.818C11.3725 13.6086 9.52142 12.9501 7.89507 11.8954L7.02451 13.2379C8.86083 14.4287 10.9509 15.1722 13.1267 15.4086L13.2995 13.818ZM7.88885 11.8914C6.37719 10.9309 5.09557 9.64925 4.135 8.13759L2.78458 8.99571C3.87113 10.7056 5.32083 12.1553 7.03074 13.2419L7.88885 11.8914ZM4.13122 8.13169C3.07285 6.49795 2.41421 4.63788 2.20865 2.70217L0.617599 2.87113C0.849697 5.05674 1.59337 7.15695 2.78837 9.00161L4.13122 8.13169ZM2.20988 2.71465C2.20322 2.64091 2.21198 2.56659 2.23561 2.49642L0.719306 1.98572C0.624773 2.26639 0.589717 2.56368 0.616373 2.85865L2.20988 2.71465ZM2.23561 2.49642C2.25925 2.42625 2.29723 2.36177 2.34715 2.30708L1.16546 1.22838C0.965781 1.44712 0.81384 1.70504 0.719306 1.98572L2.23561 2.49642ZM2.34715 2.30708C2.39707 2.2524 2.45783 2.20871 2.52556 2.17879L1.87908 0.715207C1.60816 0.834874 1.36513 1.00964 1.16546 1.22838L2.34715 2.30708ZM2.52556 2.17879C2.59329 2.14887 2.6665 2.13339 2.74055 2.13332L2.73904 0.533317C2.44287 0.533596 2.15 0.59554 1.87908 0.715207L2.52556 2.17879ZM2.73979 2.13332H4.73979V0.533317H2.73979V2.13332ZM4.74767 2.13328C4.87708 2.132 5.00254 2.17783 5.10067 2.26222L6.14393 1.04912C5.75143 0.711573 5.24958 0.52826 4.73192 0.533355L4.74767 2.13328ZM5.10067 2.26222C5.19879 2.34661 5.26289 2.4638 5.281 2.59194L6.86525 2.36802C6.7928 1.85543 6.53643 1.38667 6.14393 1.04912L5.10067 2.26222ZM5.27999 2.58459C5.3723 3.28445 5.54348 3.97162 5.79028 4.633L7.28931 4.07363C7.0847 3.52531 6.94278 2.9556 6.86626 2.37538L5.27999 2.58459ZM5.79095 4.63481C5.82683 4.73025 5.83459 4.83398 5.81333 4.93371L7.37813 5.26743C7.46321 4.86854 7.43215 4.45361 7.28863 4.07183L5.79095 4.63481ZM5.81333 4.93371C5.79206 5.03343 5.74265 5.12497 5.67095 5.19747L6.80863 6.32249C7.09542 6.03248 7.29306 5.66633 7.37813 5.26743L5.81333 4.93371ZM5.67411 5.1943L4.82744 6.04096L5.95881 7.17234L6.80548 6.32567L5.67411 5.1943ZM4.69769 7.00209C5.71791 8.79629 7.20348 10.2819 8.99769 11.3021L9.78856 9.91121C8.24471 9.03336 6.96642 7.75507 6.08856 6.21121L4.69769 7.00209ZM9.95881 11.1723L10.8055 10.3257L9.67411 9.1943L8.82744 10.041L9.95881 11.1723ZM10.8023 10.3288C10.8748 10.2571 10.9663 10.2077 11.0661 10.1865L10.7323 8.62164C10.3334 8.70671 9.9673 8.90436 9.67728 9.19114L10.8023 10.3288ZM11.0661 10.1865C11.1658 10.1652 11.2695 10.1729 11.365 10.2088L11.9279 8.71114C11.5462 8.56763 11.1312 8.53657 10.7323 8.62164L11.0661 10.1865ZM11.3668 10.2095C12.0282 10.4563 12.7153 10.6275 13.4152 10.7198L13.6244 9.13352C13.0442 9.05699 12.4745 8.91507 11.9261 8.71047L11.3668 10.2095ZM13.408 10.7188C13.5376 10.7371 13.6559 10.8023 13.7404 10.9021L14.9612 9.86782C14.6229 9.46858 14.1497 9.20759 13.6315 9.13449L13.408 10.7188ZM13.7404 10.9021C13.825 11.0019 13.87 11.1294 13.8667 11.2601L15.4662 11.2998C15.4792 10.7767 15.2995 10.2671 14.9612 9.86782L13.7404 10.9021Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15927"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15927)">
+      <path
+        d="M14.6665 11.28L13.8667 11.2601C13.8665 11.2668 13.8665 11.2734 13.8665 11.28H14.6665ZM14.6665 13.28H13.8665L13.8665 13.2832L14.6665 13.28ZM13.2131 14.6133L13.1267 15.4086C13.1315 15.4092 13.1363 15.4096 13.1411 15.4101L13.2131 14.6133ZM7.45979 12.5667L7.89509 11.8954L7.88885 11.8914L7.45979 12.5667ZM3.45979 8.56665L4.13503 8.13758L4.13122 8.13169L3.45979 8.56665ZM1.41313 2.78665L0.616275 2.85866L0.617599 2.87113L1.41313 2.78665ZM2.73979 1.33332V0.533316L2.73904 0.533317L2.73979 1.33332ZM4.73979 1.33332V2.13336L4.74767 2.13328L4.73979 1.33332ZM6.07313 2.47998L6.86629 2.37537L6.86525 2.36802L6.07313 2.47998ZM6.53979 4.35332L5.79027 4.633L5.79095 4.63481L6.53979 4.35332ZM6.23979 5.75998L6.80549 6.32568L6.80863 6.32249L6.23979 5.75998ZM5.39313 6.60665L4.82744 6.04096C4.57279 6.29561 4.51968 6.68903 4.69769 7.00209L5.39313 6.60665ZM9.39313 10.6067L8.99769 11.3021C9.31075 11.4801 9.70416 11.427 9.95881 11.1723L9.39313 10.6067ZM10.2398 9.75998L9.67727 9.19113L9.67411 9.1943L10.2398 9.75998ZM11.6465 9.45998L11.365 10.2088L11.3668 10.2095L11.6465 9.45998ZM13.5198 9.92665L13.6316 9.13446L13.6244 9.13352L13.5198 9.92665ZM13.8665 11.28V13.28H15.4665V11.28H13.8665ZM13.8665 13.2832C13.8668 13.3575 13.8516 13.431 13.8218 13.4991L15.2878 14.14C15.4068 13.8679 15.4677 13.5738 15.4665 13.2767L13.8665 13.2832ZM13.8218 13.4991C13.792 13.5671 13.7484 13.6282 13.6937 13.6784L14.7753 14.8574C14.9942 14.6566 15.1688 14.4122 15.2878 14.14L13.8218 13.4991ZM13.6937 13.6784C13.639 13.7286 13.5743 13.7668 13.504 13.7906L14.0166 15.3063C14.298 15.2111 14.5564 15.0582 14.7753 14.8574L13.6937 13.6784ZM13.504 13.7906C13.4336 13.8144 13.3591 13.8232 13.2851 13.8166L13.1411 15.4101C13.437 15.4368 13.7352 15.4015 14.0166 15.3063L13.504 13.7906ZM13.2995 13.818C11.3725 13.6086 9.52142 12.9501 7.89507 11.8954L7.02451 13.2379C8.86083 14.4287 10.9509 15.1722 13.1267 15.4086L13.2995 13.818ZM7.88885 11.8914C6.37719 10.9309 5.09557 9.64925 4.135 8.13759L2.78458 8.99571C3.87113 10.7056 5.32083 12.1553 7.03074 13.2419L7.88885 11.8914ZM4.13122 8.13169C3.07285 6.49795 2.41421 4.63788 2.20865 2.70217L0.617599 2.87113C0.849697 5.05674 1.59337 7.15695 2.78837 9.00161L4.13122 8.13169ZM2.20988 2.71465C2.20322 2.64091 2.21198 2.56659 2.23561 2.49642L0.719306 1.98572C0.624773 2.26639 0.589717 2.56368 0.616373 2.85865L2.20988 2.71465ZM2.23561 2.49642C2.25925 2.42625 2.29723 2.36177 2.34715 2.30708L1.16546 1.22838C0.965781 1.44712 0.81384 1.70504 0.719306 1.98572L2.23561 2.49642ZM2.34715 2.30708C2.39707 2.2524 2.45783 2.20871 2.52556 2.17879L1.87908 0.715207C1.60816 0.834874 1.36513 1.00964 1.16546 1.22838L2.34715 2.30708ZM2.52556 2.17879C2.59329 2.14887 2.6665 2.13339 2.74055 2.13332L2.73904 0.533317C2.44287 0.533596 2.15 0.59554 1.87908 0.715207L2.52556 2.17879ZM2.73979 2.13332H4.73979V0.533317H2.73979V2.13332ZM4.74767 2.13328C4.87708 2.132 5.00254 2.17783 5.10067 2.26222L6.14393 1.04912C5.75143 0.711573 5.24958 0.52826 4.73192 0.533355L4.74767 2.13328ZM5.10067 2.26222C5.19879 2.34661 5.26289 2.4638 5.281 2.59194L6.86525 2.36802C6.7928 1.85543 6.53643 1.38667 6.14393 1.04912L5.10067 2.26222ZM5.27999 2.58459C5.3723 3.28445 5.54348 3.97162 5.79028 4.633L7.28931 4.07363C7.0847 3.52531 6.94278 2.9556 6.86626 2.37538L5.27999 2.58459ZM5.79095 4.63481C5.82683 4.73025 5.83459 4.83398 5.81333 4.93371L7.37813 5.26743C7.46321 4.86854 7.43215 4.45361 7.28863 4.07183L5.79095 4.63481ZM5.81333 4.93371C5.79206 5.03343 5.74265 5.12497 5.67095 5.19747L6.80863 6.32249C7.09542 6.03248 7.29306 5.66633 7.37813 5.26743L5.81333 4.93371ZM5.67411 5.1943L4.82744 6.04096L5.95881 7.17234L6.80548 6.32567L5.67411 5.1943ZM4.69769 7.00209C5.71791 8.79629 7.20348 10.2819 8.99769 11.3021L9.78856 9.91121C8.24471 9.03336 6.96642 7.75507 6.08856 6.21121L4.69769 7.00209ZM9.95881 11.1723L10.8055 10.3257L9.67411 9.1943L8.82744 10.041L9.95881 11.1723ZM10.8023 10.3288C10.8748 10.2571 10.9663 10.2077 11.0661 10.1865L10.7323 8.62164C10.3334 8.70671 9.9673 8.90436 9.67728 9.19114L10.8023 10.3288ZM11.0661 10.1865C11.1658 10.1652 11.2695 10.1729 11.365 10.2088L11.9279 8.71114C11.5462 8.56763 11.1312 8.53657 10.7323 8.62164L11.0661 10.1865ZM11.3668 10.2095C12.0282 10.4563 12.7153 10.6275 13.4152 10.7198L13.6244 9.13352C13.0442 9.05699 12.4745 8.91507 11.9261 8.71047L11.3668 10.2095ZM13.408 10.7188C13.5376 10.7371 13.6559 10.8023 13.7404 10.9021L14.9612 9.86782C14.6229 9.46858 14.1497 9.20759 13.6315 9.13449L13.408 10.7188ZM13.7404 10.9021C13.825 11.0019 13.87 11.1294 13.8667 11.2601L15.4662 11.2998C15.4792 10.7767 15.2995 10.2671 14.9612 9.86782L13.7404 10.9021Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15927">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhone,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13584",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhone size={size} />,
+  },
 );
-figma.connect(IconPhone, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13584", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhone size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhoneCall.tsx b/src/icons/IconPhoneCall.tsx
index 0e7d878..3a45d32 100644
--- a/src/icons/IconPhoneCall.tsx
+++ b/src/icons/IconPhoneCall.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhoneCall = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15915)"><path d="M10.1866 2.5481C9.75291 2.46349 9.33278 2.74645 9.24818 3.1801C9.16357 3.61375 9.44652 4.03388 9.88018 4.11849L10.1866 2.5481ZM11.8815 6.11982C11.9661 6.55347 12.3862 6.83643 12.8199 6.75182C13.2535 6.66721 13.5365 6.24708 13.4519 5.81343L11.8815 6.11982ZM10.1217 -0.128483C9.68257 -0.177266 9.28705 0.139169 9.23826 0.578296C9.18948 1.01742 9.50591 1.41295 9.94504 1.46173L10.1217 -0.128483ZM14.5384 6.04929C14.5877 6.48835 14.9836 6.80429 15.4227 6.75496C15.8618 6.70562 16.1777 6.30969 16.1284 5.87063L14.5384 6.04929ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95905 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM9.88018 4.11849C10.3751 4.21504 10.8299 4.45707 11.1864 4.8136L12.3178 3.68223C11.7361 3.10052 10.994 2.70563 10.1866 2.5481L9.88018 4.11849ZM11.1864 4.8136C11.5429 5.17013 11.785 5.62494 11.8815 6.11982L13.4519 5.81343C13.2944 5.006 12.8995 4.26394 12.3178 3.68223L11.1864 4.8136ZM9.94504 1.46173C11.1175 1.59199 12.2108 2.11704 13.0455 2.95067L14.1762 1.81859C13.0847 0.728449 11.6549 0.0418469 10.1217 -0.128483L9.94504 1.46173ZM13.0455 2.95067C13.8802 3.78431 14.4066 4.87698 14.5384 6.04929L16.1284 5.87063C15.9561 4.33761 15.2677 2.90873 14.1762 1.81859L13.0455 2.95067ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36538 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711549 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95905 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95905 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46856 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15915"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15915)">
+      <path
+        d="M10.1866 2.5481C9.75291 2.46349 9.33278 2.74645 9.24818 3.1801C9.16357 3.61375 9.44652 4.03388 9.88018 4.11849L10.1866 2.5481ZM11.8815 6.11982C11.9661 6.55347 12.3862 6.83643 12.8199 6.75182C13.2535 6.66721 13.5365 6.24708 13.4519 5.81343L11.8815 6.11982ZM10.1217 -0.128483C9.68257 -0.177266 9.28705 0.139169 9.23826 0.578296C9.18948 1.01742 9.50591 1.41295 9.94504 1.46173L10.1217 -0.128483ZM14.5384 6.04929C14.5877 6.48835 14.9836 6.80429 15.4227 6.75496C15.8618 6.70562 16.1777 6.30969 16.1284 5.87063L14.5384 6.04929ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95905 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM9.88018 4.11849C10.3751 4.21504 10.8299 4.45707 11.1864 4.8136L12.3178 3.68223C11.7361 3.10052 10.994 2.70563 10.1866 2.5481L9.88018 4.11849ZM11.1864 4.8136C11.5429 5.17013 11.785 5.62494 11.8815 6.11982L13.4519 5.81343C13.2944 5.006 12.8995 4.26394 12.3178 3.68223L11.1864 4.8136ZM9.94504 1.46173C11.1175 1.59199 12.2108 2.11704 13.0455 2.95067L14.1762 1.81859C13.0847 0.728449 11.6549 0.0418469 10.1217 -0.128483L9.94504 1.46173ZM13.0455 2.95067C13.8802 3.78431 14.4066 4.87698 14.5384 6.04929L16.1284 5.87063C15.9561 4.33761 15.2677 2.90873 14.1762 1.81859L13.0455 2.95067ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36538 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711549 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95905 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95905 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46856 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15915">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhoneCall,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13577",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhoneCall size={size} />,
+  },
 );
-figma.connect(IconPhoneCall, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13577", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhoneCall size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhoneForwarded.tsx b/src/icons/IconPhoneForwarded.tsx
index 43eebef..850e931 100644
--- a/src/icons/IconPhoneForwarded.tsx
+++ b/src/icons/IconPhoneForwarded.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhoneForwarded = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15917)"><path d="M13.2324 0.100941C12.92 -0.211479 12.4134 -0.211479 12.101 0.100941C11.7886 0.41336 11.7886 0.919892 12.101 1.23231L13.2324 0.100941ZM15.3334 3.33329L15.8991 3.89898C16.0491 3.74895 16.1334 3.54547 16.1334 3.33329C16.1334 3.12112 16.0491 2.91764 15.8991 2.76761L15.3334 3.33329ZM12.101 5.43427C11.7886 5.74669 11.7886 6.25322 12.101 6.56564C12.4134 6.87806 12.92 6.87806 13.2324 6.56564L12.101 5.43427ZM10 2.53329C9.55821 2.53329 9.20004 2.89146 9.20004 3.33329C9.20004 3.77512 9.55821 4.13329 10 4.13329V2.53329ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95906 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM12.101 1.23231L14.7677 3.89898L15.8991 2.76761L13.2324 0.100941L12.101 1.23231ZM14.7677 2.76761L12.101 5.43427L13.2324 6.56564L15.8991 3.89898L14.7677 2.76761ZM10 4.13329L15.3334 4.13329V2.53329L10 2.53329V4.13329ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36537 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711548 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95906 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95906 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46855 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15917"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15917)">
+      <path
+        d="M13.2324 0.100941C12.92 -0.211479 12.4134 -0.211479 12.101 0.100941C11.7886 0.41336 11.7886 0.919892 12.101 1.23231L13.2324 0.100941ZM15.3334 3.33329L15.8991 3.89898C16.0491 3.74895 16.1334 3.54547 16.1334 3.33329C16.1334 3.12112 16.0491 2.91764 15.8991 2.76761L15.3334 3.33329ZM12.101 5.43427C11.7886 5.74669 11.7886 6.25322 12.101 6.56564C12.4134 6.87806 12.92 6.87806 13.2324 6.56564L12.101 5.43427ZM10 2.53329C9.55821 2.53329 9.20004 2.89146 9.20004 3.33329C9.20004 3.77512 9.55821 4.13329 10 4.13329V2.53329ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95906 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM12.101 1.23231L14.7677 3.89898L15.8991 2.76761L13.2324 0.100941L12.101 1.23231ZM14.7677 2.76761L12.101 5.43427L13.2324 6.56564L15.8991 3.89898L14.7677 2.76761ZM10 4.13329L15.3334 4.13329V2.53329L10 2.53329V4.13329ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36537 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711548 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95906 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95906 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46855 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15917">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhoneForwarded,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13578",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhoneForwarded size={size} />,
+  },
 );
-figma.connect(IconPhoneForwarded, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13578", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhoneForwarded size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhoneIncoming.tsx b/src/icons/IconPhoneIncoming.tsx
index b460ec3..248cae2 100644
--- a/src/icons/IconPhoneIncoming.tsx
+++ b/src/icons/IconPhoneIncoming.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhoneIncoming = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15919)"><path d="M11.4667 1.33329C11.4667 0.891465 11.1085 0.533293 10.6667 0.533293C10.2249 0.533293 9.8667 0.891465 9.8667 1.33329H11.4667ZM10.6667 5.33329H9.8667C9.8667 5.77512 10.2249 6.13329 10.6667 6.13329V5.33329ZM14.6667 6.13329C15.1085 6.13329 15.4667 5.77512 15.4667 5.33329C15.4667 4.89146 15.1085 4.53329 14.6667 4.53329V6.13329ZM15.8991 1.23231C16.2115 0.919892 16.2115 0.41336 15.8991 0.100941C15.5866 -0.211479 15.0801 -0.211479 14.7677 0.100941L15.8991 1.23231ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95906 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM9.8667 1.33329V5.33329H11.4667V1.33329H9.8667ZM10.6667 6.13329H14.6667V4.53329H10.6667V6.13329ZM14.7677 0.100941L10.101 4.76761L11.2324 5.89898L15.8991 1.23231L14.7677 0.100941ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36537 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711548 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95906 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95906 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46855 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15919"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15919)">
+      <path
+        d="M11.4667 1.33329C11.4667 0.891465 11.1085 0.533293 10.6667 0.533293C10.2249 0.533293 9.8667 0.891465 9.8667 1.33329H11.4667ZM10.6667 5.33329H9.8667C9.8667 5.77512 10.2249 6.13329 10.6667 6.13329V5.33329ZM14.6667 6.13329C15.1085 6.13329 15.4667 5.77512 15.4667 5.33329C15.4667 4.89146 15.1085 4.53329 14.6667 4.53329V6.13329ZM15.8991 1.23231C16.2115 0.919892 16.2115 0.41336 15.8991 0.100941C15.5866 -0.211479 15.0801 -0.211479 14.7677 0.100941L15.8991 1.23231ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95906 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM9.8667 1.33329V5.33329H11.4667V1.33329H9.8667ZM10.6667 6.13329H14.6667V4.53329H10.6667V6.13329ZM14.7677 0.100941L10.101 4.76761L11.2324 5.89898L15.8991 1.23231L14.7677 0.100941ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36537 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711548 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95906 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95906 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46855 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15919">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhoneIncoming,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13580",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhoneIncoming size={size} />,
+  },
 );
-figma.connect(IconPhoneIncoming, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13580", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhoneIncoming size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhoneMissed.tsx b/src/icons/IconPhoneMissed.tsx
index 815e113..b31b104 100644
--- a/src/icons/IconPhoneMissed.tsx
+++ b/src/icons/IconPhoneMissed.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhoneMissed = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15921)"><path d="M15.8991 1.23231C16.2115 0.919892 16.2115 0.41336 15.8991 0.100941C15.5866 -0.211479 15.0801 -0.211479 14.7677 0.10094L15.8991 1.23231ZM10.7677 4.10094C10.4553 4.41336 10.4553 4.91989 10.7677 5.23231C11.0801 5.54473 11.5866 5.54473 11.8991 5.23231L10.7677 4.10094ZM11.8991 0.10094C11.5866 -0.211479 11.0801 -0.211479 10.7677 0.100941C10.4553 0.41336 10.4553 0.919892 10.7677 1.23231L11.8991 0.10094ZM14.7677 5.23231C15.0801 5.54473 15.5866 5.54473 15.8991 5.23231C16.2115 4.91989 16.2115 4.41336 15.8991 4.10094L14.7677 5.23231ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95906 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM14.7677 0.10094L10.7677 4.10094L11.8991 5.23231L15.8991 1.23231L14.7677 0.10094ZM10.7677 1.23231L14.7677 5.23231L15.8991 4.10094L11.8991 0.10094L10.7677 1.23231ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36537 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711548 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95906 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95906 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46855 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15921"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15921)">
+      <path
+        d="M15.8991 1.23231C16.2115 0.919892 16.2115 0.41336 15.8991 0.100941C15.5866 -0.211479 15.0801 -0.211479 14.7677 0.10094L15.8991 1.23231ZM10.7677 4.10094C10.4553 4.41336 10.4553 4.91989 10.7677 5.23231C11.0801 5.54473 11.5866 5.54473 11.8991 5.23231L10.7677 4.10094ZM11.8991 0.10094C11.5866 -0.211479 11.0801 -0.211479 10.7677 0.100941C10.4553 0.41336 10.4553 0.919892 10.7677 1.23231L11.8991 0.10094ZM14.7677 5.23231C15.0801 5.54473 15.5866 5.54473 15.8991 5.23231C16.2115 4.91989 16.2115 4.41336 15.8991 4.10094L14.7677 5.23231ZM14.6667 11.28L13.867 11.2601C13.8668 11.2667 13.8667 11.2733 13.8667 11.28H14.6667ZM14.6667 13.28H13.8667L13.8667 13.2832L14.6667 13.28ZM13.2134 14.6133L13.127 15.4086C13.1318 15.4091 13.1366 15.4096 13.1414 15.41L13.2134 14.6133ZM7.46004 12.5666L7.89534 11.8954L7.88909 11.8914L7.46004 12.5666ZM3.46004 8.56663L4.13527 8.13755L4.13146 8.13167L3.46004 8.56663ZM1.41337 2.78663L0.616519 2.85863L0.617843 2.87111L1.41337 2.78663ZM2.74004 1.33329V0.533292L2.73928 0.533293L2.74004 1.33329ZM4.74004 1.33329V2.13333L4.74791 2.13325L4.74004 1.33329ZM6.07337 2.47996L6.86654 2.37535L6.8655 2.368L6.07337 2.47996ZM6.54004 4.35329L5.79052 4.63298L5.7912 4.63478L6.54004 4.35329ZM6.24004 5.75996L6.80573 6.32565L6.80888 6.32247L6.24004 5.75996ZM5.39337 6.60663L4.82768 6.04094C4.57303 6.29559 4.51992 6.689 4.69793 7.00206L5.39337 6.60663ZM9.39337 10.6066L8.99793 11.3021C9.31099 11.4801 9.7044 11.427 9.95906 11.1723L9.39337 10.6066ZM10.24 9.75996L9.67752 9.19111L9.67435 9.19427L10.24 9.75996ZM11.6467 9.45996L11.3652 10.2088L11.367 10.2095L11.6467 9.45996ZM13.52 9.92663L13.6318 9.13444L13.6246 9.13349L13.52 9.92663ZM14.7677 0.10094L10.7677 4.10094L11.8991 5.23231L15.8991 1.23231L14.7677 0.10094ZM10.7677 1.23231L14.7677 5.23231L15.8991 4.10094L11.8991 0.10094L10.7677 1.23231ZM13.8667 11.28V13.28H15.4667V11.28H13.8667ZM13.8667 13.2832C13.867 13.3575 13.8518 13.431 13.822 13.499L15.288 14.14C15.4071 13.8678 15.4679 13.5738 15.4667 13.2767L13.8667 13.2832ZM13.822 13.499C13.7923 13.5671 13.7487 13.6282 13.6939 13.6784L14.7756 14.8574C14.9945 14.6565 15.169 14.4122 15.288 14.14L13.822 13.499ZM13.6939 13.6784C13.6392 13.7286 13.5746 13.7668 13.5042 13.7906L14.0168 15.3063C14.2982 15.2111 14.5567 15.0582 14.7756 14.8574L13.6939 13.6784ZM13.5042 13.7906C13.4339 13.8144 13.3593 13.8232 13.2854 13.8165L13.1414 15.41C13.4372 15.4368 13.7354 15.4014 14.0168 15.3063L13.5042 13.7906ZM13.2998 13.818C11.3727 13.6086 9.52167 12.9501 7.89532 11.8954L7.02476 13.2378C8.86107 14.4287 10.9511 15.1722 13.127 15.4086L13.2998 13.818ZM7.88909 11.8914C6.37744 10.9308 5.09582 9.64922 4.13525 8.13757L2.78483 8.99568C3.87137 10.7056 5.32107 12.1553 7.03098 13.2418L7.88909 11.8914ZM4.13146 8.13167C3.0731 6.49793 2.41446 4.63786 2.2089 2.70215L0.617843 2.87111C0.849941 5.05672 1.59361 7.15693 2.78861 9.00159L4.13146 8.13167ZM2.21012 2.71463C2.20346 2.64088 2.21222 2.56656 2.23586 2.49639L0.71955 1.98569C0.625017 2.26637 0.589961 2.56366 0.616617 2.85863L2.21012 2.71463ZM2.23586 2.49639C2.25949 2.42622 2.29748 2.36174 2.34739 2.30706L1.1657 1.22836C0.966026 1.44709 0.814084 1.70501 0.71955 1.98569L2.23586 2.49639ZM2.34739 2.30706C2.39731 2.25237 2.45807 2.20868 2.5258 2.17876L1.87933 0.715183C1.60841 0.83485 1.36537 1.00962 1.1657 1.22836L2.34739 2.30706ZM2.5258 2.17876C2.59353 2.14885 2.66675 2.13336 2.74079 2.13329L2.73928 0.533293C2.44311 0.533572 2.15025 0.595516 1.87933 0.715183L2.5258 2.17876ZM2.74004 2.13329H4.74004V0.533293H2.74004V2.13329ZM4.74791 2.13325C4.87733 2.13198 5.00279 2.17781 5.10091 2.2622L6.14418 1.0491C5.75167 0.711548 5.24982 0.528236 4.73216 0.533331L4.74791 2.13325ZM5.10091 2.2622C5.19904 2.34658 5.26313 2.46377 5.28124 2.59192L6.8655 2.368C6.79305 1.85541 6.53668 1.38665 6.14418 1.0491L5.10091 2.2622ZM5.28024 2.58457C5.37254 3.28443 5.54373 3.9716 5.79052 4.63298L7.28956 4.07361C7.08495 3.52529 6.94303 2.95558 6.8665 2.37535L5.28024 2.58457ZM5.7912 4.63478C5.82707 4.73023 5.83484 4.83396 5.81357 4.93368L7.37838 5.26741C7.46345 4.86851 7.43239 4.45359 7.28888 4.0718L5.7912 4.63478ZM5.81357 4.93368C5.7923 5.03341 5.74289 5.12494 5.67119 5.19745L6.80888 6.32247C7.09567 6.03246 7.29331 5.66631 7.37838 5.26741L5.81357 4.93368ZM5.67435 5.19427L4.82768 6.04094L5.95906 7.17231L6.80572 6.32564L5.67435 5.19427ZM4.69793 7.00206C5.71815 8.79627 7.20373 10.2818 8.99793 11.3021L9.78881 9.91119C8.24495 9.03333 6.96666 7.75504 6.08881 6.21119L4.69793 7.00206ZM9.95906 11.1723L10.8057 10.3256L9.67435 9.19427L8.82768 10.0409L9.95906 11.1723ZM10.8025 10.3288C10.8751 10.2571 10.9666 10.2077 11.0663 10.1864L10.7326 8.62162C10.3337 8.70669 9.96754 8.90433 9.67753 9.19112L10.8025 10.3288ZM11.0663 10.1864C11.166 10.1652 11.2698 10.1729 11.3652 10.2088L11.9282 8.71112C11.5464 8.5676 11.1315 8.53654 10.7326 8.62162L11.0663 10.1864ZM11.367 10.2095C12.0284 10.4563 12.7156 10.6275 13.4154 10.7198L13.6246 9.13349C13.0444 9.05697 12.4747 8.91505 11.9264 8.71044L11.367 10.2095ZM13.4083 10.7188C13.5378 10.7371 13.6561 10.8023 13.7407 10.9021L14.9614 9.8678C14.6232 9.46855 14.1499 9.20757 13.6318 9.13447L13.4083 10.7188ZM13.7407 10.9021C13.8253 11.0019 13.8702 11.1293 13.867 11.2601L15.4665 11.2998C15.4794 10.7767 15.2997 10.267 14.9614 9.8678L13.7407 10.9021Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15921">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhoneMissed,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13579",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhoneMissed size={size} />,
+  },
 );
-figma.connect(IconPhoneMissed, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13579", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhoneMissed size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhoneOff.tsx b/src/icons/IconPhoneOff.tsx
index fb9c014..aea0540 100644
--- a/src/icons/IconPhoneOff.tsx
+++ b/src/icons/IconPhoneOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhoneOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15923)"><path d="M7.68602 8.30786C7.37373 7.9953 6.8672 7.99508 6.55465 8.30736C6.24209 8.61964 6.24187 9.12617 6.55415 9.43873L7.68602 8.30786ZM9.39341 10.6066L8.99798 11.3021C9.31104 11.4801 9.70445 11.427 9.9591 11.1723L9.39341 10.6066ZM10.2401 9.75996L9.67756 9.19111L9.6744 9.19427L10.2401 9.75996ZM11.6467 9.45996L11.3653 10.2088L11.3671 10.2095L11.6467 9.45996ZM13.5201 9.92663L13.632 9.13447L13.6247 9.1335L13.5201 9.92663ZM14.6667 11.26L13.8667 11.2521V11.26H14.6667ZM14.6667 13.26H13.8667L13.8668 13.2632L14.6667 13.26ZM13.2134 14.5933L13.127 15.3886C13.1318 15.3891 13.1366 15.3896 13.1414 15.39L13.2134 14.5933ZM7.46008 12.5466L7.89538 11.8754L7.8889 11.8713L7.46008 12.5466ZM5.80608 10.2013C5.49384 9.88866 4.9873 9.88838 4.67471 10.2006C4.36212 10.5129 4.36184 11.0194 4.67408 11.332L5.80608 10.2013ZM2.78887 8.97524C3.02926 9.34594 3.52466 9.45157 3.89536 9.21118C4.26606 8.97078 4.3717 8.47538 4.1313 8.10468L2.78887 8.97524ZM1.41341 2.78663L0.616661 2.85863C0.617096 2.86344 0.617574 2.86824 0.618096 2.87304L1.41341 2.78663ZM2.74008 1.33329V0.533292L2.73933 0.533293L2.74008 1.33329ZM4.74008 1.33329V2.13333L4.74795 2.13325L4.74008 1.33329ZM6.07341 2.47996L6.86658 2.37535L6.86554 2.368L6.07341 2.47996ZM6.54008 4.35329L5.79056 4.63298L5.79124 4.63478L6.54008 4.35329ZM6.24008 5.75996L6.80578 6.32565L6.80892 6.32247L6.24008 5.75996ZM4.82773 6.04094C4.51531 6.35336 4.51531 6.85989 4.82773 7.17231C5.14015 7.48473 5.64668 7.48473 5.9591 7.17231L4.82773 6.04094ZM15.8991 1.23231C16.2115 0.919892 16.2115 0.41336 15.8991 0.100941C15.5867 -0.211479 15.0801 -0.211479 14.7677 0.100941L15.8991 1.23231ZM0.101063 14.7676C-0.211357 15.08 -0.211357 15.5866 0.101063 15.899C0.413482 16.2114 0.920014 16.2114 1.23243 15.899L0.101063 14.7676ZM6.55415 9.43873C7.28146 10.1667 8.10345 10.7934 8.99798 11.3021L9.78885 9.91119C9.01914 9.47352 8.31184 8.93424 7.68602 8.30786L6.55415 9.43873ZM9.9591 11.1723L10.8058 10.3256L9.6744 9.19427L8.82773 10.0409L9.9591 11.1723ZM10.8026 10.3288C10.8751 10.2571 10.9666 10.2077 11.0664 10.1864L10.7326 8.62162C10.3337 8.70669 9.96758 8.90433 9.67757 9.19112L10.8026 10.3288ZM11.0664 10.1864C11.1661 10.1652 11.2698 10.1729 11.3653 10.2088L11.9282 8.71112C11.5465 8.56761 11.1315 8.53654 10.7326 8.62162L11.0664 10.1864ZM11.3671 10.2095C12.0284 10.4563 12.7156 10.6275 13.4155 10.7198L13.6247 9.1335C13.0445 9.05697 12.4748 8.91505 11.9264 8.71044L11.3671 10.2095ZM13.4081 10.7188C13.5363 10.7369 13.6535 10.801 13.7378 10.8991L14.9509 9.85582C14.6134 9.46332 14.1446 9.20695 13.632 9.1345L13.4081 10.7188ZM13.7378 10.8991C13.8222 10.9972 13.8681 11.1227 13.8668 11.2521L15.4667 11.2678C15.4718 10.7502 15.2885 10.2483 14.9509 9.85582L13.7378 10.8991ZM13.8667 11.26V13.26H15.4667V11.26H13.8667ZM13.8668 13.2632C13.8671 13.3375 13.8518 13.411 13.8221 13.479L15.2881 14.12C15.4071 13.8478 15.4679 13.5538 15.4667 13.2567L13.8668 13.2632ZM13.8221 13.479C13.7923 13.5471 13.7487 13.6082 13.694 13.6584L14.7756 14.8374C14.9945 14.6365 15.1691 14.3922 15.2881 14.12L13.8221 13.479ZM13.694 13.6584C13.6392 13.7086 13.5746 13.7468 13.5043 13.7706L14.0169 15.2863C14.2983 15.1911 14.5567 15.0382 14.7756 14.8374L13.694 13.6584ZM13.5043 13.7706C13.4339 13.7944 13.3594 13.8032 13.2854 13.7965L13.1414 15.39C13.4373 15.4168 13.7355 15.3814 14.0169 15.2863L13.5043 13.7706ZM13.2998 13.798C11.3728 13.5886 9.52171 12.9301 7.89536 11.8754L7.0248 13.2178C8.86111 14.4087 10.9512 15.1522 13.127 15.3886L13.2998 13.798ZM7.8889 11.8713C7.13538 11.3928 6.43689 10.8328 5.80608 10.2013L4.67408 11.332C5.38798 12.0467 6.17848 12.6805 7.03126 13.222L7.8889 11.8713ZM4.1313 8.10468C3.07661 6.47833 2.41812 4.62726 2.20873 2.70021L0.618096 2.87304C0.854518 5.04888 1.59802 7.13893 2.78887 8.97524L4.1313 8.10468ZM2.21017 2.71463C2.2035 2.64088 2.21227 2.56656 2.2359 2.49639L0.719595 1.98569C0.625061 2.26637 0.590006 2.56366 0.616661 2.85863L2.21017 2.71463ZM2.2359 2.49639C2.25953 2.42622 2.29752 2.36174 2.34744 2.30706L1.16574 1.22836C0.96607 1.44709 0.814129 1.70501 0.719595 1.98569L2.2359 2.49639ZM2.34744 2.30706C2.39736 2.25237 2.45812 2.20868 2.52585 2.17876L1.87937 0.715183C1.60845 0.83485 1.36542 1.00962 1.16574 1.22836L2.34744 2.30706ZM2.52585 2.17876C2.59358 2.14885 2.66679 2.13336 2.74083 2.13329L2.73933 0.533293C2.44316 0.533572 2.15029 0.595517 1.87937 0.715183L2.52585 2.17876ZM2.74008 2.13329H4.74008V0.533293H2.74008V2.13329ZM4.74795 2.13325C4.87737 2.13198 5.00283 2.17781 5.10096 2.2622L6.14422 1.0491C5.75172 0.711549 5.24987 0.528237 4.73221 0.533331L4.74795 2.13325ZM5.10096 2.2622C5.19908 2.34658 5.26318 2.46377 5.28129 2.59192L6.86554 2.368C6.79309 1.85541 6.53672 1.38665 6.14422 1.0491L5.10096 2.2622ZM5.28028 2.58457C5.37259 3.28443 5.54377 3.9716 5.79056 4.63298L7.2896 4.07361C7.08499 3.52529 6.94307 2.95558 6.86655 2.37535L5.28028 2.58457ZM5.79124 4.63478C5.82712 4.73023 5.83488 4.83396 5.81361 4.93368L7.37842 5.26741C7.4635 4.86851 7.43244 4.45359 7.28892 4.0718L5.79124 4.63478ZM5.81361 4.93368C5.79235 5.03341 5.74294 5.12494 5.67124 5.19745L6.80892 6.32247C7.09571 6.03246 7.29335 5.66631 7.37842 5.26741L5.81361 4.93368ZM5.6744 5.19427L4.82773 6.04094L5.9591 7.17231L6.80577 6.32564L5.6744 5.19427ZM14.7677 0.100941L0.101063 14.7676L1.23243 15.899L15.8991 1.23231L14.7677 0.100941Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15923"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15923)">
+      <path
+        d="M7.68602 8.30786C7.37373 7.9953 6.8672 7.99508 6.55465 8.30736C6.24209 8.61964 6.24187 9.12617 6.55415 9.43873L7.68602 8.30786ZM9.39341 10.6066L8.99798 11.3021C9.31104 11.4801 9.70445 11.427 9.9591 11.1723L9.39341 10.6066ZM10.2401 9.75996L9.67756 9.19111L9.6744 9.19427L10.2401 9.75996ZM11.6467 9.45996L11.3653 10.2088L11.3671 10.2095L11.6467 9.45996ZM13.5201 9.92663L13.632 9.13447L13.6247 9.1335L13.5201 9.92663ZM14.6667 11.26L13.8667 11.2521V11.26H14.6667ZM14.6667 13.26H13.8667L13.8668 13.2632L14.6667 13.26ZM13.2134 14.5933L13.127 15.3886C13.1318 15.3891 13.1366 15.3896 13.1414 15.39L13.2134 14.5933ZM7.46008 12.5466L7.89538 11.8754L7.8889 11.8713L7.46008 12.5466ZM5.80608 10.2013C5.49384 9.88866 4.9873 9.88838 4.67471 10.2006C4.36212 10.5129 4.36184 11.0194 4.67408 11.332L5.80608 10.2013ZM2.78887 8.97524C3.02926 9.34594 3.52466 9.45157 3.89536 9.21118C4.26606 8.97078 4.3717 8.47538 4.1313 8.10468L2.78887 8.97524ZM1.41341 2.78663L0.616661 2.85863C0.617096 2.86344 0.617574 2.86824 0.618096 2.87304L1.41341 2.78663ZM2.74008 1.33329V0.533292L2.73933 0.533293L2.74008 1.33329ZM4.74008 1.33329V2.13333L4.74795 2.13325L4.74008 1.33329ZM6.07341 2.47996L6.86658 2.37535L6.86554 2.368L6.07341 2.47996ZM6.54008 4.35329L5.79056 4.63298L5.79124 4.63478L6.54008 4.35329ZM6.24008 5.75996L6.80578 6.32565L6.80892 6.32247L6.24008 5.75996ZM4.82773 6.04094C4.51531 6.35336 4.51531 6.85989 4.82773 7.17231C5.14015 7.48473 5.64668 7.48473 5.9591 7.17231L4.82773 6.04094ZM15.8991 1.23231C16.2115 0.919892 16.2115 0.41336 15.8991 0.100941C15.5867 -0.211479 15.0801 -0.211479 14.7677 0.100941L15.8991 1.23231ZM0.101063 14.7676C-0.211357 15.08 -0.211357 15.5866 0.101063 15.899C0.413482 16.2114 0.920014 16.2114 1.23243 15.899L0.101063 14.7676ZM6.55415 9.43873C7.28146 10.1667 8.10345 10.7934 8.99798 11.3021L9.78885 9.91119C9.01914 9.47352 8.31184 8.93424 7.68602 8.30786L6.55415 9.43873ZM9.9591 11.1723L10.8058 10.3256L9.6744 9.19427L8.82773 10.0409L9.9591 11.1723ZM10.8026 10.3288C10.8751 10.2571 10.9666 10.2077 11.0664 10.1864L10.7326 8.62162C10.3337 8.70669 9.96758 8.90433 9.67757 9.19112L10.8026 10.3288ZM11.0664 10.1864C11.1661 10.1652 11.2698 10.1729 11.3653 10.2088L11.9282 8.71112C11.5465 8.56761 11.1315 8.53654 10.7326 8.62162L11.0664 10.1864ZM11.3671 10.2095C12.0284 10.4563 12.7156 10.6275 13.4155 10.7198L13.6247 9.1335C13.0445 9.05697 12.4748 8.91505 11.9264 8.71044L11.3671 10.2095ZM13.4081 10.7188C13.5363 10.7369 13.6535 10.801 13.7378 10.8991L14.9509 9.85582C14.6134 9.46332 14.1446 9.20695 13.632 9.1345L13.4081 10.7188ZM13.7378 10.8991C13.8222 10.9972 13.8681 11.1227 13.8668 11.2521L15.4667 11.2678C15.4718 10.7502 15.2885 10.2483 14.9509 9.85582L13.7378 10.8991ZM13.8667 11.26V13.26H15.4667V11.26H13.8667ZM13.8668 13.2632C13.8671 13.3375 13.8518 13.411 13.8221 13.479L15.2881 14.12C15.4071 13.8478 15.4679 13.5538 15.4667 13.2567L13.8668 13.2632ZM13.8221 13.479C13.7923 13.5471 13.7487 13.6082 13.694 13.6584L14.7756 14.8374C14.9945 14.6365 15.1691 14.3922 15.2881 14.12L13.8221 13.479ZM13.694 13.6584C13.6392 13.7086 13.5746 13.7468 13.5043 13.7706L14.0169 15.2863C14.2983 15.1911 14.5567 15.0382 14.7756 14.8374L13.694 13.6584ZM13.5043 13.7706C13.4339 13.7944 13.3594 13.8032 13.2854 13.7965L13.1414 15.39C13.4373 15.4168 13.7355 15.3814 14.0169 15.2863L13.5043 13.7706ZM13.2998 13.798C11.3728 13.5886 9.52171 12.9301 7.89536 11.8754L7.0248 13.2178C8.86111 14.4087 10.9512 15.1522 13.127 15.3886L13.2998 13.798ZM7.8889 11.8713C7.13538 11.3928 6.43689 10.8328 5.80608 10.2013L4.67408 11.332C5.38798 12.0467 6.17848 12.6805 7.03126 13.222L7.8889 11.8713ZM4.1313 8.10468C3.07661 6.47833 2.41812 4.62726 2.20873 2.70021L0.618096 2.87304C0.854518 5.04888 1.59802 7.13893 2.78887 8.97524L4.1313 8.10468ZM2.21017 2.71463C2.2035 2.64088 2.21227 2.56656 2.2359 2.49639L0.719595 1.98569C0.625061 2.26637 0.590006 2.56366 0.616661 2.85863L2.21017 2.71463ZM2.2359 2.49639C2.25953 2.42622 2.29752 2.36174 2.34744 2.30706L1.16574 1.22836C0.96607 1.44709 0.814129 1.70501 0.719595 1.98569L2.2359 2.49639ZM2.34744 2.30706C2.39736 2.25237 2.45812 2.20868 2.52585 2.17876L1.87937 0.715183C1.60845 0.83485 1.36542 1.00962 1.16574 1.22836L2.34744 2.30706ZM2.52585 2.17876C2.59358 2.14885 2.66679 2.13336 2.74083 2.13329L2.73933 0.533293C2.44316 0.533572 2.15029 0.595517 1.87937 0.715183L2.52585 2.17876ZM2.74008 2.13329H4.74008V0.533293H2.74008V2.13329ZM4.74795 2.13325C4.87737 2.13198 5.00283 2.17781 5.10096 2.2622L6.14422 1.0491C5.75172 0.711549 5.24987 0.528237 4.73221 0.533331L4.74795 2.13325ZM5.10096 2.2622C5.19908 2.34658 5.26318 2.46377 5.28129 2.59192L6.86554 2.368C6.79309 1.85541 6.53672 1.38665 6.14422 1.0491L5.10096 2.2622ZM5.28028 2.58457C5.37259 3.28443 5.54377 3.9716 5.79056 4.63298L7.2896 4.07361C7.08499 3.52529 6.94307 2.95558 6.86655 2.37535L5.28028 2.58457ZM5.79124 4.63478C5.82712 4.73023 5.83488 4.83396 5.81361 4.93368L7.37842 5.26741C7.4635 4.86851 7.43244 4.45359 7.28892 4.0718L5.79124 4.63478ZM5.81361 4.93368C5.79235 5.03341 5.74294 5.12494 5.67124 5.19745L6.80892 6.32247C7.09571 6.03246 7.29335 5.66631 7.37842 5.26741L5.81361 4.93368ZM5.6744 5.19427L4.82773 6.04094L5.9591 7.17231L6.80577 6.32564L5.6744 5.19427ZM14.7677 0.100941L0.101063 14.7676L1.23243 15.899L15.8991 1.23231L14.7677 0.100941Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15923">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhoneOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13582",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhoneOff size={size} />,
+  },
 );
-figma.connect(IconPhoneOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13582", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhoneOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPhoneOutgoing.tsx b/src/icons/IconPhoneOutgoing.tsx
index b068e67..acb6411 100644
--- a/src/icons/IconPhoneOutgoing.tsx
+++ b/src/icons/IconPhoneOutgoing.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPhoneOutgoing = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15925)"><path d="M14.5331 4.66663C14.5331 5.10845 14.8913 5.46663 15.3331 5.46663C15.775 5.46663 16.1331 5.10845 16.1331 4.66663H14.5331ZM15.3331 0.666626H16.1331C16.1331 0.224798 15.775 -0.133374 15.3331 -0.133374V0.666626ZM11.3331 -0.133374C10.8913 -0.133374 10.5331 0.224798 10.5331 0.666626C10.5331 1.10845 10.8913 1.46663 11.3331 1.46663V-0.133374ZM10.1008 4.76761C9.78835 5.08003 9.78835 5.58656 10.1008 5.89898C10.4132 6.2114 10.9197 6.2114 11.2321 5.89898L10.1008 4.76761ZM14.6665 11.28L13.8667 11.2601C13.8665 11.2667 13.8665 11.2733 13.8665 11.28H14.6665ZM14.6665 13.28H13.8665L13.8665 13.2832L14.6665 13.28ZM13.2131 14.6133L13.1267 15.4086C13.1315 15.4091 13.1363 15.4096 13.1411 15.41L13.2131 14.6133ZM7.45979 12.5666L7.89509 11.8954L7.88885 11.8914L7.45979 12.5666ZM3.45979 8.56663L4.13503 8.13755L4.13122 8.13167L3.45979 8.56663ZM1.41313 2.78663L0.616275 2.85863L0.617599 2.87111L1.41313 2.78663ZM2.73979 1.33329V0.533292L2.73904 0.533293L2.73979 1.33329ZM4.73979 1.33329V2.13333L4.74767 2.13325L4.73979 1.33329ZM6.07313 2.47996L6.86629 2.37535L6.86525 2.368L6.07313 2.47996ZM6.53979 4.35329L5.79027 4.63298L5.79095 4.63478L6.53979 4.35329ZM6.23979 5.75996L6.80549 6.32565L6.80863 6.32247L6.23979 5.75996ZM5.39313 6.60663L4.82744 6.04094C4.57279 6.29559 4.51968 6.689 4.69769 7.00206L5.39313 6.60663ZM9.39313 10.6066L8.99769 11.3021C9.31075 11.4801 9.70416 11.427 9.95881 11.1723L9.39313 10.6066ZM10.2398 9.75996L9.67727 9.19111L9.67411 9.19427L10.2398 9.75996ZM11.6465 9.45996L11.365 10.2088L11.3668 10.2095L11.6465 9.45996ZM13.5198 9.92663L13.6316 9.13444L13.6244 9.13349L13.5198 9.92663ZM16.1331 4.66663V0.666626H14.5331V4.66663H16.1331ZM15.3331 -0.133374H11.3331V1.46663H15.3331V-0.133374ZM11.2321 5.89898L15.8988 1.23231L14.7674 0.10094L10.1008 4.76761L11.2321 5.89898ZM13.8665 11.28V13.28H15.4665V11.28H13.8665ZM13.8665 13.2832C13.8668 13.3575 13.8516 13.431 13.8218 13.499L15.2878 14.14C15.4068 13.8678 15.4677 13.5738 15.4665 13.2767L13.8665 13.2832ZM13.8218 13.499C13.792 13.5671 13.7484 13.6282 13.6937 13.6784L14.7753 14.8574C14.9942 14.6565 15.1688 14.4122 15.2878 14.14L13.8218 13.499ZM13.6937 13.6784C13.639 13.7286 13.5744 13.7668 13.504 13.7906L14.0166 15.3063C14.298 15.2111 14.5564 15.0582 14.7753 14.8574L13.6937 13.6784ZM13.504 13.7906C13.4336 13.8144 13.3591 13.8232 13.2851 13.8165L13.1411 15.41C13.437 15.4368 13.7352 15.4014 14.0166 15.3063L13.504 13.7906ZM13.2995 13.818C11.3725 13.6086 9.52142 12.9501 7.89507 11.8954L7.02451 13.2378C8.86083 14.4287 10.9509 15.1722 13.1267 15.4086L13.2995 13.818ZM7.88885 11.8914C6.37719 10.9308 5.09557 9.64922 4.135 8.13757L2.78458 8.99568C3.87113 10.7056 5.32083 12.1553 7.03074 13.2418L7.88885 11.8914ZM4.13122 8.13167C3.07285 6.49793 2.41421 4.63786 2.20865 2.70215L0.617599 2.87111C0.849697 5.05672 1.59337 7.15693 2.78837 9.00159L4.13122 8.13167ZM2.20988 2.71463C2.20322 2.64088 2.21198 2.56656 2.23561 2.49639L0.719306 1.98569C0.624773 2.26637 0.589717 2.56366 0.616373 2.85863L2.20988 2.71463ZM2.23561 2.49639C2.25925 2.42622 2.29723 2.36174 2.34715 2.30706L1.16546 1.22836C0.965781 1.44709 0.81384 1.70501 0.719306 1.98569L2.23561 2.49639ZM2.34715 2.30706C2.39707 2.25237 2.45783 2.20868 2.52556 2.17876L1.87908 0.715183C1.60816 0.83485 1.36513 1.00962 1.16546 1.22836L2.34715 2.30706ZM2.52556 2.17876C2.59329 2.14885 2.6665 2.13336 2.74055 2.13329L2.73904 0.533293C2.44287 0.533572 2.15 0.595516 1.87908 0.715183L2.52556 2.17876ZM2.73979 2.13329H4.73979V0.533293H2.73979V2.13329ZM4.74767 2.13325C4.87708 2.13198 5.00254 2.17781 5.10067 2.2622L6.14393 1.0491C5.75143 0.711548 5.24958 0.528236 4.73192 0.533331L4.74767 2.13325ZM5.10067 2.2622C5.19879 2.34658 5.26289 2.46377 5.281 2.59192L6.86525 2.368C6.7928 1.85541 6.53643 1.38665 6.14393 1.0491L5.10067 2.2622ZM5.27999 2.58457C5.3723 3.28443 5.54348 3.9716 5.79028 4.63298L7.28931 4.07361C7.0847 3.52529 6.94278 2.95558 6.86626 2.37535L5.27999 2.58457ZM5.79095 4.63478C5.82683 4.73023 5.83459 4.83396 5.81333 4.93368L7.37813 5.26741C7.46321 4.86851 7.43215 4.45359 7.28863 4.0718L5.79095 4.63478ZM5.81333 4.93368C5.79206 5.03341 5.74265 5.12494 5.67095 5.19745L6.80863 6.32247C7.09542 6.03246 7.29306 5.66631 7.37813 5.26741L5.81333 4.93368ZM5.67411 5.19427L4.82744 6.04094L5.95881 7.17231L6.80548 6.32564L5.67411 5.19427ZM4.69769 7.00206C5.71791 8.79627 7.20348 10.2818 8.99769 11.3021L9.78856 9.91119C8.24471 9.03333 6.96642 7.75504 6.08856 6.21119L4.69769 7.00206ZM9.95881 11.1723L10.8055 10.3256L9.67411 9.19427L8.82744 10.0409L9.95881 11.1723ZM10.8023 10.3288C10.8748 10.2571 10.9663 10.2077 11.0661 10.1864L10.7323 8.62162C10.3334 8.70669 9.9673 8.90433 9.67728 9.19112L10.8023 10.3288ZM11.0661 10.1864C11.1658 10.1652 11.2695 10.1729 11.365 10.2088L11.9279 8.71112C11.5462 8.5676 11.1312 8.53654 10.7323 8.62162L11.0661 10.1864ZM11.3668 10.2095C12.0282 10.4563 12.7153 10.6275 13.4152 10.7198L13.6244 9.13349C13.0442 9.05697 12.4745 8.91505 11.9261 8.71044L11.3668 10.2095ZM13.408 10.7188C13.5376 10.7371 13.6559 10.8023 13.7404 10.9021L14.9612 9.8678C14.6229 9.46855 14.1497 9.20757 13.6315 9.13447L13.408 10.7188ZM13.7404 10.9021C13.825 11.0019 13.87 11.1293 13.8667 11.2601L15.4662 11.2998C15.4792 10.7767 15.2995 10.267 14.9612 9.8678L13.7404 10.9021Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15925"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15925)">
+      <path
+        d="M14.5331 4.66663C14.5331 5.10845 14.8913 5.46663 15.3331 5.46663C15.775 5.46663 16.1331 5.10845 16.1331 4.66663H14.5331ZM15.3331 0.666626H16.1331C16.1331 0.224798 15.775 -0.133374 15.3331 -0.133374V0.666626ZM11.3331 -0.133374C10.8913 -0.133374 10.5331 0.224798 10.5331 0.666626C10.5331 1.10845 10.8913 1.46663 11.3331 1.46663V-0.133374ZM10.1008 4.76761C9.78835 5.08003 9.78835 5.58656 10.1008 5.89898C10.4132 6.2114 10.9197 6.2114 11.2321 5.89898L10.1008 4.76761ZM14.6665 11.28L13.8667 11.2601C13.8665 11.2667 13.8665 11.2733 13.8665 11.28H14.6665ZM14.6665 13.28H13.8665L13.8665 13.2832L14.6665 13.28ZM13.2131 14.6133L13.1267 15.4086C13.1315 15.4091 13.1363 15.4096 13.1411 15.41L13.2131 14.6133ZM7.45979 12.5666L7.89509 11.8954L7.88885 11.8914L7.45979 12.5666ZM3.45979 8.56663L4.13503 8.13755L4.13122 8.13167L3.45979 8.56663ZM1.41313 2.78663L0.616275 2.85863L0.617599 2.87111L1.41313 2.78663ZM2.73979 1.33329V0.533292L2.73904 0.533293L2.73979 1.33329ZM4.73979 1.33329V2.13333L4.74767 2.13325L4.73979 1.33329ZM6.07313 2.47996L6.86629 2.37535L6.86525 2.368L6.07313 2.47996ZM6.53979 4.35329L5.79027 4.63298L5.79095 4.63478L6.53979 4.35329ZM6.23979 5.75996L6.80549 6.32565L6.80863 6.32247L6.23979 5.75996ZM5.39313 6.60663L4.82744 6.04094C4.57279 6.29559 4.51968 6.689 4.69769 7.00206L5.39313 6.60663ZM9.39313 10.6066L8.99769 11.3021C9.31075 11.4801 9.70416 11.427 9.95881 11.1723L9.39313 10.6066ZM10.2398 9.75996L9.67727 9.19111L9.67411 9.19427L10.2398 9.75996ZM11.6465 9.45996L11.365 10.2088L11.3668 10.2095L11.6465 9.45996ZM13.5198 9.92663L13.6316 9.13444L13.6244 9.13349L13.5198 9.92663ZM16.1331 4.66663V0.666626H14.5331V4.66663H16.1331ZM15.3331 -0.133374H11.3331V1.46663H15.3331V-0.133374ZM11.2321 5.89898L15.8988 1.23231L14.7674 0.10094L10.1008 4.76761L11.2321 5.89898ZM13.8665 11.28V13.28H15.4665V11.28H13.8665ZM13.8665 13.2832C13.8668 13.3575 13.8516 13.431 13.8218 13.499L15.2878 14.14C15.4068 13.8678 15.4677 13.5738 15.4665 13.2767L13.8665 13.2832ZM13.8218 13.499C13.792 13.5671 13.7484 13.6282 13.6937 13.6784L14.7753 14.8574C14.9942 14.6565 15.1688 14.4122 15.2878 14.14L13.8218 13.499ZM13.6937 13.6784C13.639 13.7286 13.5744 13.7668 13.504 13.7906L14.0166 15.3063C14.298 15.2111 14.5564 15.0582 14.7753 14.8574L13.6937 13.6784ZM13.504 13.7906C13.4336 13.8144 13.3591 13.8232 13.2851 13.8165L13.1411 15.41C13.437 15.4368 13.7352 15.4014 14.0166 15.3063L13.504 13.7906ZM13.2995 13.818C11.3725 13.6086 9.52142 12.9501 7.89507 11.8954L7.02451 13.2378C8.86083 14.4287 10.9509 15.1722 13.1267 15.4086L13.2995 13.818ZM7.88885 11.8914C6.37719 10.9308 5.09557 9.64922 4.135 8.13757L2.78458 8.99568C3.87113 10.7056 5.32083 12.1553 7.03074 13.2418L7.88885 11.8914ZM4.13122 8.13167C3.07285 6.49793 2.41421 4.63786 2.20865 2.70215L0.617599 2.87111C0.849697 5.05672 1.59337 7.15693 2.78837 9.00159L4.13122 8.13167ZM2.20988 2.71463C2.20322 2.64088 2.21198 2.56656 2.23561 2.49639L0.719306 1.98569C0.624773 2.26637 0.589717 2.56366 0.616373 2.85863L2.20988 2.71463ZM2.23561 2.49639C2.25925 2.42622 2.29723 2.36174 2.34715 2.30706L1.16546 1.22836C0.965781 1.44709 0.81384 1.70501 0.719306 1.98569L2.23561 2.49639ZM2.34715 2.30706C2.39707 2.25237 2.45783 2.20868 2.52556 2.17876L1.87908 0.715183C1.60816 0.83485 1.36513 1.00962 1.16546 1.22836L2.34715 2.30706ZM2.52556 2.17876C2.59329 2.14885 2.6665 2.13336 2.74055 2.13329L2.73904 0.533293C2.44287 0.533572 2.15 0.595516 1.87908 0.715183L2.52556 2.17876ZM2.73979 2.13329H4.73979V0.533293H2.73979V2.13329ZM4.74767 2.13325C4.87708 2.13198 5.00254 2.17781 5.10067 2.2622L6.14393 1.0491C5.75143 0.711548 5.24958 0.528236 4.73192 0.533331L4.74767 2.13325ZM5.10067 2.2622C5.19879 2.34658 5.26289 2.46377 5.281 2.59192L6.86525 2.368C6.7928 1.85541 6.53643 1.38665 6.14393 1.0491L5.10067 2.2622ZM5.27999 2.58457C5.3723 3.28443 5.54348 3.9716 5.79028 4.63298L7.28931 4.07361C7.0847 3.52529 6.94278 2.95558 6.86626 2.37535L5.27999 2.58457ZM5.79095 4.63478C5.82683 4.73023 5.83459 4.83396 5.81333 4.93368L7.37813 5.26741C7.46321 4.86851 7.43215 4.45359 7.28863 4.0718L5.79095 4.63478ZM5.81333 4.93368C5.79206 5.03341 5.74265 5.12494 5.67095 5.19745L6.80863 6.32247C7.09542 6.03246 7.29306 5.66631 7.37813 5.26741L5.81333 4.93368ZM5.67411 5.19427L4.82744 6.04094L5.95881 7.17231L6.80548 6.32564L5.67411 5.19427ZM4.69769 7.00206C5.71791 8.79627 7.20348 10.2818 8.99769 11.3021L9.78856 9.91119C8.24471 9.03333 6.96642 7.75504 6.08856 6.21119L4.69769 7.00206ZM9.95881 11.1723L10.8055 10.3256L9.67411 9.19427L8.82744 10.0409L9.95881 11.1723ZM10.8023 10.3288C10.8748 10.2571 10.9663 10.2077 11.0661 10.1864L10.7323 8.62162C10.3334 8.70669 9.9673 8.90433 9.67728 9.19112L10.8023 10.3288ZM11.0661 10.1864C11.1658 10.1652 11.2695 10.1729 11.365 10.2088L11.9279 8.71112C11.5462 8.5676 11.1312 8.53654 10.7323 8.62162L11.0661 10.1864ZM11.3668 10.2095C12.0282 10.4563 12.7153 10.6275 13.4152 10.7198L13.6244 9.13349C13.0442 9.05697 12.4745 8.91505 11.9261 8.71044L11.3668 10.2095ZM13.408 10.7188C13.5376 10.7371 13.6559 10.8023 13.7404 10.9021L14.9612 9.8678C14.6229 9.46855 14.1497 9.20757 13.6315 9.13447L13.408 10.7188ZM13.7404 10.9021C13.825 11.0019 13.87 11.1293 13.8667 11.2601L15.4662 11.2998C15.4792 10.7767 15.2995 10.267 14.9612 9.8678L13.7404 10.9021Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15925">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPhoneOutgoing,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13581",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPhoneOutgoing size={size} />,
+  },
 );
-figma.connect(IconPhoneOutgoing, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13581", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPhoneOutgoing size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPieChart.tsx b/src/icons/IconPieChart.tsx
index e75579c..dd9ea5f 100644
--- a/src/icons/IconPieChart.tsx
+++ b/src/icons/IconPieChart.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPieChart = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15929)"><path d="M14.8768 10.9048C15.0489 10.4979 14.8585 10.0285 14.4516 9.85642C14.0446 9.68434 13.5752 9.87474 13.4032 10.2817L14.8768 10.9048ZM5.65331 2.61981C6.05826 2.4431 6.24328 1.97157 6.06656 1.56662C5.88985 1.16167 5.41832 0.976646 5.01337 1.15336L5.65331 2.61981ZM14.6667 7.99992V8.79992C15.1085 8.79992 15.4667 8.44175 15.4667 7.99992H14.6667ZM8 1.33325V0.533252C7.78783 0.533252 7.58435 0.617537 7.43432 0.767567C7.28429 0.917596 7.2 1.12108 7.2 1.33325H8ZM8 7.99992H7.2C7.2 8.44175 7.55818 8.79992 8 8.79992V7.99992ZM13.4032 10.2817C13.0299 11.1643 12.4462 11.9421 11.7029 12.547L12.7129 13.7879C13.6589 13.0181 14.4018 12.0282 14.8768 10.9048L13.4032 10.2817ZM11.7029 12.547C10.9597 13.1519 10.0796 13.5655 9.13954 13.7517L9.45039 15.3212C10.6468 15.0842 11.7669 14.5578 12.7129 13.7879L11.7029 12.547ZM9.13954 13.7517C8.1995 13.9379 7.22817 13.8909 6.31046 13.615L5.84975 15.1472C7.01774 15.4984 8.25398 15.5582 9.45039 15.3212L9.13954 13.7517ZM6.31046 13.615C5.39275 13.3391 4.55661 12.8425 3.87513 12.1688L2.75024 13.3066C3.61757 14.1641 4.68175 14.796 5.84975 15.1472L6.31046 13.615ZM3.87513 12.1688C3.19365 11.495 2.6876 10.6646 2.4012 9.75013L0.874324 10.2283C1.23883 11.3922 1.88291 12.4491 2.75024 13.3066L3.87513 12.1688ZM2.4012 9.75013C2.1148 8.83563 2.05678 7.8649 2.23222 6.9228L0.659256 6.62989C0.435976 7.82892 0.509817 9.0644 0.874324 10.2283L2.4012 9.75013ZM2.23222 6.9228C2.40765 5.9807 2.8112 5.09591 3.40757 4.3458L2.15516 3.35007C1.39614 4.30476 0.882537 5.43085 0.659256 6.62989L2.23222 6.9228ZM3.40757 4.3458C4.00395 3.59569 4.775 3.00309 5.65331 2.61981L5.01337 1.15336C3.89552 1.64117 2.91419 2.39539 2.15516 3.35007L3.40757 4.3458ZM15.4667 7.99992C15.4667 7.01938 15.2735 6.04845 14.8983 5.14255L13.4201 5.75484C13.7149 6.46662 13.8667 7.2295 13.8667 7.99992H15.4667ZM14.8983 5.14255C14.5231 4.23665 13.9731 3.41353 13.2797 2.72019L12.1484 3.85156C12.6931 4.39633 13.1253 5.04307 13.4201 5.75484L14.8983 5.14255ZM13.2797 2.72019C12.5864 2.02684 11.7633 1.47685 10.8574 1.10162L10.2451 2.57983C10.9569 2.87465 11.6036 3.30679 12.1484 3.85156L13.2797 2.72019ZM10.8574 1.10162C9.95148 0.726383 8.98054 0.533252 8 0.533252V2.13325C8.77043 2.13325 9.5333 2.285 10.2451 2.57983L10.8574 1.10162ZM7.2 1.33325V7.99992H8.8V1.33325H7.2ZM8 8.79992H14.6667V7.19992H8V8.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15929"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15929)">
+      <path
+        d="M14.8768 10.9048C15.0489 10.4979 14.8585 10.0285 14.4516 9.85642C14.0446 9.68434 13.5752 9.87474 13.4032 10.2817L14.8768 10.9048ZM5.65331 2.61981C6.05826 2.4431 6.24328 1.97157 6.06656 1.56662C5.88985 1.16167 5.41832 0.976646 5.01337 1.15336L5.65331 2.61981ZM14.6667 7.99992V8.79992C15.1085 8.79992 15.4667 8.44175 15.4667 7.99992H14.6667ZM8 1.33325V0.533252C7.78783 0.533252 7.58435 0.617537 7.43432 0.767567C7.28429 0.917596 7.2 1.12108 7.2 1.33325H8ZM8 7.99992H7.2C7.2 8.44175 7.55818 8.79992 8 8.79992V7.99992ZM13.4032 10.2817C13.0299 11.1643 12.4462 11.9421 11.7029 12.547L12.7129 13.7879C13.6589 13.0181 14.4018 12.0282 14.8768 10.9048L13.4032 10.2817ZM11.7029 12.547C10.9597 13.1519 10.0796 13.5655 9.13954 13.7517L9.45039 15.3212C10.6468 15.0842 11.7669 14.5578 12.7129 13.7879L11.7029 12.547ZM9.13954 13.7517C8.1995 13.9379 7.22817 13.8909 6.31046 13.615L5.84975 15.1472C7.01774 15.4984 8.25398 15.5582 9.45039 15.3212L9.13954 13.7517ZM6.31046 13.615C5.39275 13.3391 4.55661 12.8425 3.87513 12.1688L2.75024 13.3066C3.61757 14.1641 4.68175 14.796 5.84975 15.1472L6.31046 13.615ZM3.87513 12.1688C3.19365 11.495 2.6876 10.6646 2.4012 9.75013L0.874324 10.2283C1.23883 11.3922 1.88291 12.4491 2.75024 13.3066L3.87513 12.1688ZM2.4012 9.75013C2.1148 8.83563 2.05678 7.8649 2.23222 6.9228L0.659256 6.62989C0.435976 7.82892 0.509817 9.0644 0.874324 10.2283L2.4012 9.75013ZM2.23222 6.9228C2.40765 5.9807 2.8112 5.09591 3.40757 4.3458L2.15516 3.35007C1.39614 4.30476 0.882537 5.43085 0.659256 6.62989L2.23222 6.9228ZM3.40757 4.3458C4.00395 3.59569 4.775 3.00309 5.65331 2.61981L5.01337 1.15336C3.89552 1.64117 2.91419 2.39539 2.15516 3.35007L3.40757 4.3458ZM15.4667 7.99992C15.4667 7.01938 15.2735 6.04845 14.8983 5.14255L13.4201 5.75484C13.7149 6.46662 13.8667 7.2295 13.8667 7.99992H15.4667ZM14.8983 5.14255C14.5231 4.23665 13.9731 3.41353 13.2797 2.72019L12.1484 3.85156C12.6931 4.39633 13.1253 5.04307 13.4201 5.75484L14.8983 5.14255ZM13.2797 2.72019C12.5864 2.02684 11.7633 1.47685 10.8574 1.10162L10.2451 2.57983C10.9569 2.87465 11.6036 3.30679 12.1484 3.85156L13.2797 2.72019ZM10.8574 1.10162C9.95148 0.726383 8.98054 0.533252 8 0.533252V2.13325C8.77043 2.13325 9.5333 2.285 10.2451 2.57983L10.8574 1.10162ZM7.2 1.33325V7.99992H8.8V1.33325H7.2ZM8 8.79992H14.6667V7.19992H8V8.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15929">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPieChart,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13583",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPieChart size={size} />,
+  },
 );
-figma.connect(IconPieChart, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13583", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPieChart size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPlay.tsx b/src/icons/IconPlay.tsx
index 059b265..bfc2c0a 100644
--- a/src/icons/IconPlay.tsx
+++ b/src/icons/IconPlay.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPlay = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33337 2L3.76598 1.32706C3.51981 1.16881 3.20688 1.1576 2.95002 1.29783C2.69316 1.43806 2.53337 1.70735 2.53337 2L3.33337 2ZM12.6667 8L13.0993 8.67294C13.3283 8.52574 13.4667 8.27221 13.4667 8C13.4667 7.72779 13.3283 7.47426 13.0993 7.32706L12.6667 8ZM3.33337 14H2.53337C2.53337 14.2926 2.69316 14.5619 2.95002 14.7022C3.20688 14.8424 3.51981 14.8312 3.76598 14.6729L3.33337 14ZM2.90077 2.67294L12.2341 8.67294L13.0993 7.32706L3.76598 1.32706L2.90077 2.67294ZM12.2341 7.32706L2.90077 13.3271L3.76598 14.6729L13.0993 8.67294L12.2341 7.32706ZM4.13337 14V2H2.53337V14H4.13337Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33337 2L3.76598 1.32706C3.51981 1.16881 3.20688 1.1576 2.95002 1.29783C2.69316 1.43806 2.53337 1.70735 2.53337 2L3.33337 2ZM12.6667 8L13.0993 8.67294C13.3283 8.52574 13.4667 8.27221 13.4667 8C13.4667 7.72779 13.3283 7.47426 13.0993 7.32706L12.6667 8ZM3.33337 14H2.53337C2.53337 14.2926 2.69316 14.5619 2.95002 14.7022C3.20688 14.8424 3.51981 14.8312 3.76598 14.6729L3.33337 14ZM2.90077 2.67294L12.2341 8.67294L13.0993 7.32706L3.76598 1.32706L2.90077 2.67294ZM12.2341 7.32706L2.90077 13.3271L3.76598 14.6729L13.0993 8.67294L12.2341 7.32706ZM4.13337 14V2H2.53337V14H4.13337Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPlay,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13586",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPlay size={size} />,
+  },
 );
-figma.connect(IconPlay, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13586", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPlay size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPlayCircle.tsx b/src/icons/IconPlayCircle.tsx
index 3ceb29d..5dc0733 100644
--- a/src/icons/IconPlayCircle.tsx
+++ b/src/icons/IconPlayCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPlayCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15931)"><path d="M6.66665 5.33325L7.11041 4.66761C6.86492 4.50396 6.54929 4.4887 6.28916 4.62791C6.02903 4.76713 5.86665 5.03822 5.86665 5.33325H6.66665ZM10.6666 7.99992L11.1104 8.66556C11.333 8.51719 11.4666 8.2674 11.4666 7.99992C11.4666 7.73244 11.333 7.48265 11.1104 7.33428L10.6666 7.99992ZM6.66665 10.6666H5.86665C5.86665 10.9616 6.02903 11.2327 6.28916 11.3719C6.54929 11.5111 6.86492 11.4959 7.11041 11.3322L6.66665 10.6666ZM13.8666 7.99992C13.8666 11.24 11.2401 13.8666 7.99998 13.8666V15.4666C12.1237 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99998 13.8666C4.75991 13.8666 2.13331 11.24 2.13331 7.99992H0.533313C0.533313 12.1236 3.87625 15.4666 7.99998 15.4666V13.8666ZM2.13331 7.99992C2.13331 4.75985 4.75991 2.13325 7.99998 2.13325V0.533252C3.87625 0.533252 0.533313 3.87619 0.533313 7.99992H2.13331ZM7.99998 2.13325C11.2401 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1237 0.533252 7.99998 0.533252V2.13325ZM6.22289 5.99889L10.2229 8.66556L11.1104 7.33428L7.11041 4.66761L6.22289 5.99889ZM10.2229 7.33428L6.22289 10.0009L7.11041 11.3322L11.1104 8.66556L10.2229 7.33428ZM7.46665 10.6666V5.33325H5.86665V10.6666H7.46665Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15931"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15931)">
+      <path
+        d="M6.66665 5.33325L7.11041 4.66761C6.86492 4.50396 6.54929 4.4887 6.28916 4.62791C6.02903 4.76713 5.86665 5.03822 5.86665 5.33325H6.66665ZM10.6666 7.99992L11.1104 8.66556C11.333 8.51719 11.4666 8.2674 11.4666 7.99992C11.4666 7.73244 11.333 7.48265 11.1104 7.33428L10.6666 7.99992ZM6.66665 10.6666H5.86665C5.86665 10.9616 6.02903 11.2327 6.28916 11.3719C6.54929 11.5111 6.86492 11.4959 7.11041 11.3322L6.66665 10.6666ZM13.8666 7.99992C13.8666 11.24 11.2401 13.8666 7.99998 13.8666V15.4666C12.1237 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99998 13.8666C4.75991 13.8666 2.13331 11.24 2.13331 7.99992H0.533313C0.533313 12.1236 3.87625 15.4666 7.99998 15.4666V13.8666ZM2.13331 7.99992C2.13331 4.75985 4.75991 2.13325 7.99998 2.13325V0.533252C3.87625 0.533252 0.533313 3.87619 0.533313 7.99992H2.13331ZM7.99998 2.13325C11.2401 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1237 0.533252 7.99998 0.533252V2.13325ZM6.22289 5.99889L10.2229 8.66556L11.1104 7.33428L7.11041 4.66761L6.22289 5.99889ZM10.2229 7.33428L6.22289 10.0009L7.11041 11.3322L11.1104 8.66556L10.2229 7.33428ZM7.46665 10.6666V5.33325H5.86665V10.6666H7.46665Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15931">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPlayCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13585",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPlayCircle size={size} />,
+  },
 );
-figma.connect(IconPlayCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13585", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPlayCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPlus.tsx b/src/icons/IconPlus.tsx
index 6656b05..ef4155e 100644
--- a/src/icons/IconPlus.tsx
+++ b/src/icons/IconPlus.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPlus = (props: IconProps) => (
-  <Icon {...props}><path d="M8.79992 3.33325C8.79992 2.89142 8.44175 2.53325 7.99992 2.53325C7.55809 2.53325 7.19992 2.89142 7.19992 3.33325H8.79992ZM7.19992 12.6666C7.19992 13.1084 7.55809 13.4666 7.99992 13.4666C8.44175 13.4666 8.79992 13.1084 8.79992 12.6666H7.19992ZM3.33325 7.19992C2.89142 7.19992 2.53325 7.55809 2.53325 7.99992C2.53325 8.44175 2.89142 8.79992 3.33325 8.79992V7.19992ZM12.6666 8.79992C13.1084 8.79992 13.4666 8.44175 13.4666 7.99992C13.4666 7.55809 13.1084 7.19992 12.6666 7.19992V8.79992ZM7.19992 3.33325V12.6666H8.79992V3.33325H7.19992ZM3.33325 8.79992H12.6666V7.19992H3.33325V8.79992Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.79992 3.33325C8.79992 2.89142 8.44175 2.53325 7.99992 2.53325C7.55809 2.53325 7.19992 2.89142 7.19992 3.33325H8.79992ZM7.19992 12.6666C7.19992 13.1084 7.55809 13.4666 7.99992 13.4666C8.44175 13.4666 8.79992 13.1084 8.79992 12.6666H7.19992ZM3.33325 7.19992C2.89142 7.19992 2.53325 7.55809 2.53325 7.99992C2.53325 8.44175 2.89142 8.79992 3.33325 8.79992V7.19992ZM12.6666 8.79992C13.1084 8.79992 13.4666 8.44175 13.4666 7.99992C13.4666 7.55809 13.1084 7.19992 12.6666 7.19992V8.79992ZM7.19992 3.33325V12.6666H8.79992V3.33325H7.19992ZM3.33325 8.79992H12.6666V7.19992H3.33325V8.79992Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPlus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13590",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPlus size={size} />,
+  },
 );
-figma.connect(IconPlus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13590", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPlus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPlusCircle.tsx b/src/icons/IconPlusCircle.tsx
index fe26a36..48350a6 100644
--- a/src/icons/IconPlusCircle.tsx
+++ b/src/icons/IconPlusCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPlusCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15935)"><path d="M8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666C8.44187 11.4666 8.80004 11.1084 8.80004 10.6666H7.20004ZM5.33337 7.19992C4.89155 7.19992 4.53337 7.55809 4.53337 7.99992C4.53337 8.44175 4.89155 8.79992 5.33337 8.79992V7.19992ZM10.6667 8.79992C11.1085 8.79992 11.4667 8.44175 11.4667 7.99992C11.4667 7.55809 11.1085 7.19992 10.6667 7.19992V8.79992ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM7.20004 5.33325V10.6666H8.80004V5.33325H7.20004ZM5.33337 8.79992H10.6667V7.19992H5.33337V8.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15935"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15935)">
+      <path
+        d="M8.80004 5.33325C8.80004 4.89142 8.44187 4.53325 8.00004 4.53325C7.55821 4.53325 7.20004 4.89142 7.20004 5.33325H8.80004ZM7.20004 10.6666C7.20004 11.1084 7.55821 11.4666 8.00004 11.4666C8.44187 11.4666 8.80004 11.1084 8.80004 10.6666H7.20004ZM5.33337 7.19992C4.89155 7.19992 4.53337 7.55809 4.53337 7.99992C4.53337 8.44175 4.89155 8.79992 5.33337 8.79992V7.19992ZM10.6667 8.79992C11.1085 8.79992 11.4667 8.44175 11.4667 7.99992C11.4667 7.55809 11.1085 7.19992 10.6667 7.19992V8.79992ZM13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM7.20004 5.33325V10.6666H8.80004V5.33325H7.20004ZM5.33337 8.79992H10.6667V7.19992H5.33337V8.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15935">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPlusCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13588",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPlusCircle size={size} />,
+  },
 );
-figma.connect(IconPlusCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13588", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPlusCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPlusSquare.tsx b/src/icons/IconPlusSquare.tsx
index d2443d7..d520ed2 100644
--- a/src/icons/IconPlusSquare.tsx
+++ b/src/icons/IconPlusSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPlusSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M8.8 5.33333C8.8 4.89151 8.44183 4.53333 8 4.53333C7.55817 4.53333 7.2 4.89151 7.2 5.33333H8.8ZM7.2 10.6667C7.2 11.1085 7.55817 11.4667 8 11.4667C8.44183 11.4667 8.8 11.1085 8.8 10.6667H7.2ZM5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM10.6667 8.8C11.1085 8.8 11.4667 8.44183 11.4667 8C11.4667 7.55817 11.1085 7.2 10.6667 7.2V8.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM7.2 5.33333V10.6667H8.8V5.33333H7.2ZM5.33333 8.8H10.6667V7.2H5.33333V8.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.8 5.33333C8.8 4.89151 8.44183 4.53333 8 4.53333C7.55817 4.53333 7.2 4.89151 7.2 5.33333H8.8ZM7.2 10.6667C7.2 11.1085 7.55817 11.4667 8 11.4667C8.44183 11.4667 8.8 11.1085 8.8 10.6667H7.2ZM5.33333 7.2C4.89151 7.2 4.53333 7.55817 4.53333 8C4.53333 8.44183 4.89151 8.8 5.33333 8.8V7.2ZM10.6667 8.8C11.1085 8.8 11.4667 8.44183 11.4667 8C11.4667 7.55817 11.1085 7.2 10.6667 7.2V8.8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM7.2 5.33333V10.6667H8.8V5.33333H7.2ZM5.33333 8.8H10.6667V7.2H5.33333V8.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPlusSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13587",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPlusSquare size={size} />,
+  },
 );
-figma.connect(IconPlusSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13587", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPlusSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPocket.tsx b/src/icons/IconPocket.tsx
index 2573164..b242a28 100644
--- a/src/icons/IconPocket.tsx
+++ b/src/icons/IconPocket.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPocket = (props: IconProps) => (
-  <Icon {...props}><path d="M2.66659 2V1.2V2ZM13.3333 2V1.2V2ZM7.99992 14V14.8V14ZM5.89894 6.10098C5.58652 5.78856 5.07999 5.78856 4.76757 6.10098C4.45515 6.4134 4.45515 6.91993 4.76757 7.23235L5.89894 6.10098ZM7.99992 9.33333L7.43423 9.89902C7.74665 10.2114 8.25318 10.2114 8.5656 9.89902L7.99992 9.33333ZM11.2323 7.23235C11.5447 6.91993 11.5447 6.4134 11.2323 6.10098C10.9199 5.78856 10.4133 5.78856 10.1009 6.10098L11.2323 7.23235ZM2.66659 2.8H13.3333V1.2H2.66659V2.8ZM13.3333 2.8C13.4747 2.8 13.6104 2.85619 13.7104 2.95621L14.8417 1.82484C14.4417 1.42476 13.899 1.2 13.3333 1.2V2.8ZM13.7104 2.95621C13.8104 3.05623 13.8666 3.19188 13.8666 3.33333H15.4666C15.4666 2.76754 15.2418 2.22492 14.8417 1.82484L13.7104 2.95621ZM13.8666 3.33333V7.33333H15.4666V3.33333H13.8666ZM13.8666 7.33333C13.8666 8.88927 13.2485 10.3815 12.1483 11.4817L13.2796 12.6131C14.6799 11.2128 15.4666 9.31362 15.4666 7.33333H13.8666ZM12.1483 11.4817C11.0481 12.5819 9.55585 13.2 7.99992 13.2V14.8C9.9802 14.8 11.8794 14.0133 13.2796 12.6131L12.1483 11.4817ZM7.99992 13.2C7.2295 13.2 6.46662 13.0483 5.75484 12.7534L5.14255 14.2316C6.04845 14.6069 7.01938 14.8 7.99992 14.8V13.2ZM5.75484 12.7534C5.04307 12.4586 4.39633 12.0265 3.85156 11.4817L2.72019 12.6131C3.41353 13.3064 4.23665 13.8564 5.14255 14.2316L5.75484 12.7534ZM3.85156 11.4817C2.75135 10.3815 2.13325 8.88927 2.13325 7.33333H0.533252C0.533252 9.31362 1.31992 11.2128 2.72019 12.6131L3.85156 11.4817ZM2.13325 7.33333V3.33333H0.533252V7.33333H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM4.76757 7.23235L7.43423 9.89902L8.5656 8.76765L5.89894 6.10098L4.76757 7.23235ZM8.5656 9.89902L11.2323 7.23235L10.1009 6.10098L7.43423 8.76765L8.5656 9.89902Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.66659 2V1.2V2ZM13.3333 2V1.2V2ZM7.99992 14V14.8V14ZM5.89894 6.10098C5.58652 5.78856 5.07999 5.78856 4.76757 6.10098C4.45515 6.4134 4.45515 6.91993 4.76757 7.23235L5.89894 6.10098ZM7.99992 9.33333L7.43423 9.89902C7.74665 10.2114 8.25318 10.2114 8.5656 9.89902L7.99992 9.33333ZM11.2323 7.23235C11.5447 6.91993 11.5447 6.4134 11.2323 6.10098C10.9199 5.78856 10.4133 5.78856 10.1009 6.10098L11.2323 7.23235ZM2.66659 2.8H13.3333V1.2H2.66659V2.8ZM13.3333 2.8C13.4747 2.8 13.6104 2.85619 13.7104 2.95621L14.8417 1.82484C14.4417 1.42476 13.899 1.2 13.3333 1.2V2.8ZM13.7104 2.95621C13.8104 3.05623 13.8666 3.19188 13.8666 3.33333H15.4666C15.4666 2.76754 15.2418 2.22492 14.8417 1.82484L13.7104 2.95621ZM13.8666 3.33333V7.33333H15.4666V3.33333H13.8666ZM13.8666 7.33333C13.8666 8.88927 13.2485 10.3815 12.1483 11.4817L13.2796 12.6131C14.6799 11.2128 15.4666 9.31362 15.4666 7.33333H13.8666ZM12.1483 11.4817C11.0481 12.5819 9.55585 13.2 7.99992 13.2V14.8C9.9802 14.8 11.8794 14.0133 13.2796 12.6131L12.1483 11.4817ZM7.99992 13.2C7.2295 13.2 6.46662 13.0483 5.75484 12.7534L5.14255 14.2316C6.04845 14.6069 7.01938 14.8 7.99992 14.8V13.2ZM5.75484 12.7534C5.04307 12.4586 4.39633 12.0265 3.85156 11.4817L2.72019 12.6131C3.41353 13.3064 4.23665 13.8564 5.14255 14.2316L5.75484 12.7534ZM3.85156 11.4817C2.75135 10.3815 2.13325 8.88927 2.13325 7.33333H0.533252C0.533252 9.31362 1.31992 11.2128 2.72019 12.6131L3.85156 11.4817ZM2.13325 7.33333V3.33333H0.533252V7.33333H2.13325ZM2.13325 3.33333C2.13325 3.19188 2.18944 3.05623 2.28946 2.95621L1.15809 1.82484C0.758013 2.22492 0.533252 2.76754 0.533252 3.33333H2.13325ZM2.28946 2.95621C2.38948 2.85619 2.52514 2.8 2.66659 2.8V1.2C2.10079 1.2 1.55817 1.42476 1.15809 1.82484L2.28946 2.95621ZM4.76757 7.23235L7.43423 9.89902L8.5656 8.76765L5.89894 6.10098L4.76757 7.23235ZM8.5656 9.89902L11.2323 7.23235L10.1009 6.10098L7.43423 8.76765L8.5656 9.89902Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPocket,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13589",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPocket size={size} />,
+  },
 );
-figma.connect(IconPocket, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13589", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPocket size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPower.tsx b/src/icons/IconPower.tsx
index 043e54f..64eaf85 100644
--- a/src/icons/IconPower.tsx
+++ b/src/icons/IconPower.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPower = (props: IconProps) => (
-  <Icon {...props}><path d="M12.8057 3.86099C12.4933 3.54852 11.9868 3.54844 11.6743 3.86081C11.3619 4.17318 11.3618 4.67971 11.6741 4.99218L12.8057 3.86099ZM7.99658 14.6685V15.4685V14.6685ZM4.31903 4.99218C4.6314 4.67971 4.63131 4.17318 4.31884 3.86081C4.00637 3.54844 3.49984 3.54852 3.18747 3.86099L4.31903 4.99218ZM8.79992 1.33325C8.79992 0.891424 8.44175 0.533252 7.99992 0.533252C7.55809 0.533252 7.19992 0.891424 7.19992 1.33325H8.79992ZM7.19992 7.99992C7.19992 8.44175 7.55809 8.79992 7.99992 8.79992C8.44175 8.79992 8.79992 8.44175 8.79992 7.99992H7.19992ZM11.6741 4.99218C12.4012 5.71948 12.8963 6.64603 13.0968 7.65469L14.6661 7.34274C14.4039 6.02373 13.7565 4.81208 12.8057 3.86099L11.6741 4.99218ZM13.0968 7.65469C13.2973 8.66334 13.1942 9.7088 12.8006 10.6589L14.2788 11.2713C14.7935 10.0289 14.9283 8.66175 14.6661 7.34274L13.0968 7.65469ZM12.8006 10.6589C12.407 11.609 11.7405 12.421 10.8854 12.9923L11.7742 14.3227C12.8924 13.5756 13.764 12.5137 14.2788 11.2713L12.8006 10.6589ZM10.8854 12.9923C10.0303 13.5636 9.02497 13.8685 7.99658 13.8685V15.4685C9.3414 15.4685 10.656 15.0698 11.7742 14.3227L10.8854 12.9923ZM7.99658 13.8685C6.96819 13.8685 5.96289 13.5636 5.1078 12.9923L4.21894 14.3227C5.33714 15.0698 6.65177 15.4685 7.99658 15.4685V13.8685ZM5.1078 12.9923C4.2527 12.421 3.5862 11.609 3.19257 10.6589L1.71442 11.2713C2.22916 12.5137 3.10073 13.5756 4.21894 14.3227L5.1078 12.9923ZM3.19257 10.6589C2.79895 9.7088 2.69587 8.66334 2.89638 7.65469L1.32708 7.34274C1.06488 8.66175 1.19968 10.0289 1.71442 11.2713L3.19257 10.6589ZM2.89638 7.65469C3.09688 6.64603 3.59197 5.71948 4.31903 4.99218L3.18747 3.86099C2.2367 4.81208 1.58928 6.02373 1.32708 7.34274L2.89638 7.65469ZM7.19992 1.33325V7.99992H8.79992V1.33325H7.19992Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.8057 3.86099C12.4933 3.54852 11.9868 3.54844 11.6743 3.86081C11.3619 4.17318 11.3618 4.67971 11.6741 4.99218L12.8057 3.86099ZM7.99658 14.6685V15.4685V14.6685ZM4.31903 4.99218C4.6314 4.67971 4.63131 4.17318 4.31884 3.86081C4.00637 3.54844 3.49984 3.54852 3.18747 3.86099L4.31903 4.99218ZM8.79992 1.33325C8.79992 0.891424 8.44175 0.533252 7.99992 0.533252C7.55809 0.533252 7.19992 0.891424 7.19992 1.33325H8.79992ZM7.19992 7.99992C7.19992 8.44175 7.55809 8.79992 7.99992 8.79992C8.44175 8.79992 8.79992 8.44175 8.79992 7.99992H7.19992ZM11.6741 4.99218C12.4012 5.71948 12.8963 6.64603 13.0968 7.65469L14.6661 7.34274C14.4039 6.02373 13.7565 4.81208 12.8057 3.86099L11.6741 4.99218ZM13.0968 7.65469C13.2973 8.66334 13.1942 9.7088 12.8006 10.6589L14.2788 11.2713C14.7935 10.0289 14.9283 8.66175 14.6661 7.34274L13.0968 7.65469ZM12.8006 10.6589C12.407 11.609 11.7405 12.421 10.8854 12.9923L11.7742 14.3227C12.8924 13.5756 13.764 12.5137 14.2788 11.2713L12.8006 10.6589ZM10.8854 12.9923C10.0303 13.5636 9.02497 13.8685 7.99658 13.8685V15.4685C9.3414 15.4685 10.656 15.0698 11.7742 14.3227L10.8854 12.9923ZM7.99658 13.8685C6.96819 13.8685 5.96289 13.5636 5.1078 12.9923L4.21894 14.3227C5.33714 15.0698 6.65177 15.4685 7.99658 15.4685V13.8685ZM5.1078 12.9923C4.2527 12.421 3.5862 11.609 3.19257 10.6589L1.71442 11.2713C2.22916 12.5137 3.10073 13.5756 4.21894 14.3227L5.1078 12.9923ZM3.19257 10.6589C2.79895 9.7088 2.69587 8.66334 2.89638 7.65469L1.32708 7.34274C1.06488 8.66175 1.19968 10.0289 1.71442 11.2713L3.19257 10.6589ZM2.89638 7.65469C3.09688 6.64603 3.59197 5.71948 4.31903 4.99218L3.18747 3.86099C2.2367 4.81208 1.58928 6.02373 1.32708 7.34274L2.89638 7.65469ZM7.19992 1.33325V7.99992H8.79992V1.33325H7.19992Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconPower,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13592",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPower size={size} />,
+  },
 );
-figma.connect(IconPower, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13592", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPower size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconPrinter.tsx b/src/icons/IconPrinter.tsx
index 9b76710..4c31ed6 100644
--- a/src/icons/IconPrinter.tsx
+++ b/src/icons/IconPrinter.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconPrinter = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15945)"><path d="M3.20016 5.99992C3.20016 6.44175 3.55833 6.79992 4.00016 6.79992C4.44199 6.79992 4.80016 6.44175 4.80016 5.99992H3.20016ZM4.00016 1.33325V0.533252C3.55833 0.533252 3.20016 0.891424 3.20016 1.33325L4.00016 1.33325ZM12.0002 1.33325H12.8002C12.8002 0.891424 12.442 0.533252 12.0002 0.533252V1.33325ZM11.2002 5.99992C11.2002 6.44175 11.5583 6.79992 12.0002 6.79992C12.442 6.79992 12.8002 6.44175 12.8002 5.99992H11.2002ZM4.00016 12.7999C4.44199 12.7999 4.80016 12.4417 4.80016 11.9999C4.80016 11.5581 4.44199 11.1999 4.00016 11.1999V12.7999ZM1.3335 10.6666H0.533496H1.3335ZM2.66683 5.99992V6.79992V5.99992ZM12.0002 11.1999C11.5583 11.1999 11.2002 11.5581 11.2002 11.9999C11.2002 12.4417 11.5583 12.7999 12.0002 12.7999V11.1999ZM4.00016 9.33325V8.53325C3.55833 8.53325 3.20016 8.89142 3.20016 9.33325H4.00016ZM12.0002 9.33325H12.8002C12.8002 8.89142 12.442 8.53325 12.0002 8.53325V9.33325ZM12.0002 14.6666V15.4666C12.442 15.4666 12.8002 15.1084 12.8002 14.6666H12.0002ZM4.00016 14.6666H3.20016C3.20016 15.1084 3.55833 15.4666 4.00016 15.4666V14.6666ZM4.80016 5.99992V1.33325H3.20016V5.99992H4.80016ZM4.00016 2.13325H12.0002V0.533252H4.00016V2.13325ZM11.2002 1.33325V5.99992H12.8002V1.33325H11.2002ZM4.00016 11.1999H2.66683V12.7999H4.00016V11.1999ZM2.66683 11.1999C2.52538 11.1999 2.38973 11.1437 2.28971 11.0437L1.15833 12.1751C1.55841 12.5752 2.10103 12.7999 2.66683 12.7999V11.1999ZM2.28971 11.0437C2.18969 10.9437 2.1335 10.808 2.1335 10.6666H0.533496C0.533496 11.2324 0.758257 11.775 1.15833 12.1751L2.28971 11.0437ZM2.1335 10.6666V7.33325H0.533496V10.6666H2.1335ZM2.1335 7.33325C2.1335 7.1918 2.18969 7.05615 2.28971 6.95613L1.15833 5.82476C0.758257 6.22484 0.533496 6.76746 0.533496 7.33325H2.1335ZM2.28971 6.95613C2.38973 6.85611 2.52538 6.79992 2.66683 6.79992V5.19992C2.10103 5.19992 1.55841 5.42468 1.15833 5.82476L2.28971 6.95613ZM2.66683 6.79992H13.3335V5.19992H2.66683V6.79992ZM13.3335 6.79992C13.4749 6.79992 13.6106 6.85611 13.7106 6.95613L14.842 5.82476C14.4419 5.42468 13.8993 5.19992 13.3335 5.19992V6.79992ZM13.7106 6.95613C13.8106 7.05615 13.8668 7.1918 13.8668 7.33325H15.4668C15.4668 6.76746 15.2421 6.22484 14.842 5.82476L13.7106 6.95613ZM13.8668 7.33325V10.6666H15.4668V7.33325H13.8668ZM13.8668 10.6666C13.8668 10.808 13.8106 10.9437 13.7106 11.0437L14.842 12.1751C15.2421 11.775 15.4668 11.2324 15.4668 10.6666H13.8668ZM13.7106 11.0437C13.6106 11.1437 13.4749 11.1999 13.3335 11.1999V12.7999C13.8993 12.7999 14.4419 12.5752 14.842 12.1751L13.7106 11.0437ZM13.3335 11.1999H12.0002V12.7999H13.3335V11.1999ZM4.00016 10.1333H12.0002V8.53325H4.00016V10.1333ZM11.2002 9.33325V14.6666H12.8002V9.33325H11.2002ZM12.0002 13.8666H4.00016V15.4666H12.0002V13.8666ZM4.80016 14.6666V9.33325H3.20016V14.6666H4.80016Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15945"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15945)">
+      <path
+        d="M3.20016 5.99992C3.20016 6.44175 3.55833 6.79992 4.00016 6.79992C4.44199 6.79992 4.80016 6.44175 4.80016 5.99992H3.20016ZM4.00016 1.33325V0.533252C3.55833 0.533252 3.20016 0.891424 3.20016 1.33325L4.00016 1.33325ZM12.0002 1.33325H12.8002C12.8002 0.891424 12.442 0.533252 12.0002 0.533252V1.33325ZM11.2002 5.99992C11.2002 6.44175 11.5583 6.79992 12.0002 6.79992C12.442 6.79992 12.8002 6.44175 12.8002 5.99992H11.2002ZM4.00016 12.7999C4.44199 12.7999 4.80016 12.4417 4.80016 11.9999C4.80016 11.5581 4.44199 11.1999 4.00016 11.1999V12.7999ZM1.3335 10.6666H0.533496H1.3335ZM2.66683 5.99992V6.79992V5.99992ZM12.0002 11.1999C11.5583 11.1999 11.2002 11.5581 11.2002 11.9999C11.2002 12.4417 11.5583 12.7999 12.0002 12.7999V11.1999ZM4.00016 9.33325V8.53325C3.55833 8.53325 3.20016 8.89142 3.20016 9.33325H4.00016ZM12.0002 9.33325H12.8002C12.8002 8.89142 12.442 8.53325 12.0002 8.53325V9.33325ZM12.0002 14.6666V15.4666C12.442 15.4666 12.8002 15.1084 12.8002 14.6666H12.0002ZM4.00016 14.6666H3.20016C3.20016 15.1084 3.55833 15.4666 4.00016 15.4666V14.6666ZM4.80016 5.99992V1.33325H3.20016V5.99992H4.80016ZM4.00016 2.13325H12.0002V0.533252H4.00016V2.13325ZM11.2002 1.33325V5.99992H12.8002V1.33325H11.2002ZM4.00016 11.1999H2.66683V12.7999H4.00016V11.1999ZM2.66683 11.1999C2.52538 11.1999 2.38973 11.1437 2.28971 11.0437L1.15833 12.1751C1.55841 12.5752 2.10103 12.7999 2.66683 12.7999V11.1999ZM2.28971 11.0437C2.18969 10.9437 2.1335 10.808 2.1335 10.6666H0.533496C0.533496 11.2324 0.758257 11.775 1.15833 12.1751L2.28971 11.0437ZM2.1335 10.6666V7.33325H0.533496V10.6666H2.1335ZM2.1335 7.33325C2.1335 7.1918 2.18969 7.05615 2.28971 6.95613L1.15833 5.82476C0.758257 6.22484 0.533496 6.76746 0.533496 7.33325H2.1335ZM2.28971 6.95613C2.38973 6.85611 2.52538 6.79992 2.66683 6.79992V5.19992C2.10103 5.19992 1.55841 5.42468 1.15833 5.82476L2.28971 6.95613ZM2.66683 6.79992H13.3335V5.19992H2.66683V6.79992ZM13.3335 6.79992C13.4749 6.79992 13.6106 6.85611 13.7106 6.95613L14.842 5.82476C14.4419 5.42468 13.8993 5.19992 13.3335 5.19992V6.79992ZM13.7106 6.95613C13.8106 7.05615 13.8668 7.1918 13.8668 7.33325H15.4668C15.4668 6.76746 15.2421 6.22484 14.842 5.82476L13.7106 6.95613ZM13.8668 7.33325V10.6666H15.4668V7.33325H13.8668ZM13.8668 10.6666C13.8668 10.808 13.8106 10.9437 13.7106 11.0437L14.842 12.1751C15.2421 11.775 15.4668 11.2324 15.4668 10.6666H13.8668ZM13.7106 11.0437C13.6106 11.1437 13.4749 11.1999 13.3335 11.1999V12.7999C13.8993 12.7999 14.4419 12.5752 14.842 12.1751L13.7106 11.0437ZM13.3335 11.1999H12.0002V12.7999H13.3335V11.1999ZM4.00016 10.1333H12.0002V8.53325H4.00016V10.1333ZM11.2002 9.33325V14.6666H12.8002V9.33325H11.2002ZM12.0002 13.8666H4.00016V15.4666H12.0002V13.8666ZM4.80016 14.6666V9.33325H3.20016V14.6666H4.80016Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15945">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconPrinter,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13591",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconPrinter size={size} />,
+  },
 );
-figma.connect(IconPrinter, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13591", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconPrinter size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRadio.tsx b/src/icons/IconRadio.tsx
index fd36e7b..7910547 100644
--- a/src/icons/IconRadio.tsx
+++ b/src/icons/IconRadio.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRadio = (props: IconProps) => (
-  <Icon {...props}><path d="M11.392 4.60729C11.0794 4.29504 10.5729 4.29532 10.2607 4.60792C9.94843 4.92051 9.94871 5.42704 10.2613 5.73929L11.392 4.60729ZM11.9998 8.00329H11.1998H11.9998ZM10.2613 10.2673C9.94871 10.5795 9.94843 11.0861 10.2607 11.3987C10.5729 11.7113 11.0794 11.7115 11.392 11.3993L10.2613 10.2673ZM4.60797 11.3926C4.92056 11.7049 5.42709 11.7046 5.73934 11.392C6.05158 11.0794 6.0513 10.5729 5.73871 10.2606L4.60797 11.3926ZM4.00019 7.99662H4.80019H4.00019ZM5.73871 5.73262C6.0513 5.42038 6.05158 4.91384 5.73934 4.60125C5.42709 4.28866 4.92056 4.28838 4.60797 4.60062L5.73871 5.73262ZM13.2791 2.72102C12.9667 2.40855 12.4602 2.40848 12.1477 2.72085C11.8353 3.03322 11.8352 3.53975 12.1476 3.85222L13.2791 2.72102ZM12.1476 12.1477C11.8352 12.4602 11.8353 12.9667 12.1477 13.2791C12.4602 13.5914 12.9667 13.5914 13.2791 13.2789L12.1476 12.1477ZM2.7209 13.2789C3.03327 13.5914 3.53981 13.5914 3.85227 13.2791C4.16474 12.9667 4.16482 12.4602 3.85244 12.1477L2.7209 13.2789ZM1.33476 7.99995H2.13476H1.33476ZM3.85244 3.85222C4.16482 3.53975 4.16474 3.03322 3.85227 2.72085C3.53981 2.40848 3.03327 2.40855 2.7209 2.72102L3.85244 3.85222ZM8.53334 7.99995C8.53334 8.29451 8.29456 8.53329 8.00001 8.53329V10.1333C9.17821 10.1333 10.1333 9.17816 10.1333 7.99995H8.53334ZM8.00001 8.53329C7.70545 8.53329 7.46667 8.29451 7.46667 7.99995H5.86667C5.86667 9.17816 6.8218 10.1333 8.00001 10.1333V8.53329ZM7.46667 7.99995C7.46667 7.7054 7.70545 7.46662 8.00001 7.46662V5.86662C6.8218 5.86662 5.86667 6.82175 5.86667 7.99995H7.46667ZM8.00001 7.46662C8.29456 7.46662 8.53334 7.7054 8.53334 7.99995H10.1333C10.1333 6.82175 9.17821 5.86662 8.00001 5.86662V7.46662ZM10.2613 5.73929C10.5588 6.03648 10.7949 6.3894 10.9559 6.77788L12.4339 6.16517C12.1924 5.58246 11.8383 5.05308 11.392 4.60729L10.2613 5.73929ZM10.9559 6.77788C11.1169 7.16635 11.1998 7.58276 11.1998 8.00329H12.7998C12.7998 7.37249 12.6755 6.74789 12.4339 6.16517L10.9559 6.77788ZM11.1998 8.00329C11.1998 8.42382 11.1169 8.84022 10.9559 9.2287L12.4339 9.8414C12.6755 9.25869 12.7998 8.63408 12.7998 8.00329H11.1998ZM10.9559 9.2287C10.7949 9.61717 10.5588 9.97009 10.2613 10.2673L11.392 11.3993C11.8383 10.9535 12.1924 10.4241 12.4339 9.8414L10.9559 9.2287ZM5.73871 10.2606C5.44118 9.96343 5.20516 9.6105 5.04412 9.22203L3.56608 9.83473C3.80764 10.4174 4.16168 10.9468 4.60797 11.3926L5.73871 10.2606ZM5.04412 9.22203C4.88308 8.83356 4.80019 8.41715 4.80019 7.99662H3.20019C3.20019 8.62742 3.32452 9.25202 3.56608 9.83473L5.04412 9.22203ZM4.80019 7.99662C4.80019 7.57609 4.88308 7.15969 5.04412 6.77121L3.56608 6.15851C3.32452 6.74122 3.20019 7.36583 3.20019 7.99662H4.80019ZM5.04412 6.77121C5.20516 6.38274 5.44118 6.02981 5.73871 5.73262L4.60797 4.60062C4.16168 5.04641 3.80764 5.5758 3.56608 6.15851L5.04412 6.77121ZM12.1476 3.85222C13.2474 4.95238 13.8652 6.44432 13.8652 7.99995H15.4652C15.4652 6.02006 14.6789 4.12123 13.2791 2.72102L12.1476 3.85222ZM13.8652 7.99995C13.8652 9.55558 13.2474 11.0475 12.1476 12.1477L13.2791 13.2789C14.6789 11.8787 15.4652 9.97985 15.4652 7.99995H13.8652ZM3.85244 12.1477C2.75261 11.0475 2.13476 9.55558 2.13476 7.99995H0.534763C0.534763 9.97985 1.32112 11.8787 2.7209 13.2789L3.85244 12.1477ZM2.13476 7.99995C2.13476 6.44432 2.75261 4.95238 3.85244 3.85222L2.7209 2.72102C1.32112 4.12123 0.534763 6.02006 0.534763 7.99995H2.13476Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M11.392 4.60729C11.0794 4.29504 10.5729 4.29532 10.2607 4.60792C9.94843 4.92051 9.94871 5.42704 10.2613 5.73929L11.392 4.60729ZM11.9998 8.00329H11.1998H11.9998ZM10.2613 10.2673C9.94871 10.5795 9.94843 11.0861 10.2607 11.3987C10.5729 11.7113 11.0794 11.7115 11.392 11.3993L10.2613 10.2673ZM4.60797 11.3926C4.92056 11.7049 5.42709 11.7046 5.73934 11.392C6.05158 11.0794 6.0513 10.5729 5.73871 10.2606L4.60797 11.3926ZM4.00019 7.99662H4.80019H4.00019ZM5.73871 5.73262C6.0513 5.42038 6.05158 4.91384 5.73934 4.60125C5.42709 4.28866 4.92056 4.28838 4.60797 4.60062L5.73871 5.73262ZM13.2791 2.72102C12.9667 2.40855 12.4602 2.40848 12.1477 2.72085C11.8353 3.03322 11.8352 3.53975 12.1476 3.85222L13.2791 2.72102ZM12.1476 12.1477C11.8352 12.4602 11.8353 12.9667 12.1477 13.2791C12.4602 13.5914 12.9667 13.5914 13.2791 13.2789L12.1476 12.1477ZM2.7209 13.2789C3.03327 13.5914 3.53981 13.5914 3.85227 13.2791C4.16474 12.9667 4.16482 12.4602 3.85244 12.1477L2.7209 13.2789ZM1.33476 7.99995H2.13476H1.33476ZM3.85244 3.85222C4.16482 3.53975 4.16474 3.03322 3.85227 2.72085C3.53981 2.40848 3.03327 2.40855 2.7209 2.72102L3.85244 3.85222ZM8.53334 7.99995C8.53334 8.29451 8.29456 8.53329 8.00001 8.53329V10.1333C9.17821 10.1333 10.1333 9.17816 10.1333 7.99995H8.53334ZM8.00001 8.53329C7.70545 8.53329 7.46667 8.29451 7.46667 7.99995H5.86667C5.86667 9.17816 6.8218 10.1333 8.00001 10.1333V8.53329ZM7.46667 7.99995C7.46667 7.7054 7.70545 7.46662 8.00001 7.46662V5.86662C6.8218 5.86662 5.86667 6.82175 5.86667 7.99995H7.46667ZM8.00001 7.46662C8.29456 7.46662 8.53334 7.7054 8.53334 7.99995H10.1333C10.1333 6.82175 9.17821 5.86662 8.00001 5.86662V7.46662ZM10.2613 5.73929C10.5588 6.03648 10.7949 6.3894 10.9559 6.77788L12.4339 6.16517C12.1924 5.58246 11.8383 5.05308 11.392 4.60729L10.2613 5.73929ZM10.9559 6.77788C11.1169 7.16635 11.1998 7.58276 11.1998 8.00329H12.7998C12.7998 7.37249 12.6755 6.74789 12.4339 6.16517L10.9559 6.77788ZM11.1998 8.00329C11.1998 8.42382 11.1169 8.84022 10.9559 9.2287L12.4339 9.8414C12.6755 9.25869 12.7998 8.63408 12.7998 8.00329H11.1998ZM10.9559 9.2287C10.7949 9.61717 10.5588 9.97009 10.2613 10.2673L11.392 11.3993C11.8383 10.9535 12.1924 10.4241 12.4339 9.8414L10.9559 9.2287ZM5.73871 10.2606C5.44118 9.96343 5.20516 9.6105 5.04412 9.22203L3.56608 9.83473C3.80764 10.4174 4.16168 10.9468 4.60797 11.3926L5.73871 10.2606ZM5.04412 9.22203C4.88308 8.83356 4.80019 8.41715 4.80019 7.99662H3.20019C3.20019 8.62742 3.32452 9.25202 3.56608 9.83473L5.04412 9.22203ZM4.80019 7.99662C4.80019 7.57609 4.88308 7.15969 5.04412 6.77121L3.56608 6.15851C3.32452 6.74122 3.20019 7.36583 3.20019 7.99662H4.80019ZM5.04412 6.77121C5.20516 6.38274 5.44118 6.02981 5.73871 5.73262L4.60797 4.60062C4.16168 5.04641 3.80764 5.5758 3.56608 6.15851L5.04412 6.77121ZM12.1476 3.85222C13.2474 4.95238 13.8652 6.44432 13.8652 7.99995H15.4652C15.4652 6.02006 14.6789 4.12123 13.2791 2.72102L12.1476 3.85222ZM13.8652 7.99995C13.8652 9.55558 13.2474 11.0475 12.1476 12.1477L13.2791 13.2789C14.6789 11.8787 15.4652 9.97985 15.4652 7.99995H13.8652ZM3.85244 12.1477C2.75261 11.0475 2.13476 9.55558 2.13476 7.99995H0.534763C0.534763 9.97985 1.32112 11.8787 2.7209 13.2789L3.85244 12.1477ZM2.13476 7.99995C2.13476 6.44432 2.75261 4.95238 3.85244 3.85222L2.7209 2.72102C1.32112 4.12123 0.534763 6.02006 0.534763 7.99995H2.13476Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconRadio,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13594",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRadio size={size} />,
+  },
 );
-figma.connect(IconRadio, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13594", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRadio size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRefreshCcw.tsx b/src/icons/IconRefreshCcw.tsx
index 1ddd123..e90da40 100644
--- a/src/icons/IconRefreshCcw.tsx
+++ b/src/icons/IconRefreshCcw.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRefreshCcw = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15949)"><path d="M1.46669 2.66655C1.46669 2.22473 1.10851 1.86655 0.666687 1.86655C0.224859 1.86655 -0.133313 2.22473 -0.133313 2.66655H1.46669ZM0.666687 6.66655H-0.133313C-0.133313 7.10838 0.224859 7.46655 0.666687 7.46655L0.666687 6.66655ZM4.66669 7.46655C5.10851 7.46655 5.46669 7.10838 5.46669 6.66655C5.46669 6.22473 5.10851 5.86655 4.66669 5.86655V7.46655ZM14.5334 13.3332C14.5334 13.775 14.8915 14.1332 15.3334 14.1332C15.7752 14.1332 16.1334 13.775 16.1334 13.3332H14.5334ZM15.3334 9.33322H16.1334C16.1334 8.89139 15.7752 8.53322 15.3334 8.53322V9.33322ZM11.3334 8.53322C10.8915 8.53322 10.5334 8.89139 10.5334 9.33322C10.5334 9.77505 10.8915 10.1332 11.3334 10.1332V8.53322ZM12.9058 6.26676C13.0532 6.68328 13.5104 6.90145 13.9269 6.75406C14.3434 6.60667 14.5616 6.14953 14.4142 5.73301L12.9058 6.26676ZM3.76002 3.75989L4.30784 4.34289C4.31393 4.33716 4.31994 4.33134 4.32585 4.32543L3.76002 3.75989ZM12.24 12.2399L11.6922 11.6569C11.6861 11.6626 11.6801 11.6684 11.6742 11.6743L12.24 12.2399ZM3.09419 9.73301C2.9468 9.31649 2.48966 9.09832 2.07314 9.24571C1.65663 9.39311 1.43846 9.85025 1.58585 10.2668L3.09419 9.73301ZM-0.133313 2.66655V6.66655H1.46669V2.66655H-0.133313ZM0.666687 7.46655H4.66669V5.86655H0.666687V7.46655ZM16.1334 13.3332V9.33322H14.5334V13.3332H16.1334ZM15.3334 8.53322H11.3334V10.1332H15.3334V8.53322ZM14.4142 5.73301C14.031 4.65014 13.3797 3.68198 12.5212 2.91888L11.4582 4.11478C12.1148 4.69833 12.6128 5.43868 12.9058 6.26676L14.4142 5.73301ZM12.5212 2.91888C11.6626 2.15578 10.6247 1.62261 9.50438 1.36912L9.15128 2.92967C10.008 3.12352 10.8017 3.53124 11.4582 4.11478L12.5212 2.91888ZM9.50438 1.36912C8.38402 1.11562 7.21771 1.15007 6.11427 1.46924L6.55885 3.00623C7.40266 2.76216 8.29454 2.73582 9.15128 2.92967L9.50438 1.36912ZM6.11427 1.46924C5.01083 1.78841 4.00622 2.38191 3.19419 3.19434L4.32585 4.32543C4.94681 3.70415 5.71504 3.25031 6.55885 3.00623L6.11427 1.46924ZM3.2122 3.17689L0.118866 6.08355L1.21451 7.24956L4.30784 4.34289L3.2122 3.17689ZM14.7855 8.75022L11.6922 11.6569L12.7878 12.8229L15.8812 9.91622L14.7855 8.75022ZM11.6742 11.6743C11.0532 12.2956 10.285 12.7495 9.44119 12.9935L9.88577 14.5305C10.9892 14.2114 11.9938 13.6179 12.8058 12.8054L11.6742 11.6743ZM9.44119 12.9935C8.59738 13.2376 7.7055 13.264 6.84876 13.0701L6.49566 14.6307C7.61602 14.8842 8.78233 14.8497 9.88577 14.5305L9.44119 12.9935ZM6.84876 13.0701C5.99202 12.8763 5.19834 12.4685 4.5418 11.885L3.47887 13.0809C4.33743 13.844 5.37531 14.3772 6.49566 14.6307L6.84876 13.0701ZM4.5418 11.885C3.88525 11.3014 3.38722 10.5611 3.09419 9.73301L1.58585 10.2668C1.96904 11.3496 2.6203 12.3178 3.47887 13.0809L4.5418 11.885Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15949"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15949)">
+      <path
+        d="M1.46669 2.66655C1.46669 2.22473 1.10851 1.86655 0.666687 1.86655C0.224859 1.86655 -0.133313 2.22473 -0.133313 2.66655H1.46669ZM0.666687 6.66655H-0.133313C-0.133313 7.10838 0.224859 7.46655 0.666687 7.46655L0.666687 6.66655ZM4.66669 7.46655C5.10851 7.46655 5.46669 7.10838 5.46669 6.66655C5.46669 6.22473 5.10851 5.86655 4.66669 5.86655V7.46655ZM14.5334 13.3332C14.5334 13.775 14.8915 14.1332 15.3334 14.1332C15.7752 14.1332 16.1334 13.775 16.1334 13.3332H14.5334ZM15.3334 9.33322H16.1334C16.1334 8.89139 15.7752 8.53322 15.3334 8.53322V9.33322ZM11.3334 8.53322C10.8915 8.53322 10.5334 8.89139 10.5334 9.33322C10.5334 9.77505 10.8915 10.1332 11.3334 10.1332V8.53322ZM12.9058 6.26676C13.0532 6.68328 13.5104 6.90145 13.9269 6.75406C14.3434 6.60667 14.5616 6.14953 14.4142 5.73301L12.9058 6.26676ZM3.76002 3.75989L4.30784 4.34289C4.31393 4.33716 4.31994 4.33134 4.32585 4.32543L3.76002 3.75989ZM12.24 12.2399L11.6922 11.6569C11.6861 11.6626 11.6801 11.6684 11.6742 11.6743L12.24 12.2399ZM3.09419 9.73301C2.9468 9.31649 2.48966 9.09832 2.07314 9.24571C1.65663 9.39311 1.43846 9.85025 1.58585 10.2668L3.09419 9.73301ZM-0.133313 2.66655V6.66655H1.46669V2.66655H-0.133313ZM0.666687 7.46655H4.66669V5.86655H0.666687V7.46655ZM16.1334 13.3332V9.33322H14.5334V13.3332H16.1334ZM15.3334 8.53322H11.3334V10.1332H15.3334V8.53322ZM14.4142 5.73301C14.031 4.65014 13.3797 3.68198 12.5212 2.91888L11.4582 4.11478C12.1148 4.69833 12.6128 5.43868 12.9058 6.26676L14.4142 5.73301ZM12.5212 2.91888C11.6626 2.15578 10.6247 1.62261 9.50438 1.36912L9.15128 2.92967C10.008 3.12352 10.8017 3.53124 11.4582 4.11478L12.5212 2.91888ZM9.50438 1.36912C8.38402 1.11562 7.21771 1.15007 6.11427 1.46924L6.55885 3.00623C7.40266 2.76216 8.29454 2.73582 9.15128 2.92967L9.50438 1.36912ZM6.11427 1.46924C5.01083 1.78841 4.00622 2.38191 3.19419 3.19434L4.32585 4.32543C4.94681 3.70415 5.71504 3.25031 6.55885 3.00623L6.11427 1.46924ZM3.2122 3.17689L0.118866 6.08355L1.21451 7.24956L4.30784 4.34289L3.2122 3.17689ZM14.7855 8.75022L11.6922 11.6569L12.7878 12.8229L15.8812 9.91622L14.7855 8.75022ZM11.6742 11.6743C11.0532 12.2956 10.285 12.7495 9.44119 12.9935L9.88577 14.5305C10.9892 14.2114 11.9938 13.6179 12.8058 12.8054L11.6742 11.6743ZM9.44119 12.9935C8.59738 13.2376 7.7055 13.264 6.84876 13.0701L6.49566 14.6307C7.61602 14.8842 8.78233 14.8497 9.88577 14.5305L9.44119 12.9935ZM6.84876 13.0701C5.99202 12.8763 5.19834 12.4685 4.5418 11.885L3.47887 13.0809C4.33743 13.844 5.37531 14.3772 6.49566 14.6307L6.84876 13.0701ZM4.5418 11.885C3.88525 11.3014 3.38722 10.5611 3.09419 9.73301L1.58585 10.2668C1.96904 11.3496 2.6203 12.3178 3.47887 13.0809L4.5418 11.885Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15949">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconRefreshCcw,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13593",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRefreshCcw size={size} />,
+  },
 );
-figma.connect(IconRefreshCcw, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13593", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRefreshCcw size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRefreshCw.tsx b/src/icons/IconRefreshCw.tsx
index 324b99b..ebd1fff 100644
--- a/src/icons/IconRefreshCw.tsx
+++ b/src/icons/IconRefreshCw.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRefreshCw = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15951)"><path d="M16.1333 2.66655C16.1333 2.22473 15.7751 1.86655 15.3333 1.86655C14.8915 1.86655 14.5333 2.22473 14.5333 2.66655H16.1333ZM15.3333 6.66655V7.46655C15.7751 7.46655 16.1333 7.10838 16.1333 6.66655H15.3333ZM11.3333 5.86655C10.8915 5.86655 10.5333 6.22473 10.5333 6.66655C10.5333 7.10838 10.8915 7.46655 11.3333 7.46655V5.86655ZM-0.133374 13.3332C-0.133374 13.775 0.224798 14.1332 0.666626 14.1332C1.10845 14.1332 1.46663 13.775 1.46663 13.3332H-0.133374ZM0.666626 9.33322V8.53322C0.224798 8.53322 -0.133374 8.89139 -0.133374 9.33322H0.666626ZM4.66663 10.1332C5.10845 10.1332 5.46663 9.77505 5.46663 9.33322C5.46663 8.89139 5.10845 8.53322 4.66663 8.53322V10.1332ZM1.58579 5.73301C1.43839 6.14953 1.65656 6.60667 2.07308 6.75406C2.4896 6.90145 2.94674 6.68328 3.09413 6.26676L1.58579 5.73301ZM12.24 3.75989L11.6741 4.32543C11.68 4.33134 11.686 4.33716 11.6921 4.34289L12.24 3.75989ZM3.75996 12.2399L4.32579 11.6743C4.31988 11.6684 4.31387 11.6626 4.30778 11.6569L3.75996 12.2399ZM14.4141 10.2668C14.5615 9.85025 14.3434 9.39311 13.9268 9.24571C13.5103 9.09832 13.0532 9.31649 12.9058 9.73301L14.4141 10.2668ZM14.5333 2.66655V6.66655H16.1333V2.66655H14.5333ZM15.3333 5.86655H11.3333V7.46655H15.3333V5.86655ZM1.46663 13.3332V9.33322H-0.133374V13.3332H1.46663ZM0.666626 10.1332H4.66663V8.53322H0.666626V10.1332ZM3.09413 6.26676C3.38716 5.43868 3.88519 4.69833 4.54173 4.11478L3.47881 2.91888C2.62024 3.68198 1.96898 4.65014 1.58579 5.73301L3.09413 6.26676ZM4.54173 4.11478C5.19828 3.53124 5.99196 3.12352 6.8487 2.92967L6.4956 1.36912C5.37525 1.62261 4.33737 2.15578 3.47881 2.91888L4.54173 4.11478ZM6.8487 2.92967C7.70544 2.73582 8.59732 2.76216 9.44113 3.00623L9.88571 1.46924C8.78227 1.15007 7.61596 1.11562 6.4956 1.36912L6.8487 2.92967ZM9.44113 3.00623C10.2849 3.25031 11.0532 3.70415 11.6741 4.32543L12.8058 3.19434C11.9938 2.38191 10.9891 1.78841 9.88571 1.46924L9.44113 3.00623ZM11.6921 4.34289L14.7855 7.24956L15.8811 6.08355L12.7878 3.17689L11.6921 4.34289ZM0.118805 9.91622L3.21214 12.8229L4.30778 11.6569L1.21445 8.75022L0.118805 9.91622ZM3.19413 12.8054C4.00616 13.6179 5.01077 14.2114 6.11421 14.5305L6.55879 12.9935C5.71498 12.7495 4.94675 12.2956 4.32579 11.6743L3.19413 12.8054ZM6.11421 14.5305C7.21765 14.8497 8.38396 14.8842 9.50431 14.6307L9.15122 13.0701C8.29448 13.264 7.40259 13.2376 6.55879 12.9935L6.11421 14.5305ZM9.50431 14.6307C10.6247 14.3772 11.6625 13.844 12.5211 13.0809L11.4582 11.885C10.8016 12.4685 10.008 12.8763 9.15122 13.0701L9.50431 14.6307ZM12.5211 13.0809C13.3797 12.3178 14.0309 11.3496 14.4141 10.2668L12.9058 9.73301C12.6128 10.5611 12.1147 11.3014 11.4582 11.885L12.5211 13.0809Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15951"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15951)">
+      <path
+        d="M16.1333 2.66655C16.1333 2.22473 15.7751 1.86655 15.3333 1.86655C14.8915 1.86655 14.5333 2.22473 14.5333 2.66655H16.1333ZM15.3333 6.66655V7.46655C15.7751 7.46655 16.1333 7.10838 16.1333 6.66655H15.3333ZM11.3333 5.86655C10.8915 5.86655 10.5333 6.22473 10.5333 6.66655C10.5333 7.10838 10.8915 7.46655 11.3333 7.46655V5.86655ZM-0.133374 13.3332C-0.133374 13.775 0.224798 14.1332 0.666626 14.1332C1.10845 14.1332 1.46663 13.775 1.46663 13.3332H-0.133374ZM0.666626 9.33322V8.53322C0.224798 8.53322 -0.133374 8.89139 -0.133374 9.33322H0.666626ZM4.66663 10.1332C5.10845 10.1332 5.46663 9.77505 5.46663 9.33322C5.46663 8.89139 5.10845 8.53322 4.66663 8.53322V10.1332ZM1.58579 5.73301C1.43839 6.14953 1.65656 6.60667 2.07308 6.75406C2.4896 6.90145 2.94674 6.68328 3.09413 6.26676L1.58579 5.73301ZM12.24 3.75989L11.6741 4.32543C11.68 4.33134 11.686 4.33716 11.6921 4.34289L12.24 3.75989ZM3.75996 12.2399L4.32579 11.6743C4.31988 11.6684 4.31387 11.6626 4.30778 11.6569L3.75996 12.2399ZM14.4141 10.2668C14.5615 9.85025 14.3434 9.39311 13.9268 9.24571C13.5103 9.09832 13.0532 9.31649 12.9058 9.73301L14.4141 10.2668ZM14.5333 2.66655V6.66655H16.1333V2.66655H14.5333ZM15.3333 5.86655H11.3333V7.46655H15.3333V5.86655ZM1.46663 13.3332V9.33322H-0.133374V13.3332H1.46663ZM0.666626 10.1332H4.66663V8.53322H0.666626V10.1332ZM3.09413 6.26676C3.38716 5.43868 3.88519 4.69833 4.54173 4.11478L3.47881 2.91888C2.62024 3.68198 1.96898 4.65014 1.58579 5.73301L3.09413 6.26676ZM4.54173 4.11478C5.19828 3.53124 5.99196 3.12352 6.8487 2.92967L6.4956 1.36912C5.37525 1.62261 4.33737 2.15578 3.47881 2.91888L4.54173 4.11478ZM6.8487 2.92967C7.70544 2.73582 8.59732 2.76216 9.44113 3.00623L9.88571 1.46924C8.78227 1.15007 7.61596 1.11562 6.4956 1.36912L6.8487 2.92967ZM9.44113 3.00623C10.2849 3.25031 11.0532 3.70415 11.6741 4.32543L12.8058 3.19434C11.9938 2.38191 10.9891 1.78841 9.88571 1.46924L9.44113 3.00623ZM11.6921 4.34289L14.7855 7.24956L15.8811 6.08355L12.7878 3.17689L11.6921 4.34289ZM0.118805 9.91622L3.21214 12.8229L4.30778 11.6569L1.21445 8.75022L0.118805 9.91622ZM3.19413 12.8054C4.00616 13.6179 5.01077 14.2114 6.11421 14.5305L6.55879 12.9935C5.71498 12.7495 4.94675 12.2956 4.32579 11.6743L3.19413 12.8054ZM6.11421 14.5305C7.21765 14.8497 8.38396 14.8842 9.50431 14.6307L9.15122 13.0701C8.29448 13.264 7.40259 13.2376 6.55879 12.9935L6.11421 14.5305ZM9.50431 14.6307C10.6247 14.3772 11.6625 13.844 12.5211 13.0809L11.4582 11.885C10.8016 12.4685 10.008 12.8763 9.15122 13.0701L9.50431 14.6307ZM12.5211 13.0809C13.3797 12.3178 14.0309 11.3496 14.4141 10.2668L12.9058 9.73301C12.6128 10.5611 12.1147 11.3014 11.4582 11.885L12.5211 13.0809Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15951">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconRefreshCw,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13595",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRefreshCw size={size} />,
+  },
 );
-figma.connect(IconRefreshCw, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13595", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRefreshCw size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRepeat.tsx b/src/icons/IconRepeat.tsx
index 3b13b98..105a305 100644
--- a/src/icons/IconRepeat.tsx
+++ b/src/icons/IconRepeat.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRepeat = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15953)"><path d="M11.899 0.101063C11.5866 -0.211357 11.0801 -0.211357 10.7676 0.101063C10.4552 0.413482 10.4552 0.920014 10.7676 1.23243L11.899 0.101063ZM14 3.33341L14.5657 3.8991C14.8781 3.58668 14.8781 3.08015 14.5657 2.76773L14 3.33341ZM10.7676 5.4344C10.4552 5.74682 10.4552 6.25335 10.7676 6.56577C11.0801 6.87819 11.5866 6.87819 11.899 6.56577L10.7676 5.4344ZM1.2 7.33341C1.2 7.77524 1.55817 8.13341 2 8.13341C2.44183 8.13341 2.8 7.77524 2.8 7.33341H1.2ZM4.66667 3.33341V4.13341V3.33341ZM4.10098 15.8991C4.4134 16.2115 4.91993 16.2115 5.23235 15.8991C5.54477 15.5867 5.54477 15.0801 5.23235 14.7677L4.10098 15.8991ZM2 12.6667L1.43431 12.1011C1.28429 12.2511 1.2 12.4546 1.2 12.6667C1.2 12.8789 1.28429 13.0824 1.43431 13.2324L2 12.6667ZM5.23235 10.5658C5.54477 10.2533 5.54477 9.74681 5.23235 9.4344C4.91993 9.12198 4.4134 9.12198 4.10098 9.4344L5.23235 10.5658ZM14.8 8.66675C14.8 8.22492 14.4418 7.86675 14 7.86675C13.5582 7.86675 13.2 8.22492 13.2 8.66675H14.8ZM11.3333 12.6667V11.8667V12.6667ZM10.7676 1.23243L13.4343 3.8991L14.5657 2.76773L11.899 0.101063L10.7676 1.23243ZM13.4343 2.76773L10.7676 5.4344L11.899 6.56577L14.5657 3.8991L13.4343 2.76773ZM2.8 7.33341V6.00008H1.2V7.33341H2.8ZM2.8 6.00008C2.8 5.50501 2.99667 5.03022 3.34673 4.68015L2.21536 3.54878C1.56524 4.1989 1.2 5.08066 1.2 6.00008H2.8ZM3.34673 4.68015C3.6968 4.33008 4.1716 4.13341 4.66667 4.13341V2.53341C3.74725 2.53341 2.86549 2.89865 2.21536 3.54878L3.34673 4.68015ZM4.66667 4.13341L14 4.13341V2.53341L4.66667 2.53341L4.66667 4.13341ZM5.23235 14.7677L2.56569 12.1011L1.43431 13.2324L4.10098 15.8991L5.23235 14.7677ZM2.56569 13.2324L5.23235 10.5658L4.10098 9.4344L1.43431 12.1011L2.56569 13.2324ZM13.2 8.66675V10.0001H14.8V8.66675H13.2ZM13.2 10.0001C13.2 10.4952 13.0033 10.9699 12.6533 11.32L13.7846 12.4514C14.4348 11.8013 14.8 10.9195 14.8 10.0001H13.2ZM12.6533 11.32C12.3032 11.6701 11.8284 11.8667 11.3333 11.8667V13.4667C12.2528 13.4667 13.1345 13.1015 13.7846 12.4514L12.6533 11.32ZM11.3333 11.8667H2L2 13.4667L11.3333 13.4667V11.8667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15953"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15953)">
+      <path
+        d="M11.899 0.101063C11.5866 -0.211357 11.0801 -0.211357 10.7676 0.101063C10.4552 0.413482 10.4552 0.920014 10.7676 1.23243L11.899 0.101063ZM14 3.33341L14.5657 3.8991C14.8781 3.58668 14.8781 3.08015 14.5657 2.76773L14 3.33341ZM10.7676 5.4344C10.4552 5.74682 10.4552 6.25335 10.7676 6.56577C11.0801 6.87819 11.5866 6.87819 11.899 6.56577L10.7676 5.4344ZM1.2 7.33341C1.2 7.77524 1.55817 8.13341 2 8.13341C2.44183 8.13341 2.8 7.77524 2.8 7.33341H1.2ZM4.66667 3.33341V4.13341V3.33341ZM4.10098 15.8991C4.4134 16.2115 4.91993 16.2115 5.23235 15.8991C5.54477 15.5867 5.54477 15.0801 5.23235 14.7677L4.10098 15.8991ZM2 12.6667L1.43431 12.1011C1.28429 12.2511 1.2 12.4546 1.2 12.6667C1.2 12.8789 1.28429 13.0824 1.43431 13.2324L2 12.6667ZM5.23235 10.5658C5.54477 10.2533 5.54477 9.74681 5.23235 9.4344C4.91993 9.12198 4.4134 9.12198 4.10098 9.4344L5.23235 10.5658ZM14.8 8.66675C14.8 8.22492 14.4418 7.86675 14 7.86675C13.5582 7.86675 13.2 8.22492 13.2 8.66675H14.8ZM11.3333 12.6667V11.8667V12.6667ZM10.7676 1.23243L13.4343 3.8991L14.5657 2.76773L11.899 0.101063L10.7676 1.23243ZM13.4343 2.76773L10.7676 5.4344L11.899 6.56577L14.5657 3.8991L13.4343 2.76773ZM2.8 7.33341V6.00008H1.2V7.33341H2.8ZM2.8 6.00008C2.8 5.50501 2.99667 5.03022 3.34673 4.68015L2.21536 3.54878C1.56524 4.1989 1.2 5.08066 1.2 6.00008H2.8ZM3.34673 4.68015C3.6968 4.33008 4.1716 4.13341 4.66667 4.13341V2.53341C3.74725 2.53341 2.86549 2.89865 2.21536 3.54878L3.34673 4.68015ZM4.66667 4.13341L14 4.13341V2.53341L4.66667 2.53341L4.66667 4.13341ZM5.23235 14.7677L2.56569 12.1011L1.43431 13.2324L4.10098 15.8991L5.23235 14.7677ZM2.56569 13.2324L5.23235 10.5658L4.10098 9.4344L1.43431 12.1011L2.56569 13.2324ZM13.2 8.66675V10.0001H14.8V8.66675H13.2ZM13.2 10.0001C13.2 10.4952 13.0033 10.9699 12.6533 11.32L13.7846 12.4514C14.4348 11.8013 14.8 10.9195 14.8 10.0001H13.2ZM12.6533 11.32C12.3032 11.6701 11.8284 11.8667 11.3333 11.8667V13.4667C12.2528 13.4667 13.1345 13.1015 13.7846 12.4514L12.6533 11.32ZM11.3333 11.8667H2L2 13.4667L11.3333 13.4667V11.8667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15953">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconRepeat,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13596",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRepeat size={size} />,
+  },
 );
-figma.connect(IconRepeat, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13596", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRepeat size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRewind.tsx b/src/icons/IconRewind.tsx
index 9e104e6..56b16ab 100644
--- a/src/icons/IconRewind.tsx
+++ b/src/icons/IconRewind.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRewind = (props: IconProps) => (
-  <Icon {...props}><path d="M7.33325 12.6666L6.8421 13.2981C7.08328 13.4857 7.41026 13.5195 7.68473 13.3852C7.95921 13.251 8.13325 12.9721 8.13325 12.6666H7.33325ZM1.33325 7.99992L0.842099 7.36844C0.64723 7.52 0.533252 7.75305 0.533252 7.99992C0.533252 8.24679 0.64723 8.47984 0.842099 8.6314L1.33325 7.99992ZM7.33325 3.33325H8.13325C8.13325 3.02771 7.95921 2.74884 7.68473 2.6146C7.41026 2.48036 7.08328 2.51418 6.8421 2.70177L7.33325 3.33325ZM14.6666 12.6666L14.1754 13.2981C14.4166 13.4857 14.7436 13.5195 15.0181 13.3852C15.2925 13.251 15.4666 12.9721 15.4666 12.6666H14.6666ZM8.66658 7.99992L8.17543 7.36844C7.98056 7.52 7.86658 7.75305 7.86658 7.99992C7.86658 8.24679 7.98056 8.47984 8.17543 8.6314L8.66658 7.99992ZM14.6666 3.33325H15.4666C15.4666 3.02771 15.2925 2.74884 15.0181 2.6146C14.7436 2.48036 14.4166 2.51418 14.1754 2.70177L14.6666 3.33325ZM7.8244 12.0351L1.8244 7.36844L0.842099 8.6314L6.8421 13.2981L7.8244 12.0351ZM1.8244 8.6314L7.8244 3.96473L6.8421 2.70177L0.842099 7.36844L1.8244 8.6314ZM6.53325 3.33325V12.6666H8.13325V3.33325H6.53325ZM15.1577 12.0351L9.15774 7.36844L8.17543 8.6314L14.1754 13.2981L15.1577 12.0351ZM9.15774 8.6314L15.1577 3.96473L14.1754 2.70177L8.17543 7.36844L9.15774 8.6314ZM13.8666 3.33325V12.6666H15.4666V3.33325H13.8666Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.33325 12.6666L6.8421 13.2981C7.08328 13.4857 7.41026 13.5195 7.68473 13.3852C7.95921 13.251 8.13325 12.9721 8.13325 12.6666H7.33325ZM1.33325 7.99992L0.842099 7.36844C0.64723 7.52 0.533252 7.75305 0.533252 7.99992C0.533252 8.24679 0.64723 8.47984 0.842099 8.6314L1.33325 7.99992ZM7.33325 3.33325H8.13325C8.13325 3.02771 7.95921 2.74884 7.68473 2.6146C7.41026 2.48036 7.08328 2.51418 6.8421 2.70177L7.33325 3.33325ZM14.6666 12.6666L14.1754 13.2981C14.4166 13.4857 14.7436 13.5195 15.0181 13.3852C15.2925 13.251 15.4666 12.9721 15.4666 12.6666H14.6666ZM8.66658 7.99992L8.17543 7.36844C7.98056 7.52 7.86658 7.75305 7.86658 7.99992C7.86658 8.24679 7.98056 8.47984 8.17543 8.6314L8.66658 7.99992ZM14.6666 3.33325H15.4666C15.4666 3.02771 15.2925 2.74884 15.0181 2.6146C14.7436 2.48036 14.4166 2.51418 14.1754 2.70177L14.6666 3.33325ZM7.8244 12.0351L1.8244 7.36844L0.842099 8.6314L6.8421 13.2981L7.8244 12.0351ZM1.8244 8.6314L7.8244 3.96473L6.8421 2.70177L0.842099 7.36844L1.8244 8.6314ZM6.53325 3.33325V12.6666H8.13325V3.33325H6.53325ZM15.1577 12.0351L9.15774 7.36844L8.17543 8.6314L14.1754 13.2981L15.1577 12.0351ZM9.15774 8.6314L15.1577 3.96473L14.1754 2.70177L8.17543 7.36844L9.15774 8.6314ZM13.8666 3.33325V12.6666H15.4666V3.33325H13.8666Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconRewind,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13598",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRewind size={size} />,
+  },
 );
-figma.connect(IconRewind, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13598", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRewind size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRotateCcw.tsx b/src/icons/IconRotateCcw.tsx
index 9b261a8..cec4484 100644
--- a/src/icons/IconRotateCcw.tsx
+++ b/src/icons/IconRotateCcw.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRotateCcw = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15957)"><path d="M1.46675 2.66655C1.46675 2.22472 1.10858 1.86655 0.666748 1.86655C0.22492 1.86655 -0.133252 2.22472 -0.133252 2.66655H1.46675ZM0.666748 6.66655H-0.133252C-0.133252 7.10838 0.22492 7.46655 0.666748 7.46655L0.666748 6.66655ZM4.66675 7.46655C5.10858 7.46655 5.46675 7.10838 5.46675 6.66655C5.46675 6.22472 5.10858 5.86655 4.66675 5.86655V7.46655ZM3.09462 9.73405C2.9478 9.31733 2.49097 9.09853 2.07424 9.24534C1.65752 9.39216 1.43872 9.849 1.58554 10.2657L3.09462 9.73405ZM3.76008 3.75988L4.3079 4.34289C4.31378 4.33736 4.31958 4.33175 4.32529 4.32605L3.76008 3.75988ZM-0.133252 2.66655V6.66655H1.46675V2.66655H-0.133252ZM0.666748 7.46655H4.66675V5.86655H0.666748V7.46655ZM1.58554 10.2657C2.07544 11.6562 3.00397 12.8499 4.23124 13.6668L5.1178 12.3348C4.1793 11.7102 3.46925 10.7974 3.09462 9.73405L1.58554 10.2657ZM4.23124 13.6668C5.4585 14.4837 6.91801 14.8796 8.38986 14.7949L8.29792 13.1975C7.17239 13.2623 6.0563 12.9595 5.1178 12.3348L4.23124 13.6668ZM8.38986 14.7949C9.86171 14.7102 11.2662 14.1494 12.3916 13.1971L11.3581 11.9757C10.4974 12.7039 9.42345 13.1327 8.29792 13.1975L8.38986 14.7949ZM12.3916 13.1971C13.517 12.2448 14.3025 10.9525 14.6296 9.51497L13.0695 9.15995C12.8193 10.2592 12.2187 11.2474 11.3581 11.9757L12.3916 13.1971ZM14.6296 9.51497C14.9567 8.07744 14.8078 6.57253 14.2053 5.227L12.745 5.88091C13.2058 6.90985 13.3197 8.06066 13.0695 9.15995L14.6296 9.51497ZM14.2053 5.227C13.6028 3.88146 12.5793 2.76819 11.289 2.05492L10.5149 3.4552C11.5016 4.00064 12.2843 4.85197 12.745 5.88091L14.2053 5.227ZM11.289 2.05492C9.99876 1.34165 8.51165 1.06703 7.05174 1.27243L7.27466 2.85683C8.39105 2.69976 9.52826 2.90976 10.5149 3.4552L11.289 2.05492ZM7.05174 1.27243C5.59184 1.47783 4.23823 2.15213 3.19487 3.19372L4.32529 4.32605C5.12315 3.52954 6.15826 3.0139 7.27466 2.85683L7.05174 1.27243ZM3.21226 3.17688L0.118927 6.08355L1.21457 7.24955L4.3079 4.34289L3.21226 3.17688Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15957"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15957)">
+      <path
+        d="M1.46675 2.66655C1.46675 2.22472 1.10858 1.86655 0.666748 1.86655C0.22492 1.86655 -0.133252 2.22472 -0.133252 2.66655H1.46675ZM0.666748 6.66655H-0.133252C-0.133252 7.10838 0.22492 7.46655 0.666748 7.46655L0.666748 6.66655ZM4.66675 7.46655C5.10858 7.46655 5.46675 7.10838 5.46675 6.66655C5.46675 6.22472 5.10858 5.86655 4.66675 5.86655V7.46655ZM3.09462 9.73405C2.9478 9.31733 2.49097 9.09853 2.07424 9.24534C1.65752 9.39216 1.43872 9.849 1.58554 10.2657L3.09462 9.73405ZM3.76008 3.75988L4.3079 4.34289C4.31378 4.33736 4.31958 4.33175 4.32529 4.32605L3.76008 3.75988ZM-0.133252 2.66655V6.66655H1.46675V2.66655H-0.133252ZM0.666748 7.46655H4.66675V5.86655H0.666748V7.46655ZM1.58554 10.2657C2.07544 11.6562 3.00397 12.8499 4.23124 13.6668L5.1178 12.3348C4.1793 11.7102 3.46925 10.7974 3.09462 9.73405L1.58554 10.2657ZM4.23124 13.6668C5.4585 14.4837 6.91801 14.8796 8.38986 14.7949L8.29792 13.1975C7.17239 13.2623 6.0563 12.9595 5.1178 12.3348L4.23124 13.6668ZM8.38986 14.7949C9.86171 14.7102 11.2662 14.1494 12.3916 13.1971L11.3581 11.9757C10.4974 12.7039 9.42345 13.1327 8.29792 13.1975L8.38986 14.7949ZM12.3916 13.1971C13.517 12.2448 14.3025 10.9525 14.6296 9.51497L13.0695 9.15995C12.8193 10.2592 12.2187 11.2474 11.3581 11.9757L12.3916 13.1971ZM14.6296 9.51497C14.9567 8.07744 14.8078 6.57253 14.2053 5.227L12.745 5.88091C13.2058 6.90985 13.3197 8.06066 13.0695 9.15995L14.6296 9.51497ZM14.2053 5.227C13.6028 3.88146 12.5793 2.76819 11.289 2.05492L10.5149 3.4552C11.5016 4.00064 12.2843 4.85197 12.745 5.88091L14.2053 5.227ZM11.289 2.05492C9.99876 1.34165 8.51165 1.06703 7.05174 1.27243L7.27466 2.85683C8.39105 2.69976 9.52826 2.90976 10.5149 3.4552L11.289 2.05492ZM7.05174 1.27243C5.59184 1.47783 4.23823 2.15213 3.19487 3.19372L4.32529 4.32605C5.12315 3.52954 6.15826 3.0139 7.27466 2.85683L7.05174 1.27243ZM3.21226 3.17688L0.118927 6.08355L1.21457 7.24955L4.3079 4.34289L3.21226 3.17688Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15957">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconRotateCcw,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13597",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRotateCcw size={size} />,
+  },
 );
-figma.connect(IconRotateCcw, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13597", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRotateCcw size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRotateCw.tsx b/src/icons/IconRotateCw.tsx
index db368b7..2d7c388 100644
--- a/src/icons/IconRotateCw.tsx
+++ b/src/icons/IconRotateCw.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRotateCw = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15959)"><path d="M16.1333 2.66659C16.1333 2.22477 15.7752 1.86659 15.3333 1.86659C14.8915 1.86659 14.5333 2.22477 14.5333 2.66659H16.1333ZM15.3333 6.66659V7.46659C15.7752 7.46659 16.1333 7.10842 16.1333 6.66659H15.3333ZM11.3333 5.86659C10.8915 5.86659 10.5333 6.22477 10.5333 6.66659C10.5333 7.10842 10.8915 7.46659 11.3333 7.46659V5.86659ZM14.4143 10.2664C14.5615 9.84983 14.3431 9.3928 13.9265 9.24562C13.5099 9.09844 13.0529 9.31684 12.9057 9.73344L14.4143 10.2664ZM12.2467 3.75993L11.6808 4.32543C11.6865 4.33116 11.6923 4.33679 11.6982 4.34234L12.2467 3.75993ZM14.5333 2.66659V6.66659H16.1333V2.66659H14.5333ZM15.3333 5.86659H11.3333V7.46659H15.3333V5.86659ZM12.9057 9.73344C12.5301 10.7965 11.8192 11.7087 10.8801 12.3326L11.7655 13.6653C12.9935 12.8495 13.9232 11.6566 14.4143 10.2664L12.9057 9.73344ZM10.8801 12.3326C9.94098 12.9564 8.82454 13.2582 7.699 13.1924L7.60556 14.7896C9.07741 14.8757 10.5374 14.4811 11.7655 13.6653L10.8801 12.3326ZM7.699 13.1924C6.57347 13.1265 5.49983 12.6966 4.63986 11.9675L3.60515 13.1879C4.72972 14.1414 6.13371 14.7035 7.60556 14.7896L7.699 13.1924ZM4.63986 11.9675C3.7799 11.2384 3.1802 10.2495 2.93115 9.14991L1.37067 9.50335C1.69636 10.9413 2.48058 12.2344 3.60515 13.1879L4.63986 11.9675ZM2.93115 9.14991C2.68209 8.05031 2.79717 6.89954 3.25904 5.87103L1.79945 5.21558C1.19547 6.56056 1.04499 8.06541 1.37067 9.50335L2.93115 9.14991ZM3.25904 5.87103C3.7209 4.84252 4.50454 3.99198 5.49185 3.44758L4.71929 2.04646C3.42818 2.75836 2.40343 3.87061 1.79945 5.21558L3.25904 5.87103ZM5.49185 3.44758C6.47917 2.90319 7.61667 2.69443 8.73296 2.85276L8.95766 1.26862C7.4979 1.06156 6.01039 1.33456 4.71929 2.04646L5.49185 3.44758ZM8.73296 2.85276C9.84924 3.0111 10.8838 3.52795 11.6808 4.32543L12.8125 3.19442C11.7703 2.15156 10.4174 1.47567 8.95766 1.26862L8.73296 2.85276ZM11.6982 4.34234L14.7849 7.24901L15.8818 6.08418L12.7951 3.17752L11.6982 4.34234Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15959"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15959)">
+      <path
+        d="M16.1333 2.66659C16.1333 2.22477 15.7752 1.86659 15.3333 1.86659C14.8915 1.86659 14.5333 2.22477 14.5333 2.66659H16.1333ZM15.3333 6.66659V7.46659C15.7752 7.46659 16.1333 7.10842 16.1333 6.66659H15.3333ZM11.3333 5.86659C10.8915 5.86659 10.5333 6.22477 10.5333 6.66659C10.5333 7.10842 10.8915 7.46659 11.3333 7.46659V5.86659ZM14.4143 10.2664C14.5615 9.84983 14.3431 9.3928 13.9265 9.24562C13.5099 9.09844 13.0529 9.31684 12.9057 9.73344L14.4143 10.2664ZM12.2467 3.75993L11.6808 4.32543C11.6865 4.33116 11.6923 4.33679 11.6982 4.34234L12.2467 3.75993ZM14.5333 2.66659V6.66659H16.1333V2.66659H14.5333ZM15.3333 5.86659H11.3333V7.46659H15.3333V5.86659ZM12.9057 9.73344C12.5301 10.7965 11.8192 11.7087 10.8801 12.3326L11.7655 13.6653C12.9935 12.8495 13.9232 11.6566 14.4143 10.2664L12.9057 9.73344ZM10.8801 12.3326C9.94098 12.9564 8.82454 13.2582 7.699 13.1924L7.60556 14.7896C9.07741 14.8757 10.5374 14.4811 11.7655 13.6653L10.8801 12.3326ZM7.699 13.1924C6.57347 13.1265 5.49983 12.6966 4.63986 11.9675L3.60515 13.1879C4.72972 14.1414 6.13371 14.7035 7.60556 14.7896L7.699 13.1924ZM4.63986 11.9675C3.7799 11.2384 3.1802 10.2495 2.93115 9.14991L1.37067 9.50335C1.69636 10.9413 2.48058 12.2344 3.60515 13.1879L4.63986 11.9675ZM2.93115 9.14991C2.68209 8.05031 2.79717 6.89954 3.25904 5.87103L1.79945 5.21558C1.19547 6.56056 1.04499 8.06541 1.37067 9.50335L2.93115 9.14991ZM3.25904 5.87103C3.7209 4.84252 4.50454 3.99198 5.49185 3.44758L4.71929 2.04646C3.42818 2.75836 2.40343 3.87061 1.79945 5.21558L3.25904 5.87103ZM5.49185 3.44758C6.47917 2.90319 7.61667 2.69443 8.73296 2.85276L8.95766 1.26862C7.4979 1.06156 6.01039 1.33456 4.71929 2.04646L5.49185 3.44758ZM8.73296 2.85276C9.84924 3.0111 10.8838 3.52795 11.6808 4.32543L12.8125 3.19442C11.7703 2.15156 10.4174 1.47567 8.95766 1.26862L8.73296 2.85276ZM11.6982 4.34234L14.7849 7.24901L15.8818 6.08418L12.7951 3.17752L11.6982 4.34234Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15959">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconRotateCw,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13600",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRotateCw size={size} />,
+  },
 );
-figma.connect(IconRotateCw, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13600", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRotateCw size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconRss.tsx b/src/icons/IconRss.tsx
index 773d806..d47fe22 100644
--- a/src/icons/IconRss.tsx
+++ b/src/icons/IconRss.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconRss = (props: IconProps) => (
-  <Icon {...props}><path d="M2.6665 6.53341C2.22468 6.53341 1.8665 6.89159 1.8665 7.33341C1.8665 7.77524 2.22468 8.13341 2.6665 8.13341L2.6665 6.53341ZM7.8665 13.3334C7.8665 13.7752 8.22468 14.1334 8.6665 14.1334C9.10833 14.1334 9.4665 13.7752 9.4665 13.3334H7.8665ZM2.6665 1.86675C2.22468 1.86675 1.8665 2.22492 1.8665 2.66675C1.8665 3.10858 2.22468 3.46675 2.6665 3.46675L2.6665 1.86675ZM12.5332 13.3334C12.5332 13.7752 12.8913 14.1334 13.3332 14.1334C13.775 14.1334 14.1332 13.7752 14.1332 13.3334H12.5332ZM2.6665 8.13341C4.04563 8.13341 5.36827 8.68127 6.34346 9.65646L7.47483 8.52509C6.19958 7.24984 4.46998 6.53341 2.6665 6.53341L2.6665 8.13341ZM6.34346 9.65646C7.31865 10.6316 7.8665 11.9543 7.8665 13.3334H9.4665C9.4665 11.5299 8.75008 9.80034 7.47483 8.52509L6.34346 9.65646ZM2.6665 3.46675C5.28331 3.46675 7.79293 4.50627 9.64329 6.35663L10.7747 5.22526C8.62424 3.07484 5.70765 1.86675 2.6665 1.86675L2.6665 3.46675ZM9.64329 6.35663C11.4936 8.20699 12.5332 10.7166 12.5332 13.3334H14.1332C14.1332 10.2923 12.9251 7.37567 10.7747 5.22526L9.64329 6.35663ZM3.19984 12.6667C3.19984 12.5931 3.25953 12.5334 3.33317 12.5334V14.1334C4.14319 14.1334 4.79984 13.4768 4.79984 12.6667H3.19984ZM3.33317 12.5334C3.40681 12.5334 3.4665 12.5931 3.4665 12.6667H1.8665C1.8665 13.4768 2.52315 14.1334 3.33317 14.1334V12.5334ZM3.4665 12.6667C3.4665 12.7404 3.40681 12.8001 3.33317 12.8001V11.2001C2.52315 11.2001 1.8665 11.8567 1.8665 12.6667H3.4665ZM3.33317 12.8001C3.25953 12.8001 3.19984 12.7404 3.19984 12.6667H4.79984C4.79984 11.8567 4.14319 11.2001 3.33317 11.2001V12.8001Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.6665 6.53341C2.22468 6.53341 1.8665 6.89159 1.8665 7.33341C1.8665 7.77524 2.22468 8.13341 2.6665 8.13341L2.6665 6.53341ZM7.8665 13.3334C7.8665 13.7752 8.22468 14.1334 8.6665 14.1334C9.10833 14.1334 9.4665 13.7752 9.4665 13.3334H7.8665ZM2.6665 1.86675C2.22468 1.86675 1.8665 2.22492 1.8665 2.66675C1.8665 3.10858 2.22468 3.46675 2.6665 3.46675L2.6665 1.86675ZM12.5332 13.3334C12.5332 13.7752 12.8913 14.1334 13.3332 14.1334C13.775 14.1334 14.1332 13.7752 14.1332 13.3334H12.5332ZM2.6665 8.13341C4.04563 8.13341 5.36827 8.68127 6.34346 9.65646L7.47483 8.52509C6.19958 7.24984 4.46998 6.53341 2.6665 6.53341L2.6665 8.13341ZM6.34346 9.65646C7.31865 10.6316 7.8665 11.9543 7.8665 13.3334H9.4665C9.4665 11.5299 8.75008 9.80034 7.47483 8.52509L6.34346 9.65646ZM2.6665 3.46675C5.28331 3.46675 7.79293 4.50627 9.64329 6.35663L10.7747 5.22526C8.62424 3.07484 5.70765 1.86675 2.6665 1.86675L2.6665 3.46675ZM9.64329 6.35663C11.4936 8.20699 12.5332 10.7166 12.5332 13.3334H14.1332C14.1332 10.2923 12.9251 7.37567 10.7747 5.22526L9.64329 6.35663ZM3.19984 12.6667C3.19984 12.5931 3.25953 12.5334 3.33317 12.5334V14.1334C4.14319 14.1334 4.79984 13.4768 4.79984 12.6667H3.19984ZM3.33317 12.5334C3.40681 12.5334 3.4665 12.5931 3.4665 12.6667H1.8665C1.8665 13.4768 2.52315 14.1334 3.33317 14.1334V12.5334ZM3.4665 12.6667C3.4665 12.7404 3.40681 12.8001 3.33317 12.8001V11.2001C2.52315 11.2001 1.8665 11.8567 1.8665 12.6667H3.4665ZM3.33317 12.8001C3.25953 12.8001 3.19984 12.7404 3.19984 12.6667H4.79984C4.79984 11.8567 4.14319 11.2001 3.33317 11.2001V12.8001Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconRss,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13599",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconRss size={size} />,
+  },
 );
-figma.connect(IconRss, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13599", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconRss size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSave.tsx b/src/icons/IconSave.tsx
index 85dadb6..9508a87 100644
--- a/src/icons/IconSave.tsx
+++ b/src/icons/IconSave.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSave = (props: IconProps) => (
-  <Icon {...props}><path d="M2 12.6667H1.2H2ZM3.33333 2V1.2V2ZM10.6667 2L11.2324 1.43431C11.0823 1.28429 10.8788 1.2 10.6667 1.2V2ZM14 5.33333H14.8C14.8 5.12116 14.7157 4.91768 14.5657 4.76765L14 5.33333ZM10.5333 14C10.5333 14.4418 10.8915 14.8 11.3333 14.8C11.7752 14.8 12.1333 14.4418 12.1333 14H10.5333ZM11.3333 8.66667H12.1333C12.1333 8.22484 11.7752 7.86667 11.3333 7.86667V8.66667ZM4.66667 8.66667V7.86667C4.22484 7.86667 3.86667 8.22484 3.86667 8.66667H4.66667ZM3.86667 14C3.86667 14.4418 4.22484 14.8 4.66667 14.8C5.10849 14.8 5.46667 14.4418 5.46667 14H3.86667ZM5.46667 2C5.46667 1.55817 5.10849 1.2 4.66667 1.2C4.22484 1.2 3.86667 1.55817 3.86667 2H5.46667ZM4.66667 5.33333H3.86667C3.86667 5.77516 4.22484 6.13333 4.66667 6.13333V5.33333ZM10 6.13333C10.4418 6.13333 10.8 5.77516 10.8 5.33333C10.8 4.89151 10.4418 4.53333 10 4.53333V6.13333ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H10.6667V1.2H3.33333V2.8ZM10.101 2.56569L13.4343 5.89902L14.5657 4.76765L11.2324 1.43431L10.101 2.56569ZM13.2 5.33333V12.6667H14.8V5.33333H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.1333 14V8.66667H10.5333V14H12.1333ZM11.3333 7.86667H4.66667V9.46667H11.3333V7.86667ZM3.86667 8.66667V14H5.46667V8.66667H3.86667ZM3.86667 2V5.33333H5.46667V2H3.86667ZM4.66667 6.13333H10V4.53333H4.66667V6.13333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 12.6667H1.2H2ZM3.33333 2V1.2V2ZM10.6667 2L11.2324 1.43431C11.0823 1.28429 10.8788 1.2 10.6667 1.2V2ZM14 5.33333H14.8C14.8 5.12116 14.7157 4.91768 14.5657 4.76765L14 5.33333ZM10.5333 14C10.5333 14.4418 10.8915 14.8 11.3333 14.8C11.7752 14.8 12.1333 14.4418 12.1333 14H10.5333ZM11.3333 8.66667H12.1333C12.1333 8.22484 11.7752 7.86667 11.3333 7.86667V8.66667ZM4.66667 8.66667V7.86667C4.22484 7.86667 3.86667 8.22484 3.86667 8.66667H4.66667ZM3.86667 14C3.86667 14.4418 4.22484 14.8 4.66667 14.8C5.10849 14.8 5.46667 14.4418 5.46667 14H3.86667ZM5.46667 2C5.46667 1.55817 5.10849 1.2 4.66667 1.2C4.22484 1.2 3.86667 1.55817 3.86667 2H5.46667ZM4.66667 5.33333H3.86667C3.86667 5.77516 4.22484 6.13333 4.66667 6.13333V5.33333ZM10 6.13333C10.4418 6.13333 10.8 5.77516 10.8 5.33333C10.8 4.89151 10.4418 4.53333 10 4.53333V6.13333ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8ZM2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621ZM3.33333 2.8H10.6667V1.2H3.33333V2.8ZM10.101 2.56569L13.4343 5.89902L14.5657 4.76765L11.2324 1.43431L10.101 2.56569ZM13.2 5.33333V12.6667H14.8V5.33333H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.1333 14V8.66667H10.5333V14H12.1333ZM11.3333 7.86667H4.66667V9.46667H11.3333V7.86667ZM3.86667 8.66667V14H5.46667V8.66667H3.86667ZM3.86667 2V5.33333H5.46667V2H3.86667ZM4.66667 6.13333H10V4.53333H4.66667V6.13333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSave,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13601",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSave size={size} />,
+  },
 );
-figma.connect(IconSave, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13601", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSave size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconScissors.tsx b/src/icons/IconScissors.tsx
index b54714a..122660d 100644
--- a/src/icons/IconScissors.tsx
+++ b/src/icons/IconScissors.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconScissors = (props: IconProps) => (
-  <Icon {...props}><path d="M13.899 3.23235C14.2114 2.91993 14.2114 2.4134 13.899 2.10098C13.5866 1.78856 13.0801 1.78856 12.7676 2.10098L13.899 3.23235ZM4.84765 10.021C4.53523 10.3334 4.53523 10.8399 4.84765 11.1524C5.16007 11.4648 5.6666 11.4648 5.97902 11.1524L4.84765 10.021ZM10.2118 9.08714C9.89914 8.775 9.39261 8.77546 9.08047 9.08816C8.76833 9.40086 8.76879 9.90739 9.08149 10.2195L10.2118 9.08714ZM12.7682 13.8995C13.0809 14.2117 13.5874 14.2112 13.8995 13.8985C14.2117 13.5858 14.2112 13.0793 13.8985 12.7671L12.7682 13.8995ZM5.97902 4.84765C5.6666 4.53523 5.16007 4.53523 4.84765 4.84765C4.53523 5.16007 4.53523 5.6666 4.84765 5.97902L5.97902 4.84765ZM7.43431 8.56569C7.74673 8.8781 8.25327 8.8781 8.56569 8.56569C8.8781 8.25327 8.8781 7.74673 8.56569 7.43431L7.43431 8.56569ZM5.2 4C5.2 4.66274 4.66274 5.2 4 5.2V6.8C5.5464 6.8 6.8 5.5464 6.8 4H5.2ZM4 5.2C3.33726 5.2 2.8 4.66274 2.8 4H1.2C1.2 5.5464 2.4536 6.8 4 6.8V5.2ZM2.8 4C2.8 3.33726 3.33726 2.8 4 2.8V1.2C2.4536 1.2 1.2 2.4536 1.2 4H2.8ZM4 2.8C4.66274 2.8 5.2 3.33726 5.2 4H6.8C6.8 2.4536 5.5464 1.2 4 1.2V2.8ZM5.2 12C5.2 12.6627 4.66274 13.2 4 13.2V14.8C5.5464 14.8 6.8 13.5464 6.8 12H5.2ZM4 13.2C3.33726 13.2 2.8 12.6627 2.8 12H1.2C1.2 13.5464 2.4536 14.8 4 14.8V13.2ZM2.8 12C2.8 11.3373 3.33726 10.8 4 10.8V9.2C2.4536 9.2 1.2 10.4536 1.2 12H2.8ZM4 10.8C4.66274 10.8 5.2 11.3373 5.2 12H6.8C6.8 10.4536 5.5464 9.2 4 9.2V10.8ZM12.7676 2.10098L4.84765 10.021L5.97902 11.1524L13.899 3.23235L12.7676 2.10098ZM9.08149 10.2195L12.7682 13.8995L13.8985 12.7671L10.2118 9.08714L9.08149 10.2195ZM4.84765 5.97902L7.43431 8.56569L8.56569 7.43431L5.97902 4.84765L4.84765 5.97902Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.899 3.23235C14.2114 2.91993 14.2114 2.4134 13.899 2.10098C13.5866 1.78856 13.0801 1.78856 12.7676 2.10098L13.899 3.23235ZM4.84765 10.021C4.53523 10.3334 4.53523 10.8399 4.84765 11.1524C5.16007 11.4648 5.6666 11.4648 5.97902 11.1524L4.84765 10.021ZM10.2118 9.08714C9.89914 8.775 9.39261 8.77546 9.08047 9.08816C8.76833 9.40086 8.76879 9.90739 9.08149 10.2195L10.2118 9.08714ZM12.7682 13.8995C13.0809 14.2117 13.5874 14.2112 13.8995 13.8985C14.2117 13.5858 14.2112 13.0793 13.8985 12.7671L12.7682 13.8995ZM5.97902 4.84765C5.6666 4.53523 5.16007 4.53523 4.84765 4.84765C4.53523 5.16007 4.53523 5.6666 4.84765 5.97902L5.97902 4.84765ZM7.43431 8.56569C7.74673 8.8781 8.25327 8.8781 8.56569 8.56569C8.8781 8.25327 8.8781 7.74673 8.56569 7.43431L7.43431 8.56569ZM5.2 4C5.2 4.66274 4.66274 5.2 4 5.2V6.8C5.5464 6.8 6.8 5.5464 6.8 4H5.2ZM4 5.2C3.33726 5.2 2.8 4.66274 2.8 4H1.2C1.2 5.5464 2.4536 6.8 4 6.8V5.2ZM2.8 4C2.8 3.33726 3.33726 2.8 4 2.8V1.2C2.4536 1.2 1.2 2.4536 1.2 4H2.8ZM4 2.8C4.66274 2.8 5.2 3.33726 5.2 4H6.8C6.8 2.4536 5.5464 1.2 4 1.2V2.8ZM5.2 12C5.2 12.6627 4.66274 13.2 4 13.2V14.8C5.5464 14.8 6.8 13.5464 6.8 12H5.2ZM4 13.2C3.33726 13.2 2.8 12.6627 2.8 12H1.2C1.2 13.5464 2.4536 14.8 4 14.8V13.2ZM2.8 12C2.8 11.3373 3.33726 10.8 4 10.8V9.2C2.4536 9.2 1.2 10.4536 1.2 12H2.8ZM4 10.8C4.66274 10.8 5.2 11.3373 5.2 12H6.8C6.8 10.4536 5.5464 9.2 4 9.2V10.8ZM12.7676 2.10098L4.84765 10.021L5.97902 11.1524L13.899 3.23235L12.7676 2.10098ZM9.08149 10.2195L12.7682 13.8995L13.8985 12.7671L10.2118 9.08714L9.08149 10.2195ZM4.84765 5.97902L7.43431 8.56569L8.56569 7.43431L5.97902 4.84765L4.84765 5.97902Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconScissors,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13602",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconScissors size={size} />,
+  },
 );
-figma.connect(IconScissors, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13602", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconScissors size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSearch.tsx b/src/icons/IconSearch.tsx
index be8c57f..2d5da6c 100644
--- a/src/icons/IconSearch.tsx
+++ b/src/icons/IconSearch.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSearch = (props: IconProps) => (
-  <Icon {...props}><path d="M13.4343 14.5657C13.7467 14.8781 14.2533 14.8781 14.5657 14.5657C14.8781 14.2533 14.8781 13.7467 14.5657 13.4343L13.4343 14.5657ZM11.6657 10.5343C11.3533 10.2219 10.8467 10.2219 10.5343 10.5343C10.2219 10.8467 10.2219 11.3533 10.5343 11.6657L11.6657 10.5343ZM11.8667 7.33333C11.8667 9.83702 9.83702 11.8667 7.33333 11.8667V13.4667C10.7207 13.4667 13.4667 10.7207 13.4667 7.33333H11.8667ZM7.33333 11.8667C4.82964 11.8667 2.8 9.83702 2.8 7.33333H1.2C1.2 10.7207 3.94599 13.4667 7.33333 13.4667V11.8667ZM2.8 7.33333C2.8 4.82964 4.82964 2.8 7.33333 2.8V1.2C3.94599 1.2 1.2 3.94599 1.2 7.33333H2.8ZM7.33333 2.8C9.83702 2.8 11.8667 4.82964 11.8667 7.33333H13.4667C13.4667 3.94599 10.7207 1.2 7.33333 1.2V2.8ZM14.5657 13.4343L11.6657 10.5343L10.5343 11.6657L13.4343 14.5657L14.5657 13.4343Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.4343 14.5657C13.7467 14.8781 14.2533 14.8781 14.5657 14.5657C14.8781 14.2533 14.8781 13.7467 14.5657 13.4343L13.4343 14.5657ZM11.6657 10.5343C11.3533 10.2219 10.8467 10.2219 10.5343 10.5343C10.2219 10.8467 10.2219 11.3533 10.5343 11.6657L11.6657 10.5343ZM11.8667 7.33333C11.8667 9.83702 9.83702 11.8667 7.33333 11.8667V13.4667C10.7207 13.4667 13.4667 10.7207 13.4667 7.33333H11.8667ZM7.33333 11.8667C4.82964 11.8667 2.8 9.83702 2.8 7.33333H1.2C1.2 10.7207 3.94599 13.4667 7.33333 13.4667V11.8667ZM2.8 7.33333C2.8 4.82964 4.82964 2.8 7.33333 2.8V1.2C3.94599 1.2 1.2 3.94599 1.2 7.33333H2.8ZM7.33333 2.8C9.83702 2.8 11.8667 4.82964 11.8667 7.33333H13.4667C13.4667 3.94599 10.7207 1.2 7.33333 1.2V2.8ZM14.5657 13.4343L11.6657 10.5343L10.5343 11.6657L13.4343 14.5657L14.5657 13.4343Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSearch,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13604",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSearch size={size} />,
+  },
 );
-figma.connect(IconSearch, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13604", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSearch size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSend.tsx b/src/icons/IconSend.tsx
index 27f78b5..21ae4fa 100644
--- a/src/icons/IconSend.tsx
+++ b/src/icons/IconSend.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSend = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15969)"><path d="M14.6667 1.33325L15.4218 1.59753C15.5233 1.30746 15.4497 0.984877 15.2324 0.767567C15.0151 0.550256 14.6925 0.476641 14.4024 0.578165L14.6667 1.33325ZM10 14.6666L9.26899 14.9915C9.40221 15.2912 9.70491 15.4793 10.0327 15.4659C10.3604 15.4525 10.6468 15.2405 10.7551 14.9309L10 14.6666ZM1.33337 5.99992L1.06909 5.24483C0.759493 5.35319 0.54741 5.63956 0.534039 5.96731C0.520668 6.29505 0.708719 6.59775 1.00846 6.73097L1.33337 5.99992ZM14.101 0.767567L6.76769 8.1009L7.89906 9.23227L15.2324 1.89894L14.101 0.767567ZM13.9116 1.06897L9.24495 14.4023L10.7551 14.9309L15.4218 1.59753L13.9116 1.06897ZM10.7311 14.3417L8.06442 8.34167L6.60232 8.9915L9.26899 14.9915L10.7311 14.3417ZM7.65828 7.93554L1.65828 5.26887L1.00846 6.73097L7.00846 9.39763L7.65828 7.93554ZM1.59765 6.75501L14.931 2.08834L14.4024 0.578165L1.06909 5.24483L1.59765 6.75501Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15969"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15969)">
+      <path
+        d="M14.6667 1.33325L15.4218 1.59753C15.5233 1.30746 15.4497 0.984877 15.2324 0.767567C15.0151 0.550256 14.6925 0.476641 14.4024 0.578165L14.6667 1.33325ZM10 14.6666L9.26899 14.9915C9.40221 15.2912 9.70491 15.4793 10.0327 15.4659C10.3604 15.4525 10.6468 15.2405 10.7551 14.9309L10 14.6666ZM1.33337 5.99992L1.06909 5.24483C0.759493 5.35319 0.54741 5.63956 0.534039 5.96731C0.520668 6.29505 0.708719 6.59775 1.00846 6.73097L1.33337 5.99992ZM14.101 0.767567L6.76769 8.1009L7.89906 9.23227L15.2324 1.89894L14.101 0.767567ZM13.9116 1.06897L9.24495 14.4023L10.7551 14.9309L15.4218 1.59753L13.9116 1.06897ZM10.7311 14.3417L8.06442 8.34167L6.60232 8.9915L9.26899 14.9915L10.7311 14.3417ZM7.65828 7.93554L1.65828 5.26887L1.00846 6.73097L7.00846 9.39763L7.65828 7.93554ZM1.59765 6.75501L14.931 2.08834L14.4024 0.578165L1.06909 5.24483L1.59765 6.75501Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15969">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSend,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13603",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSend size={size} />,
+  },
 );
-figma.connect(IconSend, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13603", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSend size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconServer.tsx b/src/icons/IconServer.tsx
index 761853a..e335959 100644
--- a/src/icons/IconServer.tsx
+++ b/src/icons/IconServer.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconServer = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15971)"><path d="M4.00004 3.19992C3.55821 3.19992 3.20004 3.55809 3.20004 3.99992C3.20004 4.44175 3.55821 4.79992 4.00004 4.79992V3.19992ZM4.00671 4.79992C4.44854 4.79992 4.80671 4.44175 4.80671 3.99992C4.80671 3.55809 4.44854 3.19992 4.00671 3.19992V4.79992ZM4.00004 11.1999C3.55821 11.1999 3.20004 11.5581 3.20004 11.9999C3.20004 12.4417 3.55821 12.7999 4.00004 12.7999V11.1999ZM4.00671 12.7999C4.44854 12.7999 4.80671 12.4417 4.80671 11.9999C4.80671 11.5581 4.44854 11.1999 4.00671 11.1999V12.7999ZM2.66671 2.13325H13.3334V0.533252H2.66671V2.13325ZM13.3334 2.13325C13.6279 2.13325 13.8667 2.37203 13.8667 2.66659H15.4667C15.4667 1.48838 14.5116 0.533252 13.3334 0.533252V2.13325ZM13.8667 2.66659V5.33325H15.4667V2.66659H13.8667ZM13.8667 5.33325C13.8667 5.6278 13.6279 5.86659 13.3334 5.86659V7.46659C14.5116 7.46659 15.4667 6.51146 15.4667 5.33325H13.8667ZM13.3334 5.86659H2.66671V7.46659H13.3334V5.86659ZM2.66671 5.86659C2.37216 5.86659 2.13337 5.6278 2.13337 5.33325H0.533374C0.533374 6.51146 1.4885 7.46659 2.66671 7.46659V5.86659ZM2.13337 5.33325V2.66659H0.533374V5.33325H2.13337ZM2.13337 2.66659C2.13337 2.37203 2.37216 2.13325 2.66671 2.13325V0.533252C1.4885 0.533252 0.533374 1.48838 0.533374 2.66659H2.13337ZM2.66671 10.1333H13.3334V8.53325H2.66671V10.1333ZM13.3334 10.1333C13.6279 10.1333 13.8667 10.372 13.8667 10.6666H15.4667C15.4667 9.48838 14.5116 8.53325 13.3334 8.53325V10.1333ZM13.8667 10.6666V13.3333H15.4667V10.6666H13.8667ZM13.8667 13.3333C13.8667 13.6278 13.6279 13.8666 13.3334 13.8666V15.4666C14.5116 15.4666 15.4667 14.5115 15.4667 13.3333H13.8667ZM13.3334 13.8666H2.66671V15.4666H13.3334V13.8666ZM2.66671 13.8666C2.37216 13.8666 2.13337 13.6278 2.13337 13.3333H0.533374C0.533374 14.5115 1.4885 15.4666 2.66671 15.4666V13.8666ZM2.13337 13.3333V10.6666H0.533374V13.3333H2.13337ZM2.13337 10.6666C2.13337 10.372 2.37216 10.1333 2.66671 10.1333V8.53325C1.4885 8.53325 0.533374 9.48838 0.533374 10.6666H2.13337ZM4.00004 4.79992H4.00671V3.19992H4.00004V4.79992ZM4.00004 12.7999H4.00671V11.1999H4.00004V12.7999Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15971"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15971)">
+      <path
+        d="M4.00004 3.19992C3.55821 3.19992 3.20004 3.55809 3.20004 3.99992C3.20004 4.44175 3.55821 4.79992 4.00004 4.79992V3.19992ZM4.00671 4.79992C4.44854 4.79992 4.80671 4.44175 4.80671 3.99992C4.80671 3.55809 4.44854 3.19992 4.00671 3.19992V4.79992ZM4.00004 11.1999C3.55821 11.1999 3.20004 11.5581 3.20004 11.9999C3.20004 12.4417 3.55821 12.7999 4.00004 12.7999V11.1999ZM4.00671 12.7999C4.44854 12.7999 4.80671 12.4417 4.80671 11.9999C4.80671 11.5581 4.44854 11.1999 4.00671 11.1999V12.7999ZM2.66671 2.13325H13.3334V0.533252H2.66671V2.13325ZM13.3334 2.13325C13.6279 2.13325 13.8667 2.37203 13.8667 2.66659H15.4667C15.4667 1.48838 14.5116 0.533252 13.3334 0.533252V2.13325ZM13.8667 2.66659V5.33325H15.4667V2.66659H13.8667ZM13.8667 5.33325C13.8667 5.6278 13.6279 5.86659 13.3334 5.86659V7.46659C14.5116 7.46659 15.4667 6.51146 15.4667 5.33325H13.8667ZM13.3334 5.86659H2.66671V7.46659H13.3334V5.86659ZM2.66671 5.86659C2.37216 5.86659 2.13337 5.6278 2.13337 5.33325H0.533374C0.533374 6.51146 1.4885 7.46659 2.66671 7.46659V5.86659ZM2.13337 5.33325V2.66659H0.533374V5.33325H2.13337ZM2.13337 2.66659C2.13337 2.37203 2.37216 2.13325 2.66671 2.13325V0.533252C1.4885 0.533252 0.533374 1.48838 0.533374 2.66659H2.13337ZM2.66671 10.1333H13.3334V8.53325H2.66671V10.1333ZM13.3334 10.1333C13.6279 10.1333 13.8667 10.372 13.8667 10.6666H15.4667C15.4667 9.48838 14.5116 8.53325 13.3334 8.53325V10.1333ZM13.8667 10.6666V13.3333H15.4667V10.6666H13.8667ZM13.8667 13.3333C13.8667 13.6278 13.6279 13.8666 13.3334 13.8666V15.4666C14.5116 15.4666 15.4667 14.5115 15.4667 13.3333H13.8667ZM13.3334 13.8666H2.66671V15.4666H13.3334V13.8666ZM2.66671 13.8666C2.37216 13.8666 2.13337 13.6278 2.13337 13.3333H0.533374C0.533374 14.5115 1.4885 15.4666 2.66671 15.4666V13.8666ZM2.13337 13.3333V10.6666H0.533374V13.3333H2.13337ZM2.13337 10.6666C2.13337 10.372 2.37216 10.1333 2.66671 10.1333V8.53325C1.4885 8.53325 0.533374 9.48838 0.533374 10.6666H2.13337ZM4.00004 4.79992H4.00671V3.19992H4.00004V4.79992ZM4.00004 12.7999H4.00671V11.1999H4.00004V12.7999Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15971">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconServer,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13605",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconServer size={size} />,
+  },
 );
-figma.connect(IconServer, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13605", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconServer size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSettings.tsx b/src/icons/IconSettings.tsx
index dd5ffeb..a4f53de 100644
--- a/src/icons/IconSettings.tsx
+++ b/src/icons/IconSettings.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSettings = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15973)"><path d="M12.9334 10.0001L13.6653 10.3231L13.6687 10.3152L12.9334 10.0001ZM13.1534 11.2134L12.5815 11.7729L12.5877 11.7791L13.1534 11.2134ZM13.1934 11.2534L12.6277 11.8191L12.628 11.8194L13.1934 11.2534ZM13.1934 13.1401L12.628 12.5741L12.6274 12.5747L13.1934 13.1401ZM11.3067 13.1401L11.8727 12.5747L11.8724 12.5744L11.3067 13.1401ZM11.2667 13.1001L11.8325 12.5344L11.8262 12.5282L11.2667 13.1001ZM10.0534 12.8801L10.3686 13.6154L10.3764 13.612L10.0534 12.8801ZM9.38675 13.8867L8.58675 13.8836V13.8867H9.38675ZM6.72008 13.9401H7.52008C7.52008 13.9338 7.52001 13.9276 7.51986 13.9214L6.72008 13.9401ZM6.00008 12.9334L5.67707 13.6653C5.69249 13.6721 5.70812 13.6784 5.72394 13.6842L6.00008 12.9334ZM4.78675 13.1534L4.2273 12.5815L4.22105 12.5877L4.78675 13.1534ZM4.74675 13.1934L4.18105 12.6277L4.18075 12.628L4.74675 13.1934ZM2.86008 13.1934L3.42608 12.628L3.42545 12.6274L2.86008 13.1934ZM2.46903 12.2501H3.26903H2.46903ZM2.86008 11.3067L3.42545 11.8727L3.42577 11.8724L2.86008 11.3067ZM2.90008 11.2667L3.4658 11.8325L3.47197 11.8262L2.90008 11.2667ZM3.12008 10.0534L2.38473 10.3686L2.38819 10.3764L3.12008 10.0534ZM2.11341 9.38675L2.11661 8.58675H2.11341V9.38675ZM0.666748 8.05341H-0.133252H0.666748ZM2.00008 6.72008V7.52008V6.72008ZM2.06008 6.72008V7.52008C2.06632 7.52008 2.07255 7.52001 2.07879 7.51986L2.06008 6.72008ZM3.06675 6.00008L2.33486 5.67707C2.32805 5.69249 2.32174 5.70812 2.31592 5.72394L3.06675 6.00008ZM2.84675 4.78675L3.41867 4.2273L3.41243 4.22106L2.84675 4.78675ZM2.80675 4.74675L3.37243 4.18106L3.37212 4.18075L2.80675 4.74675ZM2.80675 2.86008L3.37212 3.42608L3.37275 3.42545L2.80675 2.86008ZM4.69341 2.86008L4.12741 3.42545L4.12773 3.42577L4.69341 2.86008ZM4.73341 2.90008L4.16769 3.4658L4.174 3.47197L4.73341 2.90008ZM5.94675 3.12008V2.32008C5.83551 2.32008 5.7255 2.34328 5.62374 2.38819L5.94675 3.12008ZM6.00008 3.12008V3.92008C6.10843 3.92008 6.21564 3.89807 6.31523 3.85539L6.00008 3.12008ZM6.66675 2.11341L7.46675 2.11661V2.11341H6.66675ZM8.00008 0.666748V-0.133252V0.666748ZM9.33341 2.06008H8.53341L8.53342 2.06327L9.33341 2.06008ZM10.0001 3.06675L10.3231 2.33482L10.3152 2.33144L10.0001 3.06675ZM11.2134 2.84675L11.7729 3.41867L11.7791 3.41243L11.2134 2.84675ZM11.2534 2.80675L11.8191 3.37243L11.8194 3.37212L11.2534 2.80675ZM12.1967 2.4157V3.2157V2.4157ZM13.1401 2.80675L12.5741 3.37212L12.5747 3.37275L13.1401 2.80675ZM13.1401 4.69341L12.5747 4.12741L12.5744 4.12773L13.1401 4.69341ZM13.1001 4.73341L12.5344 4.1677L12.5282 4.174L13.1001 4.73341ZM12.8801 5.94675H13.6801C13.6801 5.83551 13.6569 5.7255 13.612 5.62374L12.8801 5.94675ZM12.8801 6.00008H12.0801C12.0801 6.10843 12.1021 6.21564 12.1448 6.31523L12.8801 6.00008ZM13.8867 6.66675L13.8836 7.46675H13.8867V6.66675ZM13.9401 9.33341V8.53341L13.9369 8.53342L13.9401 9.33341ZM9.20008 8.00008C9.20008 8.66282 8.66282 9.20008 8.00008 9.20008V10.8001C9.54648 10.8001 10.8001 9.54648 10.8001 8.00008H9.20008ZM8.00008 9.20008C7.33734 9.20008 6.80008 8.66282 6.80008 8.00008H5.20008C5.20008 9.54648 6.45368 10.8001 8.00008 10.8001V9.20008ZM6.80008 8.00008C6.80008 7.33734 7.33734 6.80008 8.00008 6.80008V5.20008C6.45368 5.20008 5.20008 6.45368 5.20008 8.00008H6.80008ZM8.00008 6.80008C8.66282 6.80008 9.20008 7.33734 9.20008 8.00008H10.8001C10.8001 6.45368 9.54648 5.20008 8.00008 5.20008V6.80008ZM12.2015 9.67707C12.0482 10.0244 12.0025 10.4097 12.0702 10.7832L13.6446 10.4977C13.6339 10.4388 13.6411 10.3779 13.6653 10.3231L12.2015 9.67707ZM12.0702 10.7832C12.138 11.1567 12.3161 11.5014 12.5815 11.7728L13.7253 10.654C13.6834 10.6112 13.6553 10.5567 13.6446 10.4977L12.0702 10.7832ZM12.5877 11.7791L12.6277 11.8191L13.7591 10.6877L13.7191 10.6477L12.5877 11.7791ZM12.628 11.8194C12.6776 11.8689 12.717 11.9278 12.7438 11.9925L14.2218 11.3798C14.1145 11.1208 13.9571 10.8855 13.7588 10.6874L12.628 11.8194ZM12.7438 11.9925C12.7706 12.0573 12.7845 12.1267 12.7845 12.1967H14.3845C14.3845 11.9164 14.3292 11.6388 14.2218 11.3798L12.7438 11.9925ZM12.7845 12.1967C12.7845 12.2668 12.7706 12.3362 12.7438 12.401L14.2218 13.0137C14.3292 12.7547 14.3845 12.4771 14.3845 12.1967H12.7845ZM12.7438 12.401C12.717 12.4657 12.6776 12.5245 12.628 12.5741L13.7588 13.7061C13.9571 13.5079 14.1145 13.2727 14.2218 13.0137L12.7438 12.401ZM12.6274 12.5747C12.5779 12.6243 12.5191 12.6636 12.4543 12.6905L13.067 14.1685C13.326 14.0612 13.5613 13.9038 13.7594 13.7055L12.6274 12.5747ZM12.4543 12.6905C12.3896 12.7173 12.3202 12.7311 12.2501 12.7311V14.3311C12.5304 14.3311 12.808 14.2759 13.067 14.1685L12.4543 12.6905ZM12.2501 12.7311C12.18 12.7311 12.1106 12.7173 12.0458 12.6905L11.4331 14.1685C11.6921 14.2759 11.9697 14.3311 12.2501 14.3311V12.7311ZM12.0458 12.6905C11.9811 12.6636 11.9223 12.6243 11.8727 12.5747L10.7407 13.7055C10.9389 13.9038 11.1742 14.0612 11.4331 14.1685L12.0458 12.6905ZM11.8724 12.5744L11.8324 12.5344L10.7011 13.6658L10.7411 13.7058L11.8724 12.5744ZM11.8262 12.5282C11.5548 12.2627 11.2101 12.0846 10.8365 12.0169L10.5511 13.5912C10.6101 13.6019 10.6645 13.6301 10.7073 13.672L11.8262 12.5282ZM10.8365 12.0169C10.463 11.9492 10.0777 11.9949 9.7304 12.1482L10.3764 13.612C10.4313 13.5878 10.4921 13.5805 10.5511 13.5912L10.8365 12.0169ZM9.73827 12.1448C9.39768 12.2907 9.10722 12.5331 8.90262 12.8421L10.2366 13.7255C10.2689 13.6767 10.3148 13.6384 10.3686 13.6154L9.73827 12.1448ZM8.90262 12.8421C8.69803 13.151 8.58823 13.513 8.58675 13.8836L10.1867 13.8899C10.187 13.8314 10.2043 13.7743 10.2366 13.7255L8.90262 12.8421ZM8.58675 13.8867V14.0001H10.1867V13.8867H8.58675ZM8.58675 14.0001C8.58675 14.1415 8.53056 14.2772 8.43054 14.3772L9.56191 15.5086C9.96199 15.1085 10.1867 14.5659 10.1867 14.0001H8.58675ZM8.43054 14.3772C8.33052 14.4772 8.19486 14.5334 8.05341 14.5334V16.1334C8.61921 16.1334 9.16183 15.9087 9.56191 15.5086L8.43054 14.3772ZM8.05341 14.5334C7.91197 14.5334 7.77631 14.4772 7.67629 14.3772L6.54492 15.5086C6.945 15.9087 7.48762 16.1334 8.05341 16.1334V14.5334ZM7.67629 14.3772C7.57627 14.2772 7.52008 14.1415 7.52008 14.0001H5.92008C5.92008 14.5659 6.14484 15.1085 6.54492 15.5086L7.67629 14.3772ZM7.52008 14.0001V13.9401H5.92008V14.0001H7.52008ZM7.51986 13.9214C7.51095 13.5402 7.38758 13.1706 7.16578 12.8605L5.86439 13.7913C5.89941 13.8402 5.91889 13.8986 5.9203 13.9588L7.51986 13.9214ZM7.16578 12.8605C6.94399 12.5504 6.63404 12.3142 6.27623 12.1826L5.72394 13.6842C5.78043 13.705 5.82937 13.7423 5.86439 13.7913L7.16578 12.8605ZM6.32309 12.2015C5.97578 12.0482 5.59051 12.0025 5.21696 12.0702L5.50242 13.6446C5.5614 13.6339 5.62223 13.6411 5.67707 13.6653L6.32309 12.2015ZM5.21696 12.0702C4.84342 12.138 4.49872 12.3161 4.22734 12.5815L5.34616 13.7253C5.38901 13.6834 5.44343 13.6553 5.50242 13.6446L5.21696 12.0702ZM4.22105 12.5877L4.18105 12.6277L5.31244 13.7591L5.35244 13.7191L4.22105 12.5877ZM4.18075 12.628C4.13122 12.6776 4.0724 12.717 4.00765 12.7438L4.62035 14.2218C4.87933 14.1145 5.11462 13.9571 5.31275 13.7588L4.18075 12.628ZM4.00765 12.7438C3.9429 12.7706 3.8735 12.7845 3.80341 12.7845V14.3845C4.08377 14.3845 4.36137 14.3292 4.62035 14.2218L4.00765 12.7438ZM3.80341 12.7845C3.73333 12.7845 3.66392 12.7706 3.59918 12.7438L2.98648 14.2218C3.24546 14.3292 3.52306 14.3845 3.80341 14.3845V12.7845ZM3.59918 12.7438C3.53443 12.717 3.47561 12.6776 3.42608 12.628L2.29408 13.7588C2.49221 13.9571 2.7275 14.1145 2.98648 14.2218L3.59918 12.7438ZM3.42545 12.6274C3.37587 12.5779 3.33653 12.5191 3.30969 12.4543L1.83165 13.067C1.93901 13.326 2.09636 13.5613 2.29471 13.7594L3.42545 12.6274ZM3.30969 12.4543C3.28285 12.3896 3.26903 12.3202 3.26903 12.2501H1.66903C1.66903 12.5304 1.72429 12.808 1.83165 13.067L3.30969 12.4543ZM3.26903 12.2501C3.26903 12.18 3.28285 12.1106 3.30969 12.0458L1.83165 11.4331C1.72429 11.6921 1.66903 11.9697 1.66903 12.2501H3.26903ZM3.30969 12.0458C3.33653 11.9811 3.37587 11.9223 3.42545 11.8727L2.29471 10.7407C2.09636 10.9389 1.93901 11.1742 1.83165 11.4331L3.30969 12.0458ZM3.42577 11.8724L3.46577 11.8324L2.33439 10.7011L2.29439 10.7411L3.42577 11.8724ZM3.47197 11.8262C3.73744 11.5548 3.91552 11.2101 3.98325 10.8365L2.40892 10.5511C2.39822 10.6101 2.37011 10.6645 2.32819 10.7073L3.47197 11.8262ZM3.98325 10.8365C4.05098 10.463 4.00526 10.0777 3.85197 9.7304L2.38819 10.3764C2.41239 10.4313 2.41961 10.4921 2.40892 10.5511L3.98325 10.8365ZM3.85539 9.73827C3.70942 9.39768 3.46705 9.10722 3.15811 8.90262L2.27467 10.2366C2.32345 10.2689 2.36172 10.3148 2.38477 10.3686L3.85539 9.73827ZM3.15811 8.90262C2.84917 8.69803 2.48715 8.58823 2.11661 8.58675L2.11022 10.1867C2.16873 10.187 2.22589 10.2043 2.27467 10.2366L3.15811 8.90262ZM2.11341 8.58675H2.00008V10.1867H2.11341V8.58675ZM2.00008 8.58675C1.85863 8.58675 1.72298 8.53056 1.62296 8.43054L0.491587 9.56191C0.891664 9.96199 1.43429 10.1867 2.00008 10.1867V8.58675ZM1.62296 8.43054C1.52294 8.33052 1.46675 8.19486 1.46675 8.05341H-0.133252C-0.133252 8.61921 0.0915095 9.16183 0.491587 9.56191L1.62296 8.43054ZM1.46675 8.05341C1.46675 7.91197 1.52294 7.77631 1.62296 7.67629L0.491587 6.54492C0.0915095 6.945 -0.133252 7.48762 -0.133252 8.05341H1.46675ZM1.62296 7.67629C1.72298 7.57627 1.85863 7.52008 2.00008 7.52008V5.92008C1.43428 5.92008 0.891664 6.14484 0.491587 6.54492L1.62296 7.67629ZM2.00008 7.52008H2.06008V5.92008H2.00008V7.52008ZM2.07879 7.51986C2.45993 7.51095 2.82958 7.38757 3.13968 7.16578L2.20888 5.86439C2.15992 5.89941 2.10155 5.91889 2.04137 5.9203L2.07879 7.51986ZM3.13968 7.16578C3.44978 6.94399 3.68598 6.63404 3.81758 6.27623L2.31592 5.72394C2.29514 5.78043 2.25784 5.82937 2.20888 5.86439L3.13968 7.16578ZM3.79864 6.32309C3.95192 5.97578 3.99765 5.59051 3.92992 5.21696L2.35559 5.50242C2.36628 5.5614 2.35906 5.62223 2.33486 5.67707L3.79864 6.32309ZM3.92992 5.21696C3.86219 4.84342 3.6841 4.49872 3.41864 4.22734L2.27486 5.34616C2.31677 5.38901 2.34489 5.44343 2.35559 5.50242L3.92992 5.21696ZM3.41243 4.22106L3.37243 4.18106L2.24106 5.31243L2.28106 5.35243L3.41243 4.22106ZM3.37212 4.18075C3.32253 4.13122 3.28319 4.07239 3.25635 4.00765L1.77832 4.62035C1.88567 4.87934 2.04303 5.11462 2.24138 5.31275L3.37212 4.18075ZM3.25635 4.00765C3.22951 3.9429 3.2157 3.8735 3.2157 3.80341H1.6157C1.6157 4.08377 1.67096 4.36137 1.77832 4.62035L3.25635 4.00765ZM3.2157 3.80341C3.2157 3.73333 3.22951 3.66393 3.25635 3.59918L1.77832 2.98648C1.67096 3.24546 1.6157 3.52306 1.6157 3.80341H3.2157ZM3.25635 3.59918C3.28319 3.53443 3.32253 3.47561 3.37212 3.42608L2.24138 2.29408C2.04303 2.49221 1.88567 2.72749 1.77832 2.98648L3.25635 3.59918ZM3.37275 3.42545C3.42228 3.37586 3.4811 3.33653 3.54585 3.30969L2.93314 1.83165C2.67416 1.93901 2.43888 2.09636 2.24075 2.29471L3.37275 3.42545ZM3.54585 3.30969C3.61059 3.28285 3.67999 3.26903 3.75008 3.26903V1.66903C3.46973 1.66903 3.19212 1.72429 2.93314 1.83165L3.54585 3.30969ZM3.75008 3.26903C3.82017 3.26903 3.88957 3.28285 3.95432 3.30969L4.56702 1.83165C4.30804 1.72429 4.03043 1.66903 3.75008 1.66903V3.26903ZM3.95432 3.30969C4.01906 3.33653 4.07788 3.37586 4.12741 3.42545L5.25941 2.29471C5.06129 2.09636 4.826 1.93901 4.56702 1.83165L3.95432 3.30969ZM4.12773 3.42577L4.16773 3.46577L5.2991 2.3344L5.2591 2.2944L4.12773 3.42577ZM4.174 3.47197C4.44539 3.73744 4.79008 3.91552 5.16363 3.98325L5.44908 2.40892C5.3901 2.39822 5.33568 2.37011 5.29283 2.32819L4.174 3.47197ZM5.16363 3.98325C5.53717 4.05098 5.92244 4.00526 6.26976 3.85197L5.62374 2.38819C5.5689 2.41239 5.50806 2.41961 5.44908 2.40892L5.16363 3.98325ZM5.94675 3.92008H6.00008V2.32008H5.94675V3.92008ZM6.31523 3.85539C6.65581 3.70942 6.94628 3.46705 7.15087 3.15811L5.81688 2.27467C5.78458 2.32345 5.73871 2.36172 5.68494 2.38477L6.31523 3.85539ZM7.15087 3.15811C7.35547 2.84917 7.46526 2.48715 7.46674 2.11661L5.86675 2.11022C5.86652 2.16873 5.84918 2.22589 5.81688 2.27467L7.15087 3.15811ZM7.46675 2.11341V2.00008H5.86675V2.11341H7.46675ZM7.46675 2.00008C7.46675 1.85863 7.52294 1.72298 7.62296 1.62296L6.49159 0.491587C6.09151 0.891664 5.86675 1.43429 5.86675 2.00008H7.46675ZM7.62296 1.62296C7.72298 1.52294 7.85863 1.46675 8.00008 1.46675V-0.133252C7.43429 -0.133252 6.89166 0.0915093 6.49159 0.491587L7.62296 1.62296ZM8.00008 1.46675C8.14153 1.46675 8.27718 1.52294 8.3772 1.62296L9.50857 0.491587C9.1085 0.0915095 8.56588 -0.133252 8.00008 -0.133252V1.46675ZM8.3772 1.62296C8.47722 1.72298 8.53341 1.85863 8.53341 2.00008H10.1334C10.1334 1.43429 9.90865 0.891664 9.50857 0.491587L8.3772 1.62296ZM8.53341 2.00008V2.06008H10.1334V2.00008H8.53341ZM8.53342 2.06327C8.5349 2.43382 8.64469 2.79584 8.84929 3.10478L10.1833 2.22134C10.151 2.17256 10.1336 2.1154 10.1334 2.05689L8.53342 2.06327ZM8.84929 3.10478C9.05389 3.41372 9.34435 3.65609 9.68494 3.80206L10.3152 2.33144C10.2614 2.30839 10.2156 2.27012 10.1833 2.22134L8.84929 3.10478ZM9.67707 3.79864C10.0244 3.95192 10.4097 3.99765 10.7832 3.92992L10.4977 2.35559C10.4388 2.36628 10.3779 2.35906 10.3231 2.33486L9.67707 3.79864ZM10.7832 3.92992C11.1567 3.86219 11.5014 3.6841 11.7728 3.41864L10.654 2.27486C10.6112 2.31677 10.5567 2.34489 10.4977 2.35559L10.7832 3.92992ZM11.7791 3.41243L11.8191 3.37243L10.6877 2.24106L10.6477 2.28106L11.7791 3.41243ZM11.8194 3.37212C11.8689 3.32253 11.9278 3.28319 11.9925 3.25635L11.3798 1.77832C11.1208 1.88567 10.8855 2.04303 10.6874 2.24138L11.8194 3.37212ZM11.9925 3.25635C12.0573 3.22951 12.1267 3.2157 12.1967 3.2157V1.6157C11.9164 1.6157 11.6388 1.67096 11.3798 1.77832L11.9925 3.25635ZM12.1967 3.2157C12.2668 3.2157 12.3362 3.22951 12.401 3.25635L13.0137 1.77832C12.7547 1.67096 12.4771 1.6157 12.1967 1.6157V3.2157ZM12.401 3.25635C12.4657 3.28319 12.5245 3.32253 12.5741 3.37212L13.7061 2.24138C13.508 2.04303 13.2727 1.88568 13.0137 1.77832L12.401 3.25635ZM12.5747 3.37275C12.6243 3.42228 12.6636 3.4811 12.6905 3.54585L14.1685 2.93314C14.0612 2.67416 13.9038 2.43888 13.7055 2.24075L12.5747 3.37275ZM12.6905 3.54585C12.7173 3.61059 12.7311 3.67999 12.7311 3.75008H14.3311C14.3311 3.46973 14.2759 3.19212 14.1685 2.93314L12.6905 3.54585ZM12.7311 3.75008C12.7311 3.82017 12.7173 3.88957 12.6905 3.95432L14.1685 4.56702C14.2759 4.30804 14.3311 4.03044 14.3311 3.75008H12.7311ZM12.6905 3.95432C12.6636 4.01906 12.6243 4.07788 12.5747 4.12741L13.7055 5.25941C13.9038 5.06129 14.0612 4.826 14.1685 4.56702L12.6905 3.95432ZM12.5744 4.12773L12.5344 4.16773L13.6658 5.2991L13.7058 5.2591L12.5744 4.12773ZM12.5282 4.174C12.2627 4.44539 12.0846 4.79008 12.0169 5.16363L13.5912 5.44908C13.6019 5.3901 13.6301 5.33568 13.672 5.29283L12.5282 4.174ZM12.0169 5.16363C11.9492 5.53717 11.9949 5.92244 12.1482 6.26976L13.612 5.62374C13.5878 5.5689 13.5805 5.50807 13.5912 5.44908L12.0169 5.16363ZM12.0801 5.94675V6.00008H13.6801V5.94675H12.0801ZM12.1448 6.31523C12.2907 6.65581 12.5331 6.94628 12.8421 7.15087L13.7255 5.81688C13.6767 5.78457 13.6384 5.73871 13.6154 5.68494L12.1448 6.31523ZM12.8421 7.15087C13.151 7.35547 13.513 7.46526 13.8836 7.46674L13.8899 5.86675C13.8314 5.86652 13.7743 5.84918 13.7255 5.81688L12.8421 7.15087ZM13.8867 7.46675H14.0001V5.86675H13.8867V7.46675ZM14.0001 7.46675C14.1415 7.46675 14.2772 7.52294 14.3772 7.62296L15.5086 6.49159C15.1085 6.09151 14.5659 5.86675 14.0001 5.86675V7.46675ZM14.3772 7.62296C14.4772 7.72298 14.5334 7.85863 14.5334 8.00008H16.1334C16.1334 7.43429 15.9087 6.89166 15.5086 6.49159L14.3772 7.62296ZM14.5334 8.00008C14.5334 8.14153 14.4772 8.27718 14.3772 8.3772L15.5086 9.50857C15.9087 9.1085 16.1334 8.56588 16.1334 8.00008H14.5334ZM14.3772 8.3772C14.2772 8.47722 14.1415 8.53341 14.0001 8.53341V10.1334C14.5659 10.1334 15.1085 9.90865 15.5086 9.50857L14.3772 8.3772ZM14.0001 8.53341H13.9401V10.1334H14.0001V8.53341ZM13.9369 8.53342C13.5663 8.5349 13.2043 8.64469 12.8954 8.84929L13.7788 10.1833C13.8276 10.151 13.8848 10.1336 13.9433 10.1334L13.9369 8.53342ZM12.8954 8.84929C12.5864 9.05388 12.3441 9.34435 12.1981 9.68494L13.6687 10.3152C13.6918 10.2615 13.73 10.2156 13.7788 10.1833L12.8954 8.84929Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15973"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15973)">
+      <path
+        d="M12.9334 10.0001L13.6653 10.3231L13.6687 10.3152L12.9334 10.0001ZM13.1534 11.2134L12.5815 11.7729L12.5877 11.7791L13.1534 11.2134ZM13.1934 11.2534L12.6277 11.8191L12.628 11.8194L13.1934 11.2534ZM13.1934 13.1401L12.628 12.5741L12.6274 12.5747L13.1934 13.1401ZM11.3067 13.1401L11.8727 12.5747L11.8724 12.5744L11.3067 13.1401ZM11.2667 13.1001L11.8325 12.5344L11.8262 12.5282L11.2667 13.1001ZM10.0534 12.8801L10.3686 13.6154L10.3764 13.612L10.0534 12.8801ZM9.38675 13.8867L8.58675 13.8836V13.8867H9.38675ZM6.72008 13.9401H7.52008C7.52008 13.9338 7.52001 13.9276 7.51986 13.9214L6.72008 13.9401ZM6.00008 12.9334L5.67707 13.6653C5.69249 13.6721 5.70812 13.6784 5.72394 13.6842L6.00008 12.9334ZM4.78675 13.1534L4.2273 12.5815L4.22105 12.5877L4.78675 13.1534ZM4.74675 13.1934L4.18105 12.6277L4.18075 12.628L4.74675 13.1934ZM2.86008 13.1934L3.42608 12.628L3.42545 12.6274L2.86008 13.1934ZM2.46903 12.2501H3.26903H2.46903ZM2.86008 11.3067L3.42545 11.8727L3.42577 11.8724L2.86008 11.3067ZM2.90008 11.2667L3.4658 11.8325L3.47197 11.8262L2.90008 11.2667ZM3.12008 10.0534L2.38473 10.3686L2.38819 10.3764L3.12008 10.0534ZM2.11341 9.38675L2.11661 8.58675H2.11341V9.38675ZM0.666748 8.05341H-0.133252H0.666748ZM2.00008 6.72008V7.52008V6.72008ZM2.06008 6.72008V7.52008C2.06632 7.52008 2.07255 7.52001 2.07879 7.51986L2.06008 6.72008ZM3.06675 6.00008L2.33486 5.67707C2.32805 5.69249 2.32174 5.70812 2.31592 5.72394L3.06675 6.00008ZM2.84675 4.78675L3.41867 4.2273L3.41243 4.22106L2.84675 4.78675ZM2.80675 4.74675L3.37243 4.18106L3.37212 4.18075L2.80675 4.74675ZM2.80675 2.86008L3.37212 3.42608L3.37275 3.42545L2.80675 2.86008ZM4.69341 2.86008L4.12741 3.42545L4.12773 3.42577L4.69341 2.86008ZM4.73341 2.90008L4.16769 3.4658L4.174 3.47197L4.73341 2.90008ZM5.94675 3.12008V2.32008C5.83551 2.32008 5.7255 2.34328 5.62374 2.38819L5.94675 3.12008ZM6.00008 3.12008V3.92008C6.10843 3.92008 6.21564 3.89807 6.31523 3.85539L6.00008 3.12008ZM6.66675 2.11341L7.46675 2.11661V2.11341H6.66675ZM8.00008 0.666748V-0.133252V0.666748ZM9.33341 2.06008H8.53341L8.53342 2.06327L9.33341 2.06008ZM10.0001 3.06675L10.3231 2.33482L10.3152 2.33144L10.0001 3.06675ZM11.2134 2.84675L11.7729 3.41867L11.7791 3.41243L11.2134 2.84675ZM11.2534 2.80675L11.8191 3.37243L11.8194 3.37212L11.2534 2.80675ZM12.1967 2.4157V3.2157V2.4157ZM13.1401 2.80675L12.5741 3.37212L12.5747 3.37275L13.1401 2.80675ZM13.1401 4.69341L12.5747 4.12741L12.5744 4.12773L13.1401 4.69341ZM13.1001 4.73341L12.5344 4.1677L12.5282 4.174L13.1001 4.73341ZM12.8801 5.94675H13.6801C13.6801 5.83551 13.6569 5.7255 13.612 5.62374L12.8801 5.94675ZM12.8801 6.00008H12.0801C12.0801 6.10843 12.1021 6.21564 12.1448 6.31523L12.8801 6.00008ZM13.8867 6.66675L13.8836 7.46675H13.8867V6.66675ZM13.9401 9.33341V8.53341L13.9369 8.53342L13.9401 9.33341ZM9.20008 8.00008C9.20008 8.66282 8.66282 9.20008 8.00008 9.20008V10.8001C9.54648 10.8001 10.8001 9.54648 10.8001 8.00008H9.20008ZM8.00008 9.20008C7.33734 9.20008 6.80008 8.66282 6.80008 8.00008H5.20008C5.20008 9.54648 6.45368 10.8001 8.00008 10.8001V9.20008ZM6.80008 8.00008C6.80008 7.33734 7.33734 6.80008 8.00008 6.80008V5.20008C6.45368 5.20008 5.20008 6.45368 5.20008 8.00008H6.80008ZM8.00008 6.80008C8.66282 6.80008 9.20008 7.33734 9.20008 8.00008H10.8001C10.8001 6.45368 9.54648 5.20008 8.00008 5.20008V6.80008ZM12.2015 9.67707C12.0482 10.0244 12.0025 10.4097 12.0702 10.7832L13.6446 10.4977C13.6339 10.4388 13.6411 10.3779 13.6653 10.3231L12.2015 9.67707ZM12.0702 10.7832C12.138 11.1567 12.3161 11.5014 12.5815 11.7728L13.7253 10.654C13.6834 10.6112 13.6553 10.5567 13.6446 10.4977L12.0702 10.7832ZM12.5877 11.7791L12.6277 11.8191L13.7591 10.6877L13.7191 10.6477L12.5877 11.7791ZM12.628 11.8194C12.6776 11.8689 12.717 11.9278 12.7438 11.9925L14.2218 11.3798C14.1145 11.1208 13.9571 10.8855 13.7588 10.6874L12.628 11.8194ZM12.7438 11.9925C12.7706 12.0573 12.7845 12.1267 12.7845 12.1967H14.3845C14.3845 11.9164 14.3292 11.6388 14.2218 11.3798L12.7438 11.9925ZM12.7845 12.1967C12.7845 12.2668 12.7706 12.3362 12.7438 12.401L14.2218 13.0137C14.3292 12.7547 14.3845 12.4771 14.3845 12.1967H12.7845ZM12.7438 12.401C12.717 12.4657 12.6776 12.5245 12.628 12.5741L13.7588 13.7061C13.9571 13.5079 14.1145 13.2727 14.2218 13.0137L12.7438 12.401ZM12.6274 12.5747C12.5779 12.6243 12.5191 12.6636 12.4543 12.6905L13.067 14.1685C13.326 14.0612 13.5613 13.9038 13.7594 13.7055L12.6274 12.5747ZM12.4543 12.6905C12.3896 12.7173 12.3202 12.7311 12.2501 12.7311V14.3311C12.5304 14.3311 12.808 14.2759 13.067 14.1685L12.4543 12.6905ZM12.2501 12.7311C12.18 12.7311 12.1106 12.7173 12.0458 12.6905L11.4331 14.1685C11.6921 14.2759 11.9697 14.3311 12.2501 14.3311V12.7311ZM12.0458 12.6905C11.9811 12.6636 11.9223 12.6243 11.8727 12.5747L10.7407 13.7055C10.9389 13.9038 11.1742 14.0612 11.4331 14.1685L12.0458 12.6905ZM11.8724 12.5744L11.8324 12.5344L10.7011 13.6658L10.7411 13.7058L11.8724 12.5744ZM11.8262 12.5282C11.5548 12.2627 11.2101 12.0846 10.8365 12.0169L10.5511 13.5912C10.6101 13.6019 10.6645 13.6301 10.7073 13.672L11.8262 12.5282ZM10.8365 12.0169C10.463 11.9492 10.0777 11.9949 9.7304 12.1482L10.3764 13.612C10.4313 13.5878 10.4921 13.5805 10.5511 13.5912L10.8365 12.0169ZM9.73827 12.1448C9.39768 12.2907 9.10722 12.5331 8.90262 12.8421L10.2366 13.7255C10.2689 13.6767 10.3148 13.6384 10.3686 13.6154L9.73827 12.1448ZM8.90262 12.8421C8.69803 13.151 8.58823 13.513 8.58675 13.8836L10.1867 13.8899C10.187 13.8314 10.2043 13.7743 10.2366 13.7255L8.90262 12.8421ZM8.58675 13.8867V14.0001H10.1867V13.8867H8.58675ZM8.58675 14.0001C8.58675 14.1415 8.53056 14.2772 8.43054 14.3772L9.56191 15.5086C9.96199 15.1085 10.1867 14.5659 10.1867 14.0001H8.58675ZM8.43054 14.3772C8.33052 14.4772 8.19486 14.5334 8.05341 14.5334V16.1334C8.61921 16.1334 9.16183 15.9087 9.56191 15.5086L8.43054 14.3772ZM8.05341 14.5334C7.91197 14.5334 7.77631 14.4772 7.67629 14.3772L6.54492 15.5086C6.945 15.9087 7.48762 16.1334 8.05341 16.1334V14.5334ZM7.67629 14.3772C7.57627 14.2772 7.52008 14.1415 7.52008 14.0001H5.92008C5.92008 14.5659 6.14484 15.1085 6.54492 15.5086L7.67629 14.3772ZM7.52008 14.0001V13.9401H5.92008V14.0001H7.52008ZM7.51986 13.9214C7.51095 13.5402 7.38758 13.1706 7.16578 12.8605L5.86439 13.7913C5.89941 13.8402 5.91889 13.8986 5.9203 13.9588L7.51986 13.9214ZM7.16578 12.8605C6.94399 12.5504 6.63404 12.3142 6.27623 12.1826L5.72394 13.6842C5.78043 13.705 5.82937 13.7423 5.86439 13.7913L7.16578 12.8605ZM6.32309 12.2015C5.97578 12.0482 5.59051 12.0025 5.21696 12.0702L5.50242 13.6446C5.5614 13.6339 5.62223 13.6411 5.67707 13.6653L6.32309 12.2015ZM5.21696 12.0702C4.84342 12.138 4.49872 12.3161 4.22734 12.5815L5.34616 13.7253C5.38901 13.6834 5.44343 13.6553 5.50242 13.6446L5.21696 12.0702ZM4.22105 12.5877L4.18105 12.6277L5.31244 13.7591L5.35244 13.7191L4.22105 12.5877ZM4.18075 12.628C4.13122 12.6776 4.0724 12.717 4.00765 12.7438L4.62035 14.2218C4.87933 14.1145 5.11462 13.9571 5.31275 13.7588L4.18075 12.628ZM4.00765 12.7438C3.9429 12.7706 3.8735 12.7845 3.80341 12.7845V14.3845C4.08377 14.3845 4.36137 14.3292 4.62035 14.2218L4.00765 12.7438ZM3.80341 12.7845C3.73333 12.7845 3.66392 12.7706 3.59918 12.7438L2.98648 14.2218C3.24546 14.3292 3.52306 14.3845 3.80341 14.3845V12.7845ZM3.59918 12.7438C3.53443 12.717 3.47561 12.6776 3.42608 12.628L2.29408 13.7588C2.49221 13.9571 2.7275 14.1145 2.98648 14.2218L3.59918 12.7438ZM3.42545 12.6274C3.37587 12.5779 3.33653 12.5191 3.30969 12.4543L1.83165 13.067C1.93901 13.326 2.09636 13.5613 2.29471 13.7594L3.42545 12.6274ZM3.30969 12.4543C3.28285 12.3896 3.26903 12.3202 3.26903 12.2501H1.66903C1.66903 12.5304 1.72429 12.808 1.83165 13.067L3.30969 12.4543ZM3.26903 12.2501C3.26903 12.18 3.28285 12.1106 3.30969 12.0458L1.83165 11.4331C1.72429 11.6921 1.66903 11.9697 1.66903 12.2501H3.26903ZM3.30969 12.0458C3.33653 11.9811 3.37587 11.9223 3.42545 11.8727L2.29471 10.7407C2.09636 10.9389 1.93901 11.1742 1.83165 11.4331L3.30969 12.0458ZM3.42577 11.8724L3.46577 11.8324L2.33439 10.7011L2.29439 10.7411L3.42577 11.8724ZM3.47197 11.8262C3.73744 11.5548 3.91552 11.2101 3.98325 10.8365L2.40892 10.5511C2.39822 10.6101 2.37011 10.6645 2.32819 10.7073L3.47197 11.8262ZM3.98325 10.8365C4.05098 10.463 4.00526 10.0777 3.85197 9.7304L2.38819 10.3764C2.41239 10.4313 2.41961 10.4921 2.40892 10.5511L3.98325 10.8365ZM3.85539 9.73827C3.70942 9.39768 3.46705 9.10722 3.15811 8.90262L2.27467 10.2366C2.32345 10.2689 2.36172 10.3148 2.38477 10.3686L3.85539 9.73827ZM3.15811 8.90262C2.84917 8.69803 2.48715 8.58823 2.11661 8.58675L2.11022 10.1867C2.16873 10.187 2.22589 10.2043 2.27467 10.2366L3.15811 8.90262ZM2.11341 8.58675H2.00008V10.1867H2.11341V8.58675ZM2.00008 8.58675C1.85863 8.58675 1.72298 8.53056 1.62296 8.43054L0.491587 9.56191C0.891664 9.96199 1.43429 10.1867 2.00008 10.1867V8.58675ZM1.62296 8.43054C1.52294 8.33052 1.46675 8.19486 1.46675 8.05341H-0.133252C-0.133252 8.61921 0.0915095 9.16183 0.491587 9.56191L1.62296 8.43054ZM1.46675 8.05341C1.46675 7.91197 1.52294 7.77631 1.62296 7.67629L0.491587 6.54492C0.0915095 6.945 -0.133252 7.48762 -0.133252 8.05341H1.46675ZM1.62296 7.67629C1.72298 7.57627 1.85863 7.52008 2.00008 7.52008V5.92008C1.43428 5.92008 0.891664 6.14484 0.491587 6.54492L1.62296 7.67629ZM2.00008 7.52008H2.06008V5.92008H2.00008V7.52008ZM2.07879 7.51986C2.45993 7.51095 2.82958 7.38757 3.13968 7.16578L2.20888 5.86439C2.15992 5.89941 2.10155 5.91889 2.04137 5.9203L2.07879 7.51986ZM3.13968 7.16578C3.44978 6.94399 3.68598 6.63404 3.81758 6.27623L2.31592 5.72394C2.29514 5.78043 2.25784 5.82937 2.20888 5.86439L3.13968 7.16578ZM3.79864 6.32309C3.95192 5.97578 3.99765 5.59051 3.92992 5.21696L2.35559 5.50242C2.36628 5.5614 2.35906 5.62223 2.33486 5.67707L3.79864 6.32309ZM3.92992 5.21696C3.86219 4.84342 3.6841 4.49872 3.41864 4.22734L2.27486 5.34616C2.31677 5.38901 2.34489 5.44343 2.35559 5.50242L3.92992 5.21696ZM3.41243 4.22106L3.37243 4.18106L2.24106 5.31243L2.28106 5.35243L3.41243 4.22106ZM3.37212 4.18075C3.32253 4.13122 3.28319 4.07239 3.25635 4.00765L1.77832 4.62035C1.88567 4.87934 2.04303 5.11462 2.24138 5.31275L3.37212 4.18075ZM3.25635 4.00765C3.22951 3.9429 3.2157 3.8735 3.2157 3.80341H1.6157C1.6157 4.08377 1.67096 4.36137 1.77832 4.62035L3.25635 4.00765ZM3.2157 3.80341C3.2157 3.73333 3.22951 3.66393 3.25635 3.59918L1.77832 2.98648C1.67096 3.24546 1.6157 3.52306 1.6157 3.80341H3.2157ZM3.25635 3.59918C3.28319 3.53443 3.32253 3.47561 3.37212 3.42608L2.24138 2.29408C2.04303 2.49221 1.88567 2.72749 1.77832 2.98648L3.25635 3.59918ZM3.37275 3.42545C3.42228 3.37586 3.4811 3.33653 3.54585 3.30969L2.93314 1.83165C2.67416 1.93901 2.43888 2.09636 2.24075 2.29471L3.37275 3.42545ZM3.54585 3.30969C3.61059 3.28285 3.67999 3.26903 3.75008 3.26903V1.66903C3.46973 1.66903 3.19212 1.72429 2.93314 1.83165L3.54585 3.30969ZM3.75008 3.26903C3.82017 3.26903 3.88957 3.28285 3.95432 3.30969L4.56702 1.83165C4.30804 1.72429 4.03043 1.66903 3.75008 1.66903V3.26903ZM3.95432 3.30969C4.01906 3.33653 4.07788 3.37586 4.12741 3.42545L5.25941 2.29471C5.06129 2.09636 4.826 1.93901 4.56702 1.83165L3.95432 3.30969ZM4.12773 3.42577L4.16773 3.46577L5.2991 2.3344L5.2591 2.2944L4.12773 3.42577ZM4.174 3.47197C4.44539 3.73744 4.79008 3.91552 5.16363 3.98325L5.44908 2.40892C5.3901 2.39822 5.33568 2.37011 5.29283 2.32819L4.174 3.47197ZM5.16363 3.98325C5.53717 4.05098 5.92244 4.00526 6.26976 3.85197L5.62374 2.38819C5.5689 2.41239 5.50806 2.41961 5.44908 2.40892L5.16363 3.98325ZM5.94675 3.92008H6.00008V2.32008H5.94675V3.92008ZM6.31523 3.85539C6.65581 3.70942 6.94628 3.46705 7.15087 3.15811L5.81688 2.27467C5.78458 2.32345 5.73871 2.36172 5.68494 2.38477L6.31523 3.85539ZM7.15087 3.15811C7.35547 2.84917 7.46526 2.48715 7.46674 2.11661L5.86675 2.11022C5.86652 2.16873 5.84918 2.22589 5.81688 2.27467L7.15087 3.15811ZM7.46675 2.11341V2.00008H5.86675V2.11341H7.46675ZM7.46675 2.00008C7.46675 1.85863 7.52294 1.72298 7.62296 1.62296L6.49159 0.491587C6.09151 0.891664 5.86675 1.43429 5.86675 2.00008H7.46675ZM7.62296 1.62296C7.72298 1.52294 7.85863 1.46675 8.00008 1.46675V-0.133252C7.43429 -0.133252 6.89166 0.0915093 6.49159 0.491587L7.62296 1.62296ZM8.00008 1.46675C8.14153 1.46675 8.27718 1.52294 8.3772 1.62296L9.50857 0.491587C9.1085 0.0915095 8.56588 -0.133252 8.00008 -0.133252V1.46675ZM8.3772 1.62296C8.47722 1.72298 8.53341 1.85863 8.53341 2.00008H10.1334C10.1334 1.43429 9.90865 0.891664 9.50857 0.491587L8.3772 1.62296ZM8.53341 2.00008V2.06008H10.1334V2.00008H8.53341ZM8.53342 2.06327C8.5349 2.43382 8.64469 2.79584 8.84929 3.10478L10.1833 2.22134C10.151 2.17256 10.1336 2.1154 10.1334 2.05689L8.53342 2.06327ZM8.84929 3.10478C9.05389 3.41372 9.34435 3.65609 9.68494 3.80206L10.3152 2.33144C10.2614 2.30839 10.2156 2.27012 10.1833 2.22134L8.84929 3.10478ZM9.67707 3.79864C10.0244 3.95192 10.4097 3.99765 10.7832 3.92992L10.4977 2.35559C10.4388 2.36628 10.3779 2.35906 10.3231 2.33486L9.67707 3.79864ZM10.7832 3.92992C11.1567 3.86219 11.5014 3.6841 11.7728 3.41864L10.654 2.27486C10.6112 2.31677 10.5567 2.34489 10.4977 2.35559L10.7832 3.92992ZM11.7791 3.41243L11.8191 3.37243L10.6877 2.24106L10.6477 2.28106L11.7791 3.41243ZM11.8194 3.37212C11.8689 3.32253 11.9278 3.28319 11.9925 3.25635L11.3798 1.77832C11.1208 1.88567 10.8855 2.04303 10.6874 2.24138L11.8194 3.37212ZM11.9925 3.25635C12.0573 3.22951 12.1267 3.2157 12.1967 3.2157V1.6157C11.9164 1.6157 11.6388 1.67096 11.3798 1.77832L11.9925 3.25635ZM12.1967 3.2157C12.2668 3.2157 12.3362 3.22951 12.401 3.25635L13.0137 1.77832C12.7547 1.67096 12.4771 1.6157 12.1967 1.6157V3.2157ZM12.401 3.25635C12.4657 3.28319 12.5245 3.32253 12.5741 3.37212L13.7061 2.24138C13.508 2.04303 13.2727 1.88568 13.0137 1.77832L12.401 3.25635ZM12.5747 3.37275C12.6243 3.42228 12.6636 3.4811 12.6905 3.54585L14.1685 2.93314C14.0612 2.67416 13.9038 2.43888 13.7055 2.24075L12.5747 3.37275ZM12.6905 3.54585C12.7173 3.61059 12.7311 3.67999 12.7311 3.75008H14.3311C14.3311 3.46973 14.2759 3.19212 14.1685 2.93314L12.6905 3.54585ZM12.7311 3.75008C12.7311 3.82017 12.7173 3.88957 12.6905 3.95432L14.1685 4.56702C14.2759 4.30804 14.3311 4.03044 14.3311 3.75008H12.7311ZM12.6905 3.95432C12.6636 4.01906 12.6243 4.07788 12.5747 4.12741L13.7055 5.25941C13.9038 5.06129 14.0612 4.826 14.1685 4.56702L12.6905 3.95432ZM12.5744 4.12773L12.5344 4.16773L13.6658 5.2991L13.7058 5.2591L12.5744 4.12773ZM12.5282 4.174C12.2627 4.44539 12.0846 4.79008 12.0169 5.16363L13.5912 5.44908C13.6019 5.3901 13.6301 5.33568 13.672 5.29283L12.5282 4.174ZM12.0169 5.16363C11.9492 5.53717 11.9949 5.92244 12.1482 6.26976L13.612 5.62374C13.5878 5.5689 13.5805 5.50807 13.5912 5.44908L12.0169 5.16363ZM12.0801 5.94675V6.00008H13.6801V5.94675H12.0801ZM12.1448 6.31523C12.2907 6.65581 12.5331 6.94628 12.8421 7.15087L13.7255 5.81688C13.6767 5.78457 13.6384 5.73871 13.6154 5.68494L12.1448 6.31523ZM12.8421 7.15087C13.151 7.35547 13.513 7.46526 13.8836 7.46674L13.8899 5.86675C13.8314 5.86652 13.7743 5.84918 13.7255 5.81688L12.8421 7.15087ZM13.8867 7.46675H14.0001V5.86675H13.8867V7.46675ZM14.0001 7.46675C14.1415 7.46675 14.2772 7.52294 14.3772 7.62296L15.5086 6.49159C15.1085 6.09151 14.5659 5.86675 14.0001 5.86675V7.46675ZM14.3772 7.62296C14.4772 7.72298 14.5334 7.85863 14.5334 8.00008H16.1334C16.1334 7.43429 15.9087 6.89166 15.5086 6.49159L14.3772 7.62296ZM14.5334 8.00008C14.5334 8.14153 14.4772 8.27718 14.3772 8.3772L15.5086 9.50857C15.9087 9.1085 16.1334 8.56588 16.1334 8.00008H14.5334ZM14.3772 8.3772C14.2772 8.47722 14.1415 8.53341 14.0001 8.53341V10.1334C14.5659 10.1334 15.1085 9.90865 15.5086 9.50857L14.3772 8.3772ZM14.0001 8.53341H13.9401V10.1334H14.0001V8.53341ZM13.9369 8.53342C13.5663 8.5349 13.2043 8.64469 12.8954 8.84929L13.7788 10.1833C13.8276 10.151 13.8848 10.1336 13.9433 10.1334L13.9369 8.53342ZM12.8954 8.84929C12.5864 9.05388 12.3441 9.34435 12.1981 9.68494L13.6687 10.3152C13.6918 10.2615 13.73 10.2156 13.7788 10.1833L12.8954 8.84929Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15973">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSettings,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13606",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSettings size={size} />,
+  },
 );
-figma.connect(IconSettings, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13606", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSettings size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShare.tsx b/src/icons/IconShare.tsx
index adb178a..16b495e 100644
--- a/src/icons/IconShare.tsx
+++ b/src/icons/IconShare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShare = (props: IconProps) => (
-  <Icon {...props}><path d="M3.46675 7.99992C3.46675 7.55809 3.10858 7.19992 2.66675 7.19992C2.22492 7.19992 1.86675 7.55809 1.86675 7.99992H3.46675ZM2.66675 13.3333H1.86675H2.66675ZM14.1334 7.99992C14.1334 7.55809 13.7752 7.19992 13.3334 7.19992C12.8916 7.19992 12.5334 7.55809 12.5334 7.99992H14.1334ZM10.1011 4.5656C10.4135 4.87802 10.92 4.87802 11.2324 4.5656C11.5449 4.25318 11.5449 3.74665 11.2324 3.43423L10.1011 4.5656ZM8.00008 1.33325L8.56577 0.767567C8.41574 0.617537 8.21225 0.533252 8.00008 0.533252C7.78791 0.533252 7.58442 0.617537 7.4344 0.767567L8.00008 1.33325ZM4.76773 3.43423C4.45531 3.74665 4.45531 4.25318 4.76773 4.5656C5.08015 4.87802 5.58668 4.87802 5.8991 4.5656L4.76773 3.43423ZM7.20008 9.99992C7.20008 10.4417 7.55825 10.7999 8.00008 10.7999C8.44191 10.7999 8.80008 10.4417 8.80008 9.99992L7.20008 9.99992ZM1.86675 7.99992V13.3333H3.46675V7.99992H1.86675ZM1.86675 13.3333C1.86675 13.899 2.09151 14.4417 2.49159 14.8417L3.62296 13.7104C3.52294 13.6104 3.46675 13.4747 3.46675 13.3333H1.86675ZM2.49159 14.8417C2.89166 15.2418 3.43429 15.4666 4.00008 15.4666V13.8666C3.85863 13.8666 3.72298 13.8104 3.62296 13.7104L2.49159 14.8417ZM4.00008 15.4666H12.0001V13.8666H4.00008V15.4666ZM12.0001 15.4666C12.5659 15.4666 13.1085 15.2418 13.5086 14.8417L12.3772 13.7104C12.2772 13.8104 12.1415 13.8666 12.0001 13.8666V15.4666ZM13.5086 14.8417C13.9087 14.4417 14.1334 13.899 14.1334 13.3333H12.5334C12.5334 13.4747 12.4772 13.6104 12.3772 13.7104L13.5086 14.8417ZM14.1334 13.3333V7.99992H12.5334V13.3333H14.1334ZM11.2324 3.43423L8.56577 0.767567L7.4344 1.89894L10.1011 4.5656L11.2324 3.43423ZM7.4344 0.767567L4.76773 3.43423L5.8991 4.5656L8.56577 1.89894L7.4344 0.767567ZM7.20008 1.33325L7.20008 9.99992L8.80008 9.99992L8.80008 1.33325L7.20008 1.33325Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.46675 7.99992C3.46675 7.55809 3.10858 7.19992 2.66675 7.19992C2.22492 7.19992 1.86675 7.55809 1.86675 7.99992H3.46675ZM2.66675 13.3333H1.86675H2.66675ZM14.1334 7.99992C14.1334 7.55809 13.7752 7.19992 13.3334 7.19992C12.8916 7.19992 12.5334 7.55809 12.5334 7.99992H14.1334ZM10.1011 4.5656C10.4135 4.87802 10.92 4.87802 11.2324 4.5656C11.5449 4.25318 11.5449 3.74665 11.2324 3.43423L10.1011 4.5656ZM8.00008 1.33325L8.56577 0.767567C8.41574 0.617537 8.21225 0.533252 8.00008 0.533252C7.78791 0.533252 7.58442 0.617537 7.4344 0.767567L8.00008 1.33325ZM4.76773 3.43423C4.45531 3.74665 4.45531 4.25318 4.76773 4.5656C5.08015 4.87802 5.58668 4.87802 5.8991 4.5656L4.76773 3.43423ZM7.20008 9.99992C7.20008 10.4417 7.55825 10.7999 8.00008 10.7999C8.44191 10.7999 8.80008 10.4417 8.80008 9.99992L7.20008 9.99992ZM1.86675 7.99992V13.3333H3.46675V7.99992H1.86675ZM1.86675 13.3333C1.86675 13.899 2.09151 14.4417 2.49159 14.8417L3.62296 13.7104C3.52294 13.6104 3.46675 13.4747 3.46675 13.3333H1.86675ZM2.49159 14.8417C2.89166 15.2418 3.43429 15.4666 4.00008 15.4666V13.8666C3.85863 13.8666 3.72298 13.8104 3.62296 13.7104L2.49159 14.8417ZM4.00008 15.4666H12.0001V13.8666H4.00008V15.4666ZM12.0001 15.4666C12.5659 15.4666 13.1085 15.2418 13.5086 14.8417L12.3772 13.7104C12.2772 13.8104 12.1415 13.8666 12.0001 13.8666V15.4666ZM13.5086 14.8417C13.9087 14.4417 14.1334 13.899 14.1334 13.3333H12.5334C12.5334 13.4747 12.4772 13.6104 12.3772 13.7104L13.5086 14.8417ZM14.1334 13.3333V7.99992H12.5334V13.3333H14.1334ZM11.2324 3.43423L8.56577 0.767567L7.4344 1.89894L10.1011 4.5656L11.2324 3.43423ZM7.4344 0.767567L4.76773 3.43423L5.8991 4.5656L8.56577 1.89894L7.4344 0.767567ZM7.20008 1.33325L7.20008 9.99992L8.80008 9.99992L8.80008 1.33325L7.20008 1.33325Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconShare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13607",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShare size={size} />,
+  },
 );
-figma.connect(IconShare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13607", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShare2.tsx b/src/icons/IconShare2.tsx
index ef651be..b7b3aef 100644
--- a/src/icons/IconShare2.tsx
+++ b/src/icons/IconShare2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShare2 = (props: IconProps) => (
-  <Icon {...props}><path d="M6.12945 8.31538C5.74771 8.09293 5.25791 8.22206 5.03546 8.6038C4.81301 8.98555 4.94214 9.47534 5.32388 9.69779L6.12945 8.31538ZM9.87722 12.3511C10.259 12.5736 10.7488 12.4444 10.9712 12.0627C11.1937 11.681 11.0645 11.1912 10.6828 10.9687L9.87722 12.3511ZM10.6766 5.03087C11.0582 4.80817 11.187 4.3183 10.9643 3.9367C10.7416 3.55509 10.2517 3.42628 9.87011 3.64897L10.6766 5.03087ZM5.32344 6.3023C4.94184 6.525 4.81302 7.01487 5.03572 7.39647C5.25841 7.77808 5.74829 7.9069 6.12989 7.6842L5.32344 6.3023ZM13.2 3.33325C13.2 3.99599 12.6627 4.53325 12 4.53325V6.13325C13.5464 6.13325 14.8 4.87965 14.8 3.33325H13.2ZM12 4.53325C11.3373 4.53325 10.8 3.99599 10.8 3.33325H9.2C9.2 4.87965 10.4536 6.13325 12 6.13325V4.53325ZM10.8 3.33325C10.8 2.67051 11.3373 2.13325 12 2.13325V0.533252C10.4536 0.533252 9.2 1.78685 9.2 3.33325H10.8ZM12 2.13325C12.6627 2.13325 13.2 2.67051 13.2 3.33325H14.8C14.8 1.78685 13.5464 0.533252 12 0.533252V2.13325ZM5.2 7.99992C5.2 8.66266 4.66274 9.19992 4 9.19992V10.7999C5.5464 10.7999 6.8 9.54632 6.8 7.99992H5.2ZM4 9.19992C3.33726 9.19992 2.8 8.66266 2.8 7.99992H1.2C1.2 9.54632 2.4536 10.7999 4 10.7999V9.19992ZM2.8 7.99992C2.8 7.33718 3.33726 6.79992 4 6.79992V5.19992C2.4536 5.19992 1.2 6.45352 1.2 7.99992H2.8ZM4 6.79992C4.66274 6.79992 5.2 7.33718 5.2 7.99992H6.8C6.8 6.45352 5.5464 5.19992 4 5.19992V6.79992ZM13.2 12.6666C13.2 13.3293 12.6627 13.8666 12 13.8666V15.4666C13.5464 15.4666 14.8 14.213 14.8 12.6666H13.2ZM12 13.8666C11.3373 13.8666 10.8 13.3293 10.8 12.6666H9.2C9.2 14.213 10.4536 15.4666 12 15.4666V13.8666ZM10.8 12.6666C10.8 12.0038 11.3373 11.4666 12 11.4666V9.86658C10.4536 9.86658 9.2 11.1202 9.2 12.6666H10.8ZM12 11.4666C12.6627 11.4666 13.2 12.0038 13.2 12.6666H14.8C14.8 11.1202 13.5464 9.86658 12 9.86658V11.4666ZM5.32388 9.69779L9.87722 12.3511L10.6828 10.9687L6.12945 8.31538L5.32388 9.69779ZM9.87011 3.64897L5.32344 6.3023L6.12989 7.6842L10.6766 5.03087L9.87011 3.64897Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.12945 8.31538C5.74771 8.09293 5.25791 8.22206 5.03546 8.6038C4.81301 8.98555 4.94214 9.47534 5.32388 9.69779L6.12945 8.31538ZM9.87722 12.3511C10.259 12.5736 10.7488 12.4444 10.9712 12.0627C11.1937 11.681 11.0645 11.1912 10.6828 10.9687L9.87722 12.3511ZM10.6766 5.03087C11.0582 4.80817 11.187 4.3183 10.9643 3.9367C10.7416 3.55509 10.2517 3.42628 9.87011 3.64897L10.6766 5.03087ZM5.32344 6.3023C4.94184 6.525 4.81302 7.01487 5.03572 7.39647C5.25841 7.77808 5.74829 7.9069 6.12989 7.6842L5.32344 6.3023ZM13.2 3.33325C13.2 3.99599 12.6627 4.53325 12 4.53325V6.13325C13.5464 6.13325 14.8 4.87965 14.8 3.33325H13.2ZM12 4.53325C11.3373 4.53325 10.8 3.99599 10.8 3.33325H9.2C9.2 4.87965 10.4536 6.13325 12 6.13325V4.53325ZM10.8 3.33325C10.8 2.67051 11.3373 2.13325 12 2.13325V0.533252C10.4536 0.533252 9.2 1.78685 9.2 3.33325H10.8ZM12 2.13325C12.6627 2.13325 13.2 2.67051 13.2 3.33325H14.8C14.8 1.78685 13.5464 0.533252 12 0.533252V2.13325ZM5.2 7.99992C5.2 8.66266 4.66274 9.19992 4 9.19992V10.7999C5.5464 10.7999 6.8 9.54632 6.8 7.99992H5.2ZM4 9.19992C3.33726 9.19992 2.8 8.66266 2.8 7.99992H1.2C1.2 9.54632 2.4536 10.7999 4 10.7999V9.19992ZM2.8 7.99992C2.8 7.33718 3.33726 6.79992 4 6.79992V5.19992C2.4536 5.19992 1.2 6.45352 1.2 7.99992H2.8ZM4 6.79992C4.66274 6.79992 5.2 7.33718 5.2 7.99992H6.8C6.8 6.45352 5.5464 5.19992 4 5.19992V6.79992ZM13.2 12.6666C13.2 13.3293 12.6627 13.8666 12 13.8666V15.4666C13.5464 15.4666 14.8 14.213 14.8 12.6666H13.2ZM12 13.8666C11.3373 13.8666 10.8 13.3293 10.8 12.6666H9.2C9.2 14.213 10.4536 15.4666 12 15.4666V13.8666ZM10.8 12.6666C10.8 12.0038 11.3373 11.4666 12 11.4666V9.86658C10.4536 9.86658 9.2 11.1202 9.2 12.6666H10.8ZM12 11.4666C12.6627 11.4666 13.2 12.0038 13.2 12.6666H14.8C14.8 11.1202 13.5464 9.86658 12 9.86658V11.4666ZM5.32388 9.69779L9.87722 12.3511L10.6828 10.9687L6.12945 8.31538L5.32388 9.69779ZM9.87011 3.64897L5.32344 6.3023L6.12989 7.6842L10.6766 5.03087L9.87011 3.64897Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconShare2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13608",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShare2 size={size} />,
+  },
 );
-figma.connect(IconShare2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13608", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShare2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShield.tsx b/src/icons/IconShield.tsx
index 34ed7b1..1de03f9 100644
--- a/src/icons/IconShield.tsx
+++ b/src/icons/IconShield.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShield = (props: IconProps) => (
-  <Icon {...props}><path d="M7.99984 14.6666L7.64207 15.3821C7.86729 15.4947 8.13239 15.4947 8.35761 15.3821L7.99984 14.6666ZM13.3332 3.33325H14.1332C14.1332 2.99978 13.9263 2.70128 13.6141 2.58419L13.3332 3.33325ZM7.99984 1.33325L8.28074 0.584189C8.09963 0.516273 7.90005 0.516273 7.71894 0.584189L7.99984 1.33325ZM2.6665 3.33325L2.38561 2.58419C2.07336 2.70128 1.8665 2.99978 1.8665 3.33325H2.6665ZM7.99984 14.6666C8.35761 15.3821 8.35784 15.382 8.35809 15.3819C8.3582 15.3818 8.35847 15.3817 8.35869 15.3816C8.35914 15.3814 8.35966 15.3811 8.36027 15.3808C8.36148 15.3802 8.36301 15.3794 8.36487 15.3785C8.36858 15.3766 8.37356 15.3741 8.37978 15.3709C8.39222 15.3645 8.4096 15.3555 8.4316 15.344C8.47559 15.3209 8.53808 15.2875 8.61646 15.2441C8.77309 15.1574 8.99375 15.0305 9.25717 14.8658C9.78234 14.5376 10.4859 14.0543 11.1933 13.4353C12.5744 12.2268 14.1332 10.3571 14.1332 7.99992H12.5332C12.5332 9.64277 11.4252 11.1063 10.1397 12.2312C9.51374 12.7789 8.884 13.2122 8.40917 13.509C8.17259 13.6569 7.97658 13.7695 7.84155 13.8443C7.77409 13.8816 7.722 13.9094 7.68787 13.9273C7.6708 13.9363 7.65824 13.9428 7.65049 13.9467C7.64662 13.9487 7.64395 13.9501 7.64254 13.9508C7.64183 13.9512 7.64143 13.9514 7.64135 13.9514C7.64131 13.9514 7.64135 13.9514 7.64147 13.9513C7.64153 13.9513 7.64168 13.9512 7.64171 13.9512C7.64188 13.9511 7.64207 13.951 7.99984 14.6666ZM14.1332 7.99992V3.33325H12.5332V7.99992H14.1332ZM13.6141 2.58419L8.28074 0.584189L7.71894 2.08232L13.0523 4.08232L13.6141 2.58419ZM7.71894 0.584189L2.38561 2.58419L2.9474 4.08232L8.28074 2.08232L7.71894 0.584189ZM1.8665 3.33325V7.99992H3.4665V3.33325H1.8665ZM1.8665 7.99992C1.8665 10.3571 3.42523 12.2268 4.80637 13.4353C5.51374 14.0543 6.21734 14.5376 6.7425 14.8658C7.00592 15.0305 7.22658 15.1574 7.38322 15.2441C7.46159 15.2875 7.52409 15.3209 7.56807 15.344C7.59007 15.3555 7.60745 15.3645 7.61989 15.3709C7.62611 15.3741 7.6311 15.3766 7.63481 15.3785C7.63666 15.3794 7.6382 15.3802 7.63941 15.3808C7.64001 15.3811 7.64054 15.3814 7.64098 15.3816C7.6412 15.3817 7.64147 15.3818 7.64158 15.3819C7.64184 15.382 7.64207 15.3821 7.99984 14.6666C8.35761 13.951 8.3578 13.9511 8.35797 13.9512C8.358 13.9512 8.35815 13.9513 8.35821 13.9513C8.35832 13.9514 8.35836 13.9514 8.35832 13.9514C8.35824 13.9514 8.35785 13.9512 8.35714 13.9508C8.35572 13.9501 8.35305 13.9487 8.34918 13.9467C8.34144 13.9428 8.32887 13.9363 8.31181 13.9273C8.27767 13.9094 8.22558 13.8816 8.15812 13.8443C8.02309 13.7695 7.82709 13.6569 7.5905 13.509C7.11567 13.2122 6.48593 12.7789 5.85997 12.2312C4.57444 11.1063 3.4665 9.64277 3.4665 7.99992H1.8665Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.99984 14.6666L7.64207 15.3821C7.86729 15.4947 8.13239 15.4947 8.35761 15.3821L7.99984 14.6666ZM13.3332 3.33325H14.1332C14.1332 2.99978 13.9263 2.70128 13.6141 2.58419L13.3332 3.33325ZM7.99984 1.33325L8.28074 0.584189C8.09963 0.516273 7.90005 0.516273 7.71894 0.584189L7.99984 1.33325ZM2.6665 3.33325L2.38561 2.58419C2.07336 2.70128 1.8665 2.99978 1.8665 3.33325H2.6665ZM7.99984 14.6666C8.35761 15.3821 8.35784 15.382 8.35809 15.3819C8.3582 15.3818 8.35847 15.3817 8.35869 15.3816C8.35914 15.3814 8.35966 15.3811 8.36027 15.3808C8.36148 15.3802 8.36301 15.3794 8.36487 15.3785C8.36858 15.3766 8.37356 15.3741 8.37978 15.3709C8.39222 15.3645 8.4096 15.3555 8.4316 15.344C8.47559 15.3209 8.53808 15.2875 8.61646 15.2441C8.77309 15.1574 8.99375 15.0305 9.25717 14.8658C9.78234 14.5376 10.4859 14.0543 11.1933 13.4353C12.5744 12.2268 14.1332 10.3571 14.1332 7.99992H12.5332C12.5332 9.64277 11.4252 11.1063 10.1397 12.2312C9.51374 12.7789 8.884 13.2122 8.40917 13.509C8.17259 13.6569 7.97658 13.7695 7.84155 13.8443C7.77409 13.8816 7.722 13.9094 7.68787 13.9273C7.6708 13.9363 7.65824 13.9428 7.65049 13.9467C7.64662 13.9487 7.64395 13.9501 7.64254 13.9508C7.64183 13.9512 7.64143 13.9514 7.64135 13.9514C7.64131 13.9514 7.64135 13.9514 7.64147 13.9513C7.64153 13.9513 7.64168 13.9512 7.64171 13.9512C7.64188 13.9511 7.64207 13.951 7.99984 14.6666ZM14.1332 7.99992V3.33325H12.5332V7.99992H14.1332ZM13.6141 2.58419L8.28074 0.584189L7.71894 2.08232L13.0523 4.08232L13.6141 2.58419ZM7.71894 0.584189L2.38561 2.58419L2.9474 4.08232L8.28074 2.08232L7.71894 0.584189ZM1.8665 3.33325V7.99992H3.4665V3.33325H1.8665ZM1.8665 7.99992C1.8665 10.3571 3.42523 12.2268 4.80637 13.4353C5.51374 14.0543 6.21734 14.5376 6.7425 14.8658C7.00592 15.0305 7.22658 15.1574 7.38322 15.2441C7.46159 15.2875 7.52409 15.3209 7.56807 15.344C7.59007 15.3555 7.60745 15.3645 7.61989 15.3709C7.62611 15.3741 7.6311 15.3766 7.63481 15.3785C7.63666 15.3794 7.6382 15.3802 7.63941 15.3808C7.64001 15.3811 7.64054 15.3814 7.64098 15.3816C7.6412 15.3817 7.64147 15.3818 7.64158 15.3819C7.64184 15.382 7.64207 15.3821 7.99984 14.6666C8.35761 13.951 8.3578 13.9511 8.35797 13.9512C8.358 13.9512 8.35815 13.9513 8.35821 13.9513C8.35832 13.9514 8.35836 13.9514 8.35832 13.9514C8.35824 13.9514 8.35785 13.9512 8.35714 13.9508C8.35572 13.9501 8.35305 13.9487 8.34918 13.9467C8.34144 13.9428 8.32887 13.9363 8.31181 13.9273C8.27767 13.9094 8.22558 13.8816 8.15812 13.8443C8.02309 13.7695 7.82709 13.6569 7.5905 13.509C7.11567 13.2122 6.48593 12.7789 5.85997 12.2312C4.57444 11.1063 3.4665 9.64277 3.4665 7.99992H1.8665Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconShield,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13609",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShield size={size} />,
+  },
 );
-figma.connect(IconShield, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13609", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShield size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShieldOff.tsx b/src/icons/IconShieldOff.tsx
index a5b2c4d..a3b2ad3 100644
--- a/src/icons/IconShieldOff.tsx
+++ b/src/icons/IconShieldOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShieldOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15979)"><path d="M12.3625 9.09626C12.2315 9.51823 12.4674 9.96648 12.8893 10.0975C13.3113 10.2284 13.7596 9.99254 13.8905 9.57057L12.3625 9.09626ZM13.3332 8.00008L14.1332 8.00535V8.00008H13.3332ZM13.3332 3.33341H14.1332C14.1332 2.99994 13.9263 2.70144 13.6141 2.58435L13.3332 3.33341ZM7.99984 1.33341L8.28074 0.584351C8.09999 0.51657 7.90082 0.516432 7.71998 0.583962L7.99984 1.33341ZM5.61331 1.37063C5.1994 1.52519 4.98916 1.98603 5.14372 2.39994C5.29828 2.81385 5.75912 3.0241 6.17303 2.86953L5.61331 1.37063ZM3.43069 3.90374C3.84508 3.75047 4.05676 3.29029 3.90349 2.8759C3.75023 2.46151 3.29005 2.24982 2.87565 2.40309L3.43069 3.90374ZM2.6665 3.33341L2.38899 2.58309C2.07498 2.69923 1.8665 2.99862 1.8665 3.33341H2.6665ZM7.99984 14.6667L7.64207 15.3823C7.8728 15.4977 8.14502 15.4947 8.37318 15.3743L7.99984 14.6667ZM12.3414 12.2816C12.6368 11.953 12.6099 11.4472 12.2814 11.1518C11.9528 10.8564 11.447 10.8833 11.1516 11.2119L12.3414 12.2816ZM1.23219 0.101063C0.91977 -0.211357 0.413238 -0.211357 0.100818 0.101063C-0.211601 0.413482 -0.211601 0.920014 0.100818 1.23243L1.23219 0.101063ZM14.7675 15.8991C15.0799 16.2115 15.5864 16.2115 15.8989 15.8991C16.2113 15.5867 16.2113 15.0801 15.8989 14.7677L14.7675 15.8991ZM13.8905 9.57057C14.0479 9.06359 14.1297 8.53618 14.1332 8.00535L12.5332 7.99481C12.5307 8.36836 12.4732 8.7395 12.3625 9.09626L13.8905 9.57057ZM14.1332 8.00008V3.33341H12.5332V8.00008H14.1332ZM13.6141 2.58435L8.28074 0.584351L7.71894 2.08248L13.0523 4.08248L13.6141 2.58435ZM7.71998 0.583962L5.61331 1.37063L6.17303 2.86953L8.2797 2.08287L7.71998 0.583962ZM2.87565 2.40309L2.38899 2.58309L2.94402 4.08374L3.43069 3.90374L2.87565 2.40309ZM1.8665 3.33341V8.00008H3.4665V3.33341H1.8665ZM1.8665 8.00008C1.8665 10.3572 3.42523 12.227 4.80637 13.4355C5.51374 14.0544 6.21734 14.5378 6.7425 14.866C7.00592 15.0306 7.22658 15.1576 7.38322 15.2443C7.46159 15.2877 7.52409 15.321 7.56807 15.3441C7.59007 15.3557 7.60745 15.3647 7.61989 15.371C7.62611 15.3742 7.6311 15.3768 7.63481 15.3786C7.63666 15.3796 7.6382 15.3803 7.63941 15.381C7.64001 15.3813 7.64054 15.3815 7.64098 15.3817C7.6412 15.3819 7.64147 15.382 7.64158 15.382C7.64184 15.3822 7.64207 15.3823 7.99984 14.6667C8.35761 13.9512 8.3578 13.9513 8.35797 13.9514C8.358 13.9514 8.35815 13.9515 8.35821 13.9515C8.35832 13.9516 8.35836 13.9516 8.35832 13.9516C8.35824 13.9515 8.35785 13.9513 8.35714 13.951C8.35572 13.9502 8.35305 13.9489 8.34918 13.9469C8.34144 13.9429 8.32887 13.9365 8.31181 13.9275C8.27767 13.9096 8.22558 13.8818 8.15812 13.8444C8.02309 13.7697 7.82709 13.657 7.5905 13.5092C7.11567 13.2124 6.48593 12.7791 5.85997 12.2314C4.57444 11.1065 3.4665 9.64293 3.4665 8.00008H1.8665ZM8.37318 15.3743C9.868 14.5855 11.2115 13.5385 12.3414 12.2816L11.1516 11.2119C10.1478 12.3284 8.95438 13.2585 7.6265 13.9592L8.37318 15.3743ZM0.100818 1.23243L14.7675 15.8991L15.8989 14.7677L1.23219 0.101063L0.100818 1.23243Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15979"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15979)">
+      <path
+        d="M12.3625 9.09626C12.2315 9.51823 12.4674 9.96648 12.8893 10.0975C13.3113 10.2284 13.7596 9.99254 13.8905 9.57057L12.3625 9.09626ZM13.3332 8.00008L14.1332 8.00535V8.00008H13.3332ZM13.3332 3.33341H14.1332C14.1332 2.99994 13.9263 2.70144 13.6141 2.58435L13.3332 3.33341ZM7.99984 1.33341L8.28074 0.584351C8.09999 0.51657 7.90082 0.516432 7.71998 0.583962L7.99984 1.33341ZM5.61331 1.37063C5.1994 1.52519 4.98916 1.98603 5.14372 2.39994C5.29828 2.81385 5.75912 3.0241 6.17303 2.86953L5.61331 1.37063ZM3.43069 3.90374C3.84508 3.75047 4.05676 3.29029 3.90349 2.8759C3.75023 2.46151 3.29005 2.24982 2.87565 2.40309L3.43069 3.90374ZM2.6665 3.33341L2.38899 2.58309C2.07498 2.69923 1.8665 2.99862 1.8665 3.33341H2.6665ZM7.99984 14.6667L7.64207 15.3823C7.8728 15.4977 8.14502 15.4947 8.37318 15.3743L7.99984 14.6667ZM12.3414 12.2816C12.6368 11.953 12.6099 11.4472 12.2814 11.1518C11.9528 10.8564 11.447 10.8833 11.1516 11.2119L12.3414 12.2816ZM1.23219 0.101063C0.91977 -0.211357 0.413238 -0.211357 0.100818 0.101063C-0.211601 0.413482 -0.211601 0.920014 0.100818 1.23243L1.23219 0.101063ZM14.7675 15.8991C15.0799 16.2115 15.5864 16.2115 15.8989 15.8991C16.2113 15.5867 16.2113 15.0801 15.8989 14.7677L14.7675 15.8991ZM13.8905 9.57057C14.0479 9.06359 14.1297 8.53618 14.1332 8.00535L12.5332 7.99481C12.5307 8.36836 12.4732 8.7395 12.3625 9.09626L13.8905 9.57057ZM14.1332 8.00008V3.33341H12.5332V8.00008H14.1332ZM13.6141 2.58435L8.28074 0.584351L7.71894 2.08248L13.0523 4.08248L13.6141 2.58435ZM7.71998 0.583962L5.61331 1.37063L6.17303 2.86953L8.2797 2.08287L7.71998 0.583962ZM2.87565 2.40309L2.38899 2.58309L2.94402 4.08374L3.43069 3.90374L2.87565 2.40309ZM1.8665 3.33341V8.00008H3.4665V3.33341H1.8665ZM1.8665 8.00008C1.8665 10.3572 3.42523 12.227 4.80637 13.4355C5.51374 14.0544 6.21734 14.5378 6.7425 14.866C7.00592 15.0306 7.22658 15.1576 7.38322 15.2443C7.46159 15.2877 7.52409 15.321 7.56807 15.3441C7.59007 15.3557 7.60745 15.3647 7.61989 15.371C7.62611 15.3742 7.6311 15.3768 7.63481 15.3786C7.63666 15.3796 7.6382 15.3803 7.63941 15.381C7.64001 15.3813 7.64054 15.3815 7.64098 15.3817C7.6412 15.3819 7.64147 15.382 7.64158 15.382C7.64184 15.3822 7.64207 15.3823 7.99984 14.6667C8.35761 13.9512 8.3578 13.9513 8.35797 13.9514C8.358 13.9514 8.35815 13.9515 8.35821 13.9515C8.35832 13.9516 8.35836 13.9516 8.35832 13.9516C8.35824 13.9515 8.35785 13.9513 8.35714 13.951C8.35572 13.9502 8.35305 13.9489 8.34918 13.9469C8.34144 13.9429 8.32887 13.9365 8.31181 13.9275C8.27767 13.9096 8.22558 13.8818 8.15812 13.8444C8.02309 13.7697 7.82709 13.657 7.5905 13.5092C7.11567 13.2124 6.48593 12.7791 5.85997 12.2314C4.57444 11.1065 3.4665 9.64293 3.4665 8.00008H1.8665ZM8.37318 15.3743C9.868 14.5855 11.2115 13.5385 12.3414 12.2816L11.1516 11.2119C10.1478 12.3284 8.95438 13.2585 7.6265 13.9592L8.37318 15.3743ZM0.100818 1.23243L14.7675 15.8991L15.8989 14.7677L1.23219 0.101063L0.100818 1.23243Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15979">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconShieldOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13610",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShieldOff size={size} />,
+  },
 );
-figma.connect(IconShieldOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13610", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShieldOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShoppingBag.tsx b/src/icons/IconShoppingBag.tsx
index 9e09b34..df31a85 100644
--- a/src/icons/IconShoppingBag.tsx
+++ b/src/icons/IconShoppingBag.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShoppingBag = (props: IconProps) => (
-  <Icon {...props}><path d="M4 1.33325V0.533252C3.74819 0.533252 3.51108 0.651807 3.36 0.853252L4 1.33325ZM2 3.99992L1.36 3.51992C1.25614 3.6584 1.2 3.82682 1.2 3.99992H2ZM2 13.3333H1.2H2ZM14 3.99992H14.8C14.8 3.82682 14.7439 3.6584 14.64 3.51992L14 3.99992ZM12 1.33325L12.64 0.853252C12.4889 0.651807 12.2518 0.533252 12 0.533252V1.33325ZM11.4667 6.66658C11.4667 6.22476 11.1085 5.86658 10.6667 5.86658C10.2248 5.86658 9.86667 6.22476 9.86667 6.66658H11.4667ZM8 9.33325V10.1333V9.33325ZM6.13333 6.66658C6.13333 6.22476 5.77516 5.86658 5.33333 5.86658C4.89151 5.86658 4.53333 6.22476 4.53333 6.66658H6.13333ZM3.36 0.853252L1.36 3.51992L2.64 4.47992L4.64 1.81325L3.36 0.853252ZM1.2 3.99992V13.3333H2.8V3.99992H1.2ZM1.2 13.3333C1.2 13.899 1.42476 14.4417 1.82484 14.8417L2.95621 13.7104C2.85619 13.6104 2.8 13.4747 2.8 13.3333H1.2ZM1.82484 14.8417C2.22492 15.2418 2.76754 15.4666 3.33333 15.4666V13.8666C3.19188 13.8666 3.05623 13.8104 2.95621 13.7104L1.82484 14.8417ZM3.33333 15.4666H12.6667V13.8666H3.33333V15.4666ZM12.6667 15.4666C13.2325 15.4666 13.7751 15.2418 14.1752 14.8417L13.0438 13.7104C12.9438 13.8104 12.8081 13.8666 12.6667 13.8666V15.4666ZM14.1752 14.8417C14.5752 14.4417 14.8 13.899 14.8 13.3333H13.2C13.2 13.4747 13.1438 13.6104 13.0438 13.7104L14.1752 14.8417ZM14.8 13.3333V3.99992H13.2V13.3333H14.8ZM14.64 3.51992L12.64 0.853252L11.36 1.81325L13.36 4.47992L14.64 3.51992ZM12 0.533252H4V2.13325H12V0.533252ZM2 4.79992H14V3.19992H2V4.79992ZM9.86667 6.66658C9.86667 7.16166 9.67 7.63645 9.31993 7.98652L10.4513 9.11789C11.1014 8.46776 11.4667 7.586 11.4667 6.66658H9.86667ZM9.31993 7.98652C8.96986 8.33659 8.49507 8.53325 8 8.53325V10.1333C8.91942 10.1333 9.80118 9.76801 10.4513 9.11789L9.31993 7.98652ZM8 8.53325C7.50493 8.53325 7.03013 8.33659 6.68007 7.98652L5.5487 9.11789C6.19882 9.76802 7.08058 10.1333 8 10.1333V8.53325ZM6.68007 7.98652C6.33 7.63645 6.13333 7.16166 6.13333 6.66658H4.53333C4.53333 7.586 4.89857 8.46776 5.5487 9.11789L6.68007 7.98652Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4 1.33325V0.533252C3.74819 0.533252 3.51108 0.651807 3.36 0.853252L4 1.33325ZM2 3.99992L1.36 3.51992C1.25614 3.6584 1.2 3.82682 1.2 3.99992H2ZM2 13.3333H1.2H2ZM14 3.99992H14.8C14.8 3.82682 14.7439 3.6584 14.64 3.51992L14 3.99992ZM12 1.33325L12.64 0.853252C12.4889 0.651807 12.2518 0.533252 12 0.533252V1.33325ZM11.4667 6.66658C11.4667 6.22476 11.1085 5.86658 10.6667 5.86658C10.2248 5.86658 9.86667 6.22476 9.86667 6.66658H11.4667ZM8 9.33325V10.1333V9.33325ZM6.13333 6.66658C6.13333 6.22476 5.77516 5.86658 5.33333 5.86658C4.89151 5.86658 4.53333 6.22476 4.53333 6.66658H6.13333ZM3.36 0.853252L1.36 3.51992L2.64 4.47992L4.64 1.81325L3.36 0.853252ZM1.2 3.99992V13.3333H2.8V3.99992H1.2ZM1.2 13.3333C1.2 13.899 1.42476 14.4417 1.82484 14.8417L2.95621 13.7104C2.85619 13.6104 2.8 13.4747 2.8 13.3333H1.2ZM1.82484 14.8417C2.22492 15.2418 2.76754 15.4666 3.33333 15.4666V13.8666C3.19188 13.8666 3.05623 13.8104 2.95621 13.7104L1.82484 14.8417ZM3.33333 15.4666H12.6667V13.8666H3.33333V15.4666ZM12.6667 15.4666C13.2325 15.4666 13.7751 15.2418 14.1752 14.8417L13.0438 13.7104C12.9438 13.8104 12.8081 13.8666 12.6667 13.8666V15.4666ZM14.1752 14.8417C14.5752 14.4417 14.8 13.899 14.8 13.3333H13.2C13.2 13.4747 13.1438 13.6104 13.0438 13.7104L14.1752 14.8417ZM14.8 13.3333V3.99992H13.2V13.3333H14.8ZM14.64 3.51992L12.64 0.853252L11.36 1.81325L13.36 4.47992L14.64 3.51992ZM12 0.533252H4V2.13325H12V0.533252ZM2 4.79992H14V3.19992H2V4.79992ZM9.86667 6.66658C9.86667 7.16166 9.67 7.63645 9.31993 7.98652L10.4513 9.11789C11.1014 8.46776 11.4667 7.586 11.4667 6.66658H9.86667ZM9.31993 7.98652C8.96986 8.33659 8.49507 8.53325 8 8.53325V10.1333C8.91942 10.1333 9.80118 9.76801 10.4513 9.11789L9.31993 7.98652ZM8 8.53325C7.50493 8.53325 7.03013 8.33659 6.68007 7.98652L5.5487 9.11789C6.19882 9.76802 7.08058 10.1333 8 10.1333V8.53325ZM6.68007 7.98652C6.33 7.63645 6.13333 7.16166 6.13333 6.66658H4.53333C4.53333 7.586 4.89857 8.46776 5.5487 9.11789L6.68007 7.98652Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconShoppingBag,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13612",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShoppingBag size={size} />,
+  },
 );
-figma.connect(IconShoppingBag, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13612", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShoppingBag size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShoppingCart.tsx b/src/icons/IconShoppingCart.tsx
index c23b5c5..2d91da7 100644
--- a/src/icons/IconShoppingCart.tsx
+++ b/src/icons/IconShoppingCart.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShoppingCart = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15985)"><path d="M0.666687 -0.133252C0.224859 -0.133252 -0.133313 0.22492 -0.133313 0.666748C-0.133313 1.10858 0.224859 1.46675 0.666687 1.46675V-0.133252ZM3.33335 0.666748L4.1178 0.509742C4.04296 0.135856 3.71466 -0.133252 3.33335 -0.133252V0.666748ZM5.12002 9.59342L5.90469 9.43756L5.90446 9.43641L5.12002 9.59342ZM6.45335 10.6667V9.86675C6.44824 9.86675 6.44313 9.8668 6.43803 9.8669L6.45335 10.6667ZM12.9334 10.6667L12.9487 9.8669C12.9436 9.8668 12.9385 9.86675 12.9334 9.86675V10.6667ZM14.2667 9.59342L15.0514 9.74927L15.0525 9.74328L14.2667 9.59342ZM15.3334 4.00008L16.1192 4.14994C16.1639 3.91574 16.1017 3.67383 15.9497 3.49013C15.7978 3.30642 15.5718 3.20008 15.3334 3.20008V4.00008ZM4.00002 3.20008C3.55819 3.20008 3.20002 3.55825 3.20002 4.00008C3.20002 4.44191 3.55819 4.80008 4.00002 4.80008V3.20008ZM5.86669 14.0001C5.86669 13.9264 5.92638 13.8667 6.00002 13.8667V15.4667C6.81004 15.4667 7.46669 14.8101 7.46669 14.0001H5.86669ZM6.00002 13.8667C6.07366 13.8667 6.13335 13.9264 6.13335 14.0001H4.53335C4.53335 14.8101 5.19 15.4667 6.00002 15.4667V13.8667ZM6.13335 14.0001C6.13335 14.0737 6.07366 14.1334 6.00002 14.1334V12.5334C5.19 12.5334 4.53335 13.1901 4.53335 14.0001H6.13335ZM6.00002 14.1334C5.92638 14.1334 5.86669 14.0737 5.86669 14.0001H7.46669C7.46669 13.1901 6.81004 12.5334 6.00002 12.5334V14.1334ZM13.2 14.0001C13.2 13.9264 13.2597 13.8667 13.3334 13.8667V15.4667C14.1434 15.4667 14.8 14.8101 14.8 14.0001H13.2ZM13.3334 13.8667C13.407 13.8667 13.4667 13.9264 13.4667 14.0001H11.8667C11.8667 14.8101 12.5233 15.4667 13.3334 15.4667V13.8667ZM13.4667 14.0001C13.4667 14.0737 13.407 14.1334 13.3334 14.1334V12.5334C12.5233 12.5334 11.8667 13.1901 11.8667 14.0001H13.4667ZM13.3334 14.1334C13.2597 14.1334 13.2 14.0737 13.2 14.0001H14.8C14.8 13.1901 14.1434 12.5334 13.3334 12.5334V14.1334ZM0.666687 1.46675H3.33335V-0.133252H0.666687V1.46675ZM2.54891 0.823754L4.33558 9.75042L5.90446 9.43641L4.1178 0.509742L2.54891 0.823754ZM4.33535 9.74927C4.43289 10.2404 4.70005 10.6815 5.09006 10.9955L6.09337 9.74911C5.99587 9.67062 5.92908 9.56034 5.90469 9.43756L4.33535 9.74927ZM5.09006 10.9955C5.48008 11.3094 5.96809 11.4762 6.46868 11.4666L6.43803 9.8669C6.31288 9.86929 6.19087 9.8276 6.09337 9.74911L5.09006 10.9955ZM6.45335 11.4667H12.9334V9.86675H6.45335V11.4667ZM12.918 11.4666C13.4186 11.4762 13.9066 11.3094 14.2966 10.9955L13.2933 9.74911C13.1958 9.8276 13.0738 9.86929 12.9487 9.8669L12.918 11.4666ZM14.2966 10.9955C14.6867 10.6815 14.9538 10.2404 15.0514 9.74927L13.482 9.43756C13.4576 9.56034 13.3908 9.67062 13.2933 9.74911L14.2966 10.9955ZM15.0525 9.74328L16.1192 4.14994L14.5475 3.85022L13.4808 9.44355L15.0525 9.74328ZM15.3334 3.20008H4.00002V4.80008H15.3334V3.20008Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15985"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15985)">
+      <path
+        d="M0.666687 -0.133252C0.224859 -0.133252 -0.133313 0.22492 -0.133313 0.666748C-0.133313 1.10858 0.224859 1.46675 0.666687 1.46675V-0.133252ZM3.33335 0.666748L4.1178 0.509742C4.04296 0.135856 3.71466 -0.133252 3.33335 -0.133252V0.666748ZM5.12002 9.59342L5.90469 9.43756L5.90446 9.43641L5.12002 9.59342ZM6.45335 10.6667V9.86675C6.44824 9.86675 6.44313 9.8668 6.43803 9.8669L6.45335 10.6667ZM12.9334 10.6667L12.9487 9.8669C12.9436 9.8668 12.9385 9.86675 12.9334 9.86675V10.6667ZM14.2667 9.59342L15.0514 9.74927L15.0525 9.74328L14.2667 9.59342ZM15.3334 4.00008L16.1192 4.14994C16.1639 3.91574 16.1017 3.67383 15.9497 3.49013C15.7978 3.30642 15.5718 3.20008 15.3334 3.20008V4.00008ZM4.00002 3.20008C3.55819 3.20008 3.20002 3.55825 3.20002 4.00008C3.20002 4.44191 3.55819 4.80008 4.00002 4.80008V3.20008ZM5.86669 14.0001C5.86669 13.9264 5.92638 13.8667 6.00002 13.8667V15.4667C6.81004 15.4667 7.46669 14.8101 7.46669 14.0001H5.86669ZM6.00002 13.8667C6.07366 13.8667 6.13335 13.9264 6.13335 14.0001H4.53335C4.53335 14.8101 5.19 15.4667 6.00002 15.4667V13.8667ZM6.13335 14.0001C6.13335 14.0737 6.07366 14.1334 6.00002 14.1334V12.5334C5.19 12.5334 4.53335 13.1901 4.53335 14.0001H6.13335ZM6.00002 14.1334C5.92638 14.1334 5.86669 14.0737 5.86669 14.0001H7.46669C7.46669 13.1901 6.81004 12.5334 6.00002 12.5334V14.1334ZM13.2 14.0001C13.2 13.9264 13.2597 13.8667 13.3334 13.8667V15.4667C14.1434 15.4667 14.8 14.8101 14.8 14.0001H13.2ZM13.3334 13.8667C13.407 13.8667 13.4667 13.9264 13.4667 14.0001H11.8667C11.8667 14.8101 12.5233 15.4667 13.3334 15.4667V13.8667ZM13.4667 14.0001C13.4667 14.0737 13.407 14.1334 13.3334 14.1334V12.5334C12.5233 12.5334 11.8667 13.1901 11.8667 14.0001H13.4667ZM13.3334 14.1334C13.2597 14.1334 13.2 14.0737 13.2 14.0001H14.8C14.8 13.1901 14.1434 12.5334 13.3334 12.5334V14.1334ZM0.666687 1.46675H3.33335V-0.133252H0.666687V1.46675ZM2.54891 0.823754L4.33558 9.75042L5.90446 9.43641L4.1178 0.509742L2.54891 0.823754ZM4.33535 9.74927C4.43289 10.2404 4.70005 10.6815 5.09006 10.9955L6.09337 9.74911C5.99587 9.67062 5.92908 9.56034 5.90469 9.43756L4.33535 9.74927ZM5.09006 10.9955C5.48008 11.3094 5.96809 11.4762 6.46868 11.4666L6.43803 9.8669C6.31288 9.86929 6.19087 9.8276 6.09337 9.74911L5.09006 10.9955ZM6.45335 11.4667H12.9334V9.86675H6.45335V11.4667ZM12.918 11.4666C13.4186 11.4762 13.9066 11.3094 14.2966 10.9955L13.2933 9.74911C13.1958 9.8276 13.0738 9.86929 12.9487 9.8669L12.918 11.4666ZM14.2966 10.9955C14.6867 10.6815 14.9538 10.2404 15.0514 9.74927L13.482 9.43756C13.4576 9.56034 13.3908 9.67062 13.2933 9.74911L14.2966 10.9955ZM15.0525 9.74328L16.1192 4.14994L14.5475 3.85022L13.4808 9.44355L15.0525 9.74328ZM15.3334 3.20008H4.00002V4.80008H15.3334V3.20008Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15985">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconShoppingCart,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13611",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShoppingCart size={size} />,
+  },
 );
-figma.connect(IconShoppingCart, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13611", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShoppingCart size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconShuffle.tsx b/src/icons/IconShuffle.tsx
index 0ec33eb..2247e43 100644
--- a/src/icons/IconShuffle.tsx
+++ b/src/icons/IconShuffle.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconShuffle = (props: IconProps) => (
-  <Icon {...props}><path d="M10.6666 1.2C10.2248 1.2 9.86663 1.55817 9.86663 2C9.86663 2.44183 10.2248 2.8 10.6666 2.8V1.2ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM13.2 5.33333C13.2 5.77516 13.5581 6.13333 14 6.13333C14.4418 6.13333 14.8 5.77516 14.8 5.33333H13.2ZM2.10094 12.7676C1.78852 13.0801 1.78852 13.5866 2.10094 13.899C2.41336 14.2114 2.91989 14.2114 3.23231 13.899L2.10094 12.7676ZM14.8 10.6667C14.8 10.2248 14.4418 9.86667 14 9.86667C13.5581 9.86667 13.2 10.2248 13.2 10.6667H14.8ZM14 14V14.8C14.4418 14.8 14.8 14.4418 14.8 14H14ZM10.6666 13.2C10.2248 13.2 9.86663 13.5582 9.86663 14C9.86663 14.4418 10.2248 14.8 10.6666 14.8V13.2ZM10.5656 9.43431C10.2532 9.1219 9.74669 9.1219 9.43427 9.43431C9.12185 9.74673 9.12185 10.2533 9.43427 10.5657L10.5656 9.43431ZM3.23231 2.10098C2.91989 1.78856 2.41336 1.78856 2.10094 2.10098C1.78852 2.4134 1.78852 2.91993 2.10094 3.23235L3.23231 2.10098ZM5.43427 6.56569C5.74669 6.8781 6.25323 6.87811 6.56564 6.56569C6.87806 6.25327 6.87806 5.74673 6.56564 5.43431L5.43427 6.56569ZM10.6666 2.8H14V1.2H10.6666V2.8ZM13.2 2V5.33333H14.8V2H13.2ZM3.23231 13.899L14.5656 2.56569L13.4343 1.43431L2.10094 12.7676L3.23231 13.899ZM13.2 10.6667V14H14.8V10.6667H13.2ZM14 13.2H10.6666V14.8H14V13.2ZM9.43427 10.5657L13.4343 14.5657L14.5656 13.4343L10.5656 9.43431L9.43427 10.5657ZM2.10094 3.23235L5.43427 6.56569L6.56564 5.43431L3.23231 2.10098L2.10094 3.23235Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M10.6666 1.2C10.2248 1.2 9.86663 1.55817 9.86663 2C9.86663 2.44183 10.2248 2.8 10.6666 2.8V1.2ZM14 2H14.8C14.8 1.55817 14.4418 1.2 14 1.2V2ZM13.2 5.33333C13.2 5.77516 13.5581 6.13333 14 6.13333C14.4418 6.13333 14.8 5.77516 14.8 5.33333H13.2ZM2.10094 12.7676C1.78852 13.0801 1.78852 13.5866 2.10094 13.899C2.41336 14.2114 2.91989 14.2114 3.23231 13.899L2.10094 12.7676ZM14.8 10.6667C14.8 10.2248 14.4418 9.86667 14 9.86667C13.5581 9.86667 13.2 10.2248 13.2 10.6667H14.8ZM14 14V14.8C14.4418 14.8 14.8 14.4418 14.8 14H14ZM10.6666 13.2C10.2248 13.2 9.86663 13.5582 9.86663 14C9.86663 14.4418 10.2248 14.8 10.6666 14.8V13.2ZM10.5656 9.43431C10.2532 9.1219 9.74669 9.1219 9.43427 9.43431C9.12185 9.74673 9.12185 10.2533 9.43427 10.5657L10.5656 9.43431ZM3.23231 2.10098C2.91989 1.78856 2.41336 1.78856 2.10094 2.10098C1.78852 2.4134 1.78852 2.91993 2.10094 3.23235L3.23231 2.10098ZM5.43427 6.56569C5.74669 6.8781 6.25323 6.87811 6.56564 6.56569C6.87806 6.25327 6.87806 5.74673 6.56564 5.43431L5.43427 6.56569ZM10.6666 2.8H14V1.2H10.6666V2.8ZM13.2 2V5.33333H14.8V2H13.2ZM3.23231 13.899L14.5656 2.56569L13.4343 1.43431L2.10094 12.7676L3.23231 13.899ZM13.2 10.6667V14H14.8V10.6667H13.2ZM14 13.2H10.6666V14.8H14V13.2ZM9.43427 10.5657L13.4343 14.5657L14.5656 13.4343L10.5656 9.43431L9.43427 10.5657ZM2.10094 3.23235L5.43427 6.56569L6.56564 5.43431L3.23231 2.10098L2.10094 3.23235Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconShuffle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13614",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconShuffle size={size} />,
+  },
 );
-figma.connect(IconShuffle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13614", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconShuffle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSidebar.tsx b/src/icons/IconSidebar.tsx
index dbb1c6b..8791929 100644
--- a/src/icons/IconSidebar.tsx
+++ b/src/icons/IconSidebar.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSidebar = (props: IconProps) => (
-  <Icon {...props}><path d="M6.8 2C6.8 1.55817 6.44183 1.2 6 1.2C5.55817 1.2 5.2 1.55817 5.2 2H6.8ZM5.2 14C5.2 14.4418 5.55817 14.8 6 14.8C6.44183 14.8 6.8 14.4418 6.8 14H5.2ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.2 2V14H6.8V2H5.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.8 2C6.8 1.55817 6.44183 1.2 6 1.2C5.55817 1.2 5.2 1.55817 5.2 2H6.8ZM5.2 14C5.2 14.4418 5.55817 14.8 6 14.8C6.44183 14.8 6.8 14.4418 6.8 14H5.2ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.2 2V14H6.8V2H5.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSidebar,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13613",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSidebar size={size} />,
+  },
 );
-figma.connect(IconSidebar, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13613", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSidebar size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSkipBack.tsx b/src/icons/IconSkipBack.tsx
index 61ae63e..1abd262 100644
--- a/src/icons/IconSkipBack.tsx
+++ b/src/icons/IconSkipBack.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSkipBack = (props: IconProps) => (
-  <Icon {...props}><path d="M12.6666 13.3334L12.1668 13.9581C12.407 14.1502 12.736 14.1877 13.0131 14.0545C13.2903 13.9212 13.4666 13.6409 13.4666 13.3334H12.6666ZM5.99992 8.00008L5.50016 7.37539C5.31039 7.5272 5.19992 7.75705 5.19992 8.00008C5.19992 8.24311 5.31039 8.47296 5.50016 8.62478L5.99992 8.00008ZM12.6666 2.66675H13.4666C13.4666 2.35922 13.2903 2.07892 13.0131 1.94571C12.736 1.81249 12.407 1.84994 12.1668 2.04205L12.6666 2.66675ZM2.53325 12.6667C2.53325 13.1086 2.89142 13.4667 3.33325 13.4667C3.77508 13.4667 4.13325 13.1086 4.13325 12.6667H2.53325ZM4.13325 3.33341C4.13325 2.89159 3.77508 2.53341 3.33325 2.53341C2.89142 2.53341 2.53325 2.89159 2.53325 3.33341H4.13325ZM13.1663 12.7087L6.49967 7.37539L5.50016 8.62478L12.1668 13.9581L13.1663 12.7087ZM6.49967 8.62478L13.1663 3.29144L12.1668 2.04205L5.50016 7.37539L6.49967 8.62478ZM11.8666 2.66675V13.3334H13.4666V2.66675H11.8666ZM4.13325 12.6667V3.33341H2.53325V12.6667H4.13325Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.6666 13.3334L12.1668 13.9581C12.407 14.1502 12.736 14.1877 13.0131 14.0545C13.2903 13.9212 13.4666 13.6409 13.4666 13.3334H12.6666ZM5.99992 8.00008L5.50016 7.37539C5.31039 7.5272 5.19992 7.75705 5.19992 8.00008C5.19992 8.24311 5.31039 8.47296 5.50016 8.62478L5.99992 8.00008ZM12.6666 2.66675H13.4666C13.4666 2.35922 13.2903 2.07892 13.0131 1.94571C12.736 1.81249 12.407 1.84994 12.1668 2.04205L12.6666 2.66675ZM2.53325 12.6667C2.53325 13.1086 2.89142 13.4667 3.33325 13.4667C3.77508 13.4667 4.13325 13.1086 4.13325 12.6667H2.53325ZM4.13325 3.33341C4.13325 2.89159 3.77508 2.53341 3.33325 2.53341C2.89142 2.53341 2.53325 2.89159 2.53325 3.33341H4.13325ZM13.1663 12.7087L6.49967 7.37539L5.50016 8.62478L12.1668 13.9581L13.1663 12.7087ZM6.49967 8.62478L13.1663 3.29144L12.1668 2.04205L5.50016 7.37539L6.49967 8.62478ZM11.8666 2.66675V13.3334H13.4666V2.66675H11.8666ZM4.13325 12.6667V3.33341H2.53325V12.6667H4.13325Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSkipBack,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13616",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSkipBack size={size} />,
+  },
 );
-figma.connect(IconSkipBack, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13616", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSkipBack size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSkipForward.tsx b/src/icons/IconSkipForward.tsx
index 0e745ae..cc797c9 100644
--- a/src/icons/IconSkipForward.tsx
+++ b/src/icons/IconSkipForward.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSkipForward = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33325 2.66675L3.83301 2.04205C3.59287 1.84994 3.26387 1.81249 2.9867 1.94571C2.70953 2.07892 2.53325 2.35922 2.53325 2.66675H3.33325ZM9.99992 8.00008L10.4997 8.62478C10.6894 8.47296 10.7999 8.24311 10.7999 8.00008C10.7999 7.75705 10.6894 7.5272 10.4997 7.37539L9.99992 8.00008ZM3.33325 13.3334H2.53325C2.53325 13.6409 2.70953 13.9212 2.9867 14.0545C3.26387 14.1877 3.59287 14.1502 3.83301 13.9581L3.33325 13.3334ZM13.4666 3.33341C13.4666 2.89159 13.1084 2.53341 12.6666 2.53341C12.2248 2.53341 11.8666 2.89159 11.8666 3.33341H13.4666ZM11.8666 12.6667C11.8666 13.1086 12.2248 13.4667 12.6666 13.4667C13.1084 13.4667 13.4666 13.1086 13.4666 12.6667H11.8666ZM2.8335 3.29144L9.50016 8.62478L10.4997 7.37539L3.83301 2.04205L2.8335 3.29144ZM9.50016 7.37539L2.8335 12.7087L3.83301 13.9581L10.4997 8.62478L9.50016 7.37539ZM4.13325 13.3334V2.66675H2.53325V13.3334H4.13325ZM11.8666 3.33341V12.6667H13.4666V3.33341H11.8666Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33325 2.66675L3.83301 2.04205C3.59287 1.84994 3.26387 1.81249 2.9867 1.94571C2.70953 2.07892 2.53325 2.35922 2.53325 2.66675H3.33325ZM9.99992 8.00008L10.4997 8.62478C10.6894 8.47296 10.7999 8.24311 10.7999 8.00008C10.7999 7.75705 10.6894 7.5272 10.4997 7.37539L9.99992 8.00008ZM3.33325 13.3334H2.53325C2.53325 13.6409 2.70953 13.9212 2.9867 14.0545C3.26387 14.1877 3.59287 14.1502 3.83301 13.9581L3.33325 13.3334ZM13.4666 3.33341C13.4666 2.89159 13.1084 2.53341 12.6666 2.53341C12.2248 2.53341 11.8666 2.89159 11.8666 3.33341H13.4666ZM11.8666 12.6667C11.8666 13.1086 12.2248 13.4667 12.6666 13.4667C13.1084 13.4667 13.4666 13.1086 13.4666 12.6667H11.8666ZM2.8335 3.29144L9.50016 8.62478L10.4997 7.37539L3.83301 2.04205L2.8335 3.29144ZM9.50016 7.37539L2.8335 12.7087L3.83301 13.9581L10.4997 8.62478L9.50016 7.37539ZM4.13325 13.3334V2.66675H2.53325V13.3334H4.13325ZM11.8666 3.33341V12.6667H13.4666V3.33341H11.8666Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSkipForward,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13615",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSkipForward size={size} />,
+  },
 );
-figma.connect(IconSkipForward, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13615", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSkipForward size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSlack.tsx b/src/icons/IconSlack.tsx
index 3e1ea4d..489068e 100644
--- a/src/icons/IconSlack.tsx
+++ b/src/icons/IconSlack.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSlack = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15995)"><path d="M12.6666 6.66659H11.8666C11.8666 7.10841 12.2248 7.46659 12.6666 7.46659V6.66659ZM3.33325 9.33325H4.13325C4.13325 8.89142 3.77508 8.53325 3.33325 8.53325V9.33325ZM9.33325 12.6666V11.8666C8.89142 11.8666 8.53325 12.2248 8.53325 12.6666H9.33325ZM6.66659 3.33325V4.13325C7.10841 4.13325 7.46659 3.77508 7.46659 3.33325H6.66659ZM9.66658 5.86659C9.55508 5.86659 9.46659 5.77809 9.46659 5.66659H7.86658C7.86658 6.66175 8.67142 7.46659 9.66658 7.46659V5.86659ZM9.46659 5.66659V2.33325H7.86658V5.66659H9.46659ZM9.46659 2.33325C9.46659 2.22175 9.55508 2.13325 9.66658 2.13325V0.533252C8.67142 0.533252 7.86658 1.33809 7.86658 2.33325H9.46659ZM9.66658 2.13325C9.77809 2.13325 9.86658 2.22175 9.86658 2.33325H11.4666C11.4666 1.33809 10.6617 0.533252 9.66658 0.533252V2.13325ZM9.86658 2.33325V5.66659H11.4666V2.33325H9.86658ZM9.86658 5.66659C9.86658 5.77809 9.77809 5.86659 9.66658 5.86659V7.46659C10.6617 7.46659 11.4666 6.66175 11.4666 5.66659H9.86658ZM13.6666 5.86659H12.6666V7.46659H13.6666V5.86659ZM13.4666 6.66659V5.66659H11.8666V6.66659H13.4666ZM13.4666 5.66659C13.4666 5.55508 13.5551 5.46659 13.6666 5.46659V3.86659C12.6714 3.86659 11.8666 4.67142 11.8666 5.66659H13.4666ZM13.6666 5.46659C13.7781 5.46659 13.8666 5.55508 13.8666 5.66659H15.4666C15.4666 4.67142 14.6617 3.86659 13.6666 3.86659V5.46659ZM13.8666 5.66659C13.8666 5.77809 13.7781 5.86659 13.6666 5.86659V7.46659C14.6617 7.46659 15.4666 6.66175 15.4666 5.66659H13.8666ZM6.33325 10.1333C6.44476 10.1333 6.53325 10.2217 6.53325 10.3333H8.13325C8.13325 9.33809 7.32841 8.53325 6.33325 8.53325V10.1333ZM6.53325 10.3333V13.6666H8.13325V10.3333H6.53325ZM6.53325 13.6666C6.53325 13.7781 6.44476 13.8666 6.33325 13.8666V15.4666C7.32841 15.4666 8.13325 14.6617 8.13325 13.6666H6.53325ZM6.33325 13.8666C6.22175 13.8666 6.13325 13.7781 6.13325 13.6666H4.53325C4.53325 14.6617 5.33809 15.4666 6.33325 15.4666V13.8666ZM6.13325 13.6666V10.3333H4.53325V13.6666H6.13325ZM6.13325 10.3333C6.13325 10.2217 6.22175 10.1333 6.33325 10.1333V8.53325C5.33809 8.53325 4.53325 9.33809 4.53325 10.3333H6.13325ZM2.33325 10.1333H3.33325V8.53325H2.33325V10.1333ZM2.53325 9.33325V10.3333H4.13325V9.33325H2.53325ZM2.53325 10.3333C2.53325 10.4448 2.44476 10.5333 2.33325 10.5333V12.1333C3.32841 12.1333 4.13325 11.3284 4.13325 10.3333H2.53325ZM2.33325 10.5333C2.22175 10.5333 2.13325 10.4448 2.13325 10.3333H0.533252C0.533252 11.3284 1.33809 12.1333 2.33325 12.1333V10.5333ZM2.13325 10.3333C2.13325 10.2217 2.22175 10.1333 2.33325 10.1333V8.53325C1.33809 8.53325 0.533252 9.33809 0.533252 10.3333H2.13325ZM10.1333 9.66658C10.1333 9.55508 10.2217 9.46659 10.3333 9.46659V7.86658C9.33809 7.86658 8.53325 8.67142 8.53325 9.66658H10.1333ZM10.3333 9.46659H13.6666V7.86658H10.3333V9.46659ZM13.6666 9.46659C13.7781 9.46659 13.8666 9.55508 13.8666 9.66658H15.4666C15.4666 8.67142 14.6617 7.86658 13.6666 7.86658V9.46659ZM13.8666 9.66658C13.8666 9.77809 13.7781 9.86658 13.6666 9.86658V11.4666C14.6617 11.4666 15.4666 10.6617 15.4666 9.66658H13.8666ZM13.6666 9.86658H10.3333V11.4666H13.6666V9.86658ZM10.3333 9.86658C10.2217 9.86658 10.1333 9.77809 10.1333 9.66658H8.53325C8.53325 10.6617 9.33809 11.4666 10.3333 11.4666V9.86658ZM10.3333 11.8666H9.33325V13.4666H10.3333V11.8666ZM8.53325 12.6666V13.6666H10.1333V12.6666H8.53325ZM8.53325 13.6666C8.53325 14.6617 9.33809 15.4666 10.3333 15.4666V13.8666C10.2217 13.8666 10.1333 13.7781 10.1333 13.6666H8.53325ZM10.3333 15.4666C11.3284 15.4666 12.1333 14.6617 12.1333 13.6666H10.5333C10.5333 13.7781 10.4448 13.8666 10.3333 13.8666V15.4666ZM12.1333 13.6666C12.1333 12.6714 11.3284 11.8666 10.3333 11.8666V13.4666C10.4448 13.4666 10.5333 13.5551 10.5333 13.6666H12.1333ZM7.46659 6.33325C7.46659 5.33809 6.66175 4.53325 5.66659 4.53325V6.13325C5.77809 6.13325 5.86659 6.22175 5.86659 6.33325H7.46659ZM5.66659 4.53325H2.33325V6.13325H5.66659V4.53325ZM2.33325 4.53325C1.33809 4.53325 0.533252 5.33809 0.533252 6.33325H2.13325C2.13325 6.22175 2.22175 6.13325 2.33325 6.13325V4.53325ZM0.533252 6.33325C0.533252 7.32841 1.33809 8.13325 2.33325 8.13325V6.53325C2.22175 6.53325 2.13325 6.44476 2.13325 6.33325H0.533252ZM2.33325 8.13325H5.66659V6.53325H2.33325V8.13325ZM5.66659 8.13325C6.66175 8.13325 7.46659 7.32841 7.46659 6.33325H5.86659C5.86659 6.44476 5.77809 6.53325 5.66659 6.53325V8.13325ZM5.66659 4.13325H6.66659V2.53325H5.66659V4.13325ZM7.46659 3.33325V2.33325H5.86659V3.33325H7.46659ZM7.46659 2.33325C7.46659 1.33809 6.66175 0.533252 5.66659 0.533252V2.13325C5.77809 2.13325 5.86659 2.22175 5.86659 2.33325H7.46659ZM5.66659 0.533252C4.67142 0.533252 3.86659 1.33809 3.86659 2.33325H5.46659C5.46659 2.22175 5.55508 2.13325 5.66659 2.13325V0.533252ZM3.86659 2.33325C3.86659 3.32841 4.67142 4.13325 5.66659 4.13325V2.53325C5.55508 2.53325 5.46659 2.44476 5.46659 2.33325H3.86659Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15995"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15995)">
+      <path
+        d="M12.6666 6.66659H11.8666C11.8666 7.10841 12.2248 7.46659 12.6666 7.46659V6.66659ZM3.33325 9.33325H4.13325C4.13325 8.89142 3.77508 8.53325 3.33325 8.53325V9.33325ZM9.33325 12.6666V11.8666C8.89142 11.8666 8.53325 12.2248 8.53325 12.6666H9.33325ZM6.66659 3.33325V4.13325C7.10841 4.13325 7.46659 3.77508 7.46659 3.33325H6.66659ZM9.66658 5.86659C9.55508 5.86659 9.46659 5.77809 9.46659 5.66659H7.86658C7.86658 6.66175 8.67142 7.46659 9.66658 7.46659V5.86659ZM9.46659 5.66659V2.33325H7.86658V5.66659H9.46659ZM9.46659 2.33325C9.46659 2.22175 9.55508 2.13325 9.66658 2.13325V0.533252C8.67142 0.533252 7.86658 1.33809 7.86658 2.33325H9.46659ZM9.66658 2.13325C9.77809 2.13325 9.86658 2.22175 9.86658 2.33325H11.4666C11.4666 1.33809 10.6617 0.533252 9.66658 0.533252V2.13325ZM9.86658 2.33325V5.66659H11.4666V2.33325H9.86658ZM9.86658 5.66659C9.86658 5.77809 9.77809 5.86659 9.66658 5.86659V7.46659C10.6617 7.46659 11.4666 6.66175 11.4666 5.66659H9.86658ZM13.6666 5.86659H12.6666V7.46659H13.6666V5.86659ZM13.4666 6.66659V5.66659H11.8666V6.66659H13.4666ZM13.4666 5.66659C13.4666 5.55508 13.5551 5.46659 13.6666 5.46659V3.86659C12.6714 3.86659 11.8666 4.67142 11.8666 5.66659H13.4666ZM13.6666 5.46659C13.7781 5.46659 13.8666 5.55508 13.8666 5.66659H15.4666C15.4666 4.67142 14.6617 3.86659 13.6666 3.86659V5.46659ZM13.8666 5.66659C13.8666 5.77809 13.7781 5.86659 13.6666 5.86659V7.46659C14.6617 7.46659 15.4666 6.66175 15.4666 5.66659H13.8666ZM6.33325 10.1333C6.44476 10.1333 6.53325 10.2217 6.53325 10.3333H8.13325C8.13325 9.33809 7.32841 8.53325 6.33325 8.53325V10.1333ZM6.53325 10.3333V13.6666H8.13325V10.3333H6.53325ZM6.53325 13.6666C6.53325 13.7781 6.44476 13.8666 6.33325 13.8666V15.4666C7.32841 15.4666 8.13325 14.6617 8.13325 13.6666H6.53325ZM6.33325 13.8666C6.22175 13.8666 6.13325 13.7781 6.13325 13.6666H4.53325C4.53325 14.6617 5.33809 15.4666 6.33325 15.4666V13.8666ZM6.13325 13.6666V10.3333H4.53325V13.6666H6.13325ZM6.13325 10.3333C6.13325 10.2217 6.22175 10.1333 6.33325 10.1333V8.53325C5.33809 8.53325 4.53325 9.33809 4.53325 10.3333H6.13325ZM2.33325 10.1333H3.33325V8.53325H2.33325V10.1333ZM2.53325 9.33325V10.3333H4.13325V9.33325H2.53325ZM2.53325 10.3333C2.53325 10.4448 2.44476 10.5333 2.33325 10.5333V12.1333C3.32841 12.1333 4.13325 11.3284 4.13325 10.3333H2.53325ZM2.33325 10.5333C2.22175 10.5333 2.13325 10.4448 2.13325 10.3333H0.533252C0.533252 11.3284 1.33809 12.1333 2.33325 12.1333V10.5333ZM2.13325 10.3333C2.13325 10.2217 2.22175 10.1333 2.33325 10.1333V8.53325C1.33809 8.53325 0.533252 9.33809 0.533252 10.3333H2.13325ZM10.1333 9.66658C10.1333 9.55508 10.2217 9.46659 10.3333 9.46659V7.86658C9.33809 7.86658 8.53325 8.67142 8.53325 9.66658H10.1333ZM10.3333 9.46659H13.6666V7.86658H10.3333V9.46659ZM13.6666 9.46659C13.7781 9.46659 13.8666 9.55508 13.8666 9.66658H15.4666C15.4666 8.67142 14.6617 7.86658 13.6666 7.86658V9.46659ZM13.8666 9.66658C13.8666 9.77809 13.7781 9.86658 13.6666 9.86658V11.4666C14.6617 11.4666 15.4666 10.6617 15.4666 9.66658H13.8666ZM13.6666 9.86658H10.3333V11.4666H13.6666V9.86658ZM10.3333 9.86658C10.2217 9.86658 10.1333 9.77809 10.1333 9.66658H8.53325C8.53325 10.6617 9.33809 11.4666 10.3333 11.4666V9.86658ZM10.3333 11.8666H9.33325V13.4666H10.3333V11.8666ZM8.53325 12.6666V13.6666H10.1333V12.6666H8.53325ZM8.53325 13.6666C8.53325 14.6617 9.33809 15.4666 10.3333 15.4666V13.8666C10.2217 13.8666 10.1333 13.7781 10.1333 13.6666H8.53325ZM10.3333 15.4666C11.3284 15.4666 12.1333 14.6617 12.1333 13.6666H10.5333C10.5333 13.7781 10.4448 13.8666 10.3333 13.8666V15.4666ZM12.1333 13.6666C12.1333 12.6714 11.3284 11.8666 10.3333 11.8666V13.4666C10.4448 13.4666 10.5333 13.5551 10.5333 13.6666H12.1333ZM7.46659 6.33325C7.46659 5.33809 6.66175 4.53325 5.66659 4.53325V6.13325C5.77809 6.13325 5.86659 6.22175 5.86659 6.33325H7.46659ZM5.66659 4.53325H2.33325V6.13325H5.66659V4.53325ZM2.33325 4.53325C1.33809 4.53325 0.533252 5.33809 0.533252 6.33325H2.13325C2.13325 6.22175 2.22175 6.13325 2.33325 6.13325V4.53325ZM0.533252 6.33325C0.533252 7.32841 1.33809 8.13325 2.33325 8.13325V6.53325C2.22175 6.53325 2.13325 6.44476 2.13325 6.33325H0.533252ZM2.33325 8.13325H5.66659V6.53325H2.33325V8.13325ZM5.66659 8.13325C6.66175 8.13325 7.46659 7.32841 7.46659 6.33325H5.86659C5.86659 6.44476 5.77809 6.53325 5.66659 6.53325V8.13325ZM5.66659 4.13325H6.66659V2.53325H5.66659V4.13325ZM7.46659 3.33325V2.33325H5.86659V3.33325H7.46659ZM7.46659 2.33325C7.46659 1.33809 6.66175 0.533252 5.66659 0.533252V2.13325C5.77809 2.13325 5.86659 2.22175 5.86659 2.33325H7.46659ZM5.66659 0.533252C4.67142 0.533252 3.86659 1.33809 3.86659 2.33325H5.46659C5.46659 2.22175 5.55508 2.13325 5.66659 2.13325V0.533252ZM3.86659 2.33325C3.86659 3.32841 4.67142 4.13325 5.66659 4.13325V2.53325C5.55508 2.53325 5.46659 2.44476 5.46659 2.33325H3.86659Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15995">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSlack,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13618",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSlack size={size} />,
+  },
 );
-figma.connect(IconSlack, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13618", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSlack size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSlash.tsx b/src/icons/IconSlash.tsx
index 5c3178f..2df04f4 100644
--- a/src/icons/IconSlash.tsx
+++ b/src/icons/IconSlash.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSlash = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15997)"><path d="M3.85251 2.7209C3.5401 2.40848 3.03356 2.40848 2.72114 2.7209C2.40872 3.03332 2.40872 3.53985 2.72114 3.85227L3.85251 2.7209ZM12.1478 13.2789C12.4602 13.5914 12.9668 13.5914 13.2792 13.2789C13.5916 12.9665 13.5916 12.46 13.2792 12.1476L12.1478 13.2789ZM13.8668 7.99992C13.8668 11.24 11.2402 13.8666 8.00016 13.8666V15.4666C12.1239 15.4666 15.4668 12.1236 15.4668 7.99992H13.8668ZM8.00016 13.8666C4.76009 13.8666 2.1335 11.24 2.1335 7.99992H0.533496C0.533496 12.1236 3.87644 15.4666 8.00016 15.4666V13.8666ZM2.1335 7.99992C2.1335 4.75985 4.76009 2.13325 8.00016 2.13325V0.533252C3.87644 0.533252 0.533496 3.87619 0.533496 7.99992H2.1335ZM8.00016 2.13325C11.2402 2.13325 13.8668 4.75985 13.8668 7.99992H15.4668C15.4668 3.87619 12.1239 0.533252 8.00016 0.533252V2.13325ZM2.72114 3.85227L12.1478 13.2789L13.2792 12.1476L3.85251 2.7209L2.72114 3.85227Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15997"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15997)">
+      <path
+        d="M3.85251 2.7209C3.5401 2.40848 3.03356 2.40848 2.72114 2.7209C2.40872 3.03332 2.40872 3.53985 2.72114 3.85227L3.85251 2.7209ZM12.1478 13.2789C12.4602 13.5914 12.9668 13.5914 13.2792 13.2789C13.5916 12.9665 13.5916 12.46 13.2792 12.1476L12.1478 13.2789ZM13.8668 7.99992C13.8668 11.24 11.2402 13.8666 8.00016 13.8666V15.4666C12.1239 15.4666 15.4668 12.1236 15.4668 7.99992H13.8668ZM8.00016 13.8666C4.76009 13.8666 2.1335 11.24 2.1335 7.99992H0.533496C0.533496 12.1236 3.87644 15.4666 8.00016 15.4666V13.8666ZM2.1335 7.99992C2.1335 4.75985 4.76009 2.13325 8.00016 2.13325V0.533252C3.87644 0.533252 0.533496 3.87619 0.533496 7.99992H2.1335ZM8.00016 2.13325C11.2402 2.13325 13.8668 4.75985 13.8668 7.99992H15.4668C15.4668 3.87619 12.1239 0.533252 8.00016 0.533252V2.13325ZM2.72114 3.85227L12.1478 13.2789L13.2792 12.1476L3.85251 2.7209L2.72114 3.85227Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15997">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSlash,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13617",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSlash size={size} />,
+  },
 );
-figma.connect(IconSlash, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13617", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSlash size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSliders.tsx b/src/icons/IconSliders.tsx
index 8ea89f0..cab7f30 100644
--- a/src/icons/IconSliders.tsx
+++ b/src/icons/IconSliders.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSliders = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_15999)"><path d="M1.8665 14C1.8665 14.4418 2.22468 14.8 2.6665 14.8C3.10833 14.8 3.4665 14.4418 3.4665 14H1.8665ZM3.4665 9.33333C3.4665 8.89151 3.10833 8.53333 2.6665 8.53333C2.22468 8.53333 1.8665 8.89151 1.8665 9.33333H3.4665ZM1.8665 6.66667C1.8665 7.10849 2.22468 7.46667 2.6665 7.46667C3.10833 7.46667 3.4665 7.10849 3.4665 6.66667H1.8665ZM3.4665 2C3.4665 1.55817 3.10833 1.2 2.6665 1.2C2.22468 1.2 1.8665 1.55817 1.8665 2H3.4665ZM7.19984 14C7.19984 14.4418 7.55801 14.8 7.99984 14.8C8.44166 14.8 8.79984 14.4418 8.79984 14H7.19984ZM8.79984 8C8.79984 7.55817 8.44166 7.2 7.99984 7.2C7.55801 7.2 7.19984 7.55817 7.19984 8H8.79984ZM7.19984 5.33333C7.19984 5.77516 7.55801 6.13333 7.99984 6.13333C8.44166 6.13333 8.79984 5.77516 8.79984 5.33333H7.19984ZM8.79984 2C8.79984 1.55817 8.44166 1.2 7.99984 1.2C7.55801 1.2 7.19984 1.55817 7.19984 2H8.79984ZM12.5332 14C12.5332 14.4418 12.8913 14.8 13.3332 14.8C13.775 14.8 14.1332 14.4418 14.1332 14H12.5332ZM14.1332 10.6667C14.1332 10.2248 13.775 9.86667 13.3332 9.86667C12.8913 9.86667 12.5332 10.2248 12.5332 10.6667H14.1332ZM12.5332 8C12.5332 8.44183 12.8913 8.8 13.3332 8.8C13.775 8.8 14.1332 8.44183 14.1332 8H12.5332ZM14.1332 2C14.1332 1.55817 13.775 1.2 13.3332 1.2C12.8913 1.2 12.5332 1.55817 12.5332 2H14.1332ZM0.666504 8.53333C0.224676 8.53333 -0.133496 8.89151 -0.133496 9.33333C-0.133496 9.77516 0.224676 10.1333 0.666504 10.1333V8.53333ZM4.6665 10.1333C5.10833 10.1333 5.4665 9.77516 5.4665 9.33333C5.4665 8.89151 5.10833 8.53333 4.6665 8.53333V10.1333ZM5.99984 4.53333C5.55801 4.53333 5.19984 4.89151 5.19984 5.33333C5.19984 5.77516 5.55801 6.13333 5.99984 6.13333V4.53333ZM9.99984 6.13333C10.4417 6.13333 10.7998 5.77516 10.7998 5.33333C10.7998 4.89151 10.4417 4.53333 9.99984 4.53333V6.13333ZM11.3332 9.86667C10.8913 9.86667 10.5332 10.2248 10.5332 10.6667C10.5332 11.1085 10.8913 11.4667 11.3332 11.4667V9.86667ZM15.3332 11.4667C15.775 11.4667 16.1332 11.1085 16.1332 10.6667C16.1332 10.2248 15.775 9.86667 15.3332 9.86667V11.4667ZM3.4665 14V9.33333H1.8665V14H3.4665ZM3.4665 6.66667V2H1.8665V6.66667H3.4665ZM8.79984 14V8H7.19984V14H8.79984ZM8.79984 5.33333V2H7.19984V5.33333H8.79984ZM14.1332 14V10.6667H12.5332V14H14.1332ZM14.1332 8V2H12.5332V8H14.1332ZM0.666504 10.1333H4.6665V8.53333H0.666504V10.1333ZM5.99984 6.13333H9.99984V4.53333H5.99984V6.13333ZM11.3332 11.4667H15.3332V9.86667H11.3332V11.4667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_15999"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_15999)">
+      <path
+        d="M1.8665 14C1.8665 14.4418 2.22468 14.8 2.6665 14.8C3.10833 14.8 3.4665 14.4418 3.4665 14H1.8665ZM3.4665 9.33333C3.4665 8.89151 3.10833 8.53333 2.6665 8.53333C2.22468 8.53333 1.8665 8.89151 1.8665 9.33333H3.4665ZM1.8665 6.66667C1.8665 7.10849 2.22468 7.46667 2.6665 7.46667C3.10833 7.46667 3.4665 7.10849 3.4665 6.66667H1.8665ZM3.4665 2C3.4665 1.55817 3.10833 1.2 2.6665 1.2C2.22468 1.2 1.8665 1.55817 1.8665 2H3.4665ZM7.19984 14C7.19984 14.4418 7.55801 14.8 7.99984 14.8C8.44166 14.8 8.79984 14.4418 8.79984 14H7.19984ZM8.79984 8C8.79984 7.55817 8.44166 7.2 7.99984 7.2C7.55801 7.2 7.19984 7.55817 7.19984 8H8.79984ZM7.19984 5.33333C7.19984 5.77516 7.55801 6.13333 7.99984 6.13333C8.44166 6.13333 8.79984 5.77516 8.79984 5.33333H7.19984ZM8.79984 2C8.79984 1.55817 8.44166 1.2 7.99984 1.2C7.55801 1.2 7.19984 1.55817 7.19984 2H8.79984ZM12.5332 14C12.5332 14.4418 12.8913 14.8 13.3332 14.8C13.775 14.8 14.1332 14.4418 14.1332 14H12.5332ZM14.1332 10.6667C14.1332 10.2248 13.775 9.86667 13.3332 9.86667C12.8913 9.86667 12.5332 10.2248 12.5332 10.6667H14.1332ZM12.5332 8C12.5332 8.44183 12.8913 8.8 13.3332 8.8C13.775 8.8 14.1332 8.44183 14.1332 8H12.5332ZM14.1332 2C14.1332 1.55817 13.775 1.2 13.3332 1.2C12.8913 1.2 12.5332 1.55817 12.5332 2H14.1332ZM0.666504 8.53333C0.224676 8.53333 -0.133496 8.89151 -0.133496 9.33333C-0.133496 9.77516 0.224676 10.1333 0.666504 10.1333V8.53333ZM4.6665 10.1333C5.10833 10.1333 5.4665 9.77516 5.4665 9.33333C5.4665 8.89151 5.10833 8.53333 4.6665 8.53333V10.1333ZM5.99984 4.53333C5.55801 4.53333 5.19984 4.89151 5.19984 5.33333C5.19984 5.77516 5.55801 6.13333 5.99984 6.13333V4.53333ZM9.99984 6.13333C10.4417 6.13333 10.7998 5.77516 10.7998 5.33333C10.7998 4.89151 10.4417 4.53333 9.99984 4.53333V6.13333ZM11.3332 9.86667C10.8913 9.86667 10.5332 10.2248 10.5332 10.6667C10.5332 11.1085 10.8913 11.4667 11.3332 11.4667V9.86667ZM15.3332 11.4667C15.775 11.4667 16.1332 11.1085 16.1332 10.6667C16.1332 10.2248 15.775 9.86667 15.3332 9.86667V11.4667ZM3.4665 14V9.33333H1.8665V14H3.4665ZM3.4665 6.66667V2H1.8665V6.66667H3.4665ZM8.79984 14V8H7.19984V14H8.79984ZM8.79984 5.33333V2H7.19984V5.33333H8.79984ZM14.1332 14V10.6667H12.5332V14H14.1332ZM14.1332 8V2H12.5332V8H14.1332ZM0.666504 10.1333H4.6665V8.53333H0.666504V10.1333ZM5.99984 6.13333H9.99984V4.53333H5.99984V6.13333ZM11.3332 11.4667H15.3332V9.86667H11.3332V11.4667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_15999">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSliders,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13620",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSliders size={size} />,
+  },
 );
-figma.connect(IconSliders, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13620", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSliders size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSmartphone.tsx b/src/icons/IconSmartphone.tsx
index bff357f..818b1df 100644
--- a/src/icons/IconSmartphone.tsx
+++ b/src/icons/IconSmartphone.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSmartphone = (props: IconProps) => (
-  <Icon {...props}><path d="M7.99999 11.1999C7.55817 11.1999 7.19999 11.5581 7.19999 11.9999C7.19999 12.4417 7.55817 12.7999 7.99999 12.7999V11.1999ZM8.00666 12.7999C8.44849 12.7999 8.80666 12.4417 8.80666 11.9999C8.80666 11.5581 8.44849 11.1999 8.00666 11.1999V12.7999ZM4.66666 2.13325H11.3333V0.533252H4.66666V2.13325ZM11.3333 2.13325C11.6279 2.13325 11.8667 2.37203 11.8667 2.66659H13.4667C13.4667 1.48838 12.5115 0.533252 11.3333 0.533252V2.13325ZM11.8667 2.66659V13.3333H13.4667V2.66659H11.8667ZM11.8667 13.3333C11.8667 13.6278 11.6279 13.8666 11.3333 13.8666V15.4666C12.5115 15.4666 13.4667 14.5115 13.4667 13.3333H11.8667ZM11.3333 13.8666H4.66666V15.4666H11.3333V13.8666ZM4.66666 13.8666C4.37211 13.8666 4.13333 13.6278 4.13333 13.3333H2.53333C2.53333 14.5115 3.48845 15.4666 4.66666 15.4666V13.8666ZM4.13333 13.3333V2.66659H2.53333V13.3333H4.13333ZM4.13333 2.66659C4.13333 2.37203 4.37211 2.13325 4.66666 2.13325V0.533252C3.48845 0.533252 2.53333 1.48838 2.53333 2.66659H4.13333ZM7.99999 12.7999H8.00666V11.1999H7.99999V12.7999Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.99999 11.1999C7.55817 11.1999 7.19999 11.5581 7.19999 11.9999C7.19999 12.4417 7.55817 12.7999 7.99999 12.7999V11.1999ZM8.00666 12.7999C8.44849 12.7999 8.80666 12.4417 8.80666 11.9999C8.80666 11.5581 8.44849 11.1999 8.00666 11.1999V12.7999ZM4.66666 2.13325H11.3333V0.533252H4.66666V2.13325ZM11.3333 2.13325C11.6279 2.13325 11.8667 2.37203 11.8667 2.66659H13.4667C13.4667 1.48838 12.5115 0.533252 11.3333 0.533252V2.13325ZM11.8667 2.66659V13.3333H13.4667V2.66659H11.8667ZM11.8667 13.3333C11.8667 13.6278 11.6279 13.8666 11.3333 13.8666V15.4666C12.5115 15.4666 13.4667 14.5115 13.4667 13.3333H11.8667ZM11.3333 13.8666H4.66666V15.4666H11.3333V13.8666ZM4.66666 13.8666C4.37211 13.8666 4.13333 13.6278 4.13333 13.3333H2.53333C2.53333 14.5115 3.48845 15.4666 4.66666 15.4666V13.8666ZM4.13333 13.3333V2.66659H2.53333V13.3333H4.13333ZM4.13333 2.66659C4.13333 2.37203 4.37211 2.13325 4.66666 2.13325V0.533252C3.48845 0.533252 2.53333 1.48838 2.53333 2.66659H4.13333ZM7.99999 12.7999H8.00666V11.1999H7.99999V12.7999Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSmartphone,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13619",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSmartphone size={size} />,
+  },
 );
-figma.connect(IconSmartphone, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13619", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSmartphone size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSmile.tsx b/src/icons/IconSmile.tsx
index 6406b97..a83c8b0 100644
--- a/src/icons/IconSmile.tsx
+++ b/src/icons/IconSmile.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSmile = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16003)"><path d="M5.97331 8.85325C5.70822 8.49979 5.20678 8.42816 4.85331 8.69325C4.49985 8.95835 4.42822 9.45979 4.69331 9.81325L5.97331 8.85325ZM11.3066 9.81325C11.5717 9.45979 11.5001 8.95835 11.1466 8.69325C10.7932 8.42816 10.2917 8.49979 10.0266 8.85325L11.3066 9.81325ZM5.99998 5.19992C5.55815 5.19992 5.19998 5.55809 5.19998 5.99992C5.19998 6.44175 5.55815 6.79992 5.99998 6.79992V5.19992ZM6.00665 6.79992C6.44847 6.79992 6.80665 6.44175 6.80665 5.99992C6.80665 5.55809 6.44847 5.19992 6.00665 5.19992V6.79992ZM9.99998 5.19992C9.55815 5.19992 9.19998 5.55809 9.19998 5.99992C9.19998 6.44175 9.55815 6.79992 9.99998 6.79992V5.19992ZM10.0066 6.79992C10.4485 6.79992 10.8066 6.44175 10.8066 5.99992C10.8066 5.55809 10.4485 5.19992 10.0066 5.19992V6.79992ZM13.8666 7.99992C13.8666 11.24 11.2401 13.8666 7.99998 13.8666V15.4666C12.1237 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99998 13.8666C4.75991 13.8666 2.13331 11.24 2.13331 7.99992H0.533313C0.533313 12.1236 3.87625 15.4666 7.99998 15.4666V13.8666ZM2.13331 7.99992C2.13331 4.75985 4.75991 2.13325 7.99998 2.13325V0.533252C3.87625 0.533252 0.533313 3.87619 0.533313 7.99992H2.13331ZM7.99998 2.13325C11.2401 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1237 0.533252 7.99998 0.533252V2.13325ZM5.33331 9.33325C4.69331 9.81325 4.6935 9.81351 4.6937 9.81377C4.69377 9.81386 4.69397 9.81413 4.69411 9.81431C4.69439 9.81469 4.69469 9.81509 4.69501 9.8155C4.69564 9.81634 4.69633 9.81725 4.69709 9.81825C4.69861 9.82025 4.70038 9.82257 4.70242 9.82522C4.70649 9.8305 4.71159 9.83705 4.71771 9.84479C4.72996 9.86026 4.74633 9.88051 4.76676 9.90484C4.80755 9.95345 4.86483 10.0187 4.93801 10.0951C5.08372 10.2471 5.29623 10.447 5.57111 10.6469C6.11779 11.0445 6.94622 11.4666 7.99998 11.4666V9.86659C7.38707 9.86659 6.88217 9.62201 6.51218 9.35293C6.32873 9.21951 6.18708 9.08602 6.0932 8.98806C6.04658 8.93942 6.01272 8.90056 5.99232 8.87625C5.98214 8.86412 5.9754 8.85573 5.97219 8.85166C5.97058 8.84964 5.96986 8.8487 5.97005 8.84894C5.97014 8.84906 5.97045 8.84947 5.971 8.85018C5.97127 8.85054 5.9716 8.85098 5.97198 8.85149C5.97218 8.85174 5.97238 8.85202 5.97261 8.85231C5.97272 8.85246 5.97289 8.85269 5.97295 8.85277C5.97313 8.85301 5.97331 8.85325 5.33331 9.33325ZM7.99998 11.4666C9.05374 11.4666 9.88217 11.0445 10.4289 10.6469C10.7037 10.447 10.9162 10.2471 11.0619 10.0951C11.1351 10.0187 11.1924 9.95345 11.2332 9.90484C11.2536 9.88051 11.27 9.86026 11.2822 9.84479C11.2884 9.83705 11.2935 9.8305 11.2975 9.82522C11.2996 9.82257 11.3014 9.82025 11.3029 9.81825C11.3036 9.81725 11.3043 9.81634 11.305 9.8155C11.3053 9.81509 11.3056 9.81469 11.3058 9.81431C11.306 9.81413 11.3062 9.81386 11.3063 9.81377C11.3065 9.81351 11.3066 9.81325 10.6666 9.33325C10.0266 8.85325 10.0268 8.85301 10.027 8.85277C10.0271 8.85269 10.0272 8.85246 10.0274 8.85231C10.0276 8.85202 10.0278 8.85174 10.028 8.85149C10.0284 8.85098 10.0287 8.85054 10.029 8.85018C10.0295 8.84947 10.0298 8.84906 10.0299 8.84894C10.0301 8.8487 10.0294 8.84964 10.0278 8.85166C10.0246 8.85573 10.0178 8.86412 10.0076 8.87625C9.98724 8.90056 9.95338 8.93942 9.90676 8.98806C9.81288 9.08602 9.67123 9.21951 9.48778 9.35293C9.11779 9.62201 8.61289 9.86659 7.99998 9.86659V11.4666ZM5.99998 6.79992H6.00665V5.19992H5.99998V6.79992ZM9.99998 6.79992H10.0066V5.19992H9.99998V6.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16003"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16003)">
+      <path
+        d="M5.97331 8.85325C5.70822 8.49979 5.20678 8.42816 4.85331 8.69325C4.49985 8.95835 4.42822 9.45979 4.69331 9.81325L5.97331 8.85325ZM11.3066 9.81325C11.5717 9.45979 11.5001 8.95835 11.1466 8.69325C10.7932 8.42816 10.2917 8.49979 10.0266 8.85325L11.3066 9.81325ZM5.99998 5.19992C5.55815 5.19992 5.19998 5.55809 5.19998 5.99992C5.19998 6.44175 5.55815 6.79992 5.99998 6.79992V5.19992ZM6.00665 6.79992C6.44847 6.79992 6.80665 6.44175 6.80665 5.99992C6.80665 5.55809 6.44847 5.19992 6.00665 5.19992V6.79992ZM9.99998 5.19992C9.55815 5.19992 9.19998 5.55809 9.19998 5.99992C9.19998 6.44175 9.55815 6.79992 9.99998 6.79992V5.19992ZM10.0066 6.79992C10.4485 6.79992 10.8066 6.44175 10.8066 5.99992C10.8066 5.55809 10.4485 5.19992 10.0066 5.19992V6.79992ZM13.8666 7.99992C13.8666 11.24 11.2401 13.8666 7.99998 13.8666V15.4666C12.1237 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99998 13.8666C4.75991 13.8666 2.13331 11.24 2.13331 7.99992H0.533313C0.533313 12.1236 3.87625 15.4666 7.99998 15.4666V13.8666ZM2.13331 7.99992C2.13331 4.75985 4.75991 2.13325 7.99998 2.13325V0.533252C3.87625 0.533252 0.533313 3.87619 0.533313 7.99992H2.13331ZM7.99998 2.13325C11.2401 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1237 0.533252 7.99998 0.533252V2.13325ZM5.33331 9.33325C4.69331 9.81325 4.6935 9.81351 4.6937 9.81377C4.69377 9.81386 4.69397 9.81413 4.69411 9.81431C4.69439 9.81469 4.69469 9.81509 4.69501 9.8155C4.69564 9.81634 4.69633 9.81725 4.69709 9.81825C4.69861 9.82025 4.70038 9.82257 4.70242 9.82522C4.70649 9.8305 4.71159 9.83705 4.71771 9.84479C4.72996 9.86026 4.74633 9.88051 4.76676 9.90484C4.80755 9.95345 4.86483 10.0187 4.93801 10.0951C5.08372 10.2471 5.29623 10.447 5.57111 10.6469C6.11779 11.0445 6.94622 11.4666 7.99998 11.4666V9.86659C7.38707 9.86659 6.88217 9.62201 6.51218 9.35293C6.32873 9.21951 6.18708 9.08602 6.0932 8.98806C6.04658 8.93942 6.01272 8.90056 5.99232 8.87625C5.98214 8.86412 5.9754 8.85573 5.97219 8.85166C5.97058 8.84964 5.96986 8.8487 5.97005 8.84894C5.97014 8.84906 5.97045 8.84947 5.971 8.85018C5.97127 8.85054 5.9716 8.85098 5.97198 8.85149C5.97218 8.85174 5.97238 8.85202 5.97261 8.85231C5.97272 8.85246 5.97289 8.85269 5.97295 8.85277C5.97313 8.85301 5.97331 8.85325 5.33331 9.33325ZM7.99998 11.4666C9.05374 11.4666 9.88217 11.0445 10.4289 10.6469C10.7037 10.447 10.9162 10.2471 11.0619 10.0951C11.1351 10.0187 11.1924 9.95345 11.2332 9.90484C11.2536 9.88051 11.27 9.86026 11.2822 9.84479C11.2884 9.83705 11.2935 9.8305 11.2975 9.82522C11.2996 9.82257 11.3014 9.82025 11.3029 9.81825C11.3036 9.81725 11.3043 9.81634 11.305 9.8155C11.3053 9.81509 11.3056 9.81469 11.3058 9.81431C11.306 9.81413 11.3062 9.81386 11.3063 9.81377C11.3065 9.81351 11.3066 9.81325 10.6666 9.33325C10.0266 8.85325 10.0268 8.85301 10.027 8.85277C10.0271 8.85269 10.0272 8.85246 10.0274 8.85231C10.0276 8.85202 10.0278 8.85174 10.028 8.85149C10.0284 8.85098 10.0287 8.85054 10.029 8.85018C10.0295 8.84947 10.0298 8.84906 10.0299 8.84894C10.0301 8.8487 10.0294 8.84964 10.0278 8.85166C10.0246 8.85573 10.0178 8.86412 10.0076 8.87625C9.98724 8.90056 9.95338 8.93942 9.90676 8.98806C9.81288 9.08602 9.67123 9.21951 9.48778 9.35293C9.11779 9.62201 8.61289 9.86659 7.99998 9.86659V11.4666ZM5.99998 6.79992H6.00665V5.19992H5.99998V6.79992ZM9.99998 6.79992H10.0066V5.19992H9.99998V6.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16003">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSmile,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13622",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSmile size={size} />,
+  },
 );
-figma.connect(IconSmile, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13622", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSmile size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSpeaker.tsx b/src/icons/IconSpeaker.tsx
index 3b65a26..3aae4d7 100644
--- a/src/icons/IconSpeaker.tsx
+++ b/src/icons/IconSpeaker.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSpeaker = (props: IconProps) => (
-  <Icon {...props}><path d="M7.99996 3.19992C7.55813 3.19992 7.19996 3.55809 7.19996 3.99992C7.19996 4.44175 7.55813 4.79992 7.99996 4.79992V3.19992ZM8.00663 4.79992C8.44845 4.79992 8.80663 4.44175 8.80663 3.99992C8.80663 3.55809 8.44845 3.19992 8.00663 3.19992V4.79992ZM3.99996 2.13325H12V0.533252H3.99996V2.13325ZM12 2.13325C12.2945 2.13325 12.5333 2.37203 12.5333 2.66659H14.1333C14.1333 1.48838 13.1782 0.533252 12 0.533252V2.13325ZM12.5333 2.66659V13.3333H14.1333V2.66659H12.5333ZM12.5333 13.3333C12.5333 13.6278 12.2945 13.8666 12 13.8666V15.4666C13.1782 15.4666 14.1333 14.5115 14.1333 13.3333H12.5333ZM12 13.8666H3.99996V15.4666H12V13.8666ZM3.99996 13.8666C3.70541 13.8666 3.46663 13.6278 3.46663 13.3333H1.86663C1.86663 14.5115 2.82175 15.4666 3.99996 15.4666V13.8666ZM3.46663 13.3333V2.66659H1.86663V13.3333H3.46663ZM3.46663 2.66659C3.46663 2.37203 3.70541 2.13325 3.99996 2.13325V0.533252C2.82175 0.533252 1.86663 1.48838 1.86663 2.66659H3.46663ZM9.86663 9.33325C9.86663 10.3642 9.03089 11.1999 7.99996 11.1999V12.7999C9.91455 12.7999 11.4666 11.2478 11.4666 9.33325H9.86663ZM7.99996 11.1999C6.96903 11.1999 6.13329 10.3642 6.13329 9.33325H4.53329C4.53329 11.2478 6.08537 12.7999 7.99996 12.7999V11.1999ZM6.13329 9.33325C6.13329 8.30232 6.96903 7.46658 7.99996 7.46658V5.86658C6.08537 5.86658 4.53329 7.41866 4.53329 9.33325H6.13329ZM7.99996 7.46658C9.03089 7.46658 9.86663 8.30232 9.86663 9.33325H11.4666C11.4666 7.41866 9.91455 5.86658 7.99996 5.86658V7.46658ZM7.99996 4.79992H8.00663V3.19992H7.99996V4.79992Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.99996 3.19992C7.55813 3.19992 7.19996 3.55809 7.19996 3.99992C7.19996 4.44175 7.55813 4.79992 7.99996 4.79992V3.19992ZM8.00663 4.79992C8.44845 4.79992 8.80663 4.44175 8.80663 3.99992C8.80663 3.55809 8.44845 3.19992 8.00663 3.19992V4.79992ZM3.99996 2.13325H12V0.533252H3.99996V2.13325ZM12 2.13325C12.2945 2.13325 12.5333 2.37203 12.5333 2.66659H14.1333C14.1333 1.48838 13.1782 0.533252 12 0.533252V2.13325ZM12.5333 2.66659V13.3333H14.1333V2.66659H12.5333ZM12.5333 13.3333C12.5333 13.6278 12.2945 13.8666 12 13.8666V15.4666C13.1782 15.4666 14.1333 14.5115 14.1333 13.3333H12.5333ZM12 13.8666H3.99996V15.4666H12V13.8666ZM3.99996 13.8666C3.70541 13.8666 3.46663 13.6278 3.46663 13.3333H1.86663C1.86663 14.5115 2.82175 15.4666 3.99996 15.4666V13.8666ZM3.46663 13.3333V2.66659H1.86663V13.3333H3.46663ZM3.46663 2.66659C3.46663 2.37203 3.70541 2.13325 3.99996 2.13325V0.533252C2.82175 0.533252 1.86663 1.48838 1.86663 2.66659H3.46663ZM9.86663 9.33325C9.86663 10.3642 9.03089 11.1999 7.99996 11.1999V12.7999C9.91455 12.7999 11.4666 11.2478 11.4666 9.33325H9.86663ZM7.99996 11.1999C6.96903 11.1999 6.13329 10.3642 6.13329 9.33325H4.53329C4.53329 11.2478 6.08537 12.7999 7.99996 12.7999V11.1999ZM6.13329 9.33325C6.13329 8.30232 6.96903 7.46658 7.99996 7.46658V5.86658C6.08537 5.86658 4.53329 7.41866 4.53329 9.33325H6.13329ZM7.99996 7.46658C9.03089 7.46658 9.86663 8.30232 9.86663 9.33325H11.4666C11.4666 7.41866 9.91455 5.86658 7.99996 5.86658V7.46658ZM7.99996 4.79992H8.00663V3.19992H7.99996V4.79992Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSpeaker,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13621",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSpeaker size={size} />,
+  },
 );
-figma.connect(IconSpeaker, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13621", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSpeaker size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSquare.tsx b/src/icons/IconSquare.tsx
index 85f52b0..dfdaddd 100644
--- a/src/icons/IconSquare.tsx
+++ b/src/icons/IconSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13624",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSquare size={size} />,
+  },
 );
-figma.connect(IconSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13624", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconStar.tsx b/src/icons/IconStar.tsx
index 8deea42..fecc5eb 100644
--- a/src/icons/IconStar.tsx
+++ b/src/icons/IconStar.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconStar = (props: IconProps) => (
-  <Icon {...props}><path d="M7.99992 1.33325L8.71728 0.979153C8.58251 0.70611 8.30441 0.533252 7.99992 0.533252C7.69542 0.533252 7.41733 0.70611 7.28255 0.979153L7.99992 1.33325ZM10.0599 5.50659L9.34255 5.86068C9.45898 6.09656 9.68393 6.26013 9.94422 6.29817L10.0599 5.50659ZM14.6666 6.17992L15.2248 6.75301C15.4429 6.54058 15.5215 6.22278 15.4276 5.93317C15.3337 5.64357 15.0835 5.43236 14.7823 5.38833L14.6666 6.17992ZM11.3333 9.42659L10.7751 8.8535C10.5864 9.03729 10.5002 9.3022 10.5448 9.56182L11.3333 9.42659ZM12.1199 14.0133L11.7476 14.7213C12.0171 14.8631 12.3437 14.8395 12.5901 14.6605C12.8365 14.4815 12.9599 14.1782 12.9084 13.878L12.1199 14.0133ZM7.99992 11.8466L8.37228 11.1385C8.13917 11.0159 7.86066 11.0159 7.62756 11.1385L7.99992 11.8466ZM3.87992 14.0133L3.09143 13.878C3.03995 14.1782 3.16335 14.4815 3.40973 14.6605C3.65611 14.8395 3.98275 14.8631 4.25228 14.7213L3.87992 14.0133ZM4.66659 9.42659L5.45507 9.56182C5.4996 9.3022 5.41347 9.03729 5.22477 8.8535L4.66659 9.42659ZM1.33325 6.17992L1.21755 5.38833C0.916301 5.43236 0.666157 5.64357 0.572255 5.93317C0.478353 6.22278 0.556971 6.54058 0.775066 6.75301L1.33325 6.17992ZM5.93992 5.50659L6.05562 6.29817C6.3159 6.26013 6.54085 6.09656 6.65728 5.86068L5.93992 5.50659ZM7.28255 1.68735L9.34255 5.86068L10.7773 5.15249L8.71728 0.979153L7.28255 1.68735ZM9.94422 6.29817L14.5509 6.97151L14.7823 5.38833L10.1756 4.715L9.94422 6.29817ZM14.1084 5.60683L10.7751 8.8535L11.8914 9.99967L15.2248 6.75301L14.1084 5.60683ZM10.5448 9.56182L11.3314 14.1485L12.9084 13.878L12.1217 9.29135L10.5448 9.56182ZM12.4923 13.3052L8.37228 11.1385L7.62756 12.5546L11.7476 14.7213L12.4923 13.3052ZM7.62756 11.1385L3.50756 13.3052L4.25228 14.7213L8.37228 12.5546L7.62756 11.1385ZM4.66841 14.1485L5.45507 9.56182L3.8781 9.29135L3.09143 13.878L4.66841 14.1485ZM5.22477 8.8535L1.89144 5.60683L0.775066 6.75301L4.1084 9.99967L5.22477 8.8535ZM1.44895 6.97151L6.05562 6.29817L5.82422 4.715L1.21755 5.38833L1.44895 6.97151ZM6.65728 5.86068L8.71728 1.68735L7.28255 0.979153L5.22255 5.15249L6.65728 5.86068Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.99992 1.33325L8.71728 0.979153C8.58251 0.70611 8.30441 0.533252 7.99992 0.533252C7.69542 0.533252 7.41733 0.70611 7.28255 0.979153L7.99992 1.33325ZM10.0599 5.50659L9.34255 5.86068C9.45898 6.09656 9.68393 6.26013 9.94422 6.29817L10.0599 5.50659ZM14.6666 6.17992L15.2248 6.75301C15.4429 6.54058 15.5215 6.22278 15.4276 5.93317C15.3337 5.64357 15.0835 5.43236 14.7823 5.38833L14.6666 6.17992ZM11.3333 9.42659L10.7751 8.8535C10.5864 9.03729 10.5002 9.3022 10.5448 9.56182L11.3333 9.42659ZM12.1199 14.0133L11.7476 14.7213C12.0171 14.8631 12.3437 14.8395 12.5901 14.6605C12.8365 14.4815 12.9599 14.1782 12.9084 13.878L12.1199 14.0133ZM7.99992 11.8466L8.37228 11.1385C8.13917 11.0159 7.86066 11.0159 7.62756 11.1385L7.99992 11.8466ZM3.87992 14.0133L3.09143 13.878C3.03995 14.1782 3.16335 14.4815 3.40973 14.6605C3.65611 14.8395 3.98275 14.8631 4.25228 14.7213L3.87992 14.0133ZM4.66659 9.42659L5.45507 9.56182C5.4996 9.3022 5.41347 9.03729 5.22477 8.8535L4.66659 9.42659ZM1.33325 6.17992L1.21755 5.38833C0.916301 5.43236 0.666157 5.64357 0.572255 5.93317C0.478353 6.22278 0.556971 6.54058 0.775066 6.75301L1.33325 6.17992ZM5.93992 5.50659L6.05562 6.29817C6.3159 6.26013 6.54085 6.09656 6.65728 5.86068L5.93992 5.50659ZM7.28255 1.68735L9.34255 5.86068L10.7773 5.15249L8.71728 0.979153L7.28255 1.68735ZM9.94422 6.29817L14.5509 6.97151L14.7823 5.38833L10.1756 4.715L9.94422 6.29817ZM14.1084 5.60683L10.7751 8.8535L11.8914 9.99967L15.2248 6.75301L14.1084 5.60683ZM10.5448 9.56182L11.3314 14.1485L12.9084 13.878L12.1217 9.29135L10.5448 9.56182ZM12.4923 13.3052L8.37228 11.1385L7.62756 12.5546L11.7476 14.7213L12.4923 13.3052ZM7.62756 11.1385L3.50756 13.3052L4.25228 14.7213L8.37228 12.5546L7.62756 11.1385ZM4.66841 14.1485L5.45507 9.56182L3.8781 9.29135L3.09143 13.878L4.66841 14.1485ZM5.22477 8.8535L1.89144 5.60683L0.775066 6.75301L4.1084 9.99967L5.22477 8.8535ZM1.44895 6.97151L6.05562 6.29817L5.82422 4.715L1.21755 5.38833L1.44895 6.97151ZM6.65728 5.86068L8.71728 1.68735L7.28255 0.979153L5.22255 5.15249L6.65728 5.86068Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconStar,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13623",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconStar size={size} />,
+  },
 );
-figma.connect(IconStar, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13623", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconStar size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconStopCircle.tsx b/src/icons/IconStopCircle.tsx
index 5f790ed..42193db 100644
--- a/src/icons/IconStopCircle.tsx
+++ b/src/icons/IconStopCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconStopCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16011)"><path d="M5.99992 5.99992V5.19992C5.55809 5.19992 5.19992 5.55809 5.19992 5.99992H5.99992ZM9.99992 5.99992H10.7999C10.7999 5.55809 10.4417 5.19992 9.99992 5.19992V5.99992ZM9.99992 9.99992V10.7999C10.4417 10.7999 10.7999 10.4417 10.7999 9.99992H9.99992ZM5.99992 9.99992H5.19992C5.19992 10.4417 5.55809 10.7999 5.99992 10.7999V9.99992ZM13.8666 7.99992C13.8666 11.24 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.24 2.13325 7.99992H0.533252C0.533252 12.1236 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99992C2.13325 4.75985 4.75985 2.13325 7.99992 2.13325V0.533252C3.87619 0.533252 0.533252 3.87619 0.533252 7.99992H2.13325ZM7.99992 2.13325C11.24 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1236 0.533252 7.99992 0.533252V2.13325ZM5.99992 6.79992H9.99992V5.19992H5.99992V6.79992ZM9.19992 5.99992V9.99992H10.7999V5.99992H9.19992ZM9.99992 9.19992H5.99992V10.7999H9.99992V9.19992ZM6.79992 9.99992V5.99992H5.19992V9.99992H6.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16011"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16011)">
+      <path
+        d="M5.99992 5.99992V5.19992C5.55809 5.19992 5.19992 5.55809 5.19992 5.99992H5.99992ZM9.99992 5.99992H10.7999C10.7999 5.55809 10.4417 5.19992 9.99992 5.19992V5.99992ZM9.99992 9.99992V10.7999C10.4417 10.7999 10.7999 10.4417 10.7999 9.99992H9.99992ZM5.99992 9.99992H5.19992C5.19992 10.4417 5.55809 10.7999 5.99992 10.7999V9.99992ZM13.8666 7.99992C13.8666 11.24 11.24 13.8666 7.99992 13.8666V15.4666C12.1236 15.4666 15.4666 12.1236 15.4666 7.99992H13.8666ZM7.99992 13.8666C4.75985 13.8666 2.13325 11.24 2.13325 7.99992H0.533252C0.533252 12.1236 3.87619 15.4666 7.99992 15.4666V13.8666ZM2.13325 7.99992C2.13325 4.75985 4.75985 2.13325 7.99992 2.13325V0.533252C3.87619 0.533252 0.533252 3.87619 0.533252 7.99992H2.13325ZM7.99992 2.13325C11.24 2.13325 13.8666 4.75985 13.8666 7.99992H15.4666C15.4666 3.87619 12.1236 0.533252 7.99992 0.533252V2.13325ZM5.99992 6.79992H9.99992V5.19992H5.99992V6.79992ZM9.19992 5.99992V9.99992H10.7999V5.99992H9.19992ZM9.99992 9.19992H5.99992V10.7999H9.99992V9.19992ZM6.79992 9.99992V5.99992H5.19992V9.99992H6.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16011">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconStopCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13625",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconStopCircle size={size} />,
+  },
 );
-figma.connect(IconStopCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13625", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconStopCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSun.tsx b/src/icons/IconSun.tsx
index 3bd435b..8c5409e 100644
--- a/src/icons/IconSun.tsx
+++ b/src/icons/IconSun.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSun = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16013)"><path d="M8.80008 0.666748C8.80008 0.22492 8.44191 -0.133252 8.00008 -0.133252C7.55825 -0.133252 7.20008 0.22492 7.20008 0.666748H8.80008ZM7.20008 2.00008C7.20008 2.44191 7.55825 2.80008 8.00008 2.80008C8.44191 2.80008 8.80008 2.44191 8.80008 2.00008H7.20008ZM8.80008 14.0001C8.80008 13.5583 8.44191 13.2001 8.00008 13.2001C7.55825 13.2001 7.20008 13.5583 7.20008 14.0001H8.80008ZM7.20008 15.3334C7.20008 15.7752 7.55825 16.1334 8.00008 16.1334C8.44191 16.1334 8.80008 15.7752 8.80008 15.3334H7.20008ZM3.3791 2.24773C3.06668 1.93531 2.56015 1.93531 2.24773 2.24773C1.93531 2.56015 1.93531 3.06668 2.24773 3.3791L3.3791 2.24773ZM3.1944 4.32577C3.50682 4.63819 4.01335 4.63819 4.32577 4.32577C4.63819 4.01335 4.63819 3.50682 4.32577 3.1944L3.1944 4.32577ZM12.8058 11.6744C12.4933 11.362 11.9868 11.362 11.6744 11.6744C11.362 11.9868 11.362 12.4933 11.6744 12.8058L12.8058 11.6744ZM12.6211 13.7524C12.9335 14.0649 13.44 14.0649 13.7524 13.7524C14.0649 13.44 14.0649 12.9335 13.7524 12.6211L12.6211 13.7524ZM0.666748 7.20008C0.22492 7.20008 -0.133252 7.55825 -0.133252 8.00008C-0.133252 8.44191 0.22492 8.80008 0.666748 8.80008V7.20008ZM2.00008 8.80008C2.44191 8.80008 2.80008 8.44191 2.80008 8.00008C2.80008 7.55825 2.44191 7.20008 2.00008 7.20008V8.80008ZM14.0001 7.20008C13.5583 7.20008 13.2001 7.55825 13.2001 8.00008C13.2001 8.44191 13.5583 8.80008 14.0001 8.80008V7.20008ZM15.3334 8.80008C15.7752 8.80008 16.1334 8.44191 16.1334 8.00008C16.1334 7.55825 15.7752 7.20008 15.3334 7.20008V8.80008ZM2.24773 12.6211C1.93531 12.9335 1.93531 13.44 2.24773 13.7524C2.56015 14.0649 3.06668 14.0649 3.3791 13.7524L2.24773 12.6211ZM4.32577 12.8058C4.63819 12.4933 4.63819 11.9868 4.32577 11.6744C4.01335 11.362 3.50682 11.362 3.1944 11.6744L4.32577 12.8058ZM11.6744 3.1944C11.362 3.50682 11.362 4.01335 11.6744 4.32577C11.9868 4.63819 12.4933 4.63819 12.8058 4.32577L11.6744 3.1944ZM13.7524 3.3791C14.0649 3.06668 14.0649 2.56015 13.7524 2.24773C13.44 1.93531 12.9335 1.93531 12.6211 2.24773L13.7524 3.3791ZM10.5334 8.00008C10.5334 9.3992 9.3992 10.5334 8.00008 10.5334V12.1334C10.2829 12.1334 12.1334 10.2829 12.1334 8.00008H10.5334ZM8.00008 10.5334C6.60096 10.5334 5.46675 9.3992 5.46675 8.00008H3.86675C3.86675 10.2829 5.7173 12.1334 8.00008 12.1334V10.5334ZM5.46675 8.00008C5.46675 6.60096 6.60096 5.46675 8.00008 5.46675V3.86675C5.7173 3.86675 3.86675 5.7173 3.86675 8.00008H5.46675ZM8.00008 5.46675C9.3992 5.46675 10.5334 6.60096 10.5334 8.00008H12.1334C12.1334 5.7173 10.2829 3.86675 8.00008 3.86675V5.46675ZM7.20008 0.666748V2.00008H8.80008V0.666748H7.20008ZM7.20008 14.0001V15.3334H8.80008V14.0001H7.20008ZM2.24773 3.3791L3.1944 4.32577L4.32577 3.1944L3.3791 2.24773L2.24773 3.3791ZM11.6744 12.8058L12.6211 13.7524L13.7524 12.6211L12.8058 11.6744L11.6744 12.8058ZM0.666748 8.80008H2.00008V7.20008H0.666748V8.80008ZM14.0001 8.80008H15.3334V7.20008H14.0001V8.80008ZM3.3791 13.7524L4.32577 12.8058L3.1944 11.6744L2.24773 12.6211L3.3791 13.7524ZM12.8058 4.32577L13.7524 3.3791L12.6211 2.24773L11.6744 3.1944L12.8058 4.32577Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16013"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16013)">
+      <path
+        d="M8.80008 0.666748C8.80008 0.22492 8.44191 -0.133252 8.00008 -0.133252C7.55825 -0.133252 7.20008 0.22492 7.20008 0.666748H8.80008ZM7.20008 2.00008C7.20008 2.44191 7.55825 2.80008 8.00008 2.80008C8.44191 2.80008 8.80008 2.44191 8.80008 2.00008H7.20008ZM8.80008 14.0001C8.80008 13.5583 8.44191 13.2001 8.00008 13.2001C7.55825 13.2001 7.20008 13.5583 7.20008 14.0001H8.80008ZM7.20008 15.3334C7.20008 15.7752 7.55825 16.1334 8.00008 16.1334C8.44191 16.1334 8.80008 15.7752 8.80008 15.3334H7.20008ZM3.3791 2.24773C3.06668 1.93531 2.56015 1.93531 2.24773 2.24773C1.93531 2.56015 1.93531 3.06668 2.24773 3.3791L3.3791 2.24773ZM3.1944 4.32577C3.50682 4.63819 4.01335 4.63819 4.32577 4.32577C4.63819 4.01335 4.63819 3.50682 4.32577 3.1944L3.1944 4.32577ZM12.8058 11.6744C12.4933 11.362 11.9868 11.362 11.6744 11.6744C11.362 11.9868 11.362 12.4933 11.6744 12.8058L12.8058 11.6744ZM12.6211 13.7524C12.9335 14.0649 13.44 14.0649 13.7524 13.7524C14.0649 13.44 14.0649 12.9335 13.7524 12.6211L12.6211 13.7524ZM0.666748 7.20008C0.22492 7.20008 -0.133252 7.55825 -0.133252 8.00008C-0.133252 8.44191 0.22492 8.80008 0.666748 8.80008V7.20008ZM2.00008 8.80008C2.44191 8.80008 2.80008 8.44191 2.80008 8.00008C2.80008 7.55825 2.44191 7.20008 2.00008 7.20008V8.80008ZM14.0001 7.20008C13.5583 7.20008 13.2001 7.55825 13.2001 8.00008C13.2001 8.44191 13.5583 8.80008 14.0001 8.80008V7.20008ZM15.3334 8.80008C15.7752 8.80008 16.1334 8.44191 16.1334 8.00008C16.1334 7.55825 15.7752 7.20008 15.3334 7.20008V8.80008ZM2.24773 12.6211C1.93531 12.9335 1.93531 13.44 2.24773 13.7524C2.56015 14.0649 3.06668 14.0649 3.3791 13.7524L2.24773 12.6211ZM4.32577 12.8058C4.63819 12.4933 4.63819 11.9868 4.32577 11.6744C4.01335 11.362 3.50682 11.362 3.1944 11.6744L4.32577 12.8058ZM11.6744 3.1944C11.362 3.50682 11.362 4.01335 11.6744 4.32577C11.9868 4.63819 12.4933 4.63819 12.8058 4.32577L11.6744 3.1944ZM13.7524 3.3791C14.0649 3.06668 14.0649 2.56015 13.7524 2.24773C13.44 1.93531 12.9335 1.93531 12.6211 2.24773L13.7524 3.3791ZM10.5334 8.00008C10.5334 9.3992 9.3992 10.5334 8.00008 10.5334V12.1334C10.2829 12.1334 12.1334 10.2829 12.1334 8.00008H10.5334ZM8.00008 10.5334C6.60096 10.5334 5.46675 9.3992 5.46675 8.00008H3.86675C3.86675 10.2829 5.7173 12.1334 8.00008 12.1334V10.5334ZM5.46675 8.00008C5.46675 6.60096 6.60096 5.46675 8.00008 5.46675V3.86675C5.7173 3.86675 3.86675 5.7173 3.86675 8.00008H5.46675ZM8.00008 5.46675C9.3992 5.46675 10.5334 6.60096 10.5334 8.00008H12.1334C12.1334 5.7173 10.2829 3.86675 8.00008 3.86675V5.46675ZM7.20008 0.666748V2.00008H8.80008V0.666748H7.20008ZM7.20008 14.0001V15.3334H8.80008V14.0001H7.20008ZM2.24773 3.3791L3.1944 4.32577L4.32577 3.1944L3.3791 2.24773L2.24773 3.3791ZM11.6744 12.8058L12.6211 13.7524L13.7524 12.6211L12.8058 11.6744L11.6744 12.8058ZM0.666748 8.80008H2.00008V7.20008H0.666748V8.80008ZM14.0001 8.80008H15.3334V7.20008H14.0001V8.80008ZM3.3791 13.7524L4.32577 12.8058L3.1944 11.6744L2.24773 12.6211L3.3791 13.7524ZM12.8058 4.32577L13.7524 3.3791L12.6211 2.24773L11.6744 3.1944L12.8058 4.32577Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16013">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSun,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13626",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSun size={size} />,
+  },
 );
-figma.connect(IconSun, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13626", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSun size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSunrise.tsx b/src/icons/IconSunrise.tsx
index 40e7576..6cc07fa 100644
--- a/src/icons/IconSunrise.tsx
+++ b/src/icons/IconSunrise.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSunrise = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16015)"><path d="M10.5332 11.9999C10.5332 12.4417 10.8913 12.7999 11.3332 12.7999C11.775 12.7999 12.1332 12.4417 12.1332 11.9999H10.5332ZM7.99984 8.66658V7.86658V8.66658ZM3.8665 11.9999C3.8665 12.4417 4.22468 12.7999 4.6665 12.7999C5.10833 12.7999 5.4665 12.4417 5.4665 11.9999H3.8665ZM7.99984 1.33325L8.56552 0.767566C8.2531 0.455147 7.74657 0.455147 7.43415 0.767567L7.99984 1.33325ZM7.19984 5.99992C7.19984 6.44175 7.55801 6.79992 7.99984 6.79992C8.44166 6.79992 8.79984 6.44175 8.79984 5.99992H7.19984ZM3.37886 6.24757C3.06644 5.93515 2.5599 5.93515 2.24749 6.24757C1.93507 6.55999 1.93507 7.06652 2.24749 7.37894L3.37886 6.24757ZM3.19415 8.3256C3.50657 8.63802 4.0131 8.63802 4.32552 8.3256C4.63794 8.01318 4.63794 7.50665 4.32552 7.19423L3.19415 8.3256ZM0.666504 11.1999C0.224676 11.1999 -0.133496 11.5581 -0.133496 11.9999C-0.133496 12.4417 0.224676 12.7999 0.666504 12.7999V11.1999ZM1.99984 12.7999C2.44167 12.7999 2.79984 12.4417 2.79984 11.9999C2.79984 11.5581 2.44167 11.1999 1.99984 11.1999V12.7999ZM13.9998 11.1999C13.558 11.1999 13.1998 11.5581 13.1998 11.9999C13.1998 12.4417 13.558 12.7999 13.9998 12.7999V11.1999ZM15.3332 12.7999C15.775 12.7999 16.1332 12.4417 16.1332 11.9999C16.1332 11.5581 15.775 11.1999 15.3332 11.1999V12.7999ZM11.6742 7.19423C11.3617 7.50665 11.3617 8.01318 11.6742 8.3256C11.9866 8.63802 12.4931 8.63802 12.8055 8.3256L11.6742 7.19423ZM13.7522 7.37894C14.0646 7.06652 14.0646 6.55999 13.7522 6.24757C13.4398 5.93515 12.9332 5.93515 12.6208 6.24757L13.7522 7.37894ZM15.3332 15.4666C15.775 15.4666 16.1332 15.1084 16.1332 14.6666C16.1332 14.2248 15.775 13.8666 15.3332 13.8666V15.4666ZM0.666504 13.8666C0.224676 13.8666 -0.133496 14.2248 -0.133496 14.6666C-0.133496 15.1084 0.224676 15.4666 0.666504 15.4666V13.8666ZM4.76749 3.43423C4.45507 3.74665 4.45507 4.25318 4.76749 4.5656C5.07991 4.87802 5.58644 4.87802 5.89886 4.5656L4.76749 3.43423ZM10.1008 4.5656C10.4132 4.87802 10.9198 4.87802 11.2322 4.5656C11.5446 4.25318 11.5446 3.74665 11.2322 3.43423L10.1008 4.5656ZM12.1332 11.9999C12.1332 10.9037 11.6977 9.85236 10.9225 9.07721L9.79117 10.2086C10.2663 10.6837 10.5332 11.328 10.5332 11.9999H12.1332ZM10.9225 9.07721C10.1474 8.30206 9.09606 7.86658 7.99984 7.86658V9.46658C8.67172 9.46658 9.31608 9.73349 9.79117 10.2086L10.9225 9.07721ZM7.99984 7.86658C6.90361 7.86658 5.85228 8.30206 5.07713 9.07721L6.2085 10.2086C6.68359 9.73349 7.32796 9.46658 7.99984 9.46658V7.86658ZM5.07713 9.07721C4.30198 9.85236 3.8665 10.9037 3.8665 11.9999H5.4665C5.4665 11.328 5.73341 10.6837 6.2085 10.2086L5.07713 9.07721ZM7.19984 1.33325V5.99992H8.79984V1.33325H7.19984ZM2.24749 7.37894L3.19415 8.3256L4.32552 7.19423L3.37886 6.24757L2.24749 7.37894ZM0.666504 12.7999H1.99984V11.1999H0.666504V12.7999ZM13.9998 12.7999H15.3332V11.1999H13.9998V12.7999ZM12.8055 8.3256L13.7522 7.37894L12.6208 6.24757L11.6742 7.19423L12.8055 8.3256ZM15.3332 13.8666H0.666504V15.4666H15.3332V13.8666ZM5.89886 4.5656L8.56552 1.89894L7.43415 0.767567L4.76749 3.43423L5.89886 4.5656ZM7.43415 1.89894L10.1008 4.5656L11.2322 3.43423L8.56552 0.767566L7.43415 1.89894Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16015"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16015)">
+      <path
+        d="M10.5332 11.9999C10.5332 12.4417 10.8913 12.7999 11.3332 12.7999C11.775 12.7999 12.1332 12.4417 12.1332 11.9999H10.5332ZM7.99984 8.66658V7.86658V8.66658ZM3.8665 11.9999C3.8665 12.4417 4.22468 12.7999 4.6665 12.7999C5.10833 12.7999 5.4665 12.4417 5.4665 11.9999H3.8665ZM7.99984 1.33325L8.56552 0.767566C8.2531 0.455147 7.74657 0.455147 7.43415 0.767567L7.99984 1.33325ZM7.19984 5.99992C7.19984 6.44175 7.55801 6.79992 7.99984 6.79992C8.44166 6.79992 8.79984 6.44175 8.79984 5.99992H7.19984ZM3.37886 6.24757C3.06644 5.93515 2.5599 5.93515 2.24749 6.24757C1.93507 6.55999 1.93507 7.06652 2.24749 7.37894L3.37886 6.24757ZM3.19415 8.3256C3.50657 8.63802 4.0131 8.63802 4.32552 8.3256C4.63794 8.01318 4.63794 7.50665 4.32552 7.19423L3.19415 8.3256ZM0.666504 11.1999C0.224676 11.1999 -0.133496 11.5581 -0.133496 11.9999C-0.133496 12.4417 0.224676 12.7999 0.666504 12.7999V11.1999ZM1.99984 12.7999C2.44167 12.7999 2.79984 12.4417 2.79984 11.9999C2.79984 11.5581 2.44167 11.1999 1.99984 11.1999V12.7999ZM13.9998 11.1999C13.558 11.1999 13.1998 11.5581 13.1998 11.9999C13.1998 12.4417 13.558 12.7999 13.9998 12.7999V11.1999ZM15.3332 12.7999C15.775 12.7999 16.1332 12.4417 16.1332 11.9999C16.1332 11.5581 15.775 11.1999 15.3332 11.1999V12.7999ZM11.6742 7.19423C11.3617 7.50665 11.3617 8.01318 11.6742 8.3256C11.9866 8.63802 12.4931 8.63802 12.8055 8.3256L11.6742 7.19423ZM13.7522 7.37894C14.0646 7.06652 14.0646 6.55999 13.7522 6.24757C13.4398 5.93515 12.9332 5.93515 12.6208 6.24757L13.7522 7.37894ZM15.3332 15.4666C15.775 15.4666 16.1332 15.1084 16.1332 14.6666C16.1332 14.2248 15.775 13.8666 15.3332 13.8666V15.4666ZM0.666504 13.8666C0.224676 13.8666 -0.133496 14.2248 -0.133496 14.6666C-0.133496 15.1084 0.224676 15.4666 0.666504 15.4666V13.8666ZM4.76749 3.43423C4.45507 3.74665 4.45507 4.25318 4.76749 4.5656C5.07991 4.87802 5.58644 4.87802 5.89886 4.5656L4.76749 3.43423ZM10.1008 4.5656C10.4132 4.87802 10.9198 4.87802 11.2322 4.5656C11.5446 4.25318 11.5446 3.74665 11.2322 3.43423L10.1008 4.5656ZM12.1332 11.9999C12.1332 10.9037 11.6977 9.85236 10.9225 9.07721L9.79117 10.2086C10.2663 10.6837 10.5332 11.328 10.5332 11.9999H12.1332ZM10.9225 9.07721C10.1474 8.30206 9.09606 7.86658 7.99984 7.86658V9.46658C8.67172 9.46658 9.31608 9.73349 9.79117 10.2086L10.9225 9.07721ZM7.99984 7.86658C6.90361 7.86658 5.85228 8.30206 5.07713 9.07721L6.2085 10.2086C6.68359 9.73349 7.32796 9.46658 7.99984 9.46658V7.86658ZM5.07713 9.07721C4.30198 9.85236 3.8665 10.9037 3.8665 11.9999H5.4665C5.4665 11.328 5.73341 10.6837 6.2085 10.2086L5.07713 9.07721ZM7.19984 1.33325V5.99992H8.79984V1.33325H7.19984ZM2.24749 7.37894L3.19415 8.3256L4.32552 7.19423L3.37886 6.24757L2.24749 7.37894ZM0.666504 12.7999H1.99984V11.1999H0.666504V12.7999ZM13.9998 12.7999H15.3332V11.1999H13.9998V12.7999ZM12.8055 8.3256L13.7522 7.37894L12.6208 6.24757L11.6742 7.19423L12.8055 8.3256ZM15.3332 13.8666H0.666504V15.4666H15.3332V13.8666ZM5.89886 4.5656L8.56552 1.89894L7.43415 0.767567L4.76749 3.43423L5.89886 4.5656ZM7.43415 1.89894L10.1008 4.5656L11.2322 3.43423L8.56552 0.767566L7.43415 1.89894Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16015">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSunrise,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13628",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSunrise size={size} />,
+  },
 );
-figma.connect(IconSunrise, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13628", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSunrise size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconSunset.tsx b/src/icons/IconSunset.tsx
index a7f09dd..222afd9 100644
--- a/src/icons/IconSunset.tsx
+++ b/src/icons/IconSunset.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconSunset = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16017)"><path d="M10.5332 11.9999C10.5332 12.4417 10.8913 12.7999 11.3332 12.7999C11.775 12.7999 12.1332 12.4417 12.1332 11.9999H10.5332ZM7.99984 8.66658V7.86658V8.66658ZM3.8665 11.9999C3.8665 12.4417 4.22468 12.7999 4.6665 12.7999C5.10833 12.7999 5.4665 12.4417 5.4665 11.9999H3.8665ZM7.99984 5.99992L7.43415 6.5656C7.74657 6.87802 8.2531 6.87802 8.56552 6.5656L7.99984 5.99992ZM8.79984 1.33325C8.79984 0.891424 8.44166 0.533252 7.99984 0.533252C7.55801 0.533252 7.19984 0.891424 7.19984 1.33325H8.79984ZM3.37886 6.24757C3.06644 5.93515 2.5599 5.93515 2.24749 6.24757C1.93507 6.55999 1.93507 7.06652 2.24749 7.37894L3.37886 6.24757ZM3.19415 8.3256C3.50657 8.63802 4.0131 8.63802 4.32552 8.3256C4.63794 8.01318 4.63794 7.50665 4.32552 7.19423L3.19415 8.3256ZM0.666504 11.1999C0.224676 11.1999 -0.133496 11.5581 -0.133496 11.9999C-0.133496 12.4417 0.224676 12.7999 0.666504 12.7999V11.1999ZM1.99984 12.7999C2.44167 12.7999 2.79984 12.4417 2.79984 11.9999C2.79984 11.5581 2.44167 11.1999 1.99984 11.1999V12.7999ZM13.9998 11.1999C13.558 11.1999 13.1998 11.5581 13.1998 11.9999C13.1998 12.4417 13.558 12.7999 13.9998 12.7999V11.1999ZM15.3332 12.7999C15.775 12.7999 16.1332 12.4417 16.1332 11.9999C16.1332 11.5581 15.775 11.1999 15.3332 11.1999V12.7999ZM11.6742 7.19423C11.3617 7.50665 11.3617 8.01318 11.6742 8.3256C11.9866 8.63802 12.4931 8.63802 12.8055 8.3256L11.6742 7.19423ZM13.7522 7.37894C14.0646 7.06652 14.0646 6.55999 13.7522 6.24757C13.4398 5.93515 12.9332 5.93515 12.6208 6.24757L13.7522 7.37894ZM15.3332 15.4666C15.775 15.4666 16.1332 15.1084 16.1332 14.6666C16.1332 14.2248 15.775 13.8666 15.3332 13.8666V15.4666ZM0.666504 13.8666C0.224676 13.8666 -0.133496 14.2248 -0.133496 14.6666C-0.133496 15.1084 0.224676 15.4666 0.666504 15.4666V13.8666ZM11.2322 3.89894C11.5446 3.58652 11.5446 3.07999 11.2322 2.76757C10.9198 2.45515 10.4132 2.45515 10.1008 2.76757L11.2322 3.89894ZM5.89886 2.76757C5.58644 2.45515 5.07991 2.45515 4.76749 2.76757C4.45507 3.07999 4.45507 3.58652 4.76749 3.89894L5.89886 2.76757ZM12.1332 11.9999C12.1332 10.9037 11.6977 9.85236 10.9225 9.07721L9.79117 10.2086C10.2663 10.6837 10.5332 11.328 10.5332 11.9999H12.1332ZM10.9225 9.07721C10.1474 8.30206 9.09606 7.86658 7.99984 7.86658V9.46658C8.67172 9.46658 9.31608 9.73349 9.79117 10.2086L10.9225 9.07721ZM7.99984 7.86658C6.90361 7.86658 5.85228 8.30206 5.07713 9.07721L6.2085 10.2086C6.68359 9.73349 7.32796 9.46658 7.99984 9.46658V7.86658ZM5.07713 9.07721C4.30198 9.85236 3.8665 10.9037 3.8665 11.9999H5.4665C5.4665 11.328 5.73341 10.6837 6.2085 10.2086L5.07713 9.07721ZM8.79984 5.99992V1.33325H7.19984V5.99992H8.79984ZM2.24749 7.37894L3.19415 8.3256L4.32552 7.19423L3.37886 6.24757L2.24749 7.37894ZM0.666504 12.7999H1.99984V11.1999H0.666504V12.7999ZM13.9998 12.7999H15.3332V11.1999H13.9998V12.7999ZM12.8055 8.3256L13.7522 7.37894L12.6208 6.24757L11.6742 7.19423L12.8055 8.3256ZM15.3332 13.8666H0.666504V15.4666H15.3332V13.8666ZM10.1008 2.76757L7.43415 5.43423L8.56552 6.5656L11.2322 3.89894L10.1008 2.76757ZM8.56552 5.43423L5.89886 2.76757L4.76749 3.89894L7.43415 6.5656L8.56552 5.43423Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16017"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16017)">
+      <path
+        d="M10.5332 11.9999C10.5332 12.4417 10.8913 12.7999 11.3332 12.7999C11.775 12.7999 12.1332 12.4417 12.1332 11.9999H10.5332ZM7.99984 8.66658V7.86658V8.66658ZM3.8665 11.9999C3.8665 12.4417 4.22468 12.7999 4.6665 12.7999C5.10833 12.7999 5.4665 12.4417 5.4665 11.9999H3.8665ZM7.99984 5.99992L7.43415 6.5656C7.74657 6.87802 8.2531 6.87802 8.56552 6.5656L7.99984 5.99992ZM8.79984 1.33325C8.79984 0.891424 8.44166 0.533252 7.99984 0.533252C7.55801 0.533252 7.19984 0.891424 7.19984 1.33325H8.79984ZM3.37886 6.24757C3.06644 5.93515 2.5599 5.93515 2.24749 6.24757C1.93507 6.55999 1.93507 7.06652 2.24749 7.37894L3.37886 6.24757ZM3.19415 8.3256C3.50657 8.63802 4.0131 8.63802 4.32552 8.3256C4.63794 8.01318 4.63794 7.50665 4.32552 7.19423L3.19415 8.3256ZM0.666504 11.1999C0.224676 11.1999 -0.133496 11.5581 -0.133496 11.9999C-0.133496 12.4417 0.224676 12.7999 0.666504 12.7999V11.1999ZM1.99984 12.7999C2.44167 12.7999 2.79984 12.4417 2.79984 11.9999C2.79984 11.5581 2.44167 11.1999 1.99984 11.1999V12.7999ZM13.9998 11.1999C13.558 11.1999 13.1998 11.5581 13.1998 11.9999C13.1998 12.4417 13.558 12.7999 13.9998 12.7999V11.1999ZM15.3332 12.7999C15.775 12.7999 16.1332 12.4417 16.1332 11.9999C16.1332 11.5581 15.775 11.1999 15.3332 11.1999V12.7999ZM11.6742 7.19423C11.3617 7.50665 11.3617 8.01318 11.6742 8.3256C11.9866 8.63802 12.4931 8.63802 12.8055 8.3256L11.6742 7.19423ZM13.7522 7.37894C14.0646 7.06652 14.0646 6.55999 13.7522 6.24757C13.4398 5.93515 12.9332 5.93515 12.6208 6.24757L13.7522 7.37894ZM15.3332 15.4666C15.775 15.4666 16.1332 15.1084 16.1332 14.6666C16.1332 14.2248 15.775 13.8666 15.3332 13.8666V15.4666ZM0.666504 13.8666C0.224676 13.8666 -0.133496 14.2248 -0.133496 14.6666C-0.133496 15.1084 0.224676 15.4666 0.666504 15.4666V13.8666ZM11.2322 3.89894C11.5446 3.58652 11.5446 3.07999 11.2322 2.76757C10.9198 2.45515 10.4132 2.45515 10.1008 2.76757L11.2322 3.89894ZM5.89886 2.76757C5.58644 2.45515 5.07991 2.45515 4.76749 2.76757C4.45507 3.07999 4.45507 3.58652 4.76749 3.89894L5.89886 2.76757ZM12.1332 11.9999C12.1332 10.9037 11.6977 9.85236 10.9225 9.07721L9.79117 10.2086C10.2663 10.6837 10.5332 11.328 10.5332 11.9999H12.1332ZM10.9225 9.07721C10.1474 8.30206 9.09606 7.86658 7.99984 7.86658V9.46658C8.67172 9.46658 9.31608 9.73349 9.79117 10.2086L10.9225 9.07721ZM7.99984 7.86658C6.90361 7.86658 5.85228 8.30206 5.07713 9.07721L6.2085 10.2086C6.68359 9.73349 7.32796 9.46658 7.99984 9.46658V7.86658ZM5.07713 9.07721C4.30198 9.85236 3.8665 10.9037 3.8665 11.9999H5.4665C5.4665 11.328 5.73341 10.6837 6.2085 10.2086L5.07713 9.07721ZM8.79984 5.99992V1.33325H7.19984V5.99992H8.79984ZM2.24749 7.37894L3.19415 8.3256L4.32552 7.19423L3.37886 6.24757L2.24749 7.37894ZM0.666504 12.7999H1.99984V11.1999H0.666504V12.7999ZM13.9998 12.7999H15.3332V11.1999H13.9998V12.7999ZM12.8055 8.3256L13.7522 7.37894L12.6208 6.24757L11.6742 7.19423L12.8055 8.3256ZM15.3332 13.8666H0.666504V15.4666H15.3332V13.8666ZM10.1008 2.76757L7.43415 5.43423L8.56552 6.5656L11.2322 3.89894L10.1008 2.76757ZM8.56552 5.43423L5.89886 2.76757L4.76749 3.89894L7.43415 6.5656L8.56552 5.43423Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16017">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconSunset,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13627",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconSunset size={size} />,
+  },
 );
-figma.connect(IconSunset, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13627", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconSunset size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTable.tsx b/src/icons/IconTable.tsx
index 99deeab..4573e4c 100644
--- a/src/icons/IconTable.tsx
+++ b/src/icons/IconTable.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTable = (props: IconProps) => (
-  <Icon {...props}><path d="M3.33333 2V1.2V2ZM2 3.33333H1.2H2ZM12.6667 2V1.2V2ZM2 12.6667H1.2H2ZM6 1.2H3.33333V2.8H6V1.2ZM3.33333 1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2ZM1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484ZM1.2 3.33333V6H2.8V3.33333H1.2ZM6 2.8H12.6667V1.2H6V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V6H14.8V3.33333H13.2ZM5.2 2V14H6.8V2H5.2ZM6 14.8H12.6667V13.2H6V14.8ZM12.6667 14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8ZM14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752ZM14.8 12.6667V6H13.2V12.6667H14.8ZM6 13.2H3.33333V14.8H6V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V6H1.2V12.6667H2.8ZM2 6.8H14V5.2H2V6.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.33333 2V1.2V2ZM2 3.33333H1.2H2ZM12.6667 2V1.2V2ZM2 12.6667H1.2H2ZM6 1.2H3.33333V2.8H6V1.2ZM3.33333 1.2C2.76754 1.2 2.22492 1.42476 1.82484 1.82484L2.95621 2.95621C3.05623 2.85619 3.19188 2.8 3.33333 2.8V1.2ZM1.82484 1.82484C1.42476 2.22492 1.2 2.76754 1.2 3.33333H2.8C2.8 3.19188 2.85619 3.05623 2.95621 2.95621L1.82484 1.82484ZM1.2 3.33333V6H2.8V3.33333H1.2ZM6 2.8H12.6667V1.2H6V2.8ZM12.6667 2.8C12.8081 2.8 12.9438 2.85619 13.0438 2.95621L14.1752 1.82484C13.7751 1.42476 13.2325 1.2 12.6667 1.2V2.8ZM13.0438 2.95621C13.1438 3.05623 13.2 3.19189 13.2 3.33333H14.8C14.8 2.76754 14.5752 2.22492 14.1752 1.82484L13.0438 2.95621ZM13.2 3.33333V6H14.8V3.33333H13.2ZM5.2 2V14H6.8V2H5.2ZM6 14.8H12.6667V13.2H6V14.8ZM12.6667 14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8ZM14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752ZM14.8 12.6667V6H13.2V12.6667H14.8ZM6 13.2H3.33333V14.8H6V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V6H1.2V12.6667H2.8ZM2 6.8H14V5.2H2V6.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTable,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13630",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTable size={size} />,
+  },
 );
-figma.connect(IconTable, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13630", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTable size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTablet.tsx b/src/icons/IconTablet.tsx
index eb60425..5fe7a2c 100644
--- a/src/icons/IconTablet.tsx
+++ b/src/icons/IconTablet.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTablet = (props: IconProps) => (
-  <Icon {...props}><path d="M8.00002 11.1999C7.55819 11.1999 7.20002 11.5581 7.20002 11.9999C7.20002 12.4417 7.55819 12.7999 8.00002 12.7999V11.1999ZM8.00669 12.7999C8.44851 12.7999 8.80669 12.4417 8.80669 11.9999C8.80669 11.5581 8.44851 11.1999 8.00669 11.1999V12.7999ZM4.00002 2.13325H12V0.533252H4.00002V2.13325ZM12 2.13325C12.2946 2.13325 12.5334 2.37203 12.5334 2.66659H14.1334C14.1334 1.48838 13.1782 0.533252 12 0.533252V2.13325ZM12.5334 2.66659V13.3333H14.1334V2.66659H12.5334ZM12.5334 13.3333C12.5334 13.6278 12.2946 13.8666 12 13.8666V15.4666C13.1782 15.4666 14.1334 14.5115 14.1334 13.3333H12.5334ZM12 13.8666H4.00002V15.4666H12V13.8666ZM4.00002 13.8666C3.70547 13.8666 3.46669 13.6278 3.46669 13.3333H1.86669C1.86669 14.5115 2.82181 15.4666 4.00002 15.4666V13.8666ZM3.46669 13.3333V2.66659H1.86669V13.3333H3.46669ZM3.46669 2.66659C3.46669 2.37203 3.70547 2.13325 4.00002 2.13325V0.533252C2.82181 0.533252 1.86669 1.48838 1.86669 2.66659H3.46669ZM8.00002 12.7999H8.00669V11.1999H8.00002V12.7999Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.00002 11.1999C7.55819 11.1999 7.20002 11.5581 7.20002 11.9999C7.20002 12.4417 7.55819 12.7999 8.00002 12.7999V11.1999ZM8.00669 12.7999C8.44851 12.7999 8.80669 12.4417 8.80669 11.9999C8.80669 11.5581 8.44851 11.1999 8.00669 11.1999V12.7999ZM4.00002 2.13325H12V0.533252H4.00002V2.13325ZM12 2.13325C12.2946 2.13325 12.5334 2.37203 12.5334 2.66659H14.1334C14.1334 1.48838 13.1782 0.533252 12 0.533252V2.13325ZM12.5334 2.66659V13.3333H14.1334V2.66659H12.5334ZM12.5334 13.3333C12.5334 13.6278 12.2946 13.8666 12 13.8666V15.4666C13.1782 15.4666 14.1334 14.5115 14.1334 13.3333H12.5334ZM12 13.8666H4.00002V15.4666H12V13.8666ZM4.00002 13.8666C3.70547 13.8666 3.46669 13.6278 3.46669 13.3333H1.86669C1.86669 14.5115 2.82181 15.4666 4.00002 15.4666V13.8666ZM3.46669 13.3333V2.66659H1.86669V13.3333H3.46669ZM3.46669 2.66659C3.46669 2.37203 3.70547 2.13325 4.00002 2.13325V0.533252C2.82181 0.533252 1.86669 1.48838 1.86669 2.66659H3.46669ZM8.00002 12.7999H8.00669V11.1999H8.00002V12.7999Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTablet,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13629",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTablet size={size} />,
+  },
 );
-figma.connect(IconTablet, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13629", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTablet size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTag.tsx b/src/icons/IconTag.tsx
index 48690b9..6ebe5d3 100644
--- a/src/icons/IconTag.tsx
+++ b/src/icons/IconTag.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTag = (props: IconProps) => (
-  <Icon {...props}><path d="M13.7267 8.93992L14.2924 9.50561L14.2941 9.50392L13.7267 8.93992ZM8.94671 13.7199L8.38102 13.1542L8.38071 13.1545L8.94671 13.7199ZM7.06004 13.7199L7.62604 13.1545L7.6254 13.1539L7.06004 13.7199ZM1.33337 7.99992H0.533374C0.533374 8.21225 0.617787 8.41588 0.768018 8.56593L1.33337 7.99992ZM1.33337 1.33325V0.533252C0.891546 0.533252 0.533374 0.891424 0.533374 1.33325L1.33337 1.33325ZM8.00004 1.33325L8.56573 0.767567C8.4157 0.617537 8.21221 0.533252 8.00004 0.533252V1.33325ZM13.7267 7.05992L14.2941 6.49592L14.2924 6.49423L13.7267 7.05992ZM4.66671 3.86659C4.22488 3.86659 3.86671 4.22476 3.86671 4.66659C3.86671 5.10841 4.22488 5.46659 4.66671 5.46659V3.86659ZM4.67337 5.46659C5.1152 5.46659 5.47337 5.10841 5.47337 4.66659C5.47337 4.22476 5.1152 3.86659 4.67337 3.86659V5.46659ZM13.161 8.37423L8.38102 13.1542L9.51239 14.2856L14.2924 9.5056L13.161 8.37423ZM8.38071 13.1545C8.33117 13.2041 8.27235 13.2435 8.20761 13.2703L8.82031 14.7484C9.0793 14.641 9.31458 14.4836 9.51271 14.2853L8.38071 13.1545ZM8.20761 13.2703C8.14287 13.2972 8.07346 13.311 8.00337 13.311V14.911C8.28372 14.911 8.56133 14.8557 8.82031 14.7484L8.20761 13.2703ZM8.00337 13.311C7.93328 13.311 7.86388 13.2972 7.79914 13.2703L7.18643 14.7484C7.44542 14.8557 7.72302 14.911 8.00337 14.911V13.311ZM7.79914 13.2703C7.7344 13.2435 7.67557 13.2041 7.62604 13.1545L6.49404 14.2853C6.69217 14.4836 6.92745 14.641 7.18643 14.7484L7.79914 13.2703ZM7.6254 13.1539L1.89873 7.4339L0.768018 8.56593L6.49468 14.2859L7.6254 13.1539ZM2.13337 7.99992V1.33325H0.533374V7.99992H2.13337ZM1.33337 2.13325H8.00004V0.533252H1.33337V2.13325ZM7.43436 1.89894L13.161 7.6256L14.2924 6.49423L8.56573 0.767567L7.43436 1.89894ZM13.1593 7.62392C13.2587 7.72384 13.3144 7.85902 13.3144 7.99992H14.9144C14.9144 7.43632 14.6914 6.89563 14.2941 6.49592L13.1593 7.62392ZM13.3144 7.99992C13.3144 8.14082 13.2587 8.27599 13.1593 8.37592L14.2941 9.50392C14.6914 9.10421 14.9144 8.56351 14.9144 7.99992H13.3144ZM4.66671 5.46659H4.67337V3.86659H4.66671V5.46659Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.7267 8.93992L14.2924 9.50561L14.2941 9.50392L13.7267 8.93992ZM8.94671 13.7199L8.38102 13.1542L8.38071 13.1545L8.94671 13.7199ZM7.06004 13.7199L7.62604 13.1545L7.6254 13.1539L7.06004 13.7199ZM1.33337 7.99992H0.533374C0.533374 8.21225 0.617787 8.41588 0.768018 8.56593L1.33337 7.99992ZM1.33337 1.33325V0.533252C0.891546 0.533252 0.533374 0.891424 0.533374 1.33325L1.33337 1.33325ZM8.00004 1.33325L8.56573 0.767567C8.4157 0.617537 8.21221 0.533252 8.00004 0.533252V1.33325ZM13.7267 7.05992L14.2941 6.49592L14.2924 6.49423L13.7267 7.05992ZM4.66671 3.86659C4.22488 3.86659 3.86671 4.22476 3.86671 4.66659C3.86671 5.10841 4.22488 5.46659 4.66671 5.46659V3.86659ZM4.67337 5.46659C5.1152 5.46659 5.47337 5.10841 5.47337 4.66659C5.47337 4.22476 5.1152 3.86659 4.67337 3.86659V5.46659ZM13.161 8.37423L8.38102 13.1542L9.51239 14.2856L14.2924 9.5056L13.161 8.37423ZM8.38071 13.1545C8.33117 13.2041 8.27235 13.2435 8.20761 13.2703L8.82031 14.7484C9.0793 14.641 9.31458 14.4836 9.51271 14.2853L8.38071 13.1545ZM8.20761 13.2703C8.14287 13.2972 8.07346 13.311 8.00337 13.311V14.911C8.28372 14.911 8.56133 14.8557 8.82031 14.7484L8.20761 13.2703ZM8.00337 13.311C7.93328 13.311 7.86388 13.2972 7.79914 13.2703L7.18643 14.7484C7.44542 14.8557 7.72302 14.911 8.00337 14.911V13.311ZM7.79914 13.2703C7.7344 13.2435 7.67557 13.2041 7.62604 13.1545L6.49404 14.2853C6.69217 14.4836 6.92745 14.641 7.18643 14.7484L7.79914 13.2703ZM7.6254 13.1539L1.89873 7.4339L0.768018 8.56593L6.49468 14.2859L7.6254 13.1539ZM2.13337 7.99992V1.33325H0.533374V7.99992H2.13337ZM1.33337 2.13325H8.00004V0.533252H1.33337V2.13325ZM7.43436 1.89894L13.161 7.6256L14.2924 6.49423L8.56573 0.767567L7.43436 1.89894ZM13.1593 7.62392C13.2587 7.72384 13.3144 7.85902 13.3144 7.99992H14.9144C14.9144 7.43632 14.6914 6.89563 14.2941 6.49592L13.1593 7.62392ZM13.3144 7.99992C13.3144 8.14082 13.2587 8.27599 13.1593 8.37592L14.2941 9.50392C14.6914 9.10421 14.9144 8.56351 14.9144 7.99992H13.3144ZM4.66671 5.46659H4.67337V3.86659H4.66671V5.46659Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTag,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13632",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTag size={size} />,
+  },
 );
-figma.connect(IconTag, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13632", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTag size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTarget.tsx b/src/icons/IconTarget.tsx
index 3d25107..0e593bb 100644
--- a/src/icons/IconTarget.tsx
+++ b/src/icons/IconTarget.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTarget = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16025)"><path d="M13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM11.2 7.99992C11.2 9.76723 9.76735 11.1999 8.00004 11.1999V12.7999C10.651 12.7999 12.8 10.6509 12.8 7.99992H11.2ZM8.00004 11.1999C6.23273 11.1999 4.80004 9.76723 4.80004 7.99992H3.20004C3.20004 10.6509 5.34907 12.7999 8.00004 12.7999V11.1999ZM4.80004 7.99992C4.80004 6.23261 6.23273 4.79992 8.00004 4.79992V3.19992C5.34907 3.19992 3.20004 5.34895 3.20004 7.99992H4.80004ZM8.00004 4.79992C9.76735 4.79992 11.2 6.23261 11.2 7.99992H12.8C12.8 5.34895 10.651 3.19992 8.00004 3.19992V4.79992ZM8.53337 7.99992C8.53337 8.29447 8.29459 8.53325 8.00004 8.53325V10.1333C9.17825 10.1333 10.1334 9.17813 10.1334 7.99992H8.53337ZM8.00004 8.53325C7.70549 8.53325 7.46671 8.29447 7.46671 7.99992H5.86671C5.86671 9.17813 6.82183 10.1333 8.00004 10.1333V8.53325ZM7.46671 7.99992C7.46671 7.70537 7.70549 7.46658 8.00004 7.46658V5.86658C6.82183 5.86658 5.86671 6.82171 5.86671 7.99992H7.46671ZM8.00004 7.46658C8.29459 7.46658 8.53337 7.70537 8.53337 7.99992H10.1334C10.1334 6.82171 9.17825 5.86658 8.00004 5.86658V7.46658Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16025"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16025)">
+      <path
+        d="M13.8667 7.99992C13.8667 11.24 11.2401 13.8666 8.00004 13.8666V15.4666C12.1238 15.4666 15.4667 12.1236 15.4667 7.99992H13.8667ZM8.00004 13.8666C4.75997 13.8666 2.13337 11.24 2.13337 7.99992H0.533374C0.533374 12.1236 3.87631 15.4666 8.00004 15.4666V13.8666ZM2.13337 7.99992C2.13337 4.75985 4.75997 2.13325 8.00004 2.13325V0.533252C3.87631 0.533252 0.533374 3.87619 0.533374 7.99992H2.13337ZM8.00004 2.13325C11.2401 2.13325 13.8667 4.75985 13.8667 7.99992H15.4667C15.4667 3.87619 12.1238 0.533252 8.00004 0.533252V2.13325ZM11.2 7.99992C11.2 9.76723 9.76735 11.1999 8.00004 11.1999V12.7999C10.651 12.7999 12.8 10.6509 12.8 7.99992H11.2ZM8.00004 11.1999C6.23273 11.1999 4.80004 9.76723 4.80004 7.99992H3.20004C3.20004 10.6509 5.34907 12.7999 8.00004 12.7999V11.1999ZM4.80004 7.99992C4.80004 6.23261 6.23273 4.79992 8.00004 4.79992V3.19992C5.34907 3.19992 3.20004 5.34895 3.20004 7.99992H4.80004ZM8.00004 4.79992C9.76735 4.79992 11.2 6.23261 11.2 7.99992H12.8C12.8 5.34895 10.651 3.19992 8.00004 3.19992V4.79992ZM8.53337 7.99992C8.53337 8.29447 8.29459 8.53325 8.00004 8.53325V10.1333C9.17825 10.1333 10.1334 9.17813 10.1334 7.99992H8.53337ZM8.00004 8.53325C7.70549 8.53325 7.46671 8.29447 7.46671 7.99992H5.86671C5.86671 9.17813 6.82183 10.1333 8.00004 10.1333V8.53325ZM7.46671 7.99992C7.46671 7.70537 7.70549 7.46658 8.00004 7.46658V5.86658C6.82183 5.86658 5.86671 6.82171 5.86671 7.99992H7.46671ZM8.00004 7.46658C8.29459 7.46658 8.53337 7.70537 8.53337 7.99992H10.1334C10.1334 6.82171 9.17825 5.86658 8.00004 5.86658V7.46658Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16025">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconTarget,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13631",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTarget size={size} />,
+  },
 );
-figma.connect(IconTarget, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13631", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTarget size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTerminal.tsx b/src/icons/IconTerminal.tsx
index 6953940..08c96e7 100644
--- a/src/icons/IconTerminal.tsx
+++ b/src/icons/IconTerminal.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTerminal = (props: IconProps) => (
-  <Icon {...props}><path d="M2.10106 10.7676C1.78864 11.08 1.78864 11.5865 2.10106 11.8989C2.41348 12.2114 2.92001 12.2114 3.23243 11.8989L2.10106 10.7676ZM6.66675 7.33325L7.23243 7.89894C7.54485 7.58652 7.54485 7.07999 7.23243 6.76757L6.66675 7.33325ZM3.23243 2.76757C2.92001 2.45515 2.41348 2.45515 2.10106 2.76757C1.78864 3.07999 1.78864 3.58652 2.10106 3.89894L3.23243 2.76757ZM8.00008 11.8666C7.55825 11.8666 7.20008 12.2248 7.20008 12.6666C7.20008 13.1084 7.55825 13.4666 8.00008 13.4666V11.8666ZM13.3334 13.4666C13.7752 13.4666 14.1334 13.1084 14.1334 12.6666C14.1334 12.2248 13.7752 11.8666 13.3334 11.8666V13.4666ZM3.23243 11.8989L7.23243 7.89894L6.10106 6.76757L2.10106 10.7676L3.23243 11.8989ZM7.23243 6.76757L3.23243 2.76757L2.10106 3.89894L6.10106 7.89894L7.23243 6.76757ZM8.00008 13.4666H13.3334V11.8666H8.00008V13.4666Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.10106 10.7676C1.78864 11.08 1.78864 11.5865 2.10106 11.8989C2.41348 12.2114 2.92001 12.2114 3.23243 11.8989L2.10106 10.7676ZM6.66675 7.33325L7.23243 7.89894C7.54485 7.58652 7.54485 7.07999 7.23243 6.76757L6.66675 7.33325ZM3.23243 2.76757C2.92001 2.45515 2.41348 2.45515 2.10106 2.76757C1.78864 3.07999 1.78864 3.58652 2.10106 3.89894L3.23243 2.76757ZM8.00008 11.8666C7.55825 11.8666 7.20008 12.2248 7.20008 12.6666C7.20008 13.1084 7.55825 13.4666 8.00008 13.4666V11.8666ZM13.3334 13.4666C13.7752 13.4666 14.1334 13.1084 14.1334 12.6666C14.1334 12.2248 13.7752 11.8666 13.3334 11.8666V13.4666ZM3.23243 11.8989L7.23243 7.89894L6.10106 6.76757L2.10106 10.7676L3.23243 11.8989ZM7.23243 6.76757L3.23243 2.76757L2.10106 3.89894L6.10106 7.89894L7.23243 6.76757ZM8.00008 13.4666H13.3334V11.8666H8.00008V13.4666Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTerminal,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13634",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTerminal size={size} />,
+  },
 );
-figma.connect(IconTerminal, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13634", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTerminal size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconThermometer.tsx b/src/icons/IconThermometer.tsx
index b0be4b1..171a0ff 100644
--- a/src/icons/IconThermometer.tsx
+++ b/src/icons/IconThermometer.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconThermometer = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16029)"><path d="M9.33341 9.84008H8.53341C8.53341 10.1073 8.66681 10.3568 8.88897 10.5053L9.33341 9.84008ZM9.33341 2.33341H8.53341H9.33341ZM6.00008 9.84008L6.44453 10.5053C6.66669 10.3568 6.80008 10.1073 6.80008 9.84008H6.00008ZM10.1334 9.84008V2.33341H8.53341V9.84008H10.1334ZM10.1334 2.33341C10.1334 1.67921 9.87353 1.05181 9.41094 0.589218L8.27957 1.72059C8.44211 1.88312 8.53341 2.10356 8.53341 2.33341H10.1334ZM9.41094 0.589218C8.94835 0.126628 8.32095 -0.133252 7.66675 -0.133252V1.46675C7.8966 1.46675 8.11704 1.55806 8.27957 1.72059L9.41094 0.589218ZM7.66675 -0.133252C7.01255 -0.133252 6.38514 0.126628 5.92255 0.589218L7.05392 1.72059C7.21645 1.55806 7.43689 1.46675 7.66675 1.46675V-0.133252ZM5.92255 0.589218C5.45996 1.05181 5.20008 1.67921 5.20008 2.33341H6.80008C6.80008 2.10356 6.89139 1.88312 7.05392 1.72059L5.92255 0.589218ZM5.20008 2.33341V9.84008H6.80008V2.33341H5.20008ZM5.55564 9.1749C4.87778 9.62781 4.36355 10.2867 4.0889 11.0543L5.59536 11.5933C5.75437 11.1489 6.05208 10.7675 6.44453 10.5053L5.55564 9.1749ZM4.0889 11.0543C3.81424 11.8219 3.79372 12.6574 4.03037 13.4376L5.56147 12.9731C5.42447 12.5215 5.43635 12.0377 5.59536 11.5933L4.0889 11.0543ZM4.03037 13.4376C4.26701 14.2177 4.74827 14.9011 5.40308 15.3867L6.3562 14.1016C5.9771 13.8204 5.69848 13.4248 5.56147 12.9731L4.03037 13.4376ZM5.40308 15.3867C6.05788 15.8723 6.85151 16.1345 7.66675 16.1345V14.5345C7.19477 14.5345 6.7353 14.3827 6.3562 14.1016L5.40308 15.3867ZM7.66675 16.1345C8.48199 16.1345 9.27561 15.8723 9.93042 15.3867L8.97729 14.1016C8.5982 14.3827 8.13873 14.5345 7.66675 14.5345V16.1345ZM9.93042 15.3867C10.5852 14.9011 11.0665 14.2177 11.3031 13.4376L9.77202 12.9731C9.63502 13.4248 9.35639 13.8204 8.97729 14.1016L9.93042 15.3867ZM11.3031 13.4376C11.5398 12.6574 11.5193 11.8219 11.2446 11.0543L9.73813 11.5933C9.89715 12.0377 9.90903 12.5215 9.77202 12.9731L11.3031 13.4376ZM11.2446 11.0543C10.9699 10.2867 10.4557 9.62781 9.77786 9.1749L8.88897 10.5053C9.28141 10.7675 9.57912 11.1489 9.73813 11.5933L11.2446 11.0543Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16029"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16029)">
+      <path
+        d="M9.33341 9.84008H8.53341C8.53341 10.1073 8.66681 10.3568 8.88897 10.5053L9.33341 9.84008ZM9.33341 2.33341H8.53341H9.33341ZM6.00008 9.84008L6.44453 10.5053C6.66669 10.3568 6.80008 10.1073 6.80008 9.84008H6.00008ZM10.1334 9.84008V2.33341H8.53341V9.84008H10.1334ZM10.1334 2.33341C10.1334 1.67921 9.87353 1.05181 9.41094 0.589218L8.27957 1.72059C8.44211 1.88312 8.53341 2.10356 8.53341 2.33341H10.1334ZM9.41094 0.589218C8.94835 0.126628 8.32095 -0.133252 7.66675 -0.133252V1.46675C7.8966 1.46675 8.11704 1.55806 8.27957 1.72059L9.41094 0.589218ZM7.66675 -0.133252C7.01255 -0.133252 6.38514 0.126628 5.92255 0.589218L7.05392 1.72059C7.21645 1.55806 7.43689 1.46675 7.66675 1.46675V-0.133252ZM5.92255 0.589218C5.45996 1.05181 5.20008 1.67921 5.20008 2.33341H6.80008C6.80008 2.10356 6.89139 1.88312 7.05392 1.72059L5.92255 0.589218ZM5.20008 2.33341V9.84008H6.80008V2.33341H5.20008ZM5.55564 9.1749C4.87778 9.62781 4.36355 10.2867 4.0889 11.0543L5.59536 11.5933C5.75437 11.1489 6.05208 10.7675 6.44453 10.5053L5.55564 9.1749ZM4.0889 11.0543C3.81424 11.8219 3.79372 12.6574 4.03037 13.4376L5.56147 12.9731C5.42447 12.5215 5.43635 12.0377 5.59536 11.5933L4.0889 11.0543ZM4.03037 13.4376C4.26701 14.2177 4.74827 14.9011 5.40308 15.3867L6.3562 14.1016C5.9771 13.8204 5.69848 13.4248 5.56147 12.9731L4.03037 13.4376ZM5.40308 15.3867C6.05788 15.8723 6.85151 16.1345 7.66675 16.1345V14.5345C7.19477 14.5345 6.7353 14.3827 6.3562 14.1016L5.40308 15.3867ZM7.66675 16.1345C8.48199 16.1345 9.27561 15.8723 9.93042 15.3867L8.97729 14.1016C8.5982 14.3827 8.13873 14.5345 7.66675 14.5345V16.1345ZM9.93042 15.3867C10.5852 14.9011 11.0665 14.2177 11.3031 13.4376L9.77202 12.9731C9.63502 13.4248 9.35639 13.8204 8.97729 14.1016L9.93042 15.3867ZM11.3031 13.4376C11.5398 12.6574 11.5193 11.8219 11.2446 11.0543L9.73813 11.5933C9.89715 12.0377 9.90903 12.5215 9.77202 12.9731L11.3031 13.4376ZM11.2446 11.0543C10.9699 10.2867 10.4557 9.62781 9.77786 9.1749L8.88897 10.5053C9.28141 10.7675 9.57912 11.1489 9.73813 11.5933L11.2446 11.0543Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16029">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconThermometer,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13633",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconThermometer size={size} />,
+  },
 );
-figma.connect(IconThermometer, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13633", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconThermometer size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconThumbsDown.tsx b/src/icons/IconThumbsDown.tsx
index 0e61e25..cdff18f 100644
--- a/src/icons/IconThumbsDown.tsx
+++ b/src/icons/IconThumbsDown.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconThumbsDown = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16031)"><path d="M6.66669 9.99992H7.46669C7.46669 9.55809 7.10851 9.19991 6.66669 9.19991V9.99992ZM8.66669 14.6666V15.4666C8.98284 15.4666 9.26934 15.2804 9.39774 14.9915L8.66669 14.6666ZM3.81335 1.33325L3.80431 2.13325H3.81335V1.33325ZM2.48002 2.46658L3.27078 2.58783L3.27098 2.58653L2.48002 2.46658ZM1.56002 8.46658L0.769261 8.34533L0.769079 8.34653L1.56002 8.46658ZM2.89335 9.99992V9.19986L2.88429 9.19997L2.89335 9.99992ZM13.1134 1.33325V2.13325C13.1181 2.13325 13.1228 2.13321 13.1275 2.13312L13.1134 1.33325ZM14.6667 2.66658H15.4667C15.4667 2.63072 15.4643 2.59489 15.4595 2.55935L14.6667 2.66658ZM14.6667 7.33325L15.4595 7.44048C15.4643 7.40494 15.4667 7.36911 15.4667 7.33325H14.6667ZM13.1134 8.66658L13.1275 7.86671C13.1228 7.86662 13.1181 7.86658 13.1134 7.86658V8.66658ZM5.86669 9.99992V12.6666H7.46669V9.99992H5.86669ZM5.86669 12.6666C5.86669 13.4092 6.16169 14.1214 6.68679 14.6465L7.81816 13.5151C7.59312 13.2901 7.46669 12.9848 7.46669 12.6666H5.86669ZM6.68679 14.6465C7.21189 15.1716 7.92408 15.4666 8.66669 15.4666V13.8666C8.34843 13.8666 8.0432 13.7402 7.81816 13.5151L6.68679 14.6465ZM9.39774 14.9915L12.0644 8.99149L10.6023 8.34167L7.93564 14.3417L9.39774 14.9915ZM12.1334 8.66658V1.33325H10.5334V8.66658H12.1334ZM11.3334 0.533249H3.81335V2.13325H11.3334V0.533249ZM3.8224 0.5333C3.30791 0.527484 2.80866 0.707801 2.41663 1.04103L3.45287 2.26013C3.55088 2.17682 3.67569 2.13174 3.80431 2.1332L3.8224 0.5333ZM2.41663 1.04103C2.0246 1.37425 1.76621 1.83793 1.68906 2.34663L3.27098 2.58653C3.29026 2.45936 3.35486 2.34344 3.45287 2.26013L2.41663 1.04103ZM1.68926 2.34533L0.769262 8.34533L2.35078 8.58783L3.27078 2.58783L1.68926 2.34533ZM0.769079 8.34653C0.722671 8.65228 0.743293 8.96447 0.829517 9.26146L2.36607 8.81537C2.34451 8.74112 2.33936 8.66307 2.35096 8.58663L0.769079 8.34653ZM0.829517 9.26146C0.91574 9.55845 1.0655 9.83315 1.26843 10.0665L2.4758 9.01663C2.42507 8.95829 2.38763 8.88961 2.36607 8.81537L0.829517 9.26146ZM1.26843 10.0665C1.47136 10.2999 1.72259 10.4863 2.00474 10.613L2.65988 9.15324C2.58934 9.12158 2.52653 9.07497 2.4758 9.01663L1.26843 10.0665ZM2.00474 10.613C2.28688 10.7396 2.59318 10.8034 2.90241 10.7999L2.88429 9.19997C2.80699 9.20084 2.73041 9.1849 2.65988 9.15324L2.00474 10.613ZM2.89335 10.7999H6.66669V9.19991H2.89335V10.7999ZM11.3334 2.13325H13.1134V0.533249H11.3334V2.13325ZM13.1275 2.13312C13.3088 2.12992 13.485 2.19339 13.6226 2.3115L14.6647 1.09742C14.2296 0.723952 13.6725 0.523235 13.0992 0.533374L13.1275 2.13312ZM13.6226 2.3115C13.7602 2.4296 13.8496 2.59412 13.8739 2.77382L15.4595 2.55935C15.3826 1.99112 15.0998 1.4709 14.6647 1.09742L13.6226 2.3115ZM13.8667 2.66658V7.33325H15.4667V2.66658H13.8667ZM13.8739 7.22601C13.8496 7.40571 13.7602 7.57023 13.6226 7.68833L14.6647 8.90241C15.0998 8.52893 15.3826 8.00871 15.4595 7.44048L13.8739 7.22601ZM13.6226 7.68833C13.485 7.80644 13.3088 7.86991 13.1275 7.86671L13.0992 9.46646C13.6725 9.4766 14.2296 9.27588 14.6647 8.90241L13.6226 7.68833ZM13.1134 7.86658H11.3334V9.46658H13.1134V7.86658Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16031"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16031)">
+      <path
+        d="M6.66669 9.99992H7.46669C7.46669 9.55809 7.10851 9.19991 6.66669 9.19991V9.99992ZM8.66669 14.6666V15.4666C8.98284 15.4666 9.26934 15.2804 9.39774 14.9915L8.66669 14.6666ZM3.81335 1.33325L3.80431 2.13325H3.81335V1.33325ZM2.48002 2.46658L3.27078 2.58783L3.27098 2.58653L2.48002 2.46658ZM1.56002 8.46658L0.769261 8.34533L0.769079 8.34653L1.56002 8.46658ZM2.89335 9.99992V9.19986L2.88429 9.19997L2.89335 9.99992ZM13.1134 1.33325V2.13325C13.1181 2.13325 13.1228 2.13321 13.1275 2.13312L13.1134 1.33325ZM14.6667 2.66658H15.4667C15.4667 2.63072 15.4643 2.59489 15.4595 2.55935L14.6667 2.66658ZM14.6667 7.33325L15.4595 7.44048C15.4643 7.40494 15.4667 7.36911 15.4667 7.33325H14.6667ZM13.1134 8.66658L13.1275 7.86671C13.1228 7.86662 13.1181 7.86658 13.1134 7.86658V8.66658ZM5.86669 9.99992V12.6666H7.46669V9.99992H5.86669ZM5.86669 12.6666C5.86669 13.4092 6.16169 14.1214 6.68679 14.6465L7.81816 13.5151C7.59312 13.2901 7.46669 12.9848 7.46669 12.6666H5.86669ZM6.68679 14.6465C7.21189 15.1716 7.92408 15.4666 8.66669 15.4666V13.8666C8.34843 13.8666 8.0432 13.7402 7.81816 13.5151L6.68679 14.6465ZM9.39774 14.9915L12.0644 8.99149L10.6023 8.34167L7.93564 14.3417L9.39774 14.9915ZM12.1334 8.66658V1.33325H10.5334V8.66658H12.1334ZM11.3334 0.533249H3.81335V2.13325H11.3334V0.533249ZM3.8224 0.5333C3.30791 0.527484 2.80866 0.707801 2.41663 1.04103L3.45287 2.26013C3.55088 2.17682 3.67569 2.13174 3.80431 2.1332L3.8224 0.5333ZM2.41663 1.04103C2.0246 1.37425 1.76621 1.83793 1.68906 2.34663L3.27098 2.58653C3.29026 2.45936 3.35486 2.34344 3.45287 2.26013L2.41663 1.04103ZM1.68926 2.34533L0.769262 8.34533L2.35078 8.58783L3.27078 2.58783L1.68926 2.34533ZM0.769079 8.34653C0.722671 8.65228 0.743293 8.96447 0.829517 9.26146L2.36607 8.81537C2.34451 8.74112 2.33936 8.66307 2.35096 8.58663L0.769079 8.34653ZM0.829517 9.26146C0.91574 9.55845 1.0655 9.83315 1.26843 10.0665L2.4758 9.01663C2.42507 8.95829 2.38763 8.88961 2.36607 8.81537L0.829517 9.26146ZM1.26843 10.0665C1.47136 10.2999 1.72259 10.4863 2.00474 10.613L2.65988 9.15324C2.58934 9.12158 2.52653 9.07497 2.4758 9.01663L1.26843 10.0665ZM2.00474 10.613C2.28688 10.7396 2.59318 10.8034 2.90241 10.7999L2.88429 9.19997C2.80699 9.20084 2.73041 9.1849 2.65988 9.15324L2.00474 10.613ZM2.89335 10.7999H6.66669V9.19991H2.89335V10.7999ZM11.3334 2.13325H13.1134V0.533249H11.3334V2.13325ZM13.1275 2.13312C13.3088 2.12992 13.485 2.19339 13.6226 2.3115L14.6647 1.09742C14.2296 0.723952 13.6725 0.523235 13.0992 0.533374L13.1275 2.13312ZM13.6226 2.3115C13.7602 2.4296 13.8496 2.59412 13.8739 2.77382L15.4595 2.55935C15.3826 1.99112 15.0998 1.4709 14.6647 1.09742L13.6226 2.3115ZM13.8667 2.66658V7.33325H15.4667V2.66658H13.8667ZM13.8739 7.22601C13.8496 7.40571 13.7602 7.57023 13.6226 7.68833L14.6647 8.90241C15.0998 8.52893 15.3826 8.00871 15.4595 7.44048L13.8739 7.22601ZM13.6226 7.68833C13.485 7.80644 13.3088 7.86991 13.1275 7.86671L13.0992 9.46646C13.6725 9.4766 14.2296 9.27588 14.6647 8.90241L13.6226 7.68833ZM13.1134 7.86658H11.3334V9.46658H13.1134V7.86658Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16031">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconThumbsDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13636",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconThumbsDown size={size} />,
+  },
 );
-figma.connect(IconThumbsDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13636", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconThumbsDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconThumbsUp.tsx b/src/icons/IconThumbsUp.tsx
index fcf307a..d7f47ec 100644
--- a/src/icons/IconThumbsUp.tsx
+++ b/src/icons/IconThumbsUp.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconThumbsUp = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16033)"><path d="M9.3335 5.99992H8.5335C8.5335 6.44175 8.89167 6.79992 9.3335 6.79992V5.99992ZM9.3335 3.33325H10.1335H9.3335ZM7.3335 1.33325V0.533252C7.01735 0.533252 6.73085 0.719439 6.60245 1.00834L7.3335 1.33325ZM12.1868 14.6666L12.1959 13.8666H12.1868V14.6666ZM13.5202 13.5333L12.7294 13.412L12.7292 13.4133L13.5202 13.5333ZM14.4402 7.53325L15.2309 7.6545L15.2311 7.6533L14.4402 7.53325ZM13.1068 5.99992V6.79997L13.1159 6.79987L13.1068 5.99992ZM1.3335 13.3333H0.533496H1.3335ZM2.66683 7.33325V8.13325V7.33325ZM10.1335 5.99992V3.33325H8.5335V5.99992H10.1335ZM10.1335 3.33325C10.1335 2.59065 9.8385 1.87845 9.3134 1.35335L8.18202 2.48472C8.40707 2.70977 8.5335 3.01499 8.5335 3.33325H10.1335ZM9.3134 1.35335C8.78829 0.828251 8.0761 0.533252 7.3335 0.533252V2.13325C7.65176 2.13325 7.95698 2.25968 8.18202 2.48472L9.3134 1.35335ZM6.60245 1.00834L3.93578 7.00834L5.39788 7.65816L8.06455 1.65816L6.60245 1.00834ZM3.86683 7.33325V14.6666H5.46683V7.33325H3.86683ZM4.66683 15.4666H12.1868V13.8666H4.66683V15.4666ZM12.1778 15.4665C12.6923 15.4723 13.1915 15.292 13.5836 14.9588L12.5473 13.7397C12.4493 13.823 12.3245 13.8681 12.1959 13.8666L12.1778 15.4665ZM13.5836 14.9588C13.9756 14.6256 14.234 14.1619 14.3111 13.6532L12.7292 13.4133C12.7099 13.5405 12.6453 13.6564 12.5473 13.7397L13.5836 14.9588ZM14.3109 13.6545L15.2309 7.6545L13.6494 7.412L12.7294 13.412L14.3109 13.6545ZM15.2311 7.6533C15.2775 7.34755 15.2569 7.03536 15.1707 6.73837L13.6341 7.18447C13.6557 7.25871 13.6608 7.33676 13.6492 7.4132L15.2311 7.6533ZM15.1707 6.73837C15.0844 6.44138 14.9347 6.16668 14.7318 5.93332L13.5244 6.9832C13.5751 7.04155 13.6126 7.11022 13.6341 7.18447L15.1707 6.73837ZM14.7318 5.93332C14.5288 5.69995 14.2776 5.5135 13.9954 5.38687L13.3403 6.84659C13.4108 6.87825 13.4737 6.92486 13.5244 6.9832L14.7318 5.93332ZM13.9954 5.38687C13.7133 5.26024 13.407 5.19647 13.0978 5.19997L13.1159 6.79987C13.1932 6.79899 13.2698 6.81493 13.3403 6.84659L13.9954 5.38687ZM13.1068 5.19992H9.3335V6.79992H13.1068V5.19992ZM4.66683 13.8666H2.66683V15.4666H4.66683V13.8666ZM2.66683 13.8666C2.52538 13.8666 2.38973 13.8104 2.28971 13.7104L1.15833 14.8417C1.55841 15.2418 2.10103 15.4666 2.66683 15.4666V13.8666ZM2.28971 13.7104C2.18969 13.6104 2.1335 13.4747 2.1335 13.3333H0.533496C0.533496 13.899 0.758257 14.4417 1.15833 14.8417L2.28971 13.7104ZM2.1335 13.3333V8.66658H0.533496V13.3333H2.1335ZM2.1335 8.66658C2.1335 8.52514 2.18969 8.38948 2.28971 8.28946L1.15833 7.15809C0.758257 7.55817 0.533496 8.10079 0.533496 8.66658H2.1335ZM2.28971 8.28946C2.38973 8.18944 2.52538 8.13325 2.66683 8.13325V6.53325C2.10103 6.53325 1.55841 6.75801 1.15833 7.15809L2.28971 8.28946ZM2.66683 8.13325H4.66683V6.53325H2.66683V8.13325Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16033"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16033)">
+      <path
+        d="M9.3335 5.99992H8.5335C8.5335 6.44175 8.89167 6.79992 9.3335 6.79992V5.99992ZM9.3335 3.33325H10.1335H9.3335ZM7.3335 1.33325V0.533252C7.01735 0.533252 6.73085 0.719439 6.60245 1.00834L7.3335 1.33325ZM12.1868 14.6666L12.1959 13.8666H12.1868V14.6666ZM13.5202 13.5333L12.7294 13.412L12.7292 13.4133L13.5202 13.5333ZM14.4402 7.53325L15.2309 7.6545L15.2311 7.6533L14.4402 7.53325ZM13.1068 5.99992V6.79997L13.1159 6.79987L13.1068 5.99992ZM1.3335 13.3333H0.533496H1.3335ZM2.66683 7.33325V8.13325V7.33325ZM10.1335 5.99992V3.33325H8.5335V5.99992H10.1335ZM10.1335 3.33325C10.1335 2.59065 9.8385 1.87845 9.3134 1.35335L8.18202 2.48472C8.40707 2.70977 8.5335 3.01499 8.5335 3.33325H10.1335ZM9.3134 1.35335C8.78829 0.828251 8.0761 0.533252 7.3335 0.533252V2.13325C7.65176 2.13325 7.95698 2.25968 8.18202 2.48472L9.3134 1.35335ZM6.60245 1.00834L3.93578 7.00834L5.39788 7.65816L8.06455 1.65816L6.60245 1.00834ZM3.86683 7.33325V14.6666H5.46683V7.33325H3.86683ZM4.66683 15.4666H12.1868V13.8666H4.66683V15.4666ZM12.1778 15.4665C12.6923 15.4723 13.1915 15.292 13.5836 14.9588L12.5473 13.7397C12.4493 13.823 12.3245 13.8681 12.1959 13.8666L12.1778 15.4665ZM13.5836 14.9588C13.9756 14.6256 14.234 14.1619 14.3111 13.6532L12.7292 13.4133C12.7099 13.5405 12.6453 13.6564 12.5473 13.7397L13.5836 14.9588ZM14.3109 13.6545L15.2309 7.6545L13.6494 7.412L12.7294 13.412L14.3109 13.6545ZM15.2311 7.6533C15.2775 7.34755 15.2569 7.03536 15.1707 6.73837L13.6341 7.18447C13.6557 7.25871 13.6608 7.33676 13.6492 7.4132L15.2311 7.6533ZM15.1707 6.73837C15.0844 6.44138 14.9347 6.16668 14.7318 5.93332L13.5244 6.9832C13.5751 7.04155 13.6126 7.11022 13.6341 7.18447L15.1707 6.73837ZM14.7318 5.93332C14.5288 5.69995 14.2776 5.5135 13.9954 5.38687L13.3403 6.84659C13.4108 6.87825 13.4737 6.92486 13.5244 6.9832L14.7318 5.93332ZM13.9954 5.38687C13.7133 5.26024 13.407 5.19647 13.0978 5.19997L13.1159 6.79987C13.1932 6.79899 13.2698 6.81493 13.3403 6.84659L13.9954 5.38687ZM13.1068 5.19992H9.3335V6.79992H13.1068V5.19992ZM4.66683 13.8666H2.66683V15.4666H4.66683V13.8666ZM2.66683 13.8666C2.52538 13.8666 2.38973 13.8104 2.28971 13.7104L1.15833 14.8417C1.55841 15.2418 2.10103 15.4666 2.66683 15.4666V13.8666ZM2.28971 13.7104C2.18969 13.6104 2.1335 13.4747 2.1335 13.3333H0.533496C0.533496 13.899 0.758257 14.4417 1.15833 14.8417L2.28971 13.7104ZM2.1335 13.3333V8.66658H0.533496V13.3333H2.1335ZM2.1335 8.66658C2.1335 8.52514 2.18969 8.38948 2.28971 8.28946L1.15833 7.15809C0.758257 7.55817 0.533496 8.10079 0.533496 8.66658H2.1335ZM2.28971 8.28946C2.38973 8.18944 2.52538 8.13325 2.66683 8.13325V6.53325C2.10103 6.53325 1.55841 6.75801 1.15833 7.15809L2.28971 8.28946ZM2.66683 8.13325H4.66683V6.53325H2.66683V8.13325Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16033">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconThumbsUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13635",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconThumbsUp size={size} />,
+  },
 );
-figma.connect(IconThumbsUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13635", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconThumbsUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconToggleLeft.tsx b/src/icons/IconToggleLeft.tsx
index 9f1246d..75573e5 100644
--- a/src/icons/IconToggleLeft.tsx
+++ b/src/icons/IconToggleLeft.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconToggleLeft = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16035)"><path d="M5.33317 4.13325H10.6665V2.53325H5.33317V4.13325ZM10.6665 4.13325C12.802 4.13325 14.5332 5.86442 14.5332 7.99992H16.1332C16.1332 4.98076 13.6857 2.53325 10.6665 2.53325V4.13325ZM14.5332 7.99992C14.5332 10.1354 12.802 11.8666 10.6665 11.8666V13.4666C13.6857 13.4666 16.1332 11.0191 16.1332 7.99992H14.5332ZM10.6665 11.8666H5.33317V13.4666H10.6665V11.8666ZM5.33317 11.8666C3.19767 11.8666 1.4665 10.1354 1.4665 7.99992H-0.133496C-0.133496 11.0191 2.31401 13.4666 5.33317 13.4666V11.8666ZM1.4665 7.99992C1.4665 5.86442 3.19767 4.13325 5.33317 4.13325V2.53325C2.31401 2.53325 -0.133496 4.98076 -0.133496 7.99992H1.4665ZM6.53317 7.99992C6.53317 8.66266 5.99591 9.19992 5.33317 9.19992V10.7999C6.87957 10.7999 8.13317 9.54632 8.13317 7.99992H6.53317ZM5.33317 9.19992C4.67043 9.19992 4.13317 8.66266 4.13317 7.99992H2.53317C2.53317 9.54632 3.78677 10.7999 5.33317 10.7999V9.19992ZM4.13317 7.99992C4.13317 7.33718 4.67043 6.79992 5.33317 6.79992V5.19992C3.78677 5.19992 2.53317 6.45352 2.53317 7.99992H4.13317ZM5.33317 6.79992C5.99591 6.79992 6.53317 7.33718 6.53317 7.99992H8.13317C8.13317 6.45352 6.87957 5.19992 5.33317 5.19992V6.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16035"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16035)">
+      <path
+        d="M5.33317 4.13325H10.6665V2.53325H5.33317V4.13325ZM10.6665 4.13325C12.802 4.13325 14.5332 5.86442 14.5332 7.99992H16.1332C16.1332 4.98076 13.6857 2.53325 10.6665 2.53325V4.13325ZM14.5332 7.99992C14.5332 10.1354 12.802 11.8666 10.6665 11.8666V13.4666C13.6857 13.4666 16.1332 11.0191 16.1332 7.99992H14.5332ZM10.6665 11.8666H5.33317V13.4666H10.6665V11.8666ZM5.33317 11.8666C3.19767 11.8666 1.4665 10.1354 1.4665 7.99992H-0.133496C-0.133496 11.0191 2.31401 13.4666 5.33317 13.4666V11.8666ZM1.4665 7.99992C1.4665 5.86442 3.19767 4.13325 5.33317 4.13325V2.53325C2.31401 2.53325 -0.133496 4.98076 -0.133496 7.99992H1.4665ZM6.53317 7.99992C6.53317 8.66266 5.99591 9.19992 5.33317 9.19992V10.7999C6.87957 10.7999 8.13317 9.54632 8.13317 7.99992H6.53317ZM5.33317 9.19992C4.67043 9.19992 4.13317 8.66266 4.13317 7.99992H2.53317C2.53317 9.54632 3.78677 10.7999 5.33317 10.7999V9.19992ZM4.13317 7.99992C4.13317 7.33718 4.67043 6.79992 5.33317 6.79992V5.19992C3.78677 5.19992 2.53317 6.45352 2.53317 7.99992H4.13317ZM5.33317 6.79992C5.99591 6.79992 6.53317 7.33718 6.53317 7.99992H8.13317C8.13317 6.45352 6.87957 5.19992 5.33317 5.19992V6.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16035">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconToggleLeft,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13638",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconToggleLeft size={size} />,
+  },
 );
-figma.connect(IconToggleLeft, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13638", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconToggleLeft size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconToggleRight.tsx b/src/icons/IconToggleRight.tsx
index 2f1c123..29fe55e 100644
--- a/src/icons/IconToggleRight.tsx
+++ b/src/icons/IconToggleRight.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconToggleRight = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16037)"><path d="M5.33334 4.13325H10.6667V2.53325H5.33334V4.13325ZM10.6667 4.13325C12.8022 4.13325 14.5333 5.86442 14.5333 7.99992H16.1333C16.1333 4.98076 13.6858 2.53325 10.6667 2.53325V4.13325ZM14.5333 7.99992C14.5333 10.1354 12.8022 11.8666 10.6667 11.8666V13.4666C13.6858 13.4666 16.1333 11.0191 16.1333 7.99992H14.5333ZM10.6667 11.8666H5.33334V13.4666H10.6667V11.8666ZM5.33334 11.8666C3.19784 11.8666 1.46667 10.1354 1.46667 7.99992H-0.133328C-0.133328 11.0191 2.31418 13.4666 5.33334 13.4666V11.8666ZM1.46667 7.99992C1.46667 5.86442 3.19784 4.13325 5.33334 4.13325V2.53325C2.31418 2.53325 -0.133328 4.98076 -0.133328 7.99992H1.46667ZM11.8667 7.99992C11.8667 8.66266 11.3294 9.19992 10.6667 9.19992V10.7999C12.2131 10.7999 13.4667 9.54632 13.4667 7.99992H11.8667ZM10.6667 9.19992C10.0039 9.19992 9.46667 8.66266 9.46667 7.99992H7.86667C7.86667 9.54632 9.12027 10.7999 10.6667 10.7999V9.19992ZM9.46667 7.99992C9.46667 7.33718 10.0039 6.79992 10.6667 6.79992V5.19992C9.12027 5.19992 7.86667 6.45352 7.86667 7.99992H9.46667ZM10.6667 6.79992C11.3294 6.79992 11.8667 7.33718 11.8667 7.99992H13.4667C13.4667 6.45352 12.2131 5.19992 10.6667 5.19992V6.79992Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16037"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16037)">
+      <path
+        d="M5.33334 4.13325H10.6667V2.53325H5.33334V4.13325ZM10.6667 4.13325C12.8022 4.13325 14.5333 5.86442 14.5333 7.99992H16.1333C16.1333 4.98076 13.6858 2.53325 10.6667 2.53325V4.13325ZM14.5333 7.99992C14.5333 10.1354 12.8022 11.8666 10.6667 11.8666V13.4666C13.6858 13.4666 16.1333 11.0191 16.1333 7.99992H14.5333ZM10.6667 11.8666H5.33334V13.4666H10.6667V11.8666ZM5.33334 11.8666C3.19784 11.8666 1.46667 10.1354 1.46667 7.99992H-0.133328C-0.133328 11.0191 2.31418 13.4666 5.33334 13.4666V11.8666ZM1.46667 7.99992C1.46667 5.86442 3.19784 4.13325 5.33334 4.13325V2.53325C2.31418 2.53325 -0.133328 4.98076 -0.133328 7.99992H1.46667ZM11.8667 7.99992C11.8667 8.66266 11.3294 9.19992 10.6667 9.19992V10.7999C12.2131 10.7999 13.4667 9.54632 13.4667 7.99992H11.8667ZM10.6667 9.19992C10.0039 9.19992 9.46667 8.66266 9.46667 7.99992H7.86667C7.86667 9.54632 9.12027 10.7999 10.6667 10.7999V9.19992ZM9.46667 7.99992C9.46667 7.33718 10.0039 6.79992 10.6667 6.79992V5.19992C9.12027 5.19992 7.86667 6.45352 7.86667 7.99992H9.46667ZM10.6667 6.79992C11.3294 6.79992 11.8667 7.33718 11.8667 7.99992H13.4667C13.4667 6.45352 12.2131 5.19992 10.6667 5.19992V6.79992Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16037">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconToggleRight,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13637",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconToggleRight size={size} />,
+  },
 );
-figma.connect(IconToggleRight, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13637", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconToggleRight size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTool.tsx b/src/icons/IconTool.tsx
index 67fa326..15128ab 100644
--- a/src/icons/IconTool.tsx
+++ b/src/icons/IconTool.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTool = (props: IconProps) => (
-  <Icon {...props}><path d="M9.80003 4.19991L9.23431 3.63419L9.22871 3.63991L9.80003 4.19991ZM9.80003 5.13324L9.22868 5.69327L9.23434 5.69892L9.80003 5.13324ZM10.8667 6.1999L10.301 6.76562L10.3067 6.77122L10.8667 6.1999ZM11.8 6.1999L12.3601 6.77125L12.3657 6.76559L11.8 6.1999ZM14.3134 3.68657L15.0422 3.35675C14.9339 3.11749 14.7151 2.9466 14.4568 2.89953C14.1984 2.85245 13.9334 2.93519 13.7477 3.12089L14.3134 3.68657ZM9.02003 8.9799L9.34984 8.25106C9.04648 8.11378 8.6898 8.17876 8.45434 8.41422L9.02003 8.9799ZM4.41336 13.5866L3.84767 13.0209L4.41336 13.5866ZM3.41336 14.0008V14.8008V14.0008ZM1.99915 12.5866H1.19915H1.99915ZM2.41336 11.5866L1.84767 11.0209H1.84767L2.41336 11.5866ZM7.02003 6.97991L7.58571 7.54559C7.82117 7.31014 7.88615 6.95345 7.74887 6.65009L7.02003 6.97991ZM12.3134 1.68657L12.879 2.25226C13.0647 2.06656 13.1475 1.80154 13.1004 1.54317C13.0533 1.2848 12.8824 1.06599 12.6432 0.957723L12.3134 1.68657ZM9.22871 3.63991C8.95998 3.91407 8.80945 4.28266 8.80945 4.66657H10.4095C10.4095 4.70148 10.3958 4.73498 10.3713 4.75991L9.22871 3.63991ZM8.80945 4.66657C8.80945 5.05048 8.95998 5.41908 9.22871 5.69324L10.3713 4.57324C10.3958 4.59816 10.4095 4.63167 10.4095 4.66657H8.80945ZM9.23434 5.69892L10.301 6.76559L11.4324 5.63422L10.3657 4.56755L9.23434 5.69892ZM10.3067 6.77122C10.5809 7.03995 10.9495 7.19048 11.3334 7.19048V5.59048C11.3683 5.59048 11.4018 5.60416 11.4267 5.62859L10.3067 6.77122ZM11.3334 7.19048C11.7173 7.19048 12.0859 7.03995 12.36 6.77122L11.24 5.62859C11.265 5.60416 11.2985 5.59048 11.3334 5.59048V7.19048ZM12.3657 6.76559L14.879 4.25226L13.7477 3.12089L11.2343 5.63422L12.3657 6.76559ZM13.5845 4.01639C13.8527 4.60902 13.9339 5.26932 13.8173 5.90927L15.3914 6.19607C15.5663 5.23614 15.4445 4.2457 15.0422 3.35675L13.5845 4.01639ZM13.8173 5.90927C13.7007 6.54922 13.3918 7.13844 12.9319 7.5984L14.0632 8.72978C14.7532 8.03983 15.2165 7.156 15.3914 6.19607L13.8173 5.90927ZM12.9319 7.5984C12.4719 8.05837 11.8827 8.36723 11.2427 8.48383L11.5295 10.0579C12.4895 9.88302 13.3733 9.41972 14.0632 8.72978L12.9319 7.5984ZM11.2427 8.48383C10.6028 8.60043 9.94248 8.51924 9.34984 8.25106L8.69021 9.70875C9.57916 10.111 10.5696 10.2328 11.5295 10.0579L11.2427 8.48383ZM8.45434 8.41422L3.84767 13.0209L4.97904 14.1523L9.58571 9.54559L8.45434 8.41422ZM3.84767 13.0209C3.73249 13.1361 3.57626 13.2008 3.41336 13.2008V14.8008C4.0006 14.8008 4.5638 14.5675 4.97904 14.1523L3.84767 13.0209ZM3.41336 13.2008C3.25046 13.2008 3.09423 13.1361 2.97904 13.0209L1.84767 14.1523C2.26292 14.5675 2.82611 14.8008 3.41336 14.8008V13.2008ZM2.97904 13.0209C2.86386 12.9057 2.79915 12.7495 2.79915 12.5866H1.19915C1.19915 13.1738 1.43243 13.737 1.84767 14.1523L2.97904 13.0209ZM2.79915 12.5866C2.79915 12.4237 2.86386 12.2674 2.97904 12.1523L1.84767 11.0209C1.43243 11.4361 1.19915 11.9993 1.19915 12.5866H2.79915ZM2.97904 12.1523L7.58571 7.54559L6.45434 6.41422L1.84767 11.0209L2.97904 12.1523ZM7.74887 6.65009C7.4807 6.05745 7.3995 5.39716 7.5161 4.75721L5.94201 4.47041C5.76711 5.43034 5.88891 6.42077 6.29118 7.30972L7.74887 6.65009ZM7.5161 4.75721C7.6327 4.11726 7.94156 3.52804 8.40153 3.06807L7.27015 1.9367C6.58021 2.62665 6.11691 3.51048 5.94201 4.47041L7.5161 4.75721ZM8.40153 3.06807C8.86149 2.60811 9.45071 2.29924 10.0907 2.18264L9.80386 0.608557C8.84393 0.783459 7.9601 1.24675 7.27015 1.9367L8.40153 3.06807ZM10.0907 2.18264C10.7306 2.06604 11.3909 2.14724 11.9835 2.41542L12.6432 0.957723C11.7542 0.555455 10.7638 0.433656 9.80386 0.608557L10.0907 2.18264ZM11.7477 1.12089L9.23434 3.63422L10.3657 4.76559L12.879 2.25226L11.7477 1.12089Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M9.80003 4.19991L9.23431 3.63419L9.22871 3.63991L9.80003 4.19991ZM9.80003 5.13324L9.22868 5.69327L9.23434 5.69892L9.80003 5.13324ZM10.8667 6.1999L10.301 6.76562L10.3067 6.77122L10.8667 6.1999ZM11.8 6.1999L12.3601 6.77125L12.3657 6.76559L11.8 6.1999ZM14.3134 3.68657L15.0422 3.35675C14.9339 3.11749 14.7151 2.9466 14.4568 2.89953C14.1984 2.85245 13.9334 2.93519 13.7477 3.12089L14.3134 3.68657ZM9.02003 8.9799L9.34984 8.25106C9.04648 8.11378 8.6898 8.17876 8.45434 8.41422L9.02003 8.9799ZM4.41336 13.5866L3.84767 13.0209L4.41336 13.5866ZM3.41336 14.0008V14.8008V14.0008ZM1.99915 12.5866H1.19915H1.99915ZM2.41336 11.5866L1.84767 11.0209H1.84767L2.41336 11.5866ZM7.02003 6.97991L7.58571 7.54559C7.82117 7.31014 7.88615 6.95345 7.74887 6.65009L7.02003 6.97991ZM12.3134 1.68657L12.879 2.25226C13.0647 2.06656 13.1475 1.80154 13.1004 1.54317C13.0533 1.2848 12.8824 1.06599 12.6432 0.957723L12.3134 1.68657ZM9.22871 3.63991C8.95998 3.91407 8.80945 4.28266 8.80945 4.66657H10.4095C10.4095 4.70148 10.3958 4.73498 10.3713 4.75991L9.22871 3.63991ZM8.80945 4.66657C8.80945 5.05048 8.95998 5.41908 9.22871 5.69324L10.3713 4.57324C10.3958 4.59816 10.4095 4.63167 10.4095 4.66657H8.80945ZM9.23434 5.69892L10.301 6.76559L11.4324 5.63422L10.3657 4.56755L9.23434 5.69892ZM10.3067 6.77122C10.5809 7.03995 10.9495 7.19048 11.3334 7.19048V5.59048C11.3683 5.59048 11.4018 5.60416 11.4267 5.62859L10.3067 6.77122ZM11.3334 7.19048C11.7173 7.19048 12.0859 7.03995 12.36 6.77122L11.24 5.62859C11.265 5.60416 11.2985 5.59048 11.3334 5.59048V7.19048ZM12.3657 6.76559L14.879 4.25226L13.7477 3.12089L11.2343 5.63422L12.3657 6.76559ZM13.5845 4.01639C13.8527 4.60902 13.9339 5.26932 13.8173 5.90927L15.3914 6.19607C15.5663 5.23614 15.4445 4.2457 15.0422 3.35675L13.5845 4.01639ZM13.8173 5.90927C13.7007 6.54922 13.3918 7.13844 12.9319 7.5984L14.0632 8.72978C14.7532 8.03983 15.2165 7.156 15.3914 6.19607L13.8173 5.90927ZM12.9319 7.5984C12.4719 8.05837 11.8827 8.36723 11.2427 8.48383L11.5295 10.0579C12.4895 9.88302 13.3733 9.41972 14.0632 8.72978L12.9319 7.5984ZM11.2427 8.48383C10.6028 8.60043 9.94248 8.51924 9.34984 8.25106L8.69021 9.70875C9.57916 10.111 10.5696 10.2328 11.5295 10.0579L11.2427 8.48383ZM8.45434 8.41422L3.84767 13.0209L4.97904 14.1523L9.58571 9.54559L8.45434 8.41422ZM3.84767 13.0209C3.73249 13.1361 3.57626 13.2008 3.41336 13.2008V14.8008C4.0006 14.8008 4.5638 14.5675 4.97904 14.1523L3.84767 13.0209ZM3.41336 13.2008C3.25046 13.2008 3.09423 13.1361 2.97904 13.0209L1.84767 14.1523C2.26292 14.5675 2.82611 14.8008 3.41336 14.8008V13.2008ZM2.97904 13.0209C2.86386 12.9057 2.79915 12.7495 2.79915 12.5866H1.19915C1.19915 13.1738 1.43243 13.737 1.84767 14.1523L2.97904 13.0209ZM2.79915 12.5866C2.79915 12.4237 2.86386 12.2674 2.97904 12.1523L1.84767 11.0209C1.43243 11.4361 1.19915 11.9993 1.19915 12.5866H2.79915ZM2.97904 12.1523L7.58571 7.54559L6.45434 6.41422L1.84767 11.0209L2.97904 12.1523ZM7.74887 6.65009C7.4807 6.05745 7.3995 5.39716 7.5161 4.75721L5.94201 4.47041C5.76711 5.43034 5.88891 6.42077 6.29118 7.30972L7.74887 6.65009ZM7.5161 4.75721C7.6327 4.11726 7.94156 3.52804 8.40153 3.06807L7.27015 1.9367C6.58021 2.62665 6.11691 3.51048 5.94201 4.47041L7.5161 4.75721ZM8.40153 3.06807C8.86149 2.60811 9.45071 2.29924 10.0907 2.18264L9.80386 0.608557C8.84393 0.783459 7.9601 1.24675 7.27015 1.9367L8.40153 3.06807ZM10.0907 2.18264C10.7306 2.06604 11.3909 2.14724 11.9835 2.41542L12.6432 0.957723C11.7542 0.555455 10.7638 0.433656 9.80386 0.608557L10.0907 2.18264ZM11.7477 1.12089L9.23434 3.63422L10.3657 4.76559L12.879 2.25226L11.7477 1.12089Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTool,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13640",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTool size={size} />,
+  },
 );
-figma.connect(IconTool, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13640", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTool size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTrash.tsx b/src/icons/IconTrash.tsx
index 8431d1b..a3ee94b 100644
--- a/src/icons/IconTrash.tsx
+++ b/src/icons/IconTrash.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTrash = (props: IconProps) => (
-  <Icon {...props}><path d="M2 3.19992C1.55817 3.19992 1.2 3.55809 1.2 3.99992C1.2 4.44175 1.55817 4.79992 2 4.79992V3.19992ZM14 4.79992C14.4418 4.79992 14.8 4.44175 14.8 3.99992C14.8 3.55809 14.4418 3.19992 14 3.19992V4.79992ZM13.4667 3.99992C13.4667 3.55809 13.1085 3.19992 12.6667 3.19992C12.2248 3.19992 11.8667 3.55809 11.8667 3.99992H13.4667ZM3.33333 13.3333H4.13333H3.33333ZM4.53333 3.99992C4.53333 4.44175 4.89151 4.79992 5.33333 4.79992C5.77516 4.79992 6.13333 4.44175 6.13333 3.99992H4.53333ZM6.66667 1.33325V0.533252V1.33325ZM9.33333 1.33325V0.533252V1.33325ZM9.86667 3.99992C9.86667 4.44175 10.2248 4.79992 10.6667 4.79992C11.1085 4.79992 11.4667 4.44175 11.4667 3.99992H9.86667ZM2 4.79992H3.33333V3.19992H2V4.79992ZM3.33333 4.79992H14V3.19992H3.33333V4.79992ZM11.8667 3.99992V13.3333H13.4667V3.99992H11.8667ZM11.8667 13.3333C11.8667 13.4747 11.8105 13.6104 11.7105 13.7104L12.8418 14.8417C13.2419 14.4417 13.4667 13.899 13.4667 13.3333H11.8667ZM11.7105 13.7104C11.6104 13.8104 11.4748 13.8666 11.3333 13.8666V15.4666C11.8991 15.4666 12.4417 15.2418 12.8418 14.8417L11.7105 13.7104ZM11.3333 13.8666H4.66667V15.4666H11.3333V13.8666ZM4.66667 13.8666C4.52522 13.8666 4.38956 13.8104 4.28954 13.7104L3.15817 14.8417C3.55825 15.2418 4.10087 15.4666 4.66667 15.4666V13.8666ZM4.28954 13.7104C4.18952 13.6104 4.13333 13.4747 4.13333 13.3333H2.53333C2.53333 13.899 2.75809 14.4417 3.15817 14.8417L4.28954 13.7104ZM4.13333 13.3333V3.99992H2.53333L2.53333 13.3333H4.13333ZM6.13333 3.99992V2.66659H4.53333V3.99992H6.13333ZM6.13333 2.66659C6.13333 2.52514 6.18952 2.38948 6.28954 2.28946L5.15817 1.15809C4.7581 1.55817 4.53333 2.10079 4.53333 2.66659H6.13333ZM6.28954 2.28946C6.38956 2.18944 6.52522 2.13325 6.66667 2.13325V0.533252C6.10087 0.533252 5.55825 0.758013 5.15817 1.15809L6.28954 2.28946ZM6.66667 2.13325H9.33333V0.533252H6.66667V2.13325ZM9.33333 2.13325C9.47478 2.13325 9.61044 2.18944 9.71046 2.28946L10.8418 1.15809C10.4418 0.758013 9.89913 0.533252 9.33333 0.533252V2.13325ZM9.71046 2.28946C9.81048 2.38948 9.86667 2.52514 9.86667 2.66659H11.4667C11.4667 2.10079 11.2419 1.55817 10.8418 1.15809L9.71046 2.28946ZM9.86667 2.66659V3.99992H11.4667V2.66659H9.86667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 3.19992C1.55817 3.19992 1.2 3.55809 1.2 3.99992C1.2 4.44175 1.55817 4.79992 2 4.79992V3.19992ZM14 4.79992C14.4418 4.79992 14.8 4.44175 14.8 3.99992C14.8 3.55809 14.4418 3.19992 14 3.19992V4.79992ZM13.4667 3.99992C13.4667 3.55809 13.1085 3.19992 12.6667 3.19992C12.2248 3.19992 11.8667 3.55809 11.8667 3.99992H13.4667ZM3.33333 13.3333H4.13333H3.33333ZM4.53333 3.99992C4.53333 4.44175 4.89151 4.79992 5.33333 4.79992C5.77516 4.79992 6.13333 4.44175 6.13333 3.99992H4.53333ZM6.66667 1.33325V0.533252V1.33325ZM9.33333 1.33325V0.533252V1.33325ZM9.86667 3.99992C9.86667 4.44175 10.2248 4.79992 10.6667 4.79992C11.1085 4.79992 11.4667 4.44175 11.4667 3.99992H9.86667ZM2 4.79992H3.33333V3.19992H2V4.79992ZM3.33333 4.79992H14V3.19992H3.33333V4.79992ZM11.8667 3.99992V13.3333H13.4667V3.99992H11.8667ZM11.8667 13.3333C11.8667 13.4747 11.8105 13.6104 11.7105 13.7104L12.8418 14.8417C13.2419 14.4417 13.4667 13.899 13.4667 13.3333H11.8667ZM11.7105 13.7104C11.6104 13.8104 11.4748 13.8666 11.3333 13.8666V15.4666C11.8991 15.4666 12.4417 15.2418 12.8418 14.8417L11.7105 13.7104ZM11.3333 13.8666H4.66667V15.4666H11.3333V13.8666ZM4.66667 13.8666C4.52522 13.8666 4.38956 13.8104 4.28954 13.7104L3.15817 14.8417C3.55825 15.2418 4.10087 15.4666 4.66667 15.4666V13.8666ZM4.28954 13.7104C4.18952 13.6104 4.13333 13.4747 4.13333 13.3333H2.53333C2.53333 13.899 2.75809 14.4417 3.15817 14.8417L4.28954 13.7104ZM4.13333 13.3333V3.99992H2.53333L2.53333 13.3333H4.13333ZM6.13333 3.99992V2.66659H4.53333V3.99992H6.13333ZM6.13333 2.66659C6.13333 2.52514 6.18952 2.38948 6.28954 2.28946L5.15817 1.15809C4.7581 1.55817 4.53333 2.10079 4.53333 2.66659H6.13333ZM6.28954 2.28946C6.38956 2.18944 6.52522 2.13325 6.66667 2.13325V0.533252C6.10087 0.533252 5.55825 0.758013 5.15817 1.15809L6.28954 2.28946ZM6.66667 2.13325H9.33333V0.533252H6.66667V2.13325ZM9.33333 2.13325C9.47478 2.13325 9.61044 2.18944 9.71046 2.28946L10.8418 1.15809C10.4418 0.758013 9.89913 0.533252 9.33333 0.533252V2.13325ZM9.71046 2.28946C9.81048 2.38948 9.86667 2.52514 9.86667 2.66659H11.4667C11.4667 2.10079 11.2419 1.55817 10.8418 1.15809L9.71046 2.28946ZM9.86667 2.66659V3.99992H11.4667V2.66659H9.86667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTrash,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13642",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTrash size={size} />,
+  },
 );
-figma.connect(IconTrash, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13642", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTrash size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTrash2.tsx b/src/icons/IconTrash2.tsx
index 35b365d..0e80298 100644
--- a/src/icons/IconTrash2.tsx
+++ b/src/icons/IconTrash2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTrash2 = (props: IconProps) => (
-  <Icon {...props}><path d="M2 3.19992C1.55817 3.19992 1.2 3.55809 1.2 3.99992C1.2 4.44175 1.55817 4.79992 2 4.79992V3.19992ZM14 4.79992C14.4418 4.79992 14.8 4.44175 14.8 3.99992C14.8 3.55809 14.4418 3.19992 14 3.19992V4.79992ZM13.4667 3.99992C13.4667 3.55809 13.1085 3.19992 12.6667 3.19992C12.2248 3.19992 11.8667 3.55809 11.8667 3.99992H13.4667ZM3.33333 13.3333H4.13333H3.33333ZM4.53333 3.99992C4.53333 4.44175 4.89151 4.79992 5.33333 4.79992C5.77516 4.79992 6.13333 4.44175 6.13333 3.99992H4.53333ZM6.66667 1.33325V0.533252V1.33325ZM9.33333 1.33325V0.533252V1.33325ZM9.86667 3.99992C9.86667 4.44175 10.2248 4.79992 10.6667 4.79992C11.1085 4.79992 11.4667 4.44175 11.4667 3.99992H9.86667ZM7.46667 7.33325C7.46667 6.89142 7.10849 6.53325 6.66667 6.53325C6.22484 6.53325 5.86667 6.89142 5.86667 7.33325H7.46667ZM5.86667 11.3333C5.86667 11.7751 6.22484 12.1333 6.66667 12.1333C7.10849 12.1333 7.46667 11.7751 7.46667 11.3333H5.86667ZM10.1333 7.33325C10.1333 6.89142 9.77516 6.53325 9.33333 6.53325C8.89151 6.53325 8.53333 6.89142 8.53333 7.33325H10.1333ZM8.53333 11.3333C8.53333 11.7751 8.89151 12.1333 9.33333 12.1333C9.77516 12.1333 10.1333 11.7751 10.1333 11.3333H8.53333ZM2 4.79992H3.33333V3.19992H2V4.79992ZM3.33333 4.79992H14V3.19992H3.33333V4.79992ZM11.8667 3.99992V13.3333H13.4667V3.99992H11.8667ZM11.8667 13.3333C11.8667 13.4747 11.8105 13.6104 11.7105 13.7104L12.8418 14.8417C13.2419 14.4417 13.4667 13.899 13.4667 13.3333H11.8667ZM11.7105 13.7104C11.6104 13.8104 11.4748 13.8666 11.3333 13.8666V15.4666C11.8991 15.4666 12.4417 15.2418 12.8418 14.8417L11.7105 13.7104ZM11.3333 13.8666H4.66667V15.4666H11.3333V13.8666ZM4.66667 13.8666C4.52522 13.8666 4.38956 13.8104 4.28954 13.7104L3.15817 14.8417C3.55825 15.2418 4.10087 15.4666 4.66667 15.4666V13.8666ZM4.28954 13.7104C4.18952 13.6104 4.13333 13.4747 4.13333 13.3333H2.53333C2.53333 13.899 2.75809 14.4417 3.15817 14.8417L4.28954 13.7104ZM4.13333 13.3333V3.99992H2.53333L2.53333 13.3333H4.13333ZM6.13333 3.99992V2.66659H4.53333V3.99992H6.13333ZM6.13333 2.66659C6.13333 2.52514 6.18952 2.38948 6.28954 2.28946L5.15817 1.15809C4.7581 1.55817 4.53333 2.10079 4.53333 2.66659H6.13333ZM6.28954 2.28946C6.38956 2.18944 6.52522 2.13325 6.66667 2.13325V0.533252C6.10087 0.533252 5.55825 0.758013 5.15817 1.15809L6.28954 2.28946ZM6.66667 2.13325H9.33333V0.533252H6.66667V2.13325ZM9.33333 2.13325C9.47478 2.13325 9.61044 2.18944 9.71046 2.28946L10.8418 1.15809C10.4418 0.758013 9.89913 0.533252 9.33333 0.533252V2.13325ZM9.71046 2.28946C9.81048 2.38948 9.86667 2.52514 9.86667 2.66659H11.4667C11.4667 2.10079 11.2419 1.55817 10.8418 1.15809L9.71046 2.28946ZM9.86667 2.66659V3.99992H11.4667V2.66659H9.86667ZM5.86667 7.33325V11.3333H7.46667V7.33325H5.86667ZM8.53333 7.33325V11.3333H10.1333V7.33325H8.53333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2 3.19992C1.55817 3.19992 1.2 3.55809 1.2 3.99992C1.2 4.44175 1.55817 4.79992 2 4.79992V3.19992ZM14 4.79992C14.4418 4.79992 14.8 4.44175 14.8 3.99992C14.8 3.55809 14.4418 3.19992 14 3.19992V4.79992ZM13.4667 3.99992C13.4667 3.55809 13.1085 3.19992 12.6667 3.19992C12.2248 3.19992 11.8667 3.55809 11.8667 3.99992H13.4667ZM3.33333 13.3333H4.13333H3.33333ZM4.53333 3.99992C4.53333 4.44175 4.89151 4.79992 5.33333 4.79992C5.77516 4.79992 6.13333 4.44175 6.13333 3.99992H4.53333ZM6.66667 1.33325V0.533252V1.33325ZM9.33333 1.33325V0.533252V1.33325ZM9.86667 3.99992C9.86667 4.44175 10.2248 4.79992 10.6667 4.79992C11.1085 4.79992 11.4667 4.44175 11.4667 3.99992H9.86667ZM7.46667 7.33325C7.46667 6.89142 7.10849 6.53325 6.66667 6.53325C6.22484 6.53325 5.86667 6.89142 5.86667 7.33325H7.46667ZM5.86667 11.3333C5.86667 11.7751 6.22484 12.1333 6.66667 12.1333C7.10849 12.1333 7.46667 11.7751 7.46667 11.3333H5.86667ZM10.1333 7.33325C10.1333 6.89142 9.77516 6.53325 9.33333 6.53325C8.89151 6.53325 8.53333 6.89142 8.53333 7.33325H10.1333ZM8.53333 11.3333C8.53333 11.7751 8.89151 12.1333 9.33333 12.1333C9.77516 12.1333 10.1333 11.7751 10.1333 11.3333H8.53333ZM2 4.79992H3.33333V3.19992H2V4.79992ZM3.33333 4.79992H14V3.19992H3.33333V4.79992ZM11.8667 3.99992V13.3333H13.4667V3.99992H11.8667ZM11.8667 13.3333C11.8667 13.4747 11.8105 13.6104 11.7105 13.7104L12.8418 14.8417C13.2419 14.4417 13.4667 13.899 13.4667 13.3333H11.8667ZM11.7105 13.7104C11.6104 13.8104 11.4748 13.8666 11.3333 13.8666V15.4666C11.8991 15.4666 12.4417 15.2418 12.8418 14.8417L11.7105 13.7104ZM11.3333 13.8666H4.66667V15.4666H11.3333V13.8666ZM4.66667 13.8666C4.52522 13.8666 4.38956 13.8104 4.28954 13.7104L3.15817 14.8417C3.55825 15.2418 4.10087 15.4666 4.66667 15.4666V13.8666ZM4.28954 13.7104C4.18952 13.6104 4.13333 13.4747 4.13333 13.3333H2.53333C2.53333 13.899 2.75809 14.4417 3.15817 14.8417L4.28954 13.7104ZM4.13333 13.3333V3.99992H2.53333L2.53333 13.3333H4.13333ZM6.13333 3.99992V2.66659H4.53333V3.99992H6.13333ZM6.13333 2.66659C6.13333 2.52514 6.18952 2.38948 6.28954 2.28946L5.15817 1.15809C4.7581 1.55817 4.53333 2.10079 4.53333 2.66659H6.13333ZM6.28954 2.28946C6.38956 2.18944 6.52522 2.13325 6.66667 2.13325V0.533252C6.10087 0.533252 5.55825 0.758013 5.15817 1.15809L6.28954 2.28946ZM6.66667 2.13325H9.33333V0.533252H6.66667V2.13325ZM9.33333 2.13325C9.47478 2.13325 9.61044 2.18944 9.71046 2.28946L10.8418 1.15809C10.4418 0.758013 9.89913 0.533252 9.33333 0.533252V2.13325ZM9.71046 2.28946C9.81048 2.38948 9.86667 2.52514 9.86667 2.66659H11.4667C11.4667 2.10079 11.2419 1.55817 10.8418 1.15809L9.71046 2.28946ZM9.86667 2.66659V3.99992H11.4667V2.66659H9.86667ZM5.86667 7.33325V11.3333H7.46667V7.33325H5.86667ZM8.53333 7.33325V11.3333H10.1333V7.33325H8.53333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTrash2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13639",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTrash2 size={size} />,
+  },
 );
-figma.connect(IconTrash2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13639", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTrash2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTrello.tsx b/src/icons/IconTrello.tsx
index cb998e6..9c7c1d4 100644
--- a/src/icons/IconTrello.tsx
+++ b/src/icons/IconTrello.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTrello = (props: IconProps) => (
-  <Icon {...props}><path d="M4.66667 4.66667V3.86667C4.22484 3.86667 3.86667 4.22484 3.86667 4.66667H4.66667ZM6.66667 4.66667H7.46667C7.46667 4.22484 7.10849 3.86667 6.66667 3.86667V4.66667ZM6.66667 10.6667V11.4667C7.10849 11.4667 7.46667 11.1085 7.46667 10.6667H6.66667ZM4.66667 10.6667H3.86667C3.86667 11.1085 4.22484 11.4667 4.66667 11.4667V10.6667ZM9.33333 4.66667V3.86667C8.89151 3.86667 8.53333 4.22484 8.53333 4.66667H9.33333ZM11.3333 4.66667H12.1333C12.1333 4.22484 11.7752 3.86667 11.3333 3.86667V4.66667ZM11.3333 8V8.8C11.7752 8.8 12.1333 8.44183 12.1333 8H11.3333ZM9.33333 8H8.53333C8.53333 8.44183 8.89151 8.8 9.33333 8.8V8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM4.66667 5.46667H6.66667V3.86667H4.66667V5.46667ZM5.86667 4.66667V10.6667H7.46667V4.66667H5.86667ZM6.66667 9.86667H4.66667V11.4667H6.66667V9.86667ZM5.46667 10.6667V4.66667H3.86667V10.6667H5.46667ZM9.33333 5.46667H11.3333V3.86667H9.33333V5.46667ZM10.5333 4.66667V8H12.1333V4.66667H10.5333ZM11.3333 7.2H9.33333V8.8H11.3333V7.2ZM10.1333 8V4.66667H8.53333V8H10.1333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4.66667 4.66667V3.86667C4.22484 3.86667 3.86667 4.22484 3.86667 4.66667H4.66667ZM6.66667 4.66667H7.46667C7.46667 4.22484 7.10849 3.86667 6.66667 3.86667V4.66667ZM6.66667 10.6667V11.4667C7.10849 11.4667 7.46667 11.1085 7.46667 10.6667H6.66667ZM4.66667 10.6667H3.86667C3.86667 11.1085 4.22484 11.4667 4.66667 11.4667V10.6667ZM9.33333 4.66667V3.86667C8.89151 3.86667 8.53333 4.22484 8.53333 4.66667H9.33333ZM11.3333 4.66667H12.1333C12.1333 4.22484 11.7752 3.86667 11.3333 3.86667V4.66667ZM11.3333 8V8.8C11.7752 8.8 12.1333 8.44183 12.1333 8H11.3333ZM9.33333 8H8.53333C8.53333 8.44183 8.89151 8.8 9.33333 8.8V8ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM4.66667 5.46667H6.66667V3.86667H4.66667V5.46667ZM5.86667 4.66667V10.6667H7.46667V4.66667H5.86667ZM6.66667 9.86667H4.66667V11.4667H6.66667V9.86667ZM5.46667 10.6667V4.66667H3.86667V10.6667H5.46667ZM9.33333 5.46667H11.3333V3.86667H9.33333V5.46667ZM10.5333 4.66667V8H12.1333V4.66667H10.5333ZM11.3333 7.2H9.33333V8.8H11.3333V7.2ZM10.1333 8V4.66667H8.53333V8H10.1333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTrello,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13641",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTrello size={size} />,
+  },
 );
-figma.connect(IconTrello, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13641", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTrello size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTrendingDown.tsx b/src/icons/IconTrendingDown.tsx
index 9b65916..968f05a 100644
--- a/src/icons/IconTrendingDown.tsx
+++ b/src/icons/IconTrendingDown.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTrendingDown = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16047)"><path d="M15.3334 12V12.8C15.7752 12.8 16.1334 12.4418 16.1334 12H15.3334ZM9.00008 5.66667L9.56577 5.10098C9.41574 4.95095 9.21225 4.86667 9.00008 4.86667C8.78791 4.86667 8.58442 4.95095 8.4344 5.10098L9.00008 5.66667ZM5.66675 9L5.10106 9.56569C5.25109 9.71571 5.45457 9.8 5.66675 9.8C5.87892 9.8 6.0824 9.71571 6.23243 9.56569L5.66675 9ZM1.23243 3.43431C0.920014 3.1219 0.413482 3.1219 0.101063 3.43431C-0.211357 3.74673 -0.211357 4.25327 0.101063 4.56569L1.23243 3.43431ZM11.3334 11.2C10.8916 11.2 10.5334 11.5582 10.5334 12C10.5334 12.4418 10.8916 12.8 11.3334 12.8V11.2ZM16.1334 8C16.1334 7.55817 15.7752 7.2 15.3334 7.2C14.8916 7.2 14.5334 7.55817 14.5334 8L16.1334 8ZM15.8991 11.4343L9.56577 5.10098L8.4344 6.23235L14.7677 12.5657L15.8991 11.4343ZM8.4344 5.10098L5.10106 8.43431L6.23243 9.56569L9.56577 6.23235L8.4344 5.10098ZM6.23243 8.43431L1.23243 3.43431L0.101063 4.56569L5.10106 9.56569L6.23243 8.43431ZM11.3334 12.8H15.3334V11.2H11.3334V12.8ZM16.1334 12L16.1334 8L14.5334 8L14.5334 12H16.1334Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16047"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16047)">
+      <path
+        d="M15.3334 12V12.8C15.7752 12.8 16.1334 12.4418 16.1334 12H15.3334ZM9.00008 5.66667L9.56577 5.10098C9.41574 4.95095 9.21225 4.86667 9.00008 4.86667C8.78791 4.86667 8.58442 4.95095 8.4344 5.10098L9.00008 5.66667ZM5.66675 9L5.10106 9.56569C5.25109 9.71571 5.45457 9.8 5.66675 9.8C5.87892 9.8 6.0824 9.71571 6.23243 9.56569L5.66675 9ZM1.23243 3.43431C0.920014 3.1219 0.413482 3.1219 0.101063 3.43431C-0.211357 3.74673 -0.211357 4.25327 0.101063 4.56569L1.23243 3.43431ZM11.3334 11.2C10.8916 11.2 10.5334 11.5582 10.5334 12C10.5334 12.4418 10.8916 12.8 11.3334 12.8V11.2ZM16.1334 8C16.1334 7.55817 15.7752 7.2 15.3334 7.2C14.8916 7.2 14.5334 7.55817 14.5334 8L16.1334 8ZM15.8991 11.4343L9.56577 5.10098L8.4344 6.23235L14.7677 12.5657L15.8991 11.4343ZM8.4344 5.10098L5.10106 8.43431L6.23243 9.56569L9.56577 6.23235L8.4344 5.10098ZM6.23243 8.43431L1.23243 3.43431L0.101063 4.56569L5.10106 9.56569L6.23243 8.43431ZM11.3334 12.8H15.3334V11.2H11.3334V12.8ZM16.1334 12L16.1334 8L14.5334 8L14.5334 12H16.1334Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16047">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconTrendingDown,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13644",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTrendingDown size={size} />,
+  },
 );
-figma.connect(IconTrendingDown, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13644", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTrendingDown size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTrendingUp.tsx b/src/icons/IconTrendingUp.tsx
index 6b5fb72..4b35c98 100644
--- a/src/icons/IconTrendingUp.tsx
+++ b/src/icons/IconTrendingUp.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTrendingUp = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16049)"><path d="M15.3334 4L16.1334 4C16.1334 3.55817 15.7752 3.2 15.3334 3.2V4ZM9.00008 10.3333L8.4344 10.899C8.58442 11.049 8.78791 11.1333 9.00008 11.1333C9.21225 11.1333 9.41574 11.049 9.56577 10.899L9.00008 10.3333ZM5.66675 7L6.23243 6.43431C6.0824 6.28429 5.87892 6.2 5.66675 6.2C5.45457 6.2 5.25109 6.28429 5.10106 6.43431L5.66675 7ZM0.101063 11.4343C-0.211357 11.7467 -0.211357 12.2533 0.101063 12.5657C0.413482 12.8781 0.920014 12.8781 1.23243 12.5657L0.101063 11.4343ZM11.3334 3.2C10.8916 3.2 10.5334 3.55817 10.5334 4C10.5334 4.44183 10.8916 4.8 11.3334 4.8V3.2ZM14.5334 8C14.5334 8.44183 14.8916 8.8 15.3334 8.8C15.7752 8.8 16.1334 8.44183 16.1334 8L14.5334 8ZM14.7677 3.43431L8.4344 9.76765L9.56577 10.899L15.8991 4.56569L14.7677 3.43431ZM9.56577 9.76765L6.23243 6.43431L5.10106 7.56569L8.4344 10.899L9.56577 9.76765ZM5.10106 6.43431L0.101063 11.4343L1.23243 12.5657L6.23243 7.56569L5.10106 6.43431ZM11.3334 4.8H15.3334V3.2H11.3334V4.8ZM14.5334 4L14.5334 8L16.1334 8L16.1334 4L14.5334 4Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16049"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16049)">
+      <path
+        d="M15.3334 4L16.1334 4C16.1334 3.55817 15.7752 3.2 15.3334 3.2V4ZM9.00008 10.3333L8.4344 10.899C8.58442 11.049 8.78791 11.1333 9.00008 11.1333C9.21225 11.1333 9.41574 11.049 9.56577 10.899L9.00008 10.3333ZM5.66675 7L6.23243 6.43431C6.0824 6.28429 5.87892 6.2 5.66675 6.2C5.45457 6.2 5.25109 6.28429 5.10106 6.43431L5.66675 7ZM0.101063 11.4343C-0.211357 11.7467 -0.211357 12.2533 0.101063 12.5657C0.413482 12.8781 0.920014 12.8781 1.23243 12.5657L0.101063 11.4343ZM11.3334 3.2C10.8916 3.2 10.5334 3.55817 10.5334 4C10.5334 4.44183 10.8916 4.8 11.3334 4.8V3.2ZM14.5334 8C14.5334 8.44183 14.8916 8.8 15.3334 8.8C15.7752 8.8 16.1334 8.44183 16.1334 8L14.5334 8ZM14.7677 3.43431L8.4344 9.76765L9.56577 10.899L15.8991 4.56569L14.7677 3.43431ZM9.56577 9.76765L6.23243 6.43431L5.10106 7.56569L8.4344 10.899L9.56577 9.76765ZM5.10106 6.43431L0.101063 11.4343L1.23243 12.5657L6.23243 7.56569L5.10106 6.43431ZM11.3334 4.8H15.3334V3.2H11.3334V4.8ZM14.5334 4L14.5334 8L16.1334 8L16.1334 4L14.5334 4Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16049">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconTrendingUp,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13643",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTrendingUp size={size} />,
+  },
 );
-figma.connect(IconTrendingUp, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13643", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTrendingUp size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTriangle.tsx b/src/icons/IconTriangle.tsx
index 1079898..5ff8134 100644
--- a/src/icons/IconTriangle.tsx
+++ b/src/icons/IconTriangle.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTriangle = (props: IconProps) => (
-  <Icon {...props}><path d="M6.86001 2.57323L6.176 2.15832L6.17372 2.16213L6.86001 2.57323ZM1.21335 11.9999L0.526965 11.5887L0.520555 11.5998L1.21335 11.9999ZM2.35335 13.9999L2.34455 14.7999H2.35335V13.9999ZM13.6467 13.9999V14.7999L13.6555 14.7998L13.6467 13.9999ZM14.7867 11.9999L15.4796 11.5998L15.473 11.5888L14.7867 11.9999ZM9.14001 2.57323L9.82632 2.16212L9.82401 2.15832L9.14001 2.57323ZM8.00001 1.9314V1.1314V1.9314ZM6.17372 2.16213L0.527053 11.5888L1.89964 12.411L7.54631 2.98432L6.17372 2.16213ZM0.520555 11.5998C0.334281 11.9224 0.235719 12.2882 0.234676 12.6607L1.83467 12.6651C1.83493 12.572 1.85957 12.4806 1.90614 12.3999L0.520555 11.5998ZM0.234676 12.6607C0.233633 13.0332 0.330145 13.3994 0.51461 13.7231L1.90465 12.9307C1.85854 12.8498 1.83441 12.7583 1.83467 12.6651L0.234676 12.6607ZM0.51461 13.7231C0.699074 14.0467 0.965061 14.3164 1.28611 14.5053L2.09753 13.1263C2.01727 13.0791 1.95077 13.0117 1.90465 12.9307L0.51461 13.7231ZM1.28611 14.5053C1.60715 14.6942 1.97207 14.7958 2.34455 14.7998L2.36214 13.1999C2.26902 13.1989 2.17779 13.1735 2.09753 13.1263L1.28611 14.5053ZM2.35335 14.7999H13.6467V13.1999H2.35335V14.7999ZM13.6555 14.7998C14.028 14.7958 14.3929 14.6942 14.7139 14.5053L13.9025 13.1263C13.8222 13.1735 13.731 13.1989 13.6379 13.1999L13.6555 14.7998ZM14.7139 14.5053C15.035 14.3164 15.301 14.0467 15.4854 13.7231L14.0954 12.9307C14.0493 13.0117 13.9828 13.0791 13.9025 13.1263L14.7139 14.5053ZM15.4854 13.7231C15.6699 13.3995 15.7664 13.0332 15.7654 12.6607L14.1654 12.6651C14.1656 12.7583 14.1415 12.8498 14.0954 12.9307L15.4854 13.7231ZM15.7654 12.6607C15.7643 12.2882 15.6657 11.9224 15.4795 11.5998L14.0939 12.3999C14.1405 12.4806 14.1651 12.572 14.1654 12.6651L15.7654 12.6607ZM15.473 11.5888L9.82631 2.16213L8.45372 2.98432L14.1004 12.411L15.473 11.5888ZM9.82401 2.15832C9.63386 1.84484 9.36612 1.58565 9.04662 1.40577L8.26167 2.79999C8.34154 2.84496 8.40847 2.90976 8.45601 2.98813L9.82401 2.15832ZM9.04662 1.40577C8.72713 1.22589 8.36666 1.1314 8.00001 1.1314V2.7314C8.09168 2.7314 8.18179 2.75502 8.26167 2.79999L9.04662 1.40577ZM8.00001 1.1314C7.63336 1.1314 7.2729 1.22589 6.95341 1.40577L7.73836 2.79999C7.81824 2.75502 7.90835 2.7314 8.00001 2.7314V1.1314ZM6.95341 1.40577C6.63391 1.58565 6.36617 1.84484 6.17601 2.15832L7.54401 2.98813C7.59155 2.90976 7.65849 2.84496 7.73836 2.79999L6.95341 1.40577Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.86001 2.57323L6.176 2.15832L6.17372 2.16213L6.86001 2.57323ZM1.21335 11.9999L0.526965 11.5887L0.520555 11.5998L1.21335 11.9999ZM2.35335 13.9999L2.34455 14.7999H2.35335V13.9999ZM13.6467 13.9999V14.7999L13.6555 14.7998L13.6467 13.9999ZM14.7867 11.9999L15.4796 11.5998L15.473 11.5888L14.7867 11.9999ZM9.14001 2.57323L9.82632 2.16212L9.82401 2.15832L9.14001 2.57323ZM8.00001 1.9314V1.1314V1.9314ZM6.17372 2.16213L0.527053 11.5888L1.89964 12.411L7.54631 2.98432L6.17372 2.16213ZM0.520555 11.5998C0.334281 11.9224 0.235719 12.2882 0.234676 12.6607L1.83467 12.6651C1.83493 12.572 1.85957 12.4806 1.90614 12.3999L0.520555 11.5998ZM0.234676 12.6607C0.233633 13.0332 0.330145 13.3994 0.51461 13.7231L1.90465 12.9307C1.85854 12.8498 1.83441 12.7583 1.83467 12.6651L0.234676 12.6607ZM0.51461 13.7231C0.699074 14.0467 0.965061 14.3164 1.28611 14.5053L2.09753 13.1263C2.01727 13.0791 1.95077 13.0117 1.90465 12.9307L0.51461 13.7231ZM1.28611 14.5053C1.60715 14.6942 1.97207 14.7958 2.34455 14.7998L2.36214 13.1999C2.26902 13.1989 2.17779 13.1735 2.09753 13.1263L1.28611 14.5053ZM2.35335 14.7999H13.6467V13.1999H2.35335V14.7999ZM13.6555 14.7998C14.028 14.7958 14.3929 14.6942 14.7139 14.5053L13.9025 13.1263C13.8222 13.1735 13.731 13.1989 13.6379 13.1999L13.6555 14.7998ZM14.7139 14.5053C15.035 14.3164 15.301 14.0467 15.4854 13.7231L14.0954 12.9307C14.0493 13.0117 13.9828 13.0791 13.9025 13.1263L14.7139 14.5053ZM15.4854 13.7231C15.6699 13.3995 15.7664 13.0332 15.7654 12.6607L14.1654 12.6651C14.1656 12.7583 14.1415 12.8498 14.0954 12.9307L15.4854 13.7231ZM15.7654 12.6607C15.7643 12.2882 15.6657 11.9224 15.4795 11.5998L14.0939 12.3999C14.1405 12.4806 14.1651 12.572 14.1654 12.6651L15.7654 12.6607ZM15.473 11.5888L9.82631 2.16213L8.45372 2.98432L14.1004 12.411L15.473 11.5888ZM9.82401 2.15832C9.63386 1.84484 9.36612 1.58565 9.04662 1.40577L8.26167 2.79999C8.34154 2.84496 8.40847 2.90976 8.45601 2.98813L9.82401 2.15832ZM9.04662 1.40577C8.72713 1.22589 8.36666 1.1314 8.00001 1.1314V2.7314C8.09168 2.7314 8.18179 2.75502 8.26167 2.79999L9.04662 1.40577ZM8.00001 1.1314C7.63336 1.1314 7.2729 1.22589 6.95341 1.40577L7.73836 2.79999C7.81824 2.75502 7.90835 2.7314 8.00001 2.7314V1.1314ZM6.95341 1.40577C6.63391 1.58565 6.36617 1.84484 6.17601 2.15832L7.54401 2.98813C7.59155 2.90976 7.65849 2.84496 7.73836 2.79999L6.95341 1.40577Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTriangle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13646",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTriangle size={size} />,
+  },
 );
-figma.connect(IconTriangle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13646", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTriangle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTruck.tsx b/src/icons/IconTruck.tsx
index 92fbab7..0dfc125 100644
--- a/src/icons/IconTruck.tsx
+++ b/src/icons/IconTruck.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTruck = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16053)"><path d="M0.666504 2V1.2C0.224676 1.2 -0.133496 1.55817 -0.133496 2H0.666504ZM10.6665 2H11.4665C11.4665 1.55817 11.1083 1.2 10.6665 1.2V2ZM0.666504 10.6667H-0.133496C-0.133496 11.1085 0.224676 11.4667 0.666504 11.4667L0.666504 10.6667ZM10.6665 5.33333V4.53333C10.4543 4.53333 10.2508 4.61762 10.1008 4.76765C9.95079 4.91768 9.8665 5.12116 9.8665 5.33333H10.6665ZM13.3332 5.33333L13.8989 4.76765C13.7488 4.61762 13.5453 4.53333 13.3332 4.53333V5.33333ZM15.3332 7.33333H16.1332C16.1332 7.12116 16.0489 6.91768 15.8989 6.76765L15.3332 7.33333ZM15.3332 10.6667V11.4667C15.775 11.4667 16.1332 11.1085 16.1332 10.6667H15.3332ZM0.666504 2.8H10.6665V1.2H0.666504V2.8ZM9.8665 2V10.6667H11.4665V2H9.8665ZM10.6665 9.86667H0.666504V11.4667H10.6665V9.86667ZM1.4665 10.6667V2H-0.133496V10.6667H1.4665ZM10.6665 6.13333H13.3332V4.53333H10.6665V6.13333ZM12.7675 5.89902L14.7675 7.89902L15.8989 6.76765L13.8989 4.76765L12.7675 5.89902ZM14.5332 7.33333V10.6667H16.1332V7.33333H14.5332ZM15.3332 9.86667H10.6665V11.4667H15.3332V9.86667ZM11.4665 10.6667L11.4665 5.33333L9.8665 5.33333V10.6667L11.4665 10.6667ZM4.53317 12.3333C4.53317 12.812 4.14515 13.2 3.6665 13.2V14.8C5.02881 14.8 6.13317 13.6956 6.13317 12.3333H4.53317ZM3.6665 13.2C3.18786 13.2 2.79984 12.812 2.79984 12.3333H1.19984C1.19984 13.6956 2.3042 14.8 3.6665 14.8V13.2ZM2.79984 12.3333C2.79984 11.8547 3.18786 11.4667 3.6665 11.4667V9.86667C2.3042 9.86667 1.19984 10.971 1.19984 12.3333H2.79984ZM3.6665 11.4667C4.14515 11.4667 4.53317 11.8547 4.53317 12.3333H6.13317C6.13317 10.971 5.02881 9.86667 3.6665 9.86667V11.4667ZM13.1998 12.3333C13.1998 12.812 12.8118 13.2 12.3332 13.2V14.8C13.6955 14.8 14.7998 13.6956 14.7998 12.3333H13.1998ZM12.3332 13.2C11.8545 13.2 11.4665 12.812 11.4665 12.3333H9.8665C9.8665 13.6956 10.9709 14.8 12.3332 14.8V13.2ZM11.4665 12.3333C11.4665 11.8547 11.8545 11.4667 12.3332 11.4667V9.86667C10.9709 9.86667 9.8665 10.971 9.8665 12.3333H11.4665ZM12.3332 11.4667C12.8118 11.4667 13.1998 11.8547 13.1998 12.3333H14.7998C14.7998 10.971 13.6955 9.86667 12.3332 9.86667V11.4667Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16053"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16053)">
+      <path
+        d="M0.666504 2V1.2C0.224676 1.2 -0.133496 1.55817 -0.133496 2H0.666504ZM10.6665 2H11.4665C11.4665 1.55817 11.1083 1.2 10.6665 1.2V2ZM0.666504 10.6667H-0.133496C-0.133496 11.1085 0.224676 11.4667 0.666504 11.4667L0.666504 10.6667ZM10.6665 5.33333V4.53333C10.4543 4.53333 10.2508 4.61762 10.1008 4.76765C9.95079 4.91768 9.8665 5.12116 9.8665 5.33333H10.6665ZM13.3332 5.33333L13.8989 4.76765C13.7488 4.61762 13.5453 4.53333 13.3332 4.53333V5.33333ZM15.3332 7.33333H16.1332C16.1332 7.12116 16.0489 6.91768 15.8989 6.76765L15.3332 7.33333ZM15.3332 10.6667V11.4667C15.775 11.4667 16.1332 11.1085 16.1332 10.6667H15.3332ZM0.666504 2.8H10.6665V1.2H0.666504V2.8ZM9.8665 2V10.6667H11.4665V2H9.8665ZM10.6665 9.86667H0.666504V11.4667H10.6665V9.86667ZM1.4665 10.6667V2H-0.133496V10.6667H1.4665ZM10.6665 6.13333H13.3332V4.53333H10.6665V6.13333ZM12.7675 5.89902L14.7675 7.89902L15.8989 6.76765L13.8989 4.76765L12.7675 5.89902ZM14.5332 7.33333V10.6667H16.1332V7.33333H14.5332ZM15.3332 9.86667H10.6665V11.4667H15.3332V9.86667ZM11.4665 10.6667L11.4665 5.33333L9.8665 5.33333V10.6667L11.4665 10.6667ZM4.53317 12.3333C4.53317 12.812 4.14515 13.2 3.6665 13.2V14.8C5.02881 14.8 6.13317 13.6956 6.13317 12.3333H4.53317ZM3.6665 13.2C3.18786 13.2 2.79984 12.812 2.79984 12.3333H1.19984C1.19984 13.6956 2.3042 14.8 3.6665 14.8V13.2ZM2.79984 12.3333C2.79984 11.8547 3.18786 11.4667 3.6665 11.4667V9.86667C2.3042 9.86667 1.19984 10.971 1.19984 12.3333H2.79984ZM3.6665 11.4667C4.14515 11.4667 4.53317 11.8547 4.53317 12.3333H6.13317C6.13317 10.971 5.02881 9.86667 3.6665 9.86667V11.4667ZM13.1998 12.3333C13.1998 12.812 12.8118 13.2 12.3332 13.2V14.8C13.6955 14.8 14.7998 13.6956 14.7998 12.3333H13.1998ZM12.3332 13.2C11.8545 13.2 11.4665 12.812 11.4665 12.3333H9.8665C9.8665 13.6956 10.9709 14.8 12.3332 14.8V13.2ZM11.4665 12.3333C11.4665 11.8547 11.8545 11.4667 12.3332 11.4667V9.86667C10.9709 9.86667 9.8665 10.971 9.8665 12.3333H11.4665ZM12.3332 11.4667C12.8118 11.4667 13.1998 11.8547 13.1998 12.3333H14.7998C14.7998 10.971 13.6955 9.86667 12.3332 9.86667V11.4667Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16053">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconTruck,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13645",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTruck size={size} />,
+  },
 );
-figma.connect(IconTruck, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13645", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTruck size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTv.tsx b/src/icons/IconTv.tsx
index ec912d0..0cc99d7 100644
--- a/src/icons/IconTv.tsx
+++ b/src/icons/IconTv.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTv = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16055)"><path d="M11.899 1.89894C12.2114 1.58652 12.2114 1.07999 11.899 0.767567C11.5866 0.455147 11.0801 0.455147 10.7676 0.767567L11.899 1.89894ZM7.99999 4.66659L7.43431 5.23227C7.74673 5.54469 8.25326 5.54469 8.56568 5.23227L7.99999 4.66659ZM5.23235 0.767567C4.91993 0.455147 4.4134 0.455147 4.10098 0.767567C3.78856 1.07999 3.78856 1.58652 4.10098 1.89894L5.23235 0.767567ZM2.66666 5.46659H13.3333V3.86659H2.66666V5.46659ZM13.3333 5.46659C13.6279 5.46659 13.8667 5.70537 13.8667 5.99992H15.4667C15.4667 4.82171 14.5115 3.86659 13.3333 3.86659V5.46659ZM13.8667 5.99992V13.3333H15.4667V5.99992H13.8667ZM13.8667 13.3333C13.8667 13.6278 13.6279 13.8666 13.3333 13.8666V15.4666C14.5115 15.4666 15.4667 14.5115 15.4667 13.3333H13.8667ZM13.3333 13.8666H2.66666V15.4666H13.3333V13.8666ZM2.66666 13.8666C2.37211 13.8666 2.13333 13.6278 2.13333 13.3333H0.533328C0.533328 14.5115 1.48845 15.4666 2.66666 15.4666V13.8666ZM2.13333 13.3333V5.99992H0.533328V13.3333H2.13333ZM2.13333 5.99992C2.13333 5.70537 2.37211 5.46659 2.66666 5.46659V3.86659C1.48845 3.86659 0.533328 4.82171 0.533328 5.99992H2.13333ZM10.7676 0.767567L7.43431 4.1009L8.56568 5.23227L11.899 1.89894L10.7676 0.767567ZM8.56568 4.1009L5.23235 0.767567L4.10098 1.89894L7.43431 5.23227L8.56568 4.1009Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16055"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16055)">
+      <path
+        d="M11.899 1.89894C12.2114 1.58652 12.2114 1.07999 11.899 0.767567C11.5866 0.455147 11.0801 0.455147 10.7676 0.767567L11.899 1.89894ZM7.99999 4.66659L7.43431 5.23227C7.74673 5.54469 8.25326 5.54469 8.56568 5.23227L7.99999 4.66659ZM5.23235 0.767567C4.91993 0.455147 4.4134 0.455147 4.10098 0.767567C3.78856 1.07999 3.78856 1.58652 4.10098 1.89894L5.23235 0.767567ZM2.66666 5.46659H13.3333V3.86659H2.66666V5.46659ZM13.3333 5.46659C13.6279 5.46659 13.8667 5.70537 13.8667 5.99992H15.4667C15.4667 4.82171 14.5115 3.86659 13.3333 3.86659V5.46659ZM13.8667 5.99992V13.3333H15.4667V5.99992H13.8667ZM13.8667 13.3333C13.8667 13.6278 13.6279 13.8666 13.3333 13.8666V15.4666C14.5115 15.4666 15.4667 14.5115 15.4667 13.3333H13.8667ZM13.3333 13.8666H2.66666V15.4666H13.3333V13.8666ZM2.66666 13.8666C2.37211 13.8666 2.13333 13.6278 2.13333 13.3333H0.533328C0.533328 14.5115 1.48845 15.4666 2.66666 15.4666V13.8666ZM2.13333 13.3333V5.99992H0.533328V13.3333H2.13333ZM2.13333 5.99992C2.13333 5.70537 2.37211 5.46659 2.66666 5.46659V3.86659C1.48845 3.86659 0.533328 4.82171 0.533328 5.99992H2.13333ZM10.7676 0.767567L7.43431 4.1009L8.56568 5.23227L11.899 1.89894L10.7676 0.767567ZM8.56568 4.1009L5.23235 0.767567L4.10098 1.89894L7.43431 5.23227L8.56568 4.1009Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16055">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconTv,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13648",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTv size={size} />,
+  },
 );
-figma.connect(IconTv, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13648", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTv size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTwitch.tsx b/src/icons/IconTwitch.tsx
index a8f6410..93bdb39 100644
--- a/src/icons/IconTwitch.tsx
+++ b/src/icons/IconTwitch.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTwitch = (props: IconProps) => (
-  <Icon {...props}><path d="M14 1.33325H14.8C14.8 0.891424 14.4418 0.533252 14 0.533252V1.33325ZM2 1.33325V0.533252C1.55817 0.533252 1.2 0.891424 1.2 1.33325L2 1.33325ZM2 11.9999H1.2C1.2 12.4417 1.55817 12.7999 2 12.7999V11.9999ZM5.33333 11.9999H6.13333C6.13333 11.5581 5.77516 11.1999 5.33333 11.1999V11.9999ZM5.33333 14.6666H4.53333C4.53333 14.9902 4.72825 15.2819 5.02719 15.4057C5.32613 15.5295 5.67022 15.4611 5.89902 15.2323L5.33333 14.6666ZM8 11.9999V11.1999C7.78783 11.1999 7.58434 11.2842 7.43431 11.4342L8 11.9999ZM11.3333 11.9999V12.7999C11.5455 12.7999 11.749 12.7156 11.899 12.5656L11.3333 11.9999ZM14 9.33325L14.5657 9.89894C14.7157 9.74891 14.8 9.54543 14.8 9.33325H14ZM6.53333 7.33325C6.53333 7.77508 6.89151 8.13325 7.33333 8.13325C7.77516 8.13325 8.13333 7.77508 8.13333 7.33325H6.53333ZM8.13333 4.66659C8.13333 4.22476 7.77516 3.86659 7.33333 3.86659C6.89151 3.86659 6.53333 4.22476 6.53333 4.66659H8.13333ZM9.86667 7.33325C9.86667 7.77508 10.2248 8.13325 10.6667 8.13325C11.1085 8.13325 11.4667 7.77508 11.4667 7.33325H9.86667ZM11.4667 4.66659C11.4667 4.22476 11.1085 3.86659 10.6667 3.86659C10.2248 3.86659 9.86667 4.22476 9.86667 4.66659H11.4667ZM14 0.533252H2V2.13325H14V0.533252ZM1.2 1.33325V11.9999H2.8V1.33325H1.2ZM2 12.7999H5.33333V11.1999H2V12.7999ZM4.53333 11.9999V14.6666H6.13333V11.9999H4.53333ZM5.89902 15.2323L8.56569 12.5656L7.43431 11.4342L4.76765 14.1009L5.89902 15.2323ZM8 12.7999H11.3333V11.1999H8V12.7999ZM11.899 12.5656L14.5657 9.89894L13.4343 8.76757L10.7676 11.4342L11.899 12.5656ZM14.8 9.33325V1.33325H13.2V9.33325H14.8ZM8.13333 7.33325V4.66659H6.53333V7.33325H8.13333ZM11.4667 7.33325V4.66659H9.86667V7.33325H11.4667Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14 1.33325H14.8C14.8 0.891424 14.4418 0.533252 14 0.533252V1.33325ZM2 1.33325V0.533252C1.55817 0.533252 1.2 0.891424 1.2 1.33325L2 1.33325ZM2 11.9999H1.2C1.2 12.4417 1.55817 12.7999 2 12.7999V11.9999ZM5.33333 11.9999H6.13333C6.13333 11.5581 5.77516 11.1999 5.33333 11.1999V11.9999ZM5.33333 14.6666H4.53333C4.53333 14.9902 4.72825 15.2819 5.02719 15.4057C5.32613 15.5295 5.67022 15.4611 5.89902 15.2323L5.33333 14.6666ZM8 11.9999V11.1999C7.78783 11.1999 7.58434 11.2842 7.43431 11.4342L8 11.9999ZM11.3333 11.9999V12.7999C11.5455 12.7999 11.749 12.7156 11.899 12.5656L11.3333 11.9999ZM14 9.33325L14.5657 9.89894C14.7157 9.74891 14.8 9.54543 14.8 9.33325H14ZM6.53333 7.33325C6.53333 7.77508 6.89151 8.13325 7.33333 8.13325C7.77516 8.13325 8.13333 7.77508 8.13333 7.33325H6.53333ZM8.13333 4.66659C8.13333 4.22476 7.77516 3.86659 7.33333 3.86659C6.89151 3.86659 6.53333 4.22476 6.53333 4.66659H8.13333ZM9.86667 7.33325C9.86667 7.77508 10.2248 8.13325 10.6667 8.13325C11.1085 8.13325 11.4667 7.77508 11.4667 7.33325H9.86667ZM11.4667 4.66659C11.4667 4.22476 11.1085 3.86659 10.6667 3.86659C10.2248 3.86659 9.86667 4.22476 9.86667 4.66659H11.4667ZM14 0.533252H2V2.13325H14V0.533252ZM1.2 1.33325V11.9999H2.8V1.33325H1.2ZM2 12.7999H5.33333V11.1999H2V12.7999ZM4.53333 11.9999V14.6666H6.13333V11.9999H4.53333ZM5.89902 15.2323L8.56569 12.5656L7.43431 11.4342L4.76765 14.1009L5.89902 15.2323ZM8 12.7999H11.3333V11.1999H8V12.7999ZM11.899 12.5656L14.5657 9.89894L13.4343 8.76757L10.7676 11.4342L11.899 12.5656ZM14.8 9.33325V1.33325H13.2V9.33325H14.8ZM8.13333 7.33325V4.66659H6.53333V7.33325H8.13333ZM11.4667 7.33325V4.66659H9.86667V7.33325H11.4667Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconTwitch,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13647",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTwitch size={size} />,
+  },
 );
-figma.connect(IconTwitch, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13647", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTwitch size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconTwitter.tsx b/src/icons/IconTwitter.tsx
index 6a9062b..b1f193c 100644
--- a/src/icons/IconTwitter.tsx
+++ b/src/icons/IconTwitter.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconTwitter = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16059)"><path d="M15.3333 2.00011L16.1106 2.18941C16.1895 1.86541 16.0591 1.52645 15.7835 1.3388C15.5078 1.15115 15.1447 1.15417 14.8722 1.34638L15.3333 2.00011ZM13.24 3.02011L12.6363 3.5451C12.8428 3.78254 13.1693 3.87687 13.4706 3.78614L13.24 3.02011ZM7.99996 5.02011H8.80003L8.79989 5.00939L7.99996 5.02011ZM7.99996 5.68678L8.0207 6.48651C8.4543 6.47527 8.79996 6.12053 8.79996 5.68678H7.99996ZM1.99996 2.66678L2.65464 2.20701C2.48901 1.97116 2.20932 1.84262 1.92247 1.87054C1.63562 1.89846 1.38596 2.0785 1.26891 2.34187L1.99996 2.66678ZM5.33329 11.3334L5.7826 11.9954C6.02294 11.8322 6.15596 11.5516 6.13012 11.2623C6.10428 10.973 5.92365 10.7204 5.6582 10.6024L5.33329 11.3334ZM0.666626 12.6668L0.698422 11.8674C0.328245 11.8527 -0.00361609 12.094 -0.103655 12.4508C-0.203694 12.8075 -0.0457372 13.1862 0.278112 13.3661L0.666626 12.6668ZM14 5.00011H14.8L14.8 4.99747L14 5.00011ZM13.9466 4.44678L13.3849 3.87717C13.1948 4.06468 13.1107 4.33469 13.1609 4.59698L13.9466 4.44678ZM14.8722 1.34638C14.304 1.74712 13.675 2.05363 13.0093 2.25409L13.4706 3.78614C14.3011 3.53608 15.0857 3.15374 15.7944 2.65384L14.8722 1.34638ZM13.8436 2.49512C13.3345 1.9098 12.658 1.49494 11.9055 1.30665L11.5171 2.8588C11.9517 2.96754 12.3424 3.2071 12.6363 3.5451L13.8436 2.49512ZM11.9055 1.30665C11.153 1.11836 10.3608 1.16573 9.63608 1.44234L10.2066 2.93716C10.6251 2.77742 11.0826 2.75007 11.5171 2.8588L11.9055 1.30665ZM9.63608 1.44234C8.91136 1.71895 8.28907 2.21146 7.85338 2.85326L9.17718 3.75192C9.42877 3.3813 9.78812 3.09689 10.2066 2.93716L9.63608 1.44234ZM7.85338 2.85326C7.4177 3.49507 7.18963 4.25519 7.20003 5.03084L8.79989 5.00939C8.79388 4.56148 8.92558 4.12253 9.17718 3.75192L7.85338 2.85326ZM7.19996 5.02011V5.68678H8.79996V5.02011H7.19996ZM7.97922 4.88705C6.93953 4.91401 5.90931 4.68342 4.98031 4.21582L4.26096 5.645C5.42564 6.23122 6.71723 6.52031 8.0207 6.48651L7.97922 4.88705ZM4.98031 4.21582C4.05131 3.74823 3.25237 3.05814 2.65464 2.20701L1.34527 3.12655C2.09464 4.1936 3.09627 5.05877 4.26096 5.645L4.98031 4.21582ZM1.99996 2.66678C1.26891 2.34187 1.26874 2.34225 1.26856 2.34265C1.26849 2.34282 1.2683 2.34324 1.26815 2.34358C1.26786 2.34424 1.26753 2.34499 1.26715 2.34584C1.26641 2.34754 1.2655 2.34961 1.26444 2.35204C1.26233 2.3569 1.2596 2.36323 1.2563 2.37099C1.2497 2.38651 1.24082 2.40775 1.23001 2.43444C1.2084 2.48778 1.17902 2.56301 1.14475 2.6578C1.07631 2.84712 0.987781 3.11598 0.902525 3.44564C0.732976 4.10123 0.571126 5.01727 0.617451 6.03644C0.663936 7.0591 0.921199 8.20207 1.60535 9.28232C2.29273 10.3677 3.38046 11.341 5.00838 12.0645L5.6582 10.6024C4.28613 9.99258 3.45719 9.21591 2.95706 8.42624C2.45372 7.63148 2.25265 6.77446 2.2158 5.96379C2.17879 5.14962 2.30861 4.39899 2.45156 3.84625C2.52255 3.57174 2.59549 3.35102 2.64944 3.2018C2.67636 3.12732 2.69842 3.07104 2.71294 3.03519C2.7202 3.01728 2.72556 3.0045 2.72869 2.99715C2.73025 2.99348 2.73125 2.99116 2.73165 2.99024C2.73185 2.98977 2.7319 2.98966 2.7318 2.9899C2.73175 2.99002 2.73165 2.99023 2.73152 2.99053C2.73146 2.99068 2.73133 2.99097 2.7313 2.99104C2.73116 2.99135 2.73101 2.99169 1.99996 2.66678ZM4.88399 10.6715C3.65255 11.5074 2.18559 11.9266 0.698422 11.8674L0.63483 13.4661C2.46387 13.5389 4.26807 13.0234 5.7826 11.9954L4.88399 10.6715ZM0.278112 13.3661C3.49932 15.1557 7.12069 15.1754 9.95917 13.6646C12.8171 12.1435 14.8 9.11339 14.8 5.00011H13.2C13.2 8.5535 11.5161 11.0234 9.20741 12.2522C6.87922 13.4914 3.83393 13.5112 1.05514 11.9675L0.278112 13.3661ZM14.8 4.99747C14.7992 4.76225 14.7766 4.52762 14.7324 4.29658L13.1609 4.59698C13.1864 4.73073 13.1995 4.86658 13.2 5.00276L14.8 4.99747ZM14.5084 5.01638C15.2945 4.24108 15.8493 3.2622 16.1106 2.18941L14.556 1.81082C14.365 2.59497 13.9595 3.31047 13.3849 3.87717L14.5084 5.01638Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16059"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16059)">
+      <path
+        d="M15.3333 2.00011L16.1106 2.18941C16.1895 1.86541 16.0591 1.52645 15.7835 1.3388C15.5078 1.15115 15.1447 1.15417 14.8722 1.34638L15.3333 2.00011ZM13.24 3.02011L12.6363 3.5451C12.8428 3.78254 13.1693 3.87687 13.4706 3.78614L13.24 3.02011ZM7.99996 5.02011H8.80003L8.79989 5.00939L7.99996 5.02011ZM7.99996 5.68678L8.0207 6.48651C8.4543 6.47527 8.79996 6.12053 8.79996 5.68678H7.99996ZM1.99996 2.66678L2.65464 2.20701C2.48901 1.97116 2.20932 1.84262 1.92247 1.87054C1.63562 1.89846 1.38596 2.0785 1.26891 2.34187L1.99996 2.66678ZM5.33329 11.3334L5.7826 11.9954C6.02294 11.8322 6.15596 11.5516 6.13012 11.2623C6.10428 10.973 5.92365 10.7204 5.6582 10.6024L5.33329 11.3334ZM0.666626 12.6668L0.698422 11.8674C0.328245 11.8527 -0.00361609 12.094 -0.103655 12.4508C-0.203694 12.8075 -0.0457372 13.1862 0.278112 13.3661L0.666626 12.6668ZM14 5.00011H14.8L14.8 4.99747L14 5.00011ZM13.9466 4.44678L13.3849 3.87717C13.1948 4.06468 13.1107 4.33469 13.1609 4.59698L13.9466 4.44678ZM14.8722 1.34638C14.304 1.74712 13.675 2.05363 13.0093 2.25409L13.4706 3.78614C14.3011 3.53608 15.0857 3.15374 15.7944 2.65384L14.8722 1.34638ZM13.8436 2.49512C13.3345 1.9098 12.658 1.49494 11.9055 1.30665L11.5171 2.8588C11.9517 2.96754 12.3424 3.2071 12.6363 3.5451L13.8436 2.49512ZM11.9055 1.30665C11.153 1.11836 10.3608 1.16573 9.63608 1.44234L10.2066 2.93716C10.6251 2.77742 11.0826 2.75007 11.5171 2.8588L11.9055 1.30665ZM9.63608 1.44234C8.91136 1.71895 8.28907 2.21146 7.85338 2.85326L9.17718 3.75192C9.42877 3.3813 9.78812 3.09689 10.2066 2.93716L9.63608 1.44234ZM7.85338 2.85326C7.4177 3.49507 7.18963 4.25519 7.20003 5.03084L8.79989 5.00939C8.79388 4.56148 8.92558 4.12253 9.17718 3.75192L7.85338 2.85326ZM7.19996 5.02011V5.68678H8.79996V5.02011H7.19996ZM7.97922 4.88705C6.93953 4.91401 5.90931 4.68342 4.98031 4.21582L4.26096 5.645C5.42564 6.23122 6.71723 6.52031 8.0207 6.48651L7.97922 4.88705ZM4.98031 4.21582C4.05131 3.74823 3.25237 3.05814 2.65464 2.20701L1.34527 3.12655C2.09464 4.1936 3.09627 5.05877 4.26096 5.645L4.98031 4.21582ZM1.99996 2.66678C1.26891 2.34187 1.26874 2.34225 1.26856 2.34265C1.26849 2.34282 1.2683 2.34324 1.26815 2.34358C1.26786 2.34424 1.26753 2.34499 1.26715 2.34584C1.26641 2.34754 1.2655 2.34961 1.26444 2.35204C1.26233 2.3569 1.2596 2.36323 1.2563 2.37099C1.2497 2.38651 1.24082 2.40775 1.23001 2.43444C1.2084 2.48778 1.17902 2.56301 1.14475 2.6578C1.07631 2.84712 0.987781 3.11598 0.902525 3.44564C0.732976 4.10123 0.571126 5.01727 0.617451 6.03644C0.663936 7.0591 0.921199 8.20207 1.60535 9.28232C2.29273 10.3677 3.38046 11.341 5.00838 12.0645L5.6582 10.6024C4.28613 9.99258 3.45719 9.21591 2.95706 8.42624C2.45372 7.63148 2.25265 6.77446 2.2158 5.96379C2.17879 5.14962 2.30861 4.39899 2.45156 3.84625C2.52255 3.57174 2.59549 3.35102 2.64944 3.2018C2.67636 3.12732 2.69842 3.07104 2.71294 3.03519C2.7202 3.01728 2.72556 3.0045 2.72869 2.99715C2.73025 2.99348 2.73125 2.99116 2.73165 2.99024C2.73185 2.98977 2.7319 2.98966 2.7318 2.9899C2.73175 2.99002 2.73165 2.99023 2.73152 2.99053C2.73146 2.99068 2.73133 2.99097 2.7313 2.99104C2.73116 2.99135 2.73101 2.99169 1.99996 2.66678ZM4.88399 10.6715C3.65255 11.5074 2.18559 11.9266 0.698422 11.8674L0.63483 13.4661C2.46387 13.5389 4.26807 13.0234 5.7826 11.9954L4.88399 10.6715ZM0.278112 13.3661C3.49932 15.1557 7.12069 15.1754 9.95917 13.6646C12.8171 12.1435 14.8 9.11339 14.8 5.00011H13.2C13.2 8.5535 11.5161 11.0234 9.20741 12.2522C6.87922 13.4914 3.83393 13.5112 1.05514 11.9675L0.278112 13.3661ZM14.8 4.99747C14.7992 4.76225 14.7766 4.52762 14.7324 4.29658L13.1609 4.59698C13.1864 4.73073 13.1995 4.86658 13.2 5.00276L14.8 4.99747ZM14.5084 5.01638C15.2945 4.24108 15.8493 3.2622 16.1106 2.18941L14.556 1.81082C14.365 2.59497 13.9595 3.31047 13.3849 3.87717L14.5084 5.01638Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16059">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconTwitter,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13650",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconTwitter size={size} />,
+  },
 );
-figma.connect(IconTwitter, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13650", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconTwitter size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconType.tsx b/src/icons/IconType.tsx
index 156ffea..7ed8fcc 100644
--- a/src/icons/IconType.tsx
+++ b/src/icons/IconType.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconType = (props: IconProps) => (
-  <Icon {...props}><path d="M1.86663 4.66675C1.86663 5.10858 2.2248 5.46675 2.66663 5.46675C3.10845 5.46675 3.46663 5.10858 3.46663 4.66675H1.86663ZM2.66663 2.66675V1.86675C2.2248 1.86675 1.86663 2.22492 1.86663 2.66675H2.66663ZM13.3333 2.66675H14.1333C14.1333 2.22492 13.7751 1.86675 13.3333 1.86675V2.66675ZM12.5333 4.66675C12.5333 5.10858 12.8915 5.46675 13.3333 5.46675C13.7751 5.46675 14.1333 5.10858 14.1333 4.66675H12.5333ZM5.99996 12.5334C5.55813 12.5334 5.19996 12.8916 5.19996 13.3334C5.19996 13.7752 5.55813 14.1334 5.99996 14.1334V12.5334ZM9.99996 14.1334C10.4418 14.1334 10.8 13.7752 10.8 13.3334C10.8 12.8916 10.4418 12.5334 9.99996 12.5334V14.1334ZM8.79996 2.66675C8.79996 2.22492 8.44179 1.86675 7.99996 1.86675C7.55813 1.86675 7.19996 2.22492 7.19996 2.66675H8.79996ZM7.19996 13.3334C7.19996 13.7752 7.55813 14.1334 7.99996 14.1334C8.44179 14.1334 8.79996 13.7752 8.79996 13.3334H7.19996ZM3.46663 4.66675V2.66675H1.86663V4.66675H3.46663ZM2.66663 3.46675H13.3333V1.86675H2.66663V3.46675ZM12.5333 2.66675V4.66675H14.1333V2.66675H12.5333ZM5.99996 14.1334H9.99996V12.5334H5.99996V14.1334ZM7.19996 2.66675V13.3334H8.79996V2.66675H7.19996Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M1.86663 4.66675C1.86663 5.10858 2.2248 5.46675 2.66663 5.46675C3.10845 5.46675 3.46663 5.10858 3.46663 4.66675H1.86663ZM2.66663 2.66675V1.86675C2.2248 1.86675 1.86663 2.22492 1.86663 2.66675H2.66663ZM13.3333 2.66675H14.1333C14.1333 2.22492 13.7751 1.86675 13.3333 1.86675V2.66675ZM12.5333 4.66675C12.5333 5.10858 12.8915 5.46675 13.3333 5.46675C13.7751 5.46675 14.1333 5.10858 14.1333 4.66675H12.5333ZM5.99996 12.5334C5.55813 12.5334 5.19996 12.8916 5.19996 13.3334C5.19996 13.7752 5.55813 14.1334 5.99996 14.1334V12.5334ZM9.99996 14.1334C10.4418 14.1334 10.8 13.7752 10.8 13.3334C10.8 12.8916 10.4418 12.5334 9.99996 12.5334V14.1334ZM8.79996 2.66675C8.79996 2.22492 8.44179 1.86675 7.99996 1.86675C7.55813 1.86675 7.19996 2.22492 7.19996 2.66675H8.79996ZM7.19996 13.3334C7.19996 13.7752 7.55813 14.1334 7.99996 14.1334C8.44179 14.1334 8.79996 13.7752 8.79996 13.3334H7.19996ZM3.46663 4.66675V2.66675H1.86663V4.66675H3.46663ZM2.66663 3.46675H13.3333V1.86675H2.66663V3.46675ZM12.5333 2.66675V4.66675H14.1333V2.66675H12.5333ZM5.99996 14.1334H9.99996V12.5334H5.99996V14.1334ZM7.19996 2.66675V13.3334H8.79996V2.66675H7.19996Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconType,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13649",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconType size={size} />,
+  },
 );
-figma.connect(IconType, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13649", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconType size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUmbrella.tsx b/src/icons/IconUmbrella.tsx
index 04a8911..3946f93 100644
--- a/src/icons/IconUmbrella.tsx
+++ b/src/icons/IconUmbrella.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUmbrella = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16063)"><path d="M15.3334 7.99992V8.79992C15.5588 8.79992 15.7737 8.70484 15.9254 8.53806C16.077 8.37128 16.1512 8.14828 16.1298 7.9239L15.3334 7.99992ZM8.00008 1.33325V2.13325V1.33325ZM0.666748 7.99992L-0.129632 7.9239C-0.15105 8.14828 -0.0768217 8.37128 0.074796 8.53806C0.226414 8.70484 0.441352 8.79992 0.666748 8.79992L0.666748 7.99992ZM12.8001 12.6666C12.8001 12.2248 12.4419 11.8666 12.0001 11.8666C11.5583 11.8666 11.2001 12.2248 11.2001 12.6666H12.8001ZM10.0001 14.6666V15.4666V14.6666ZM8.80008 7.99992C8.80008 7.55809 8.44191 7.19992 8.00008 7.19992C7.55825 7.19992 7.20008 7.55809 7.20008 7.99992H8.80008ZM16.1298 7.9239C15.9367 5.9015 14.9968 4.02367 13.4936 2.65707L12.4173 3.84098C13.626 4.93983 14.3818 6.44976 14.537 8.07594L16.1298 7.9239ZM13.4936 2.65707C11.9903 1.29048 10.0317 0.533252 8.00008 0.533252V2.13325C9.63365 2.13325 11.2086 2.74212 12.4173 3.84098L13.4936 2.65707ZM8.00008 0.533252C5.96849 0.533252 4.00984 1.29048 2.50659 2.65707L3.58286 3.84098C4.7916 2.74212 6.36652 2.13325 8.00008 2.13325V0.533252ZM2.50659 2.65707C1.00333 4.02367 0.0634149 5.9015 -0.129632 7.9239L1.46313 8.07594C1.61835 6.44976 2.37412 4.93983 3.58286 3.84098L2.50659 2.65707ZM0.666748 8.79992H15.3334V7.19992H0.666748V8.79992ZM11.2001 12.6666C11.2001 12.9848 11.0737 13.2901 10.8486 13.5151L11.98 14.6465C12.5051 14.1214 12.8001 13.4092 12.8001 12.6666H11.2001ZM10.8486 13.5151C10.6236 13.7402 10.3183 13.8666 10.0001 13.8666V15.4666C10.7427 15.4666 11.4549 15.1716 11.98 14.6465L10.8486 13.5151ZM10.0001 13.8666C9.68182 13.8666 9.37659 13.7402 9.15155 13.5151L8.02018 14.6465C8.54528 15.1716 9.25748 15.4666 10.0001 15.4666V13.8666ZM9.15155 13.5151C8.92651 13.2901 8.80008 12.9848 8.80008 12.6666H7.20008C7.20008 13.4092 7.49508 14.1214 8.02018 14.6465L9.15155 13.5151ZM8.80008 12.6666V7.99992H7.20008V12.6666H8.80008Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16063"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16063)">
+      <path
+        d="M15.3334 7.99992V8.79992C15.5588 8.79992 15.7737 8.70484 15.9254 8.53806C16.077 8.37128 16.1512 8.14828 16.1298 7.9239L15.3334 7.99992ZM8.00008 1.33325V2.13325V1.33325ZM0.666748 7.99992L-0.129632 7.9239C-0.15105 8.14828 -0.0768217 8.37128 0.074796 8.53806C0.226414 8.70484 0.441352 8.79992 0.666748 8.79992L0.666748 7.99992ZM12.8001 12.6666C12.8001 12.2248 12.4419 11.8666 12.0001 11.8666C11.5583 11.8666 11.2001 12.2248 11.2001 12.6666H12.8001ZM10.0001 14.6666V15.4666V14.6666ZM8.80008 7.99992C8.80008 7.55809 8.44191 7.19992 8.00008 7.19992C7.55825 7.19992 7.20008 7.55809 7.20008 7.99992H8.80008ZM16.1298 7.9239C15.9367 5.9015 14.9968 4.02367 13.4936 2.65707L12.4173 3.84098C13.626 4.93983 14.3818 6.44976 14.537 8.07594L16.1298 7.9239ZM13.4936 2.65707C11.9903 1.29048 10.0317 0.533252 8.00008 0.533252V2.13325C9.63365 2.13325 11.2086 2.74212 12.4173 3.84098L13.4936 2.65707ZM8.00008 0.533252C5.96849 0.533252 4.00984 1.29048 2.50659 2.65707L3.58286 3.84098C4.7916 2.74212 6.36652 2.13325 8.00008 2.13325V0.533252ZM2.50659 2.65707C1.00333 4.02367 0.0634149 5.9015 -0.129632 7.9239L1.46313 8.07594C1.61835 6.44976 2.37412 4.93983 3.58286 3.84098L2.50659 2.65707ZM0.666748 8.79992H15.3334V7.19992H0.666748V8.79992ZM11.2001 12.6666C11.2001 12.9848 11.0737 13.2901 10.8486 13.5151L11.98 14.6465C12.5051 14.1214 12.8001 13.4092 12.8001 12.6666H11.2001ZM10.8486 13.5151C10.6236 13.7402 10.3183 13.8666 10.0001 13.8666V15.4666C10.7427 15.4666 11.4549 15.1716 11.98 14.6465L10.8486 13.5151ZM10.0001 13.8666C9.68182 13.8666 9.37659 13.7402 9.15155 13.5151L8.02018 14.6465C8.54528 15.1716 9.25748 15.4666 10.0001 15.4666V13.8666ZM9.15155 13.5151C8.92651 13.2901 8.80008 12.9848 8.80008 12.6666H7.20008C7.20008 13.4092 7.49508 14.1214 8.02018 14.6465L9.15155 13.5151ZM8.80008 12.6666V7.99992H7.20008V12.6666H8.80008Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16063">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUmbrella,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13652",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUmbrella size={size} />,
+  },
 );
-figma.connect(IconUmbrella, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13652", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUmbrella size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUnderline.tsx b/src/icons/IconUnderline.tsx
index 3c2edc6..77b8012 100644
--- a/src/icons/IconUnderline.tsx
+++ b/src/icons/IconUnderline.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUnderline = (props: IconProps) => (
-  <Icon {...props}><path d="M4.80008 2C4.80008 1.55817 4.44191 1.2 4.00008 1.2C3.55825 1.2 3.20008 1.55817 3.20008 2H4.80008ZM4.00008 6.66667H3.20008H4.00008ZM12.8001 2C12.8001 1.55817 12.4419 1.2 12.0001 1.2C11.5583 1.2 11.2001 1.55817 11.2001 2H12.8001ZM2.66675 13.2C2.22492 13.2 1.86675 13.5582 1.86675 14C1.86675 14.4418 2.22492 14.8 2.66675 14.8V13.2ZM13.3334 14.8C13.7752 14.8 14.1334 14.4418 14.1334 14C14.1334 13.5582 13.7752 13.2 13.3334 13.2V14.8ZM3.20008 2V6.66667H4.80008V2H3.20008ZM3.20008 6.66667C3.20008 7.93971 3.70579 9.1606 4.60597 10.0608L5.73734 8.92941C5.13722 8.32929 4.80008 7.51536 4.80008 6.66667H3.20008ZM4.60597 10.0608C5.50614 10.961 6.72704 11.4667 8.00008 11.4667V9.86667C7.15139 9.86667 6.33746 9.52952 5.73734 8.92941L4.60597 10.0608ZM8.00008 11.4667C9.27312 11.4667 10.494 10.961 11.3942 10.0608L10.2628 8.92941C9.66271 9.52952 8.84877 9.86667 8.00008 9.86667V11.4667ZM11.3942 10.0608C12.2944 9.1606 12.8001 7.93971 12.8001 6.66667H11.2001C11.2001 7.51536 10.8629 8.32929 10.2628 8.92941L11.3942 10.0608ZM12.8001 6.66667V2H11.2001V6.66667H12.8001ZM2.66675 14.8H13.3334V13.2H2.66675V14.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M4.80008 2C4.80008 1.55817 4.44191 1.2 4.00008 1.2C3.55825 1.2 3.20008 1.55817 3.20008 2H4.80008ZM4.00008 6.66667H3.20008H4.00008ZM12.8001 2C12.8001 1.55817 12.4419 1.2 12.0001 1.2C11.5583 1.2 11.2001 1.55817 11.2001 2H12.8001ZM2.66675 13.2C2.22492 13.2 1.86675 13.5582 1.86675 14C1.86675 14.4418 2.22492 14.8 2.66675 14.8V13.2ZM13.3334 14.8C13.7752 14.8 14.1334 14.4418 14.1334 14C14.1334 13.5582 13.7752 13.2 13.3334 13.2V14.8ZM3.20008 2V6.66667H4.80008V2H3.20008ZM3.20008 6.66667C3.20008 7.93971 3.70579 9.1606 4.60597 10.0608L5.73734 8.92941C5.13722 8.32929 4.80008 7.51536 4.80008 6.66667H3.20008ZM4.60597 10.0608C5.50614 10.961 6.72704 11.4667 8.00008 11.4667V9.86667C7.15139 9.86667 6.33746 9.52952 5.73734 8.92941L4.60597 10.0608ZM8.00008 11.4667C9.27312 11.4667 10.494 10.961 11.3942 10.0608L10.2628 8.92941C9.66271 9.52952 8.84877 9.86667 8.00008 9.86667V11.4667ZM11.3942 10.0608C12.2944 9.1606 12.8001 7.93971 12.8001 6.66667H11.2001C11.2001 7.51536 10.8629 8.32929 10.2628 8.92941L11.3942 10.0608ZM12.8001 6.66667V2H11.2001V6.66667H12.8001ZM2.66675 14.8H13.3334V13.2H2.66675V14.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconUnderline,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13651",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUnderline size={size} />,
+  },
 );
-figma.connect(IconUnderline, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13651", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUnderline size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUnlock.tsx b/src/icons/IconUnlock.tsx
index 9b4f474..a168c67 100644
--- a/src/icons/IconUnlock.tsx
+++ b/src/icons/IconUnlock.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUnlock = (props: IconProps) => (
-  <Icon {...props}><path d="M3.86667 7.33344C3.86667 7.77526 4.22484 8.13344 4.66667 8.13344C5.10849 8.13344 5.46667 7.77526 5.46667 7.33344H3.86667ZM4.66667 4.66677H5.46667L5.46667 4.66597L4.66667 4.66677ZM10.4827 4.1593C10.5706 4.59229 10.9929 4.87202 11.4259 4.7841C11.8589 4.69618 12.1386 4.2739 12.0507 3.84091L10.4827 4.1593ZM3.33333 8.13344H12.6667V6.53344H3.33333V8.13344ZM12.6667 8.13344C12.9612 8.13344 13.2 8.37222 13.2 8.66677H14.8C14.8 7.48856 13.8449 6.53344 12.6667 6.53344V8.13344ZM13.2 8.66677V13.3334H14.8V8.66677H13.2ZM13.2 13.3334C13.2 13.628 12.9612 13.8668 12.6667 13.8668V15.4668C13.8449 15.4668 14.8 14.5116 14.8 13.3334H13.2ZM12.6667 13.8668H3.33333V15.4668H12.6667V13.8668ZM3.33333 13.8668C3.03878 13.8668 2.8 13.628 2.8 13.3334H1.2C1.2 14.5116 2.15513 15.4668 3.33333 15.4668V13.8668ZM2.8 13.3334V8.66677H1.2V13.3334H2.8ZM2.8 8.66677C2.8 8.37222 3.03878 8.13344 3.33333 8.13344V6.53344C2.15513 6.53344 1.2 7.48856 1.2 8.66677H2.8ZM5.46667 7.33344V4.66677H3.86667V7.33344H5.46667ZM5.46667 4.66597C5.46604 4.03772 5.69886 3.43166 6.11995 2.96542L4.93255 1.893C4.24551 2.6537 3.86564 3.64255 3.86667 4.66757L5.46667 4.66597ZM6.11995 2.96542C6.54104 2.49919 7.12034 2.20605 7.7454 2.14291L7.5846 0.551012C6.56477 0.654026 5.61959 1.13231 4.93255 1.893L6.11995 2.96542ZM7.7454 2.14291C8.37046 2.07977 8.99669 2.25114 9.50251 2.62375L10.4515 1.33554C9.62618 0.7276 8.60444 0.447998 7.5846 0.551012L7.7454 2.14291ZM9.50251 2.62375C10.0083 2.99636 10.3576 3.54362 10.4827 4.1593L12.0507 3.84091C11.8467 2.83638 11.2767 1.94348 10.4515 1.33554L9.50251 2.62375Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M3.86667 7.33344C3.86667 7.77526 4.22484 8.13344 4.66667 8.13344C5.10849 8.13344 5.46667 7.77526 5.46667 7.33344H3.86667ZM4.66667 4.66677H5.46667L5.46667 4.66597L4.66667 4.66677ZM10.4827 4.1593C10.5706 4.59229 10.9929 4.87202 11.4259 4.7841C11.8589 4.69618 12.1386 4.2739 12.0507 3.84091L10.4827 4.1593ZM3.33333 8.13344H12.6667V6.53344H3.33333V8.13344ZM12.6667 8.13344C12.9612 8.13344 13.2 8.37222 13.2 8.66677H14.8C14.8 7.48856 13.8449 6.53344 12.6667 6.53344V8.13344ZM13.2 8.66677V13.3334H14.8V8.66677H13.2ZM13.2 13.3334C13.2 13.628 12.9612 13.8668 12.6667 13.8668V15.4668C13.8449 15.4668 14.8 14.5116 14.8 13.3334H13.2ZM12.6667 13.8668H3.33333V15.4668H12.6667V13.8668ZM3.33333 13.8668C3.03878 13.8668 2.8 13.628 2.8 13.3334H1.2C1.2 14.5116 2.15513 15.4668 3.33333 15.4668V13.8668ZM2.8 13.3334V8.66677H1.2V13.3334H2.8ZM2.8 8.66677C2.8 8.37222 3.03878 8.13344 3.33333 8.13344V6.53344C2.15513 6.53344 1.2 7.48856 1.2 8.66677H2.8ZM5.46667 7.33344V4.66677H3.86667V7.33344H5.46667ZM5.46667 4.66597C5.46604 4.03772 5.69886 3.43166 6.11995 2.96542L4.93255 1.893C4.24551 2.6537 3.86564 3.64255 3.86667 4.66757L5.46667 4.66597ZM6.11995 2.96542C6.54104 2.49919 7.12034 2.20605 7.7454 2.14291L7.5846 0.551012C6.56477 0.654026 5.61959 1.13231 4.93255 1.893L6.11995 2.96542ZM7.7454 2.14291C8.37046 2.07977 8.99669 2.25114 9.50251 2.62375L10.4515 1.33554C9.62618 0.7276 8.60444 0.447998 7.5846 0.551012L7.7454 2.14291ZM9.50251 2.62375C10.0083 2.99636 10.3576 3.54362 10.4827 4.1593L12.0507 3.84091C11.8467 2.83638 11.2767 1.94348 10.4515 1.33554L9.50251 2.62375Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconUnlock,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13654",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUnlock size={size} />,
+  },
 );
-figma.connect(IconUnlock, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13654", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUnlock size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUpload.tsx b/src/icons/IconUpload.tsx
index bec7132..c16dada 100644
--- a/src/icons/IconUpload.tsx
+++ b/src/icons/IconUpload.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUpload = (props: IconProps) => (
-  <Icon {...props}><path d="M14.8 10C14.8 9.55817 14.4418 9.2 14 9.2C13.5582 9.2 13.2 9.55817 13.2 10H14.8ZM2 12.6667H1.2H2ZM2.8 10C2.8 9.55817 2.44183 9.2 2 9.2C1.55817 9.2 1.2 9.55817 1.2 10H2.8ZM10.7676 5.89902C11.0801 6.21144 11.5866 6.21144 11.899 5.89902C12.2114 5.5866 12.2114 5.08007 11.899 4.76765L10.7676 5.89902ZM8 2L8.56569 1.43431C8.41566 1.28429 8.21217 1.2 8 1.2C7.78783 1.2 7.58434 1.28429 7.43431 1.43431L8 2ZM4.10098 4.76765C3.78856 5.08007 3.78856 5.5866 4.10098 5.89902C4.4134 6.21144 4.91993 6.21144 5.23235 5.89902L4.10098 4.76765ZM7.2 10C7.2 10.4418 7.55817 10.8 8 10.8C8.44183 10.8 8.8 10.4418 8.8 10H7.2ZM13.2 10V12.6667H14.8V10H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V10H1.2V12.6667H2.8ZM11.899 4.76765L8.56569 1.43431L7.43431 2.56569L10.7676 5.89902L11.899 4.76765ZM7.43431 1.43431L4.10098 4.76765L5.23235 5.89902L8.56569 2.56569L7.43431 1.43431ZM7.2 2V10H8.8V2H7.2Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M14.8 10C14.8 9.55817 14.4418 9.2 14 9.2C13.5582 9.2 13.2 9.55817 13.2 10H14.8ZM2 12.6667H1.2H2ZM2.8 10C2.8 9.55817 2.44183 9.2 2 9.2C1.55817 9.2 1.2 9.55817 1.2 10H2.8ZM10.7676 5.89902C11.0801 6.21144 11.5866 6.21144 11.899 5.89902C12.2114 5.5866 12.2114 5.08007 11.899 4.76765L10.7676 5.89902ZM8 2L8.56569 1.43431C8.41566 1.28429 8.21217 1.2 8 1.2C7.78783 1.2 7.58434 1.28429 7.43431 1.43431L8 2ZM4.10098 4.76765C3.78856 5.08007 3.78856 5.5866 4.10098 5.89902C4.4134 6.21144 4.91993 6.21144 5.23235 5.89902L4.10098 4.76765ZM7.2 10C7.2 10.4418 7.55817 10.8 8 10.8C8.44183 10.8 8.8 10.4418 8.8 10H7.2ZM13.2 10V12.6667H14.8V10H13.2ZM13.2 12.6667C13.2 12.8081 13.1438 12.9438 13.0438 13.0438L14.1752 14.1752C14.5752 13.7751 14.8 13.2325 14.8 12.6667H13.2ZM13.0438 13.0438C12.9438 13.1438 12.8081 13.2 12.6667 13.2V14.8C13.2325 14.8 13.7751 14.5752 14.1752 14.1752L13.0438 13.0438ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.19189 13.2 3.05623 13.1438 2.95621 13.0438L1.82484 14.1752C2.22492 14.5752 2.76754 14.8 3.33333 14.8V13.2ZM2.95621 13.0438C2.85619 12.9438 2.8 12.8081 2.8 12.6667H1.2C1.2 13.2325 1.42476 13.7751 1.82484 14.1752L2.95621 13.0438ZM2.8 12.6667V10H1.2V12.6667H2.8ZM11.899 4.76765L8.56569 1.43431L7.43431 2.56569L10.7676 5.89902L11.899 4.76765ZM7.43431 1.43431L4.10098 4.76765L5.23235 5.89902L8.56569 2.56569L7.43431 1.43431ZM7.2 2V10H8.8V2H7.2Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconUpload,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13656",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUpload size={size} />,
+  },
 );
-figma.connect(IconUpload, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13656", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUpload size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUploadCloud.tsx b/src/icons/IconUploadCloud.tsx
index c53f2a2..b404aab 100644
--- a/src/icons/IconUploadCloud.tsx
+++ b/src/icons/IconUploadCloud.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUploadCloud = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16069)"><path d="M10.101 11.2324C10.4134 11.5448 10.9199 11.5448 11.2323 11.2324C11.5447 10.92 11.5447 10.4135 11.2323 10.1011L10.101 11.2324ZM7.99997 8.00007L8.56566 7.43438C8.41563 7.28436 8.21215 7.20007 7.99997 7.20007C7.7878 7.20007 7.58432 7.28436 7.43429 7.43438L7.99997 8.00007ZM4.76762 10.1011C4.4552 10.4135 4.4552 10.92 4.76762 11.2324C5.08004 11.5448 5.58657 11.5448 5.89899 11.2324L4.76762 10.1011ZM7.19997 14.0001C7.19997 14.4419 7.55815 14.8001 7.99997 14.8001C8.4418 14.8001 8.79997 14.4419 8.79997 14.0001H7.19997ZM13.2104 11.5577C12.8225 11.7692 12.6794 12.2551 12.8909 12.643C13.1024 13.0309 13.5883 13.174 13.9762 12.9625L13.2104 11.5577ZM12 6.00007L12.0005 5.20007H12V6.00007ZM11.16 6.00007L10.3854 6.20032C10.4767 6.55341 10.7953 6.80007 11.16 6.80007V6.00007ZM1.40051 11.3965C1.69308 11.7276 2.19865 11.7588 2.52973 11.4662C2.8608 11.1736 2.89202 10.6681 2.59944 10.337L1.40051 11.3965ZM11.2323 10.1011L8.56566 7.43438L7.43429 8.56576L10.101 11.2324L11.2323 10.1011ZM7.43429 7.43438L4.76762 10.1011L5.89899 11.2324L8.56566 8.56576L7.43429 7.43438ZM7.19997 8.00007V14.0001H8.79997V8.00007H7.19997ZM13.9762 12.9625C14.7825 12.5229 15.4195 11.8274 15.7865 10.9856L14.3199 10.346C14.0949 10.862 13.7045 11.2883 13.2104 11.5577L13.9762 12.9625ZM15.7865 10.9856C16.1536 10.1438 16.2299 9.20381 16.0034 8.31387L14.4528 8.70853C14.5917 9.25397 14.5449 9.83012 14.3199 10.346L15.7865 10.9856ZM16.0034 8.31387C15.7769 7.42393 15.2604 6.63476 14.5356 6.07092L13.5532 7.33382C13.9975 7.6794 14.314 8.16308 14.4528 8.70853L16.0034 8.31387ZM14.5356 6.07092C13.8108 5.50708 12.9188 5.20068 12.0005 5.20007L11.9994 6.80007C12.5623 6.80044 13.109 6.98824 13.5532 7.33382L14.5356 6.07092ZM12 5.20007H11.16V6.80007H12V5.20007ZM11.9345 5.79982C11.7024 4.90224 11.2699 4.06895 10.6695 3.36259L9.45041 4.39888C9.89423 4.92097 10.2139 5.53689 10.3854 6.20032L11.9345 5.79982ZM10.6695 3.36259C10.069 2.65622 9.31622 2.09518 8.46772 1.72162L7.82303 3.18599C8.45019 3.4621 9.00659 3.87679 9.45041 4.39888L10.6695 3.36259ZM8.46772 1.72162C7.61921 1.34807 6.69706 1.17173 5.7706 1.20587L5.82951 2.80478C6.51428 2.77955 7.19587 2.90989 7.82303 3.18599L8.46772 1.72162ZM5.7706 1.20587C4.84413 1.24 3.93746 1.48372 3.11874 1.9187L3.86944 3.33166C4.47458 3.01015 5.14473 2.83001 5.82951 2.80478L5.7706 1.20587ZM3.11874 1.9187C2.30003 2.35368 1.59057 2.9686 1.04372 3.71724L2.33573 4.66101C2.73992 4.10767 3.2643 3.65317 3.86944 3.33166L3.11874 1.9187ZM1.04372 3.71724C0.496861 4.46587 0.126836 5.32874 -0.0385422 6.24096L1.5358 6.52637C1.65803 5.85212 1.93153 5.21435 2.33573 4.66101L1.04372 3.71724ZM-0.0385422 6.24096C-0.20392 7.15318 -0.160346 8.09103 0.0889034 8.98399L1.62999 8.55383C1.44577 7.89382 1.41356 7.20063 1.5358 6.52637L-0.0385422 6.24096ZM0.0889034 8.98399C0.338153 9.87695 0.786592 10.7018 1.40051 11.3965L2.59944 10.337C2.14568 9.82351 1.81422 9.21384 1.62999 8.55383L0.0889034 8.98399Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16069"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16069)">
+      <path
+        d="M10.101 11.2324C10.4134 11.5448 10.9199 11.5448 11.2323 11.2324C11.5447 10.92 11.5447 10.4135 11.2323 10.1011L10.101 11.2324ZM7.99997 8.00007L8.56566 7.43438C8.41563 7.28436 8.21215 7.20007 7.99997 7.20007C7.7878 7.20007 7.58432 7.28436 7.43429 7.43438L7.99997 8.00007ZM4.76762 10.1011C4.4552 10.4135 4.4552 10.92 4.76762 11.2324C5.08004 11.5448 5.58657 11.5448 5.89899 11.2324L4.76762 10.1011ZM7.19997 14.0001C7.19997 14.4419 7.55815 14.8001 7.99997 14.8001C8.4418 14.8001 8.79997 14.4419 8.79997 14.0001H7.19997ZM13.2104 11.5577C12.8225 11.7692 12.6794 12.2551 12.8909 12.643C13.1024 13.0309 13.5883 13.174 13.9762 12.9625L13.2104 11.5577ZM12 6.00007L12.0005 5.20007H12V6.00007ZM11.16 6.00007L10.3854 6.20032C10.4767 6.55341 10.7953 6.80007 11.16 6.80007V6.00007ZM1.40051 11.3965C1.69308 11.7276 2.19865 11.7588 2.52973 11.4662C2.8608 11.1736 2.89202 10.6681 2.59944 10.337L1.40051 11.3965ZM11.2323 10.1011L8.56566 7.43438L7.43429 8.56576L10.101 11.2324L11.2323 10.1011ZM7.43429 7.43438L4.76762 10.1011L5.89899 11.2324L8.56566 8.56576L7.43429 7.43438ZM7.19997 8.00007V14.0001H8.79997V8.00007H7.19997ZM13.9762 12.9625C14.7825 12.5229 15.4195 11.8274 15.7865 10.9856L14.3199 10.346C14.0949 10.862 13.7045 11.2883 13.2104 11.5577L13.9762 12.9625ZM15.7865 10.9856C16.1536 10.1438 16.2299 9.20381 16.0034 8.31387L14.4528 8.70853C14.5917 9.25397 14.5449 9.83012 14.3199 10.346L15.7865 10.9856ZM16.0034 8.31387C15.7769 7.42393 15.2604 6.63476 14.5356 6.07092L13.5532 7.33382C13.9975 7.6794 14.314 8.16308 14.4528 8.70853L16.0034 8.31387ZM14.5356 6.07092C13.8108 5.50708 12.9188 5.20068 12.0005 5.20007L11.9994 6.80007C12.5623 6.80044 13.109 6.98824 13.5532 7.33382L14.5356 6.07092ZM12 5.20007H11.16V6.80007H12V5.20007ZM11.9345 5.79982C11.7024 4.90224 11.2699 4.06895 10.6695 3.36259L9.45041 4.39888C9.89423 4.92097 10.2139 5.53689 10.3854 6.20032L11.9345 5.79982ZM10.6695 3.36259C10.069 2.65622 9.31622 2.09518 8.46772 1.72162L7.82303 3.18599C8.45019 3.4621 9.00659 3.87679 9.45041 4.39888L10.6695 3.36259ZM8.46772 1.72162C7.61921 1.34807 6.69706 1.17173 5.7706 1.20587L5.82951 2.80478C6.51428 2.77955 7.19587 2.90989 7.82303 3.18599L8.46772 1.72162ZM5.7706 1.20587C4.84413 1.24 3.93746 1.48372 3.11874 1.9187L3.86944 3.33166C4.47458 3.01015 5.14473 2.83001 5.82951 2.80478L5.7706 1.20587ZM3.11874 1.9187C2.30003 2.35368 1.59057 2.9686 1.04372 3.71724L2.33573 4.66101C2.73992 4.10767 3.2643 3.65317 3.86944 3.33166L3.11874 1.9187ZM1.04372 3.71724C0.496861 4.46587 0.126836 5.32874 -0.0385422 6.24096L1.5358 6.52637C1.65803 5.85212 1.93153 5.21435 2.33573 4.66101L1.04372 3.71724ZM-0.0385422 6.24096C-0.20392 7.15318 -0.160346 8.09103 0.0889034 8.98399L1.62999 8.55383C1.44577 7.89382 1.41356 7.20063 1.5358 6.52637L-0.0385422 6.24096ZM0.0889034 8.98399C0.338153 9.87695 0.786592 10.7018 1.40051 11.3965L2.59944 10.337C2.14568 9.82351 1.81422 9.21384 1.62999 8.55383L0.0889034 8.98399Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16069">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUploadCloud,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13653",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUploadCloud size={size} />,
+  },
 );
-figma.connect(IconUploadCloud, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13653", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUploadCloud size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUser.tsx b/src/icons/IconUser.tsx
index 3ca4dcb..3927758 100644
--- a/src/icons/IconUser.tsx
+++ b/src/icons/IconUser.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUser = (props: IconProps) => (
-  <Icon {...props}><path d="M12.5334 14C12.5334 14.4418 12.8916 14.8 13.3334 14.8C13.7752 14.8 14.1334 14.4418 14.1334 14H12.5334ZM10.6667 10V9.2V10ZM5.33341 10V9.2V10ZM2.66675 12.6667H1.86675H2.66675ZM1.86675 14C1.86675 14.4418 2.22492 14.8 2.66675 14.8C3.10858 14.8 3.46675 14.4418 3.46675 14H1.86675ZM14.1334 14V12.6667H12.5334V14H14.1334ZM14.1334 12.6667C14.1334 11.7472 13.7682 10.8655 13.118 10.2154L11.9867 11.3467C12.3367 11.6968 12.5334 12.1716 12.5334 12.6667H14.1334ZM13.118 10.2154C12.4679 9.56524 11.5862 9.2 10.6667 9.2V10.8C11.1618 10.8 11.6366 10.9967 11.9867 11.3467L13.118 10.2154ZM10.6667 9.2H5.33341V10.8H10.6667V9.2ZM5.33341 9.2C4.414 9.2 3.53224 9.56524 2.88211 10.2154L4.01348 11.3467C4.36355 10.9967 4.83834 10.8 5.33341 10.8V9.2ZM2.88211 10.2154C2.23198 10.8655 1.86675 11.7472 1.86675 12.6667H3.46675C3.46675 12.1716 3.66341 11.6968 4.01348 11.3467L2.88211 10.2154ZM1.86675 12.6667V14H3.46675V12.6667H1.86675ZM9.86675 4.66667C9.86675 5.6976 9.03101 6.53333 8.00008 6.53333V8.13333C9.91467 8.13333 11.4667 6.58125 11.4667 4.66667H9.86675ZM8.00008 6.53333C6.96915 6.53333 6.13341 5.6976 6.13341 4.66667H4.53341C4.53341 6.58125 6.08549 8.13333 8.00008 8.13333V6.53333ZM6.13341 4.66667C6.13341 3.63574 6.96915 2.8 8.00008 2.8V1.2C6.08549 1.2 4.53341 2.75208 4.53341 4.66667H6.13341ZM8.00008 2.8C9.03101 2.8 9.86675 3.63573 9.86675 4.66667H11.4667C11.4667 2.75208 9.91467 1.2 8.00008 1.2V2.8Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.5334 14C12.5334 14.4418 12.8916 14.8 13.3334 14.8C13.7752 14.8 14.1334 14.4418 14.1334 14H12.5334ZM10.6667 10V9.2V10ZM5.33341 10V9.2V10ZM2.66675 12.6667H1.86675H2.66675ZM1.86675 14C1.86675 14.4418 2.22492 14.8 2.66675 14.8C3.10858 14.8 3.46675 14.4418 3.46675 14H1.86675ZM14.1334 14V12.6667H12.5334V14H14.1334ZM14.1334 12.6667C14.1334 11.7472 13.7682 10.8655 13.118 10.2154L11.9867 11.3467C12.3367 11.6968 12.5334 12.1716 12.5334 12.6667H14.1334ZM13.118 10.2154C12.4679 9.56524 11.5862 9.2 10.6667 9.2V10.8C11.1618 10.8 11.6366 10.9967 11.9867 11.3467L13.118 10.2154ZM10.6667 9.2H5.33341V10.8H10.6667V9.2ZM5.33341 9.2C4.414 9.2 3.53224 9.56524 2.88211 10.2154L4.01348 11.3467C4.36355 10.9967 4.83834 10.8 5.33341 10.8V9.2ZM2.88211 10.2154C2.23198 10.8655 1.86675 11.7472 1.86675 12.6667H3.46675C3.46675 12.1716 3.66341 11.6968 4.01348 11.3467L2.88211 10.2154ZM1.86675 12.6667V14H3.46675V12.6667H1.86675ZM9.86675 4.66667C9.86675 5.6976 9.03101 6.53333 8.00008 6.53333V8.13333C9.91467 8.13333 11.4667 6.58125 11.4667 4.66667H9.86675ZM8.00008 6.53333C6.96915 6.53333 6.13341 5.6976 6.13341 4.66667H4.53341C4.53341 6.58125 6.08549 8.13333 8.00008 8.13333V6.53333ZM6.13341 4.66667C6.13341 3.63574 6.96915 2.8 8.00008 2.8V1.2C6.08549 1.2 4.53341 2.75208 4.53341 4.66667H6.13341ZM8.00008 2.8C9.03101 2.8 9.86675 3.63573 9.86675 4.66667H11.4667C11.4667 2.75208 9.91467 1.2 8.00008 1.2V2.8Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconUser,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13659",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUser size={size} />,
+  },
 );
-figma.connect(IconUser, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13659", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUser size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUserCheck.tsx b/src/icons/IconUserCheck.tsx
index c33f34d..af0b7c0 100644
--- a/src/icons/IconUserCheck.tsx
+++ b/src/icons/IconUserCheck.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUserCheck = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16073)"><path d="M9.86667 14C9.86667 14.4418 10.2248 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86667ZM10.6667 12.6667H11.4667H10.6667ZM8 10V9.2V10ZM3.33334 10V9.2V10ZM0.666672 12.6667H-0.133328H0.666672ZM-0.133328 14C-0.133328 14.4418 0.224844 14.8 0.666672 14.8C1.1085 14.8 1.46667 14.4418 1.46667 14H-0.133328ZM11.899 6.76765C11.5866 6.45523 11.0801 6.45523 10.7677 6.76765C10.4552 7.08007 10.4552 7.5866 10.7677 7.89902L11.899 6.76765ZM12.6667 8.66667L12.101 9.23235C12.4134 9.54477 12.9199 9.54477 13.2324 9.23235L12.6667 8.66667ZM15.899 6.56569C16.2114 6.25327 16.2114 5.74673 15.899 5.43431C15.5866 5.1219 15.0801 5.1219 14.7677 5.43431L15.899 6.56569ZM11.4667 14V12.6667H9.86667V14H11.4667ZM11.4667 12.6667C11.4667 11.7472 11.1014 10.8655 10.4513 10.2154L9.31994 11.3467C9.67001 11.6968 9.86667 12.1716 9.86667 12.6667H11.4667ZM10.4513 10.2154C9.80118 9.56524 8.91942 9.2 8 9.2V10.8C8.49508 10.8 8.96987 10.9967 9.31994 11.3467L10.4513 10.2154ZM8 9.2H3.33334V10.8H8V9.2ZM3.33334 9.2C2.41392 9.2 1.53216 9.56524 0.882035 10.2154L2.01341 11.3467C2.36347 10.9967 2.83827 10.8 3.33334 10.8V9.2ZM0.882035 10.2154C0.231909 10.8655 -0.133328 11.7472 -0.133328 12.6667H1.46667C1.46667 12.1716 1.66334 11.6968 2.01341 11.3467L0.882035 10.2154ZM-0.133328 12.6667V14H1.46667V12.6667H-0.133328ZM7.53334 4.66667C7.53334 5.6976 6.6976 6.53333 5.66667 6.53333V8.13333C7.58126 8.13333 9.13334 6.58125 9.13334 4.66667H7.53334ZM5.66667 6.53333C4.63574 6.53333 3.80001 5.6976 3.80001 4.66667H2.20001C2.20001 6.58125 3.75208 8.13333 5.66667 8.13333V6.53333ZM3.80001 4.66667C3.80001 3.63574 4.63574 2.8 5.66667 2.8V1.2C3.75208 1.2 2.20001 2.75208 2.20001 4.66667H3.80001ZM5.66667 2.8C6.6976 2.8 7.53334 3.63574 7.53334 4.66667H9.13334C9.13334 2.75208 7.58126 1.2 5.66667 1.2V2.8ZM10.7677 7.89902L12.101 9.23235L13.2324 8.10098L11.899 6.76765L10.7677 7.89902ZM13.2324 9.23235L15.899 6.56569L14.7677 5.43431L12.101 8.10098L13.2324 9.23235Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16073"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16073)">
+      <path
+        d="M9.86667 14C9.86667 14.4418 10.2248 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86667ZM10.6667 12.6667H11.4667H10.6667ZM8 10V9.2V10ZM3.33334 10V9.2V10ZM0.666672 12.6667H-0.133328H0.666672ZM-0.133328 14C-0.133328 14.4418 0.224844 14.8 0.666672 14.8C1.1085 14.8 1.46667 14.4418 1.46667 14H-0.133328ZM11.899 6.76765C11.5866 6.45523 11.0801 6.45523 10.7677 6.76765C10.4552 7.08007 10.4552 7.5866 10.7677 7.89902L11.899 6.76765ZM12.6667 8.66667L12.101 9.23235C12.4134 9.54477 12.9199 9.54477 13.2324 9.23235L12.6667 8.66667ZM15.899 6.56569C16.2114 6.25327 16.2114 5.74673 15.899 5.43431C15.5866 5.1219 15.0801 5.1219 14.7677 5.43431L15.899 6.56569ZM11.4667 14V12.6667H9.86667V14H11.4667ZM11.4667 12.6667C11.4667 11.7472 11.1014 10.8655 10.4513 10.2154L9.31994 11.3467C9.67001 11.6968 9.86667 12.1716 9.86667 12.6667H11.4667ZM10.4513 10.2154C9.80118 9.56524 8.91942 9.2 8 9.2V10.8C8.49508 10.8 8.96987 10.9967 9.31994 11.3467L10.4513 10.2154ZM8 9.2H3.33334V10.8H8V9.2ZM3.33334 9.2C2.41392 9.2 1.53216 9.56524 0.882035 10.2154L2.01341 11.3467C2.36347 10.9967 2.83827 10.8 3.33334 10.8V9.2ZM0.882035 10.2154C0.231909 10.8655 -0.133328 11.7472 -0.133328 12.6667H1.46667C1.46667 12.1716 1.66334 11.6968 2.01341 11.3467L0.882035 10.2154ZM-0.133328 12.6667V14H1.46667V12.6667H-0.133328ZM7.53334 4.66667C7.53334 5.6976 6.6976 6.53333 5.66667 6.53333V8.13333C7.58126 8.13333 9.13334 6.58125 9.13334 4.66667H7.53334ZM5.66667 6.53333C4.63574 6.53333 3.80001 5.6976 3.80001 4.66667H2.20001C2.20001 6.58125 3.75208 8.13333 5.66667 8.13333V6.53333ZM3.80001 4.66667C3.80001 3.63574 4.63574 2.8 5.66667 2.8V1.2C3.75208 1.2 2.20001 2.75208 2.20001 4.66667H3.80001ZM5.66667 2.8C6.6976 2.8 7.53334 3.63574 7.53334 4.66667H9.13334C9.13334 2.75208 7.58126 1.2 5.66667 1.2V2.8ZM10.7677 7.89902L12.101 9.23235L13.2324 8.10098L11.899 6.76765L10.7677 7.89902ZM13.2324 9.23235L15.899 6.56569L14.7677 5.43431L12.101 8.10098L13.2324 9.23235Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16073">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUserCheck,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13655",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUserCheck size={size} />,
+  },
 );
-figma.connect(IconUserCheck, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13655", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUserCheck size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUserMinus.tsx b/src/icons/IconUserMinus.tsx
index 89a2665..15157e5 100644
--- a/src/icons/IconUserMinus.tsx
+++ b/src/icons/IconUserMinus.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUserMinus = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16075)"><path d="M9.86669 14C9.86669 14.4418 10.2249 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86669ZM10.6667 12.6667H11.4667H10.6667ZM8.00002 10V9.2V10ZM3.33335 10V9.2V10ZM0.666687 12.6667H-0.133313H0.666687ZM-0.133313 14C-0.133313 14.4418 0.224859 14.8 0.666687 14.8C1.10851 14.8 1.46669 14.4418 1.46669 14H-0.133313ZM15.3334 8.13333C15.7752 8.13333 16.1334 7.77516 16.1334 7.33333C16.1334 6.89151 15.7752 6.53333 15.3334 6.53333V8.13333ZM11.3334 6.53333C10.8915 6.53333 10.5334 6.89151 10.5334 7.33333C10.5334 7.77516 10.8915 8.13333 11.3334 8.13333V6.53333ZM11.4667 14V12.6667H9.86669V14H11.4667ZM11.4667 12.6667C11.4667 11.7472 11.1014 10.8655 10.4513 10.2154L9.31995 11.3467C9.67002 11.6968 9.86669 12.1716 9.86669 12.6667H11.4667ZM10.4513 10.2154C9.8012 9.56524 8.91944 9.2 8.00002 9.2V10.8C8.49509 10.8 8.96989 10.9967 9.31995 11.3467L10.4513 10.2154ZM8.00002 9.2H3.33335V10.8H8.00002V9.2ZM3.33335 9.2C2.41394 9.2 1.53218 9.56524 0.88205 10.2154L2.01342 11.3467C2.36349 10.9967 2.83828 10.8 3.33335 10.8V9.2ZM0.88205 10.2154C0.231924 10.8655 -0.133313 11.7472 -0.133313 12.6667H1.46669C1.46669 12.1716 1.66335 11.6968 2.01342 11.3467L0.88205 10.2154ZM-0.133313 12.6667V14H1.46669V12.6667H-0.133313ZM7.53335 4.66667C7.53335 5.6976 6.69762 6.53333 5.66669 6.53333V8.13333C7.58127 8.13333 9.13335 6.58125 9.13335 4.66667H7.53335ZM5.66669 6.53333C4.63576 6.53333 3.80002 5.6976 3.80002 4.66667H2.20002C2.20002 6.58125 3.7521 8.13333 5.66669 8.13333V6.53333ZM3.80002 4.66667C3.80002 3.63574 4.63576 2.8 5.66669 2.8V1.2C3.7521 1.2 2.20002 2.75208 2.20002 4.66667H3.80002ZM5.66669 2.8C6.69762 2.8 7.53335 3.63574 7.53335 4.66667H9.13335C9.13335 2.75208 7.58127 1.2 5.66669 1.2V2.8ZM15.3334 6.53333H11.3334V8.13333H15.3334V6.53333Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16075"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16075)">
+      <path
+        d="M9.86669 14C9.86669 14.4418 10.2249 14.8 10.6667 14.8C11.1085 14.8 11.4667 14.4418 11.4667 14H9.86669ZM10.6667 12.6667H11.4667H10.6667ZM8.00002 10V9.2V10ZM3.33335 10V9.2V10ZM0.666687 12.6667H-0.133313H0.666687ZM-0.133313 14C-0.133313 14.4418 0.224859 14.8 0.666687 14.8C1.10851 14.8 1.46669 14.4418 1.46669 14H-0.133313ZM15.3334 8.13333C15.7752 8.13333 16.1334 7.77516 16.1334 7.33333C16.1334 6.89151 15.7752 6.53333 15.3334 6.53333V8.13333ZM11.3334 6.53333C10.8915 6.53333 10.5334 6.89151 10.5334 7.33333C10.5334 7.77516 10.8915 8.13333 11.3334 8.13333V6.53333ZM11.4667 14V12.6667H9.86669V14H11.4667ZM11.4667 12.6667C11.4667 11.7472 11.1014 10.8655 10.4513 10.2154L9.31995 11.3467C9.67002 11.6968 9.86669 12.1716 9.86669 12.6667H11.4667ZM10.4513 10.2154C9.8012 9.56524 8.91944 9.2 8.00002 9.2V10.8C8.49509 10.8 8.96989 10.9967 9.31995 11.3467L10.4513 10.2154ZM8.00002 9.2H3.33335V10.8H8.00002V9.2ZM3.33335 9.2C2.41394 9.2 1.53218 9.56524 0.88205 10.2154L2.01342 11.3467C2.36349 10.9967 2.83828 10.8 3.33335 10.8V9.2ZM0.88205 10.2154C0.231924 10.8655 -0.133313 11.7472 -0.133313 12.6667H1.46669C1.46669 12.1716 1.66335 11.6968 2.01342 11.3467L0.88205 10.2154ZM-0.133313 12.6667V14H1.46669V12.6667H-0.133313ZM7.53335 4.66667C7.53335 5.6976 6.69762 6.53333 5.66669 6.53333V8.13333C7.58127 8.13333 9.13335 6.58125 9.13335 4.66667H7.53335ZM5.66669 6.53333C4.63576 6.53333 3.80002 5.6976 3.80002 4.66667H2.20002C2.20002 6.58125 3.7521 8.13333 5.66669 8.13333V6.53333ZM3.80002 4.66667C3.80002 3.63574 4.63576 2.8 5.66669 2.8V1.2C3.7521 1.2 2.20002 2.75208 2.20002 4.66667H3.80002ZM5.66669 2.8C6.69762 2.8 7.53335 3.63574 7.53335 4.66667H9.13335C9.13335 2.75208 7.58127 1.2 5.66669 1.2V2.8ZM15.3334 6.53333H11.3334V8.13333H15.3334V6.53333Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16075">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUserMinus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13658",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUserMinus size={size} />,
+  },
 );
-figma.connect(IconUserMinus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13658", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUserMinus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUserPlus.tsx b/src/icons/IconUserPlus.tsx
index 419d30a..472c345 100644
--- a/src/icons/IconUserPlus.tsx
+++ b/src/icons/IconUserPlus.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUserPlus = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16077)"><path d="M9.86663 14C9.86663 14.4418 10.2248 14.8 10.6666 14.8C11.1085 14.8 11.4666 14.4418 11.4666 14H9.86663ZM10.6666 12.6667H11.4666H10.6666ZM7.99996 10V9.2V10ZM3.33329 10V9.2V10ZM0.666626 12.6667H-0.133374H0.666626ZM-0.133374 14C-0.133374 14.4418 0.224798 14.8 0.666626 14.8C1.10845 14.8 1.46663 14.4418 1.46663 14H-0.133374ZM14.1333 5.33333C14.1333 4.89151 13.7751 4.53333 13.3333 4.53333C12.8915 4.53333 12.5333 4.89151 12.5333 5.33333H14.1333ZM12.5333 9.33333C12.5333 9.77516 12.8915 10.1333 13.3333 10.1333C13.7751 10.1333 14.1333 9.77516 14.1333 9.33333H12.5333ZM15.3333 8.13333C15.7751 8.13333 16.1333 7.77516 16.1333 7.33333C16.1333 6.89151 15.7751 6.53333 15.3333 6.53333V8.13333ZM11.3333 6.53333C10.8915 6.53333 10.5333 6.89151 10.5333 7.33333C10.5333 7.77516 10.8915 8.13333 11.3333 8.13333V6.53333ZM11.4666 14V12.6667H9.86663V14H11.4666ZM11.4666 12.6667C11.4666 11.7472 11.1014 10.8655 10.4513 10.2154L9.31989 11.3467C9.66996 11.6968 9.86663 12.1716 9.86663 12.6667H11.4666ZM10.4513 10.2154C9.80114 9.56524 8.91938 9.2 7.99996 9.2V10.8C8.49503 10.8 8.96982 10.9967 9.31989 11.3467L10.4513 10.2154ZM7.99996 9.2H3.33329V10.8H7.99996V9.2ZM3.33329 9.2C2.41388 9.2 1.53212 9.56524 0.881989 10.2154L2.01336 11.3467C2.36343 10.9967 2.83822 10.8 3.33329 10.8V9.2ZM0.881989 10.2154C0.231863 10.8655 -0.133374 11.7472 -0.133374 12.6667H1.46663C1.46663 12.1716 1.66329 11.6968 2.01336 11.3467L0.881989 10.2154ZM-0.133374 12.6667V14H1.46663V12.6667H-0.133374ZM7.53329 4.66667C7.53329 5.6976 6.69756 6.53333 5.66663 6.53333V8.13333C7.58121 8.13333 9.13329 6.58125 9.13329 4.66667H7.53329ZM5.66663 6.53333C4.63569 6.53333 3.79996 5.6976 3.79996 4.66667H2.19996C2.19996 6.58125 3.75204 8.13333 5.66663 8.13333V6.53333ZM3.79996 4.66667C3.79996 3.63574 4.63569 2.8 5.66663 2.8V1.2C3.75204 1.2 2.19996 2.75208 2.19996 4.66667H3.79996ZM5.66663 2.8C6.69756 2.8 7.53329 3.63574 7.53329 4.66667H9.13329C9.13329 2.75208 7.58121 1.2 5.66663 1.2V2.8ZM12.5333 5.33333V9.33333H14.1333V5.33333H12.5333ZM15.3333 6.53333H11.3333V8.13333H15.3333V6.53333Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16077"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16077)">
+      <path
+        d="M9.86663 14C9.86663 14.4418 10.2248 14.8 10.6666 14.8C11.1085 14.8 11.4666 14.4418 11.4666 14H9.86663ZM10.6666 12.6667H11.4666H10.6666ZM7.99996 10V9.2V10ZM3.33329 10V9.2V10ZM0.666626 12.6667H-0.133374H0.666626ZM-0.133374 14C-0.133374 14.4418 0.224798 14.8 0.666626 14.8C1.10845 14.8 1.46663 14.4418 1.46663 14H-0.133374ZM14.1333 5.33333C14.1333 4.89151 13.7751 4.53333 13.3333 4.53333C12.8915 4.53333 12.5333 4.89151 12.5333 5.33333H14.1333ZM12.5333 9.33333C12.5333 9.77516 12.8915 10.1333 13.3333 10.1333C13.7751 10.1333 14.1333 9.77516 14.1333 9.33333H12.5333ZM15.3333 8.13333C15.7751 8.13333 16.1333 7.77516 16.1333 7.33333C16.1333 6.89151 15.7751 6.53333 15.3333 6.53333V8.13333ZM11.3333 6.53333C10.8915 6.53333 10.5333 6.89151 10.5333 7.33333C10.5333 7.77516 10.8915 8.13333 11.3333 8.13333V6.53333ZM11.4666 14V12.6667H9.86663V14H11.4666ZM11.4666 12.6667C11.4666 11.7472 11.1014 10.8655 10.4513 10.2154L9.31989 11.3467C9.66996 11.6968 9.86663 12.1716 9.86663 12.6667H11.4666ZM10.4513 10.2154C9.80114 9.56524 8.91938 9.2 7.99996 9.2V10.8C8.49503 10.8 8.96982 10.9967 9.31989 11.3467L10.4513 10.2154ZM7.99996 9.2H3.33329V10.8H7.99996V9.2ZM3.33329 9.2C2.41388 9.2 1.53212 9.56524 0.881989 10.2154L2.01336 11.3467C2.36343 10.9967 2.83822 10.8 3.33329 10.8V9.2ZM0.881989 10.2154C0.231863 10.8655 -0.133374 11.7472 -0.133374 12.6667H1.46663C1.46663 12.1716 1.66329 11.6968 2.01336 11.3467L0.881989 10.2154ZM-0.133374 12.6667V14H1.46663V12.6667H-0.133374ZM7.53329 4.66667C7.53329 5.6976 6.69756 6.53333 5.66663 6.53333V8.13333C7.58121 8.13333 9.13329 6.58125 9.13329 4.66667H7.53329ZM5.66663 6.53333C4.63569 6.53333 3.79996 5.6976 3.79996 4.66667H2.19996C2.19996 6.58125 3.75204 8.13333 5.66663 8.13333V6.53333ZM3.79996 4.66667C3.79996 3.63574 4.63569 2.8 5.66663 2.8V1.2C3.75204 1.2 2.19996 2.75208 2.19996 4.66667H3.79996ZM5.66663 2.8C6.69756 2.8 7.53329 3.63574 7.53329 4.66667H9.13329C9.13329 2.75208 7.58121 1.2 5.66663 1.2V2.8ZM12.5333 5.33333V9.33333H14.1333V5.33333H12.5333ZM15.3333 6.53333H11.3333V8.13333H15.3333V6.53333Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16077">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUserPlus,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13657",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUserPlus size={size} />,
+  },
 );
-figma.connect(IconUserPlus, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13657", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUserPlus size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUserX.tsx b/src/icons/IconUserX.tsx
index f8800b0..8e30d26 100644
--- a/src/icons/IconUserX.tsx
+++ b/src/icons/IconUserX.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUserX = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16079)"><path d="M9.86663 14C9.86663 14.4418 10.2248 14.8 10.6666 14.8C11.1085 14.8 11.4666 14.4418 11.4666 14H9.86663ZM10.6666 12.6667H11.4666H10.6666ZM7.99996 10V9.2V10ZM3.33329 10V9.2V10ZM0.666626 12.6667H-0.133374H0.666626ZM-0.133374 14C-0.133374 14.4418 0.224798 14.8 0.666626 14.8C1.10845 14.8 1.46663 14.4418 1.46663 14H-0.133374ZM12.5656 4.76765C12.2532 4.45523 11.7467 4.45523 11.4343 4.76765C11.1219 5.08007 11.1219 5.5866 11.4343 5.89902L12.5656 4.76765ZM14.7676 9.23235C15.08 9.54477 15.5866 9.54477 15.899 9.23235C16.2114 8.91993 16.2114 8.4134 15.899 8.10098L14.7676 9.23235ZM15.899 5.89902C16.2114 5.5866 16.2114 5.08007 15.899 4.76765C15.5866 4.45523 15.08 4.45523 14.7676 4.76765L15.899 5.89902ZM11.4343 8.10098C11.1219 8.4134 11.1219 8.91993 11.4343 9.23235C11.7467 9.54477 12.2532 9.54477 12.5656 9.23235L11.4343 8.10098ZM11.4666 14V12.6667H9.86663V14H11.4666ZM11.4666 12.6667C11.4666 11.7472 11.1014 10.8655 10.4513 10.2154L9.31989 11.3467C9.66996 11.6968 9.86663 12.1716 9.86663 12.6667H11.4666ZM10.4513 10.2154C9.80114 9.56524 8.91938 9.2 7.99996 9.2V10.8C8.49503 10.8 8.96982 10.9967 9.31989 11.3467L10.4513 10.2154ZM7.99996 9.2H3.33329V10.8H7.99996V9.2ZM3.33329 9.2C2.41388 9.2 1.53212 9.56524 0.881989 10.2154L2.01336 11.3467C2.36343 10.9967 2.83822 10.8 3.33329 10.8V9.2ZM0.881989 10.2154C0.231863 10.8655 -0.133374 11.7472 -0.133374 12.6667H1.46663C1.46663 12.1716 1.66329 11.6968 2.01336 11.3467L0.881989 10.2154ZM-0.133374 12.6667V14H1.46663V12.6667H-0.133374ZM7.53329 4.66667C7.53329 5.6976 6.69756 6.53333 5.66663 6.53333V8.13333C7.58121 8.13333 9.13329 6.58125 9.13329 4.66667H7.53329ZM5.66663 6.53333C4.63569 6.53333 3.79996 5.6976 3.79996 4.66667H2.19996C2.19996 6.58125 3.75204 8.13333 5.66663 8.13333V6.53333ZM3.79996 4.66667C3.79996 3.63574 4.63569 2.8 5.66663 2.8V1.2C3.75204 1.2 2.19996 2.75208 2.19996 4.66667H3.79996ZM5.66663 2.8C6.69756 2.8 7.53329 3.63574 7.53329 4.66667H9.13329C9.13329 2.75208 7.58121 1.2 5.66663 1.2V2.8ZM11.4343 5.89902L14.7676 9.23235L15.899 8.10098L12.5656 4.76765L11.4343 5.89902ZM14.7676 4.76765L11.4343 8.10098L12.5656 9.23235L15.899 5.89902L14.7676 4.76765Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16079"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16079)">
+      <path
+        d="M9.86663 14C9.86663 14.4418 10.2248 14.8 10.6666 14.8C11.1085 14.8 11.4666 14.4418 11.4666 14H9.86663ZM10.6666 12.6667H11.4666H10.6666ZM7.99996 10V9.2V10ZM3.33329 10V9.2V10ZM0.666626 12.6667H-0.133374H0.666626ZM-0.133374 14C-0.133374 14.4418 0.224798 14.8 0.666626 14.8C1.10845 14.8 1.46663 14.4418 1.46663 14H-0.133374ZM12.5656 4.76765C12.2532 4.45523 11.7467 4.45523 11.4343 4.76765C11.1219 5.08007 11.1219 5.5866 11.4343 5.89902L12.5656 4.76765ZM14.7676 9.23235C15.08 9.54477 15.5866 9.54477 15.899 9.23235C16.2114 8.91993 16.2114 8.4134 15.899 8.10098L14.7676 9.23235ZM15.899 5.89902C16.2114 5.5866 16.2114 5.08007 15.899 4.76765C15.5866 4.45523 15.08 4.45523 14.7676 4.76765L15.899 5.89902ZM11.4343 8.10098C11.1219 8.4134 11.1219 8.91993 11.4343 9.23235C11.7467 9.54477 12.2532 9.54477 12.5656 9.23235L11.4343 8.10098ZM11.4666 14V12.6667H9.86663V14H11.4666ZM11.4666 12.6667C11.4666 11.7472 11.1014 10.8655 10.4513 10.2154L9.31989 11.3467C9.66996 11.6968 9.86663 12.1716 9.86663 12.6667H11.4666ZM10.4513 10.2154C9.80114 9.56524 8.91938 9.2 7.99996 9.2V10.8C8.49503 10.8 8.96982 10.9967 9.31989 11.3467L10.4513 10.2154ZM7.99996 9.2H3.33329V10.8H7.99996V9.2ZM3.33329 9.2C2.41388 9.2 1.53212 9.56524 0.881989 10.2154L2.01336 11.3467C2.36343 10.9967 2.83822 10.8 3.33329 10.8V9.2ZM0.881989 10.2154C0.231863 10.8655 -0.133374 11.7472 -0.133374 12.6667H1.46663C1.46663 12.1716 1.66329 11.6968 2.01336 11.3467L0.881989 10.2154ZM-0.133374 12.6667V14H1.46663V12.6667H-0.133374ZM7.53329 4.66667C7.53329 5.6976 6.69756 6.53333 5.66663 6.53333V8.13333C7.58121 8.13333 9.13329 6.58125 9.13329 4.66667H7.53329ZM5.66663 6.53333C4.63569 6.53333 3.79996 5.6976 3.79996 4.66667H2.19996C2.19996 6.58125 3.75204 8.13333 5.66663 8.13333V6.53333ZM3.79996 4.66667C3.79996 3.63574 4.63569 2.8 5.66663 2.8V1.2C3.75204 1.2 2.19996 2.75208 2.19996 4.66667H3.79996ZM5.66663 2.8C6.69756 2.8 7.53329 3.63574 7.53329 4.66667H9.13329C9.13329 2.75208 7.58121 1.2 5.66663 1.2V2.8ZM11.4343 5.89902L14.7676 9.23235L15.899 8.10098L12.5656 4.76765L11.4343 5.89902ZM14.7676 4.76765L11.4343 8.10098L12.5656 9.23235L15.899 5.89902L14.7676 4.76765Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16079">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUserX,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13660",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUserX size={size} />,
+  },
 );
-figma.connect(IconUserX, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13660", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUserX size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconUsers.tsx b/src/icons/IconUsers.tsx
index f48d074..6c7efb9 100644
--- a/src/icons/IconUsers.tsx
+++ b/src/icons/IconUsers.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconUsers = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16083)"><path d="M10.5334 14C10.5334 14.4418 10.8916 14.8 11.3334 14.8C11.7752 14.8 12.1334 14.4418 12.1334 14H10.5334ZM8.66675 10V9.2V10ZM3.33341 10V9.2V10ZM0.666748 12.6667H-0.133252H0.666748ZM-0.133252 14C-0.133252 14.4418 0.22492 14.8 0.666748 14.8C1.10858 14.8 1.46675 14.4418 1.46675 14H-0.133252ZM14.5334 14C14.5334 14.4418 14.8916 14.8 15.3334 14.8C15.7752 14.8 16.1334 14.4418 16.1334 14H14.5334ZM15.3334 12.6667H16.1334L16.1334 12.6661L15.3334 12.6667ZM13.5334 9.31207C13.1056 9.20161 12.6693 9.45887 12.5588 9.88667C12.4484 10.3145 12.7056 10.7508 13.1334 10.8613L13.5334 9.31207ZM10.8652 1.31167C10.4372 1.20208 10.0013 1.46021 9.89175 1.88824C9.78216 2.31626 10.0403 2.75208 10.4683 2.86167L10.8652 1.31167ZM12.672 4.67H13.472H12.672ZM10.4683 6.47833C10.0403 6.58792 9.78216 7.02374 9.89175 7.45176C10.0013 7.87979 10.4372 8.13792 10.8652 8.02833L10.4683 6.47833ZM12.1334 14V12.6667H10.5334V14H12.1334ZM12.1334 12.6667C12.1334 11.7472 11.7682 10.8655 11.1181 10.2154L9.98668 11.3467C10.3367 11.6968 10.5334 12.1716 10.5334 12.6667H12.1334ZM11.1181 10.2154C10.4679 9.56524 9.58617 9.2 8.66675 9.2V10.8C9.16182 10.8 9.63661 10.9967 9.98668 11.3467L11.1181 10.2154ZM8.66675 9.2H3.33341V10.8H8.66675V9.2ZM3.33341 9.2C2.414 9.2 1.53224 9.56524 0.882111 10.2154L2.01348 11.3467C2.36355 10.9967 2.83834 10.8 3.33341 10.8V9.2ZM0.882111 10.2154C0.231985 10.8655 -0.133252 11.7472 -0.133252 12.6667H1.46675C1.46675 12.1716 1.66341 11.6968 2.01348 11.3467L0.882111 10.2154ZM-0.133252 12.6667V14H1.46675V12.6667H-0.133252ZM7.86675 4.66667C7.86675 5.6976 7.03101 6.53333 6.00008 6.53333V8.13333C7.91467 8.13333 9.46675 6.58125 9.46675 4.66667H7.86675ZM6.00008 6.53333C4.96915 6.53333 4.13341 5.6976 4.13341 4.66667H2.53341C2.53341 6.58125 4.08549 8.13333 6.00008 8.13333V6.53333ZM4.13341 4.66667C4.13341 3.63574 4.96915 2.8 6.00008 2.8V1.2C4.08549 1.2 2.53341 2.75208 2.53341 4.66667H4.13341ZM6.00008 2.8C7.03101 2.8 7.86675 3.63574 7.86675 4.66667H9.46675C9.46675 2.75208 7.91467 1.2 6.00008 1.2V2.8ZM16.1334 14V12.6667H14.5334V14H16.1334ZM16.1334 12.6661C16.1328 11.898 15.8772 11.1518 15.4066 10.5447L14.1421 11.525C14.3954 11.8519 14.5331 12.2537 14.5334 12.6673L16.1334 12.6661ZM15.4066 10.5447C14.936 9.93768 14.2771 9.5041 13.5334 9.31207L13.1334 10.8613C13.5339 10.9647 13.8887 11.1981 14.1421 11.525L15.4066 10.5447ZM10.4683 2.86167C10.8698 2.96447 11.2257 3.19799 11.4799 3.52541L12.7438 2.54434C12.2718 1.93627 11.6109 1.50259 10.8652 1.31167L10.4683 2.86167ZM11.4799 3.52541C11.734 3.85283 11.872 4.25552 11.872 4.67H13.472C13.472 3.90025 13.2158 3.1524 12.7438 2.54434L11.4799 3.52541ZM11.872 4.67C11.872 5.08448 11.734 5.48717 11.4799 5.81459L12.7438 6.79566C13.2158 6.1876 13.472 5.43975 13.472 4.67H11.872ZM11.4799 5.81459C11.2257 6.14201 10.8698 6.37553 10.4683 6.47833L10.8652 8.02833C11.6109 7.83741 12.2718 7.40373 12.7438 6.79566L11.4799 5.81459Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16083"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16083)">
+      <path
+        d="M10.5334 14C10.5334 14.4418 10.8916 14.8 11.3334 14.8C11.7752 14.8 12.1334 14.4418 12.1334 14H10.5334ZM8.66675 10V9.2V10ZM3.33341 10V9.2V10ZM0.666748 12.6667H-0.133252H0.666748ZM-0.133252 14C-0.133252 14.4418 0.22492 14.8 0.666748 14.8C1.10858 14.8 1.46675 14.4418 1.46675 14H-0.133252ZM14.5334 14C14.5334 14.4418 14.8916 14.8 15.3334 14.8C15.7752 14.8 16.1334 14.4418 16.1334 14H14.5334ZM15.3334 12.6667H16.1334L16.1334 12.6661L15.3334 12.6667ZM13.5334 9.31207C13.1056 9.20161 12.6693 9.45887 12.5588 9.88667C12.4484 10.3145 12.7056 10.7508 13.1334 10.8613L13.5334 9.31207ZM10.8652 1.31167C10.4372 1.20208 10.0013 1.46021 9.89175 1.88824C9.78216 2.31626 10.0403 2.75208 10.4683 2.86167L10.8652 1.31167ZM12.672 4.67H13.472H12.672ZM10.4683 6.47833C10.0403 6.58792 9.78216 7.02374 9.89175 7.45176C10.0013 7.87979 10.4372 8.13792 10.8652 8.02833L10.4683 6.47833ZM12.1334 14V12.6667H10.5334V14H12.1334ZM12.1334 12.6667C12.1334 11.7472 11.7682 10.8655 11.1181 10.2154L9.98668 11.3467C10.3367 11.6968 10.5334 12.1716 10.5334 12.6667H12.1334ZM11.1181 10.2154C10.4679 9.56524 9.58617 9.2 8.66675 9.2V10.8C9.16182 10.8 9.63661 10.9967 9.98668 11.3467L11.1181 10.2154ZM8.66675 9.2H3.33341V10.8H8.66675V9.2ZM3.33341 9.2C2.414 9.2 1.53224 9.56524 0.882111 10.2154L2.01348 11.3467C2.36355 10.9967 2.83834 10.8 3.33341 10.8V9.2ZM0.882111 10.2154C0.231985 10.8655 -0.133252 11.7472 -0.133252 12.6667H1.46675C1.46675 12.1716 1.66341 11.6968 2.01348 11.3467L0.882111 10.2154ZM-0.133252 12.6667V14H1.46675V12.6667H-0.133252ZM7.86675 4.66667C7.86675 5.6976 7.03101 6.53333 6.00008 6.53333V8.13333C7.91467 8.13333 9.46675 6.58125 9.46675 4.66667H7.86675ZM6.00008 6.53333C4.96915 6.53333 4.13341 5.6976 4.13341 4.66667H2.53341C2.53341 6.58125 4.08549 8.13333 6.00008 8.13333V6.53333ZM4.13341 4.66667C4.13341 3.63574 4.96915 2.8 6.00008 2.8V1.2C4.08549 1.2 2.53341 2.75208 2.53341 4.66667H4.13341ZM6.00008 2.8C7.03101 2.8 7.86675 3.63574 7.86675 4.66667H9.46675C9.46675 2.75208 7.91467 1.2 6.00008 1.2V2.8ZM16.1334 14V12.6667H14.5334V14H16.1334ZM16.1334 12.6661C16.1328 11.898 15.8772 11.1518 15.4066 10.5447L14.1421 11.525C14.3954 11.8519 14.5331 12.2537 14.5334 12.6673L16.1334 12.6661ZM15.4066 10.5447C14.936 9.93768 14.2771 9.5041 13.5334 9.31207L13.1334 10.8613C13.5339 10.9647 13.8887 11.1981 14.1421 11.525L15.4066 10.5447ZM10.4683 2.86167C10.8698 2.96447 11.2257 3.19799 11.4799 3.52541L12.7438 2.54434C12.2718 1.93627 11.6109 1.50259 10.8652 1.31167L10.4683 2.86167ZM11.4799 3.52541C11.734 3.85283 11.872 4.25552 11.872 4.67H13.472C13.472 3.90025 13.2158 3.1524 12.7438 2.54434L11.4799 3.52541ZM11.872 4.67C11.872 5.08448 11.734 5.48717 11.4799 5.81459L12.7438 6.79566C13.2158 6.1876 13.472 5.43975 13.472 4.67H11.872ZM11.4799 5.81459C11.2257 6.14201 10.8698 6.37553 10.4683 6.47833L10.8652 8.02833C11.6109 7.83741 12.2718 7.40373 12.7438 6.79566L11.4799 5.81459Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16083">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconUsers,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13661",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconUsers size={size} />,
+  },
 );
-figma.connect(IconUsers, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13661", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconUsers size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVideo.tsx b/src/icons/IconVideo.tsx
index f4fb246..0a5d9ab 100644
--- a/src/icons/IconVideo.tsx
+++ b/src/icons/IconVideo.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVideo = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16087)"><path d="M15.3332 4.66683H16.1332C16.1332 4.36716 15.9657 4.09262 15.6992 3.9555C15.4328 3.81837 15.112 3.84166 14.8682 4.01584L15.3332 4.66683ZM10.6665 8.00016L10.2015 7.34918C9.99128 7.49934 9.8665 7.7418 9.8665 8.00016C9.8665 8.25852 9.99128 8.50098 10.2015 8.65115L10.6665 8.00016ZM15.3332 11.3335L14.8682 11.9845C15.112 12.1587 15.4328 12.182 15.6992 12.0448C15.9657 11.9077 16.1332 11.6332 16.1332 11.3335H15.3332ZM14.8682 4.01584L10.2015 7.34918L11.1315 8.65115L15.7982 5.31782L14.8682 4.01584ZM10.2015 8.65115L14.8682 11.9845L15.7982 10.6825L11.1315 7.34918L10.2015 8.65115ZM16.1332 11.3335V4.66683H14.5332V11.3335H16.1332ZM1.99984 4.1335H9.33317V2.5335H1.99984V4.1335ZM9.33317 4.1335C9.62772 4.1335 9.8665 4.37228 9.8665 4.66683H11.4665C11.4665 3.48862 10.5114 2.5335 9.33317 2.5335V4.1335ZM9.8665 4.66683V11.3335H11.4665V4.66683H9.8665ZM9.8665 11.3335C9.8665 11.628 9.62772 11.8668 9.33317 11.8668V13.4668C10.5114 13.4668 11.4665 12.5117 11.4665 11.3335H9.8665ZM9.33317 11.8668H1.99984V13.4668H9.33317V11.8668ZM1.99984 11.8668C1.70529 11.8668 1.4665 11.628 1.4665 11.3335H-0.133496C-0.133496 12.5117 0.82163 13.4668 1.99984 13.4668V11.8668ZM1.4665 11.3335V4.66683H-0.133496V11.3335H1.4665ZM1.4665 4.66683C1.4665 4.37228 1.70529 4.1335 1.99984 4.1335V2.5335C0.82163 2.5335 -0.133496 3.48862 -0.133496 4.66683H1.4665Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16087"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16087)">
+      <path
+        d="M15.3332 4.66683H16.1332C16.1332 4.36716 15.9657 4.09262 15.6992 3.9555C15.4328 3.81837 15.112 3.84166 14.8682 4.01584L15.3332 4.66683ZM10.6665 8.00016L10.2015 7.34918C9.99128 7.49934 9.8665 7.7418 9.8665 8.00016C9.8665 8.25852 9.99128 8.50098 10.2015 8.65115L10.6665 8.00016ZM15.3332 11.3335L14.8682 11.9845C15.112 12.1587 15.4328 12.182 15.6992 12.0448C15.9657 11.9077 16.1332 11.6332 16.1332 11.3335H15.3332ZM14.8682 4.01584L10.2015 7.34918L11.1315 8.65115L15.7982 5.31782L14.8682 4.01584ZM10.2015 8.65115L14.8682 11.9845L15.7982 10.6825L11.1315 7.34918L10.2015 8.65115ZM16.1332 11.3335V4.66683H14.5332V11.3335H16.1332ZM1.99984 4.1335H9.33317V2.5335H1.99984V4.1335ZM9.33317 4.1335C9.62772 4.1335 9.8665 4.37228 9.8665 4.66683H11.4665C11.4665 3.48862 10.5114 2.5335 9.33317 2.5335V4.1335ZM9.8665 4.66683V11.3335H11.4665V4.66683H9.8665ZM9.8665 11.3335C9.8665 11.628 9.62772 11.8668 9.33317 11.8668V13.4668C10.5114 13.4668 11.4665 12.5117 11.4665 11.3335H9.8665ZM9.33317 11.8668H1.99984V13.4668H9.33317V11.8668ZM1.99984 11.8668C1.70529 11.8668 1.4665 11.628 1.4665 11.3335H-0.133496C-0.133496 12.5117 0.82163 13.4668 1.99984 13.4668V11.8668ZM1.4665 11.3335V4.66683H-0.133496V11.3335H1.4665ZM1.4665 4.66683C1.4665 4.37228 1.70529 4.1335 1.99984 4.1335V2.5335C0.82163 2.5335 -0.133496 3.48862 -0.133496 4.66683H1.4665Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16087">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconVideo,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13664",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVideo size={size} />,
+  },
 );
-figma.connect(IconVideo, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13664", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVideo size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVideoOff.tsx b/src/icons/IconVideoOff.tsx
index 629ff46..23443fa 100644
--- a/src/icons/IconVideoOff.tsx
+++ b/src/icons/IconVideoOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVideoOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16085)"><path d="M11.4667 10.6665C11.4667 10.2247 11.1086 9.8665 10.6667 9.8665C10.2249 9.8665 9.86675 10.2247 9.86675 10.6665H11.4667ZM0.666748 11.3332H-0.133252H0.666748ZM2.00008 3.33317V2.53317V3.33317ZM3.33341 4.13317C3.77524 4.13317 4.13341 3.775 4.13341 3.33317C4.13341 2.89134 3.77524 2.53317 3.33341 2.53317V4.13317ZM7.10675 2.53317C6.66492 2.53317 6.30675 2.89134 6.30675 3.33317C6.30675 3.775 6.66492 4.13317 7.10675 4.13317V2.53317ZM9.33341 3.33317V2.53317V3.33317ZM10.6667 6.89317H9.86675C9.86675 7.10534 9.95103 7.30883 10.1011 7.45886L10.6667 6.89317ZM11.3334 7.55984L10.7677 8.12552C11.0455 8.40333 11.484 8.4383 11.8023 8.20804L11.3334 7.55984ZM15.3334 4.6665H16.1334C16.1334 4.36598 15.965 4.0908 15.6974 3.95408C15.4297 3.81736 15.1081 3.84217 14.8645 4.0183L15.3334 4.6665ZM14.5334 11.3332C14.5334 11.775 14.8916 12.1332 15.3334 12.1332C15.7752 12.1332 16.1334 11.775 16.1334 11.3332H14.5334ZM1.23243 0.100818C0.920014 -0.211601 0.413482 -0.211601 0.101063 0.100818C-0.211357 0.413238 -0.211357 0.91977 0.101063 1.23219L1.23243 0.100818ZM14.7677 15.8989C15.0801 16.2113 15.5867 16.2113 15.8991 15.8989C16.2115 15.5864 16.2115 15.0799 15.8991 14.7675L14.7677 15.8989ZM9.86675 10.6665V11.3332H11.4667V10.6665H9.86675ZM9.86675 11.3332C9.86675 11.4746 9.81056 11.6103 9.71054 11.7103L10.8419 12.8417C11.242 12.4416 11.4667 11.899 11.4667 11.3332H9.86675ZM9.71054 11.7103C9.61052 11.8103 9.47486 11.8665 9.33341 11.8665V13.4665C9.89921 13.4665 10.4418 13.2417 10.8419 12.8417L9.71054 11.7103ZM9.33341 11.8665H2.00008V13.4665H9.33341V11.8665ZM2.00008 11.8665C1.85863 11.8665 1.72298 11.8103 1.62296 11.7103L0.491587 12.8417C0.891664 13.2417 1.43428 13.4665 2.00008 13.4665V11.8665ZM1.62296 11.7103C1.52294 11.6103 1.46675 11.4746 1.46675 11.3332H-0.133252C-0.133252 11.899 0.0915095 12.4416 0.491587 12.8417L1.62296 11.7103ZM1.46675 11.3332V4.6665H-0.133252V11.3332H1.46675ZM1.46675 4.6665C1.46675 4.52506 1.52294 4.3894 1.62296 4.28938L0.491587 3.15801C0.0915093 3.55809 -0.133252 4.10071 -0.133252 4.6665H1.46675ZM1.62296 4.28938C1.72298 4.18936 1.85863 4.13317 2.00008 4.13317V2.53317C1.43429 2.53317 0.891665 2.75793 0.491587 3.15801L1.62296 4.28938ZM2.00008 4.13317H3.33341V2.53317H2.00008V4.13317ZM7.10675 4.13317H9.33341V2.53317H7.10675V4.13317ZM9.33341 4.13317C9.47486 4.13317 9.61052 4.18936 9.71054 4.28938L10.8419 3.15801C10.4418 2.75793 9.89921 2.53317 9.33341 2.53317V4.13317ZM9.71054 4.28938C9.81056 4.3894 9.86675 4.52506 9.86675 4.6665H11.4667C11.4667 4.10071 11.242 3.55809 10.8419 3.15801L9.71054 4.28938ZM9.86675 4.6665V6.89317H11.4667V4.6665H9.86675ZM10.1011 7.45886L10.7677 8.12552L11.8991 6.99415L11.2324 6.32749L10.1011 7.45886ZM11.8023 8.20804L15.8023 5.31471L14.8645 4.0183L10.8645 6.91164L11.8023 8.20804ZM14.5334 4.6665V11.3332H16.1334V4.6665H14.5334ZM0.101063 1.23219L14.7677 15.8989L15.8991 14.7675L1.23243 0.100818L0.101063 1.23219Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16085"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16085)">
+      <path
+        d="M11.4667 10.6665C11.4667 10.2247 11.1086 9.8665 10.6667 9.8665C10.2249 9.8665 9.86675 10.2247 9.86675 10.6665H11.4667ZM0.666748 11.3332H-0.133252H0.666748ZM2.00008 3.33317V2.53317V3.33317ZM3.33341 4.13317C3.77524 4.13317 4.13341 3.775 4.13341 3.33317C4.13341 2.89134 3.77524 2.53317 3.33341 2.53317V4.13317ZM7.10675 2.53317C6.66492 2.53317 6.30675 2.89134 6.30675 3.33317C6.30675 3.775 6.66492 4.13317 7.10675 4.13317V2.53317ZM9.33341 3.33317V2.53317V3.33317ZM10.6667 6.89317H9.86675C9.86675 7.10534 9.95103 7.30883 10.1011 7.45886L10.6667 6.89317ZM11.3334 7.55984L10.7677 8.12552C11.0455 8.40333 11.484 8.4383 11.8023 8.20804L11.3334 7.55984ZM15.3334 4.6665H16.1334C16.1334 4.36598 15.965 4.0908 15.6974 3.95408C15.4297 3.81736 15.1081 3.84217 14.8645 4.0183L15.3334 4.6665ZM14.5334 11.3332C14.5334 11.775 14.8916 12.1332 15.3334 12.1332C15.7752 12.1332 16.1334 11.775 16.1334 11.3332H14.5334ZM1.23243 0.100818C0.920014 -0.211601 0.413482 -0.211601 0.101063 0.100818C-0.211357 0.413238 -0.211357 0.91977 0.101063 1.23219L1.23243 0.100818ZM14.7677 15.8989C15.0801 16.2113 15.5867 16.2113 15.8991 15.8989C16.2115 15.5864 16.2115 15.0799 15.8991 14.7675L14.7677 15.8989ZM9.86675 10.6665V11.3332H11.4667V10.6665H9.86675ZM9.86675 11.3332C9.86675 11.4746 9.81056 11.6103 9.71054 11.7103L10.8419 12.8417C11.242 12.4416 11.4667 11.899 11.4667 11.3332H9.86675ZM9.71054 11.7103C9.61052 11.8103 9.47486 11.8665 9.33341 11.8665V13.4665C9.89921 13.4665 10.4418 13.2417 10.8419 12.8417L9.71054 11.7103ZM9.33341 11.8665H2.00008V13.4665H9.33341V11.8665ZM2.00008 11.8665C1.85863 11.8665 1.72298 11.8103 1.62296 11.7103L0.491587 12.8417C0.891664 13.2417 1.43428 13.4665 2.00008 13.4665V11.8665ZM1.62296 11.7103C1.52294 11.6103 1.46675 11.4746 1.46675 11.3332H-0.133252C-0.133252 11.899 0.0915095 12.4416 0.491587 12.8417L1.62296 11.7103ZM1.46675 11.3332V4.6665H-0.133252V11.3332H1.46675ZM1.46675 4.6665C1.46675 4.52506 1.52294 4.3894 1.62296 4.28938L0.491587 3.15801C0.0915093 3.55809 -0.133252 4.10071 -0.133252 4.6665H1.46675ZM1.62296 4.28938C1.72298 4.18936 1.85863 4.13317 2.00008 4.13317V2.53317C1.43429 2.53317 0.891665 2.75793 0.491587 3.15801L1.62296 4.28938ZM2.00008 4.13317H3.33341V2.53317H2.00008V4.13317ZM7.10675 4.13317H9.33341V2.53317H7.10675V4.13317ZM9.33341 4.13317C9.47486 4.13317 9.61052 4.18936 9.71054 4.28938L10.8419 3.15801C10.4418 2.75793 9.89921 2.53317 9.33341 2.53317V4.13317ZM9.71054 4.28938C9.81056 4.3894 9.86675 4.52506 9.86675 4.6665H11.4667C11.4667 4.10071 11.242 3.55809 10.8419 3.15801L9.71054 4.28938ZM9.86675 4.6665V6.89317H11.4667V4.6665H9.86675ZM10.1011 7.45886L10.7677 8.12552L11.8991 6.99415L11.2324 6.32749L10.1011 7.45886ZM11.8023 8.20804L15.8023 5.31471L14.8645 4.0183L10.8645 6.91164L11.8023 8.20804ZM14.5334 4.6665V11.3332H16.1334V4.6665H14.5334ZM0.101063 1.23219L14.7677 15.8989L15.8991 14.7675L1.23243 0.100818L0.101063 1.23219Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16085">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconVideoOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13662",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVideoOff size={size} />,
+  },
 );
-figma.connect(IconVideoOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13662", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVideoOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVoicemail.tsx b/src/icons/IconVoicemail.tsx
index 11ead08..b75a675 100644
--- a/src/icons/IconVoicemail.tsx
+++ b/src/icons/IconVoicemail.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVoicemail = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16089)"><path d="M5.8665 7.6665C5.8665 8.88153 4.88153 9.8665 3.6665 9.8665V11.4665C5.76519 11.4665 7.4665 9.76519 7.4665 7.6665H5.8665ZM3.6665 9.8665C2.45148 9.8665 1.4665 8.88153 1.4665 7.6665H-0.133496C-0.133496 9.76519 1.56782 11.4665 3.6665 11.4665V9.8665ZM1.4665 7.6665C1.4665 6.45148 2.45148 5.4665 3.6665 5.4665V3.8665C1.56782 3.8665 -0.133496 5.56782 -0.133496 7.6665H1.4665ZM3.6665 5.4665C4.88153 5.4665 5.8665 6.45148 5.8665 7.6665H7.4665C7.4665 5.56782 5.76519 3.8665 3.6665 3.8665V5.4665ZM14.5332 7.6665C14.5332 8.88153 13.5482 9.8665 12.3332 9.8665V11.4665C14.4319 11.4665 16.1332 9.76519 16.1332 7.6665H14.5332ZM12.3332 9.8665C11.1181 9.8665 10.1332 8.88153 10.1332 7.6665H8.53317C8.53317 9.76519 10.2345 11.4665 12.3332 11.4665V9.8665ZM10.1332 7.6665C10.1332 6.45148 11.1181 5.4665 12.3332 5.4665V3.8665C10.2345 3.8665 8.53317 5.56782 8.53317 7.6665H10.1332ZM12.3332 5.4665C13.5482 5.4665 14.5332 6.45148 14.5332 7.6665H16.1332C16.1332 5.56782 14.4319 3.8665 12.3332 3.8665V5.4665ZM3.6665 11.4665H12.3332V9.8665H3.6665V11.4665Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16089"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16089)">
+      <path
+        d="M5.8665 7.6665C5.8665 8.88153 4.88153 9.8665 3.6665 9.8665V11.4665C5.76519 11.4665 7.4665 9.76519 7.4665 7.6665H5.8665ZM3.6665 9.8665C2.45148 9.8665 1.4665 8.88153 1.4665 7.6665H-0.133496C-0.133496 9.76519 1.56782 11.4665 3.6665 11.4665V9.8665ZM1.4665 7.6665C1.4665 6.45148 2.45148 5.4665 3.6665 5.4665V3.8665C1.56782 3.8665 -0.133496 5.56782 -0.133496 7.6665H1.4665ZM3.6665 5.4665C4.88153 5.4665 5.8665 6.45148 5.8665 7.6665H7.4665C7.4665 5.56782 5.76519 3.8665 3.6665 3.8665V5.4665ZM14.5332 7.6665C14.5332 8.88153 13.5482 9.8665 12.3332 9.8665V11.4665C14.4319 11.4665 16.1332 9.76519 16.1332 7.6665H14.5332ZM12.3332 9.8665C11.1181 9.8665 10.1332 8.88153 10.1332 7.6665H8.53317C8.53317 9.76519 10.2345 11.4665 12.3332 11.4665V9.8665ZM10.1332 7.6665C10.1332 6.45148 11.1181 5.4665 12.3332 5.4665V3.8665C10.2345 3.8665 8.53317 5.56782 8.53317 7.6665H10.1332ZM12.3332 5.4665C13.5482 5.4665 14.5332 6.45148 14.5332 7.6665H16.1332C16.1332 5.56782 14.4319 3.8665 12.3332 3.8665V5.4665ZM3.6665 11.4665H12.3332V9.8665H3.6665V11.4665Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16089">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconVoicemail,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13663",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVoicemail size={size} />,
+  },
 );
-figma.connect(IconVoicemail, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13663", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVoicemail size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVolume.tsx b/src/icons/IconVolume.tsx
index c21526a..640ef2e 100644
--- a/src/icons/IconVolume.tsx
+++ b/src/icons/IconVolume.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVolume = (props: IconProps) => (
-  <Icon {...props}><path d="M7.33337 3.3335H8.13337C8.13337 3.02597 7.9571 2.74567 7.67992 2.61245C7.40275 2.47924 7.07375 2.51669 6.83362 2.7088L7.33337 3.3335ZM4.00004 6.00016V6.80016C4.1817 6.80016 4.35795 6.73834 4.4998 6.62486L4.00004 6.00016ZM1.33337 6.00016V5.20016C0.891546 5.20016 0.533374 5.55833 0.533374 6.00016H1.33337ZM1.33337 10.0002H0.533374C0.533374 10.442 0.891546 10.8002 1.33337 10.8002L1.33337 10.0002ZM4.00004 10.0002L4.4998 9.37547C4.35795 9.26199 4.1817 9.20016 4.00004 9.20016V10.0002ZM7.33337 12.6668L6.83362 13.2915C7.07375 13.4836 7.40275 13.5211 7.67992 13.3879C7.9571 13.2547 8.13337 12.9744 8.13337 12.6668H7.33337ZM6.83362 2.7088L3.50028 5.37547L4.4998 6.62486L7.83313 3.95819L6.83362 2.7088ZM4.00004 5.20016H1.33337V6.80016H4.00004V5.20016ZM0.533374 6.00016V10.0002H2.13337V6.00016H0.533374ZM1.33337 10.8002H4.00004V9.20016H1.33337V10.8002ZM3.50028 10.6249L6.83362 13.2915L7.83313 12.0421L4.4998 9.37547L3.50028 10.6249ZM8.13337 12.6668V3.3335H6.53337V12.6668H8.13337Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.33337 3.3335H8.13337C8.13337 3.02597 7.9571 2.74567 7.67992 2.61245C7.40275 2.47924 7.07375 2.51669 6.83362 2.7088L7.33337 3.3335ZM4.00004 6.00016V6.80016C4.1817 6.80016 4.35795 6.73834 4.4998 6.62486L4.00004 6.00016ZM1.33337 6.00016V5.20016C0.891546 5.20016 0.533374 5.55833 0.533374 6.00016H1.33337ZM1.33337 10.0002H0.533374C0.533374 10.442 0.891546 10.8002 1.33337 10.8002L1.33337 10.0002ZM4.00004 10.0002L4.4998 9.37547C4.35795 9.26199 4.1817 9.20016 4.00004 9.20016V10.0002ZM7.33337 12.6668L6.83362 13.2915C7.07375 13.4836 7.40275 13.5211 7.67992 13.3879C7.9571 13.2547 8.13337 12.9744 8.13337 12.6668H7.33337ZM6.83362 2.7088L3.50028 5.37547L4.4998 6.62486L7.83313 3.95819L6.83362 2.7088ZM4.00004 5.20016H1.33337V6.80016H4.00004V5.20016ZM0.533374 6.00016V10.0002H2.13337V6.00016H0.533374ZM1.33337 10.8002H4.00004V9.20016H1.33337V10.8002ZM3.50028 10.6249L6.83362 13.2915L7.83313 12.0421L4.4998 9.37547L3.50028 10.6249ZM8.13337 12.6668V3.3335H6.53337V12.6668H8.13337Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconVolume,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13667",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVolume size={size} />,
+  },
 );
-figma.connect(IconVolume, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13667", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVolume size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVolume1.tsx b/src/icons/IconVolume1.tsx
index 86dd659..506c923 100644
--- a/src/icons/IconVolume1.tsx
+++ b/src/icons/IconVolume1.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVolume1 = (props: IconProps) => (
-  <Icon {...props}><path d="M7.33333 3.3335H8.13333C8.13333 3.02597 7.95705 2.74567 7.67988 2.61245C7.40271 2.47924 7.07371 2.51669 6.83357 2.7088L7.33333 3.3335ZM3.99999 6.00016V6.80016C4.18165 6.80016 4.3579 6.73834 4.49975 6.62486L3.99999 6.00016ZM1.33333 6.00016V5.20016C0.8915 5.20016 0.533328 5.55833 0.533328 6.00016H1.33333ZM1.33333 10.0002H0.533328C0.533328 10.442 0.8915 10.8002 1.33333 10.8002L1.33333 10.0002ZM3.99999 10.0002L4.49975 9.37547C4.3579 9.26199 4.18165 9.20016 3.99999 9.20016V10.0002ZM7.33333 12.6668L6.83357 13.2915C7.07371 13.4836 7.40271 13.5211 7.67988 13.3879C7.95705 13.2547 8.13333 12.9744 8.13333 12.6668H7.33333ZM10.9258 5.07456C10.6134 4.7621 10.1069 4.76202 9.79439 5.07439C9.48193 5.38676 9.48185 5.8933 9.79422 6.20576L10.9258 5.07456ZM9.79422 9.7879C9.48185 10.1004 9.48193 10.6069 9.79439 10.9193C10.1069 11.2316 10.6134 11.2316 10.9258 10.9191L9.79422 9.7879ZM6.83357 2.7088L3.50024 5.37547L4.49975 6.62486L7.83308 3.95819L6.83357 2.7088ZM3.99999 5.20016H1.33333V6.80016H3.99999V5.20016ZM0.533328 6.00016V10.0002H2.13333V6.00016H0.533328ZM1.33333 10.8002H3.99999V9.20016H1.33333V10.8002ZM3.50024 10.6249L6.83357 13.2915L7.83308 12.0421L4.49975 9.37547L3.50024 10.6249ZM8.13333 12.6668V3.3335H6.53333V12.6668H8.13333ZM9.79422 6.20576C10.2692 6.68083 10.5359 7.32508 10.5359 7.99683H12.136C12.136 6.90082 11.7006 5.84968 10.9258 5.07456L9.79422 6.20576ZM10.5359 7.99683C10.5359 8.66858 10.2692 9.31283 9.79422 9.7879L10.9258 10.9191C11.7006 10.144 12.136 9.09284 12.136 7.99683H10.5359Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.33333 3.3335H8.13333C8.13333 3.02597 7.95705 2.74567 7.67988 2.61245C7.40271 2.47924 7.07371 2.51669 6.83357 2.7088L7.33333 3.3335ZM3.99999 6.00016V6.80016C4.18165 6.80016 4.3579 6.73834 4.49975 6.62486L3.99999 6.00016ZM1.33333 6.00016V5.20016C0.8915 5.20016 0.533328 5.55833 0.533328 6.00016H1.33333ZM1.33333 10.0002H0.533328C0.533328 10.442 0.8915 10.8002 1.33333 10.8002L1.33333 10.0002ZM3.99999 10.0002L4.49975 9.37547C4.3579 9.26199 4.18165 9.20016 3.99999 9.20016V10.0002ZM7.33333 12.6668L6.83357 13.2915C7.07371 13.4836 7.40271 13.5211 7.67988 13.3879C7.95705 13.2547 8.13333 12.9744 8.13333 12.6668H7.33333ZM10.9258 5.07456C10.6134 4.7621 10.1069 4.76202 9.79439 5.07439C9.48193 5.38676 9.48185 5.8933 9.79422 6.20576L10.9258 5.07456ZM9.79422 9.7879C9.48185 10.1004 9.48193 10.6069 9.79439 10.9193C10.1069 11.2316 10.6134 11.2316 10.9258 10.9191L9.79422 9.7879ZM6.83357 2.7088L3.50024 5.37547L4.49975 6.62486L7.83308 3.95819L6.83357 2.7088ZM3.99999 5.20016H1.33333V6.80016H3.99999V5.20016ZM0.533328 6.00016V10.0002H2.13333V6.00016H0.533328ZM1.33333 10.8002H3.99999V9.20016H1.33333V10.8002ZM3.50024 10.6249L6.83357 13.2915L7.83308 12.0421L4.49975 9.37547L3.50024 10.6249ZM8.13333 12.6668V3.3335H6.53333V12.6668H8.13333ZM9.79422 6.20576C10.2692 6.68083 10.5359 7.32508 10.5359 7.99683H12.136C12.136 6.90082 11.7006 5.84968 10.9258 5.07456L9.79422 6.20576ZM10.5359 7.99683C10.5359 8.66858 10.2692 9.31283 9.79422 9.7879L10.9258 10.9191C11.7006 10.144 12.136 9.09284 12.136 7.99683H10.5359Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconVolume1,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13666",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVolume1 size={size} />,
+  },
 );
-figma.connect(IconVolume1, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13666", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVolume1 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVolume2.tsx b/src/icons/IconVolume2.tsx
index 899540f..17b8bf0 100644
--- a/src/icons/IconVolume2.tsx
+++ b/src/icons/IconVolume2.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVolume2 = (props: IconProps) => (
-  <Icon {...props}><path d="M7.33331 3.33329H8.13331C8.13331 3.02576 7.95704 2.74546 7.67986 2.61225C7.40269 2.47903 7.07369 2.51648 6.83356 2.70859L7.33331 3.33329ZM3.99998 5.99995V6.79995C4.18164 6.79995 4.35789 6.73813 4.49974 6.62465L3.99998 5.99995ZM1.33331 5.99995V5.19995C0.891485 5.19995 0.533313 5.55813 0.533313 5.99995H1.33331ZM1.33331 9.99996H0.533313C0.533313 10.4418 0.891485 10.8 1.33331 10.8L1.33331 9.99996ZM3.99998 9.99996L4.49974 9.37526C4.35789 9.26178 4.18164 9.19995 3.99998 9.19995V9.99996ZM7.33331 12.6666L6.83356 13.2913C7.07369 13.4834 7.40269 13.5209 7.67986 13.3877C7.95704 13.2544 8.13331 12.9741 8.13331 12.6666H7.33331ZM13.2791 2.72102C12.9667 2.40855 12.4602 2.40848 12.1477 2.72085C11.8352 3.03322 11.8352 3.53975 12.1475 3.85222L13.2791 2.72102ZM12.1475 12.1477C11.8352 12.4602 11.8352 12.9667 12.1477 13.2791C12.4602 13.5914 12.9667 13.5914 13.2791 13.2789L12.1475 12.1477ZM10.9257 5.07435C10.6134 4.76189 10.1068 4.76181 9.79438 5.07418C9.48191 5.38656 9.48184 5.89309 9.79421 6.20555L10.9257 5.07435ZM9.79421 9.78769C9.48184 10.1002 9.48191 10.6067 9.79438 10.9191C10.1068 11.2314 10.6134 11.2314 10.9257 10.9189L9.79421 9.78769ZM6.83356 2.70859L3.50022 5.37526L4.49974 6.62465L7.83307 3.95798L6.83356 2.70859ZM3.99998 5.19995H1.33331V6.79995H3.99998V5.19995ZM0.533313 5.99995V9.99996H2.13331V5.99995H0.533313ZM1.33331 10.8H3.99998V9.19995H1.33331V10.8ZM3.50022 10.6247L6.83356 13.2913L7.83307 12.0419L4.49974 9.37526L3.50022 10.6247ZM8.13331 12.6666V3.33329H6.53331V12.6666H8.13331ZM12.1475 3.85222C13.2474 4.95238 13.8652 6.44432 13.8652 7.99995H15.4652C15.4652 6.02006 14.6789 4.12123 13.2791 2.72102L12.1475 3.85222ZM13.8652 7.99995C13.8652 9.55558 13.2474 11.0475 12.1475 12.1477L13.2791 13.2789C14.6789 11.8787 15.4652 9.97985 15.4652 7.99995H13.8652ZM9.79421 6.20555C10.2691 6.68062 10.5359 7.32487 10.5359 7.99662H12.1359C12.1359 6.90061 11.7006 5.84947 10.9257 5.07435L9.79421 6.20555ZM10.5359 7.99662C10.5359 8.66837 10.2691 9.31262 9.79421 9.78769L10.9257 10.9189C11.7006 10.1438 12.1359 9.09263 12.1359 7.99662H10.5359Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M7.33331 3.33329H8.13331C8.13331 3.02576 7.95704 2.74546 7.67986 2.61225C7.40269 2.47903 7.07369 2.51648 6.83356 2.70859L7.33331 3.33329ZM3.99998 5.99995V6.79995C4.18164 6.79995 4.35789 6.73813 4.49974 6.62465L3.99998 5.99995ZM1.33331 5.99995V5.19995C0.891485 5.19995 0.533313 5.55813 0.533313 5.99995H1.33331ZM1.33331 9.99996H0.533313C0.533313 10.4418 0.891485 10.8 1.33331 10.8L1.33331 9.99996ZM3.99998 9.99996L4.49974 9.37526C4.35789 9.26178 4.18164 9.19995 3.99998 9.19995V9.99996ZM7.33331 12.6666L6.83356 13.2913C7.07369 13.4834 7.40269 13.5209 7.67986 13.3877C7.95704 13.2544 8.13331 12.9741 8.13331 12.6666H7.33331ZM13.2791 2.72102C12.9667 2.40855 12.4602 2.40848 12.1477 2.72085C11.8352 3.03322 11.8352 3.53975 12.1475 3.85222L13.2791 2.72102ZM12.1475 12.1477C11.8352 12.4602 11.8352 12.9667 12.1477 13.2791C12.4602 13.5914 12.9667 13.5914 13.2791 13.2789L12.1475 12.1477ZM10.9257 5.07435C10.6134 4.76189 10.1068 4.76181 9.79438 5.07418C9.48191 5.38656 9.48184 5.89309 9.79421 6.20555L10.9257 5.07435ZM9.79421 9.78769C9.48184 10.1002 9.48191 10.6067 9.79438 10.9191C10.1068 11.2314 10.6134 11.2314 10.9257 10.9189L9.79421 9.78769ZM6.83356 2.70859L3.50022 5.37526L4.49974 6.62465L7.83307 3.95798L6.83356 2.70859ZM3.99998 5.19995H1.33331V6.79995H3.99998V5.19995ZM0.533313 5.99995V9.99996H2.13331V5.99995H0.533313ZM1.33331 10.8H3.99998V9.19995H1.33331V10.8ZM3.50022 10.6247L6.83356 13.2913L7.83307 12.0419L4.49974 9.37526L3.50022 10.6247ZM8.13331 12.6666V3.33329H6.53331V12.6666H8.13331ZM12.1475 3.85222C13.2474 4.95238 13.8652 6.44432 13.8652 7.99995H15.4652C15.4652 6.02006 14.6789 4.12123 13.2791 2.72102L12.1475 3.85222ZM13.8652 7.99995C13.8652 9.55558 13.2474 11.0475 12.1475 12.1477L13.2791 13.2789C14.6789 11.8787 15.4652 9.97985 15.4652 7.99995H13.8652ZM9.79421 6.20555C10.2691 6.68062 10.5359 7.32487 10.5359 7.99662H12.1359C12.1359 6.90061 11.7006 5.84947 10.9257 5.07435L9.79421 6.20555ZM10.5359 7.99662C10.5359 8.66837 10.2691 9.31262 9.79421 9.78769L10.9257 10.9189C11.7006 10.1438 12.1359 9.09263 12.1359 7.99662H10.5359Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconVolume2,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13665",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVolume2 size={size} />,
+  },
 );
-figma.connect(IconVolume2, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13665", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVolume2 size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconVolumeX.tsx b/src/icons/IconVolumeX.tsx
index 3de2294..6c46084 100644
--- a/src/icons/IconVolumeX.tsx
+++ b/src/icons/IconVolumeX.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconVolumeX = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16095)"><path d="M7.33337 3.3335H8.13337C8.13337 3.02597 7.9571 2.74567 7.67992 2.61245C7.40275 2.47924 7.07375 2.51669 6.83362 2.7088L7.33337 3.3335ZM4.00004 6.00016V6.80016C4.1817 6.80016 4.35795 6.73834 4.4998 6.62486L4.00004 6.00016ZM1.33337 6.00016V5.20016C0.891546 5.20016 0.533374 5.55833 0.533374 6.00016H1.33337ZM1.33337 10.0002H0.533374C0.533374 10.442 0.891546 10.8002 1.33337 10.8002L1.33337 10.0002ZM4.00004 10.0002L4.4998 9.37547C4.35795 9.26199 4.1817 9.20016 4.00004 9.20016V10.0002ZM7.33337 12.6668L6.83362 13.2915C7.07375 13.4836 7.40275 13.5211 7.67992 13.3879C7.9571 13.2547 8.13337 12.9744 8.13337 12.6668H7.33337ZM15.8991 6.56585C16.2115 6.25343 16.2115 5.7469 15.8991 5.43448C15.5866 5.12206 15.0801 5.12206 14.7677 5.43448L15.8991 6.56585ZM10.7677 9.43448C10.4553 9.7469 10.4553 10.2534 10.7677 10.5658C11.0801 10.8783 11.5866 10.8783 11.8991 10.5658L10.7677 9.43448ZM11.8991 5.43448C11.5866 5.12206 11.0801 5.12206 10.7677 5.43448C10.4553 5.7469 10.4553 6.25343 10.7677 6.56585L11.8991 5.43448ZM14.7677 10.5658C15.0801 10.8783 15.5866 10.8783 15.8991 10.5658C16.2115 10.2534 16.2115 9.7469 15.8991 9.43448L14.7677 10.5658ZM6.83362 2.7088L3.50028 5.37547L4.4998 6.62486L7.83313 3.95819L6.83362 2.7088ZM4.00004 5.20016H1.33337V6.80016H4.00004V5.20016ZM0.533374 6.00016V10.0002H2.13337V6.00016H0.533374ZM1.33337 10.8002H4.00004V9.20016H1.33337V10.8002ZM3.50028 10.6249L6.83362 13.2915L7.83313 12.0421L4.4998 9.37547L3.50028 10.6249ZM8.13337 12.6668V3.3335H6.53337V12.6668H8.13337ZM14.7677 5.43448L10.7677 9.43448L11.8991 10.5658L15.8991 6.56585L14.7677 5.43448ZM10.7677 6.56585L14.7677 10.5658L15.8991 9.43448L11.8991 5.43448L10.7677 6.56585Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16095"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16095)">
+      <path
+        d="M7.33337 3.3335H8.13337C8.13337 3.02597 7.9571 2.74567 7.67992 2.61245C7.40275 2.47924 7.07375 2.51669 6.83362 2.7088L7.33337 3.3335ZM4.00004 6.00016V6.80016C4.1817 6.80016 4.35795 6.73834 4.4998 6.62486L4.00004 6.00016ZM1.33337 6.00016V5.20016C0.891546 5.20016 0.533374 5.55833 0.533374 6.00016H1.33337ZM1.33337 10.0002H0.533374C0.533374 10.442 0.891546 10.8002 1.33337 10.8002L1.33337 10.0002ZM4.00004 10.0002L4.4998 9.37547C4.35795 9.26199 4.1817 9.20016 4.00004 9.20016V10.0002ZM7.33337 12.6668L6.83362 13.2915C7.07375 13.4836 7.40275 13.5211 7.67992 13.3879C7.9571 13.2547 8.13337 12.9744 8.13337 12.6668H7.33337ZM15.8991 6.56585C16.2115 6.25343 16.2115 5.7469 15.8991 5.43448C15.5866 5.12206 15.0801 5.12206 14.7677 5.43448L15.8991 6.56585ZM10.7677 9.43448C10.4553 9.7469 10.4553 10.2534 10.7677 10.5658C11.0801 10.8783 11.5866 10.8783 11.8991 10.5658L10.7677 9.43448ZM11.8991 5.43448C11.5866 5.12206 11.0801 5.12206 10.7677 5.43448C10.4553 5.7469 10.4553 6.25343 10.7677 6.56585L11.8991 5.43448ZM14.7677 10.5658C15.0801 10.8783 15.5866 10.8783 15.8991 10.5658C16.2115 10.2534 16.2115 9.7469 15.8991 9.43448L14.7677 10.5658ZM6.83362 2.7088L3.50028 5.37547L4.4998 6.62486L7.83313 3.95819L6.83362 2.7088ZM4.00004 5.20016H1.33337V6.80016H4.00004V5.20016ZM0.533374 6.00016V10.0002H2.13337V6.00016H0.533374ZM1.33337 10.8002H4.00004V9.20016H1.33337V10.8002ZM3.50028 10.6249L6.83362 13.2915L7.83313 12.0421L4.4998 9.37547L3.50028 10.6249ZM8.13337 12.6668V3.3335H6.53337V12.6668H8.13337ZM14.7677 5.43448L10.7677 9.43448L11.8991 10.5658L15.8991 6.56585L14.7677 5.43448ZM10.7677 6.56585L14.7677 10.5658L15.8991 9.43448L11.8991 5.43448L10.7677 6.56585Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16095">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconVolumeX,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13668",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconVolumeX size={size} />,
+  },
 );
-figma.connect(IconVolumeX, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13668", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconVolumeX size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconWatch.tsx b/src/icons/IconWatch.tsx
index af65c13..7da2e38 100644
--- a/src/icons/IconWatch.tsx
+++ b/src/icons/IconWatch.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconWatch = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16099)"><path d="M8.79992 5.99985C8.79992 5.55802 8.44175 5.19985 7.99992 5.19985C7.55809 5.19985 7.19992 5.55802 7.19992 5.99985H8.79992ZM7.99992 7.99985H7.19992C7.19992 8.21202 7.2842 8.4155 7.43423 8.56553L7.99992 7.99985ZM8.43423 9.56553C8.74665 9.87795 9.25318 9.87795 9.5656 9.56553C9.87802 9.25311 9.87802 8.74658 9.5656 8.43416L8.43423 9.56553ZM11.8033 11.6393C11.8435 11.1993 11.5194 10.81 11.0794 10.7698C10.6394 10.7296 10.2501 11.0537 10.2099 11.4937L11.8033 11.6393ZM10.7733 14.1199L9.97657 14.047L9.9765 14.0479L10.7733 14.1199ZM9.43992 15.3332L9.44316 14.5332H9.43992V15.3332ZM6.55325 15.3332V14.5332L6.55001 14.5332L6.55325 15.3332ZM5.21992 14.1199L6.01667 14.0479L6.0166 14.047L5.21992 14.1199ZM5.78327 11.4937C5.74306 11.0537 5.35378 10.7296 4.91378 10.7698C4.47379 10.81 4.1497 11.1993 4.1899 11.6393L5.78327 11.4937ZM4.19657 4.36038C4.15636 4.80037 4.48045 5.18965 4.92045 5.22986C5.36044 5.27007 5.74972 4.94598 5.78993 4.50599L4.19657 4.36038ZM5.22659 1.87985L6.02327 1.95265L6.02334 1.95185L5.22659 1.87985ZM6.55325 0.666515V-0.133485L6.5525 -0.133485L6.55325 0.666515ZM9.45325 0.666515V1.46652L9.4565 1.46651L9.45325 0.666515ZM10.7866 1.87985L9.98983 1.95184L9.9899 1.95265L10.7866 1.87985ZM10.2232 4.50599C10.2634 4.94598 10.6527 5.27007 11.0927 5.22986C11.5327 5.18965 11.8568 4.80037 11.8166 4.36038L10.2232 4.50599ZM11.8666 7.99985C11.8666 10.1354 10.1354 11.8665 7.99992 11.8665V13.4665C11.0191 13.4665 13.4666 11.019 13.4666 7.99985H11.8666ZM7.99992 11.8665C5.86442 11.8665 4.13325 10.1353 4.13325 7.99985H2.53325C2.53325 11.019 4.98076 13.4665 7.99992 13.4665V11.8665ZM4.13325 7.99985C4.13325 5.86435 5.86442 4.13318 7.99992 4.13318V2.53318C4.98076 2.53318 2.53325 4.98069 2.53325 7.99985H4.13325ZM7.99992 4.13318C10.1354 4.13318 11.8666 5.86435 11.8666 7.99985H13.4666C13.4666 4.98069 11.0191 2.53318 7.99992 2.53318V4.13318ZM7.19992 5.99985V7.99985H8.79992V5.99985H7.19992ZM7.43423 8.56553L8.43423 9.56553L9.5656 8.43416L8.5656 7.43416L7.43423 8.56553ZM10.2099 11.4937L9.97657 14.047L11.5699 14.1927L11.8033 11.6393L10.2099 11.4937ZM9.9765 14.0479C9.96448 14.1808 9.90303 14.3045 9.80428 14.3943L10.8811 15.5777C11.2761 15.2182 11.5219 14.7237 11.57 14.1918L9.9765 14.0479ZM9.80428 14.3943C9.70553 14.4842 9.57667 14.5337 9.44316 14.5332L9.43667 16.1332C9.97072 16.1353 10.4862 15.9371 10.8811 15.5777L9.80428 14.3943ZM9.43992 14.5332H6.55325V16.1332H9.43992V14.5332ZM6.55001 14.5332C6.4165 14.5337 6.28764 14.4842 6.18889 14.3943L5.11202 15.5777C5.50701 15.9371 6.02245 16.1353 6.5565 16.1332L6.55001 14.5332ZM6.18889 14.3943C6.09014 14.3045 6.02869 14.1808 6.01667 14.0479L4.42316 14.1918C4.47123 14.7237 4.71703 15.2182 5.11202 15.5777L6.18889 14.3943ZM6.0166 14.047L5.78327 11.4937L4.1899 11.6393L4.42324 14.1927L6.0166 14.047ZM5.78993 4.50599L6.02327 1.95265L4.42991 1.80704L4.19657 4.36038L5.78993 4.50599ZM6.02334 1.95185C6.03531 1.81934 6.09639 1.69608 6.19457 1.60629L5.11475 0.425611C4.72202 0.784792 4.47773 1.2778 4.42983 1.80785L6.02334 1.95185ZM6.19457 1.60629C6.29275 1.51649 6.42095 1.46664 6.55401 1.46651L6.5525 -0.133485C6.02029 -0.132984 5.50748 0.0664307 5.11475 0.425611L6.19457 1.60629ZM6.55325 1.46651H9.45325V-0.133485H6.55325V1.46651ZM9.4565 1.46651C9.59001 1.46597 9.71887 1.51552 9.81762 1.60538L10.8945 0.422013C10.4995 0.0625727 9.98406 -0.135645 9.45001 -0.133479L9.4565 1.46651ZM9.81762 1.60538C9.91636 1.69524 9.97782 1.81887 9.98983 1.95184L11.5833 1.80785C11.5353 1.27597 11.2895 0.781453 10.8945 0.422013L9.81762 1.60538ZM9.9899 1.95265L10.2232 4.50599L11.8166 4.36038L11.5833 1.80704L9.9899 1.95265Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16099"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16099)">
+      <path
+        d="M8.79992 5.99985C8.79992 5.55802 8.44175 5.19985 7.99992 5.19985C7.55809 5.19985 7.19992 5.55802 7.19992 5.99985H8.79992ZM7.99992 7.99985H7.19992C7.19992 8.21202 7.2842 8.4155 7.43423 8.56553L7.99992 7.99985ZM8.43423 9.56553C8.74665 9.87795 9.25318 9.87795 9.5656 9.56553C9.87802 9.25311 9.87802 8.74658 9.5656 8.43416L8.43423 9.56553ZM11.8033 11.6393C11.8435 11.1993 11.5194 10.81 11.0794 10.7698C10.6394 10.7296 10.2501 11.0537 10.2099 11.4937L11.8033 11.6393ZM10.7733 14.1199L9.97657 14.047L9.9765 14.0479L10.7733 14.1199ZM9.43992 15.3332L9.44316 14.5332H9.43992V15.3332ZM6.55325 15.3332V14.5332L6.55001 14.5332L6.55325 15.3332ZM5.21992 14.1199L6.01667 14.0479L6.0166 14.047L5.21992 14.1199ZM5.78327 11.4937C5.74306 11.0537 5.35378 10.7296 4.91378 10.7698C4.47379 10.81 4.1497 11.1993 4.1899 11.6393L5.78327 11.4937ZM4.19657 4.36038C4.15636 4.80037 4.48045 5.18965 4.92045 5.22986C5.36044 5.27007 5.74972 4.94598 5.78993 4.50599L4.19657 4.36038ZM5.22659 1.87985L6.02327 1.95265L6.02334 1.95185L5.22659 1.87985ZM6.55325 0.666515V-0.133485L6.5525 -0.133485L6.55325 0.666515ZM9.45325 0.666515V1.46652L9.4565 1.46651L9.45325 0.666515ZM10.7866 1.87985L9.98983 1.95184L9.9899 1.95265L10.7866 1.87985ZM10.2232 4.50599C10.2634 4.94598 10.6527 5.27007 11.0927 5.22986C11.5327 5.18965 11.8568 4.80037 11.8166 4.36038L10.2232 4.50599ZM11.8666 7.99985C11.8666 10.1354 10.1354 11.8665 7.99992 11.8665V13.4665C11.0191 13.4665 13.4666 11.019 13.4666 7.99985H11.8666ZM7.99992 11.8665C5.86442 11.8665 4.13325 10.1353 4.13325 7.99985H2.53325C2.53325 11.019 4.98076 13.4665 7.99992 13.4665V11.8665ZM4.13325 7.99985C4.13325 5.86435 5.86442 4.13318 7.99992 4.13318V2.53318C4.98076 2.53318 2.53325 4.98069 2.53325 7.99985H4.13325ZM7.99992 4.13318C10.1354 4.13318 11.8666 5.86435 11.8666 7.99985H13.4666C13.4666 4.98069 11.0191 2.53318 7.99992 2.53318V4.13318ZM7.19992 5.99985V7.99985H8.79992V5.99985H7.19992ZM7.43423 8.56553L8.43423 9.56553L9.5656 8.43416L8.5656 7.43416L7.43423 8.56553ZM10.2099 11.4937L9.97657 14.047L11.5699 14.1927L11.8033 11.6393L10.2099 11.4937ZM9.9765 14.0479C9.96448 14.1808 9.90303 14.3045 9.80428 14.3943L10.8811 15.5777C11.2761 15.2182 11.5219 14.7237 11.57 14.1918L9.9765 14.0479ZM9.80428 14.3943C9.70553 14.4842 9.57667 14.5337 9.44316 14.5332L9.43667 16.1332C9.97072 16.1353 10.4862 15.9371 10.8811 15.5777L9.80428 14.3943ZM9.43992 14.5332H6.55325V16.1332H9.43992V14.5332ZM6.55001 14.5332C6.4165 14.5337 6.28764 14.4842 6.18889 14.3943L5.11202 15.5777C5.50701 15.9371 6.02245 16.1353 6.5565 16.1332L6.55001 14.5332ZM6.18889 14.3943C6.09014 14.3045 6.02869 14.1808 6.01667 14.0479L4.42316 14.1918C4.47123 14.7237 4.71703 15.2182 5.11202 15.5777L6.18889 14.3943ZM6.0166 14.047L5.78327 11.4937L4.1899 11.6393L4.42324 14.1927L6.0166 14.047ZM5.78993 4.50599L6.02327 1.95265L4.42991 1.80704L4.19657 4.36038L5.78993 4.50599ZM6.02334 1.95185C6.03531 1.81934 6.09639 1.69608 6.19457 1.60629L5.11475 0.425611C4.72202 0.784792 4.47773 1.2778 4.42983 1.80785L6.02334 1.95185ZM6.19457 1.60629C6.29275 1.51649 6.42095 1.46664 6.55401 1.46651L6.5525 -0.133485C6.02029 -0.132984 5.50748 0.0664307 5.11475 0.425611L6.19457 1.60629ZM6.55325 1.46651H9.45325V-0.133485H6.55325V1.46651ZM9.4565 1.46651C9.59001 1.46597 9.71887 1.51552 9.81762 1.60538L10.8945 0.422013C10.4995 0.0625727 9.98406 -0.135645 9.45001 -0.133479L9.4565 1.46651ZM9.81762 1.60538C9.91636 1.69524 9.97782 1.81887 9.98983 1.95184L11.5833 1.80785C11.5353 1.27597 11.2895 0.781453 10.8945 0.422013L9.81762 1.60538ZM9.9899 1.95265L10.2232 4.50599L11.8166 4.36038L11.5833 1.80704L9.9899 1.95265Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16099">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconWatch,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13670",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconWatch size={size} />,
+  },
 );
-figma.connect(IconWatch, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13670", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconWatch size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconWifi.tsx b/src/icons/IconWifi.tsx
index 9fe7109..304356e 100644
--- a/src/icons/IconWifi.tsx
+++ b/src/icons/IconWifi.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconWifi = (props: IconProps) => (
-  <Icon {...props}><path d="M2.82144 7.75183C2.48195 8.0346 2.43597 8.53904 2.71874 8.87853C3.00151 9.21802 3.50595 9.264 3.84544 8.98123L2.82144 7.75183ZM8.02678 6.66794V5.86794V6.66794ZM12.2081 8.98123C12.5476 9.264 13.052 9.21802 13.3348 8.87853C13.6176 8.53904 13.5716 8.0346 13.2321 7.75183L12.2081 8.98123ZM0.417777 5.39973C0.0863333 5.69189 0.0544862 6.19742 0.346645 6.52886C0.638803 6.86031 1.14433 6.89215 1.47578 6.59999L0.417777 5.39973ZM14.5244 6.59999C14.8559 6.89215 15.3614 6.86031 15.6536 6.52886C15.9457 6.19742 15.9139 5.69189 15.5824 5.39973L14.5244 6.59999ZM5.22344 10.0877C4.86326 10.3436 4.77872 10.843 5.03461 11.2032C5.2905 11.5634 5.78993 11.6479 6.15011 11.392L5.22344 10.0877ZM9.85678 11.392C10.217 11.6479 10.7164 11.5634 10.9723 11.2032C11.2282 10.843 11.1436 10.3436 10.7834 10.0877L9.85678 11.392ZM8.00011 12.5332C7.55828 12.5332 7.20011 12.8914 7.20011 13.3332C7.20011 13.775 7.55828 14.1332 8.00011 14.1332V12.5332ZM8.00678 14.1332C8.44861 14.1332 8.80678 13.775 8.80678 13.3332C8.80678 12.8914 8.44861 12.5332 8.00678 12.5332V14.1332ZM3.84544 8.98123C5.0194 8.00341 6.49893 7.46794 8.02678 7.46794V5.86794C6.12476 5.86794 4.2829 6.53454 2.82144 7.75183L3.84544 8.98123ZM8.02678 7.46794C9.55462 7.46794 11.0342 8.00341 12.2081 8.98123L13.2321 7.75183C11.7707 6.53454 9.92879 5.86794 8.02678 5.86794V7.46794ZM1.47578 6.59999C3.27794 5.01144 5.59776 4.13496 8.00011 4.13496V2.53496C5.20819 2.53496 2.51218 3.55357 0.417777 5.39973L1.47578 6.59999ZM8.00011 4.13496C10.4025 4.13496 12.7223 5.01144 14.5244 6.59999L15.5824 5.39973C13.488 3.55357 10.792 2.53496 8.00011 2.53496V4.13496ZM6.15011 11.392C6.69155 11.0074 7.33927 10.8007 8.00344 10.8007V9.2007C7.00718 9.2007 6.03561 9.51069 5.22344 10.0877L6.15011 11.392ZM8.00344 10.8007C8.66762 10.8007 9.31534 11.0074 9.85678 11.392L10.7834 10.0877C9.97128 9.51069 8.99971 9.2007 8.00344 9.2007V10.8007ZM8.00011 14.1332H8.00678V12.5332H8.00011V14.1332Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M2.82144 7.75183C2.48195 8.0346 2.43597 8.53904 2.71874 8.87853C3.00151 9.21802 3.50595 9.264 3.84544 8.98123L2.82144 7.75183ZM8.02678 6.66794V5.86794V6.66794ZM12.2081 8.98123C12.5476 9.264 13.052 9.21802 13.3348 8.87853C13.6176 8.53904 13.5716 8.0346 13.2321 7.75183L12.2081 8.98123ZM0.417777 5.39973C0.0863333 5.69189 0.0544862 6.19742 0.346645 6.52886C0.638803 6.86031 1.14433 6.89215 1.47578 6.59999L0.417777 5.39973ZM14.5244 6.59999C14.8559 6.89215 15.3614 6.86031 15.6536 6.52886C15.9457 6.19742 15.9139 5.69189 15.5824 5.39973L14.5244 6.59999ZM5.22344 10.0877C4.86326 10.3436 4.77872 10.843 5.03461 11.2032C5.2905 11.5634 5.78993 11.6479 6.15011 11.392L5.22344 10.0877ZM9.85678 11.392C10.217 11.6479 10.7164 11.5634 10.9723 11.2032C11.2282 10.843 11.1436 10.3436 10.7834 10.0877L9.85678 11.392ZM8.00011 12.5332C7.55828 12.5332 7.20011 12.8914 7.20011 13.3332C7.20011 13.775 7.55828 14.1332 8.00011 14.1332V12.5332ZM8.00678 14.1332C8.44861 14.1332 8.80678 13.775 8.80678 13.3332C8.80678 12.8914 8.44861 12.5332 8.00678 12.5332V14.1332ZM3.84544 8.98123C5.0194 8.00341 6.49893 7.46794 8.02678 7.46794V5.86794C6.12476 5.86794 4.2829 6.53454 2.82144 7.75183L3.84544 8.98123ZM8.02678 7.46794C9.55462 7.46794 11.0342 8.00341 12.2081 8.98123L13.2321 7.75183C11.7707 6.53454 9.92879 5.86794 8.02678 5.86794V7.46794ZM1.47578 6.59999C3.27794 5.01144 5.59776 4.13496 8.00011 4.13496V2.53496C5.20819 2.53496 2.51218 3.55357 0.417777 5.39973L1.47578 6.59999ZM8.00011 4.13496C10.4025 4.13496 12.7223 5.01144 14.5244 6.59999L15.5824 5.39973C13.488 3.55357 10.792 2.53496 8.00011 2.53496V4.13496ZM6.15011 11.392C6.69155 11.0074 7.33927 10.8007 8.00344 10.8007V9.2007C7.00718 9.2007 6.03561 9.51069 5.22344 10.0877L6.15011 11.392ZM8.00344 10.8007C8.66762 10.8007 9.31534 11.0074 9.85678 11.392L10.7834 10.0877C9.97128 9.51069 8.99971 9.2007 8.00344 9.2007V10.8007ZM8.00011 14.1332H8.00678V12.5332H8.00011V14.1332Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconWifi,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13672",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconWifi size={size} />,
+  },
 );
-figma.connect(IconWifi, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13672", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconWifi size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconWifiOff.tsx b/src/icons/IconWifiOff.tsx
index dccc841..9a02d6e 100644
--- a/src/icons/IconWifiOff.tsx
+++ b/src/icons/IconWifiOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconWifiOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16101)"><path d="M1.23243 0.100818C0.920014 -0.211601 0.413482 -0.211601 0.101063 0.100818C-0.211357 0.413238 -0.211357 0.91977 0.101063 1.23219L1.23243 0.100818ZM14.7677 15.8989C15.0801 16.2113 15.5867 16.2113 15.8991 15.8989C16.2115 15.5864 16.2115 15.0799 15.8991 14.7675L14.7677 15.8989ZM11.4976 6.65422C11.1006 6.46044 10.6216 6.62523 10.4278 7.0223C10.234 7.41936 10.3988 7.89834 10.7959 8.09212L11.4976 6.65422ZM12.1491 8.9765C12.486 9.26236 12.9909 9.22099 13.2767 8.8841C13.5626 8.54722 13.5212 8.04238 13.1843 7.75651L12.1491 8.9765ZM2.82027 7.75276C2.48131 8.03617 2.43627 8.54069 2.71967 8.87965C3.00308 9.21861 3.5076 9.26365 3.84656 8.98024L2.82027 7.75276ZM6.91517 7.56168C7.35065 7.48708 7.6432 7.07357 7.56859 6.63808C7.49399 6.2026 7.08048 5.91005 6.64499 5.98466L6.91517 7.56168ZM7.07583 2.56909C6.63543 2.60457 6.30718 2.99036 6.34267 3.43076C6.37815 3.87116 6.76393 4.19941 7.20434 4.16392L7.07583 2.56909ZM14.5242 6.59975C14.8555 6.89205 15.361 6.86041 15.6533 6.52908C15.9456 6.19776 15.914 5.69222 15.5827 5.39992L14.5242 6.59975ZM0.416921 5.40043C0.0858802 5.69305 0.0547301 6.19862 0.347345 6.52966C0.639961 6.8607 1.14553 6.89186 1.47657 6.59924L0.416921 5.40043ZM4.37358 4.82405C4.7846 4.66196 4.98639 4.19736 4.8243 3.78634C4.6622 3.37532 4.1976 3.17353 3.78658 3.33562L4.37358 4.82405ZM5.22341 10.0877C4.86323 10.3436 4.77869 10.843 5.03458 11.2032C5.29047 11.5634 5.7899 11.6479 6.15008 11.392L5.22341 10.0877ZM9.85675 11.392C10.2169 11.6479 10.7164 11.5634 10.9722 11.2032C11.2281 10.843 11.1436 10.3436 10.7834 10.0877L9.85675 11.392ZM8.00008 12.5332C7.55825 12.5332 7.20008 12.8913 7.20008 13.3332C7.20008 13.775 7.55825 14.1332 8.00008 14.1332V12.5332ZM8.00675 14.1332C8.44858 14.1332 8.80675 13.775 8.80675 13.3332C8.80675 12.8913 8.44858 12.5332 8.00675 12.5332V14.1332ZM0.101063 1.23219L14.7677 15.8989L15.8991 14.7675L1.23243 0.100818L0.101063 1.23219ZM10.7959 8.09212C11.282 8.32939 11.7367 8.62648 12.1491 8.9765L13.1843 7.75651C12.6702 7.32025 12.1036 6.94995 11.4976 6.65422L10.7959 8.09212ZM3.84656 8.98024C4.72624 8.24475 5.78499 7.7553 6.91517 7.56168L6.64499 5.98466C5.23633 6.22599 3.9167 6.83603 2.82027 7.75276L3.84656 8.98024ZM7.20434 4.16392C8.52549 4.05746 9.85455 4.21829 11.1122 4.63679L11.6174 3.11864C10.1558 2.63227 8.61122 2.44537 7.07583 2.56909L7.20434 4.16392ZM11.1122 4.63679C12.3698 5.0553 13.5302 5.7229 14.5242 6.59975L15.5827 5.39992C14.4275 4.38088 13.079 3.60501 11.6174 3.11864L11.1122 4.63679ZM1.47657 6.59924C2.3316 5.84346 3.31198 5.24272 4.37358 4.82405L3.78658 3.33562C2.55178 3.82259 1.41145 4.52135 0.416921 5.40043L1.47657 6.59924ZM6.15008 11.392C6.69152 11.0073 7.33924 10.8007 8.00342 10.8007V9.20067C7.00715 9.20067 6.03558 9.51067 5.22341 10.0877L6.15008 11.392ZM8.00342 10.8007C8.66759 10.8007 9.31531 11.0073 9.85675 11.392L10.7834 10.0877C9.97125 9.51067 8.99968 9.20067 8.00342 9.20067V10.8007ZM8.00008 14.1332H8.00675V12.5332H8.00008V14.1332Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16101"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16101)">
+      <path
+        d="M1.23243 0.100818C0.920014 -0.211601 0.413482 -0.211601 0.101063 0.100818C-0.211357 0.413238 -0.211357 0.91977 0.101063 1.23219L1.23243 0.100818ZM14.7677 15.8989C15.0801 16.2113 15.5867 16.2113 15.8991 15.8989C16.2115 15.5864 16.2115 15.0799 15.8991 14.7675L14.7677 15.8989ZM11.4976 6.65422C11.1006 6.46044 10.6216 6.62523 10.4278 7.0223C10.234 7.41936 10.3988 7.89834 10.7959 8.09212L11.4976 6.65422ZM12.1491 8.9765C12.486 9.26236 12.9909 9.22099 13.2767 8.8841C13.5626 8.54722 13.5212 8.04238 13.1843 7.75651L12.1491 8.9765ZM2.82027 7.75276C2.48131 8.03617 2.43627 8.54069 2.71967 8.87965C3.00308 9.21861 3.5076 9.26365 3.84656 8.98024L2.82027 7.75276ZM6.91517 7.56168C7.35065 7.48708 7.6432 7.07357 7.56859 6.63808C7.49399 6.2026 7.08048 5.91005 6.64499 5.98466L6.91517 7.56168ZM7.07583 2.56909C6.63543 2.60457 6.30718 2.99036 6.34267 3.43076C6.37815 3.87116 6.76393 4.19941 7.20434 4.16392L7.07583 2.56909ZM14.5242 6.59975C14.8555 6.89205 15.361 6.86041 15.6533 6.52908C15.9456 6.19776 15.914 5.69222 15.5827 5.39992L14.5242 6.59975ZM0.416921 5.40043C0.0858802 5.69305 0.0547301 6.19862 0.347345 6.52966C0.639961 6.8607 1.14553 6.89186 1.47657 6.59924L0.416921 5.40043ZM4.37358 4.82405C4.7846 4.66196 4.98639 4.19736 4.8243 3.78634C4.6622 3.37532 4.1976 3.17353 3.78658 3.33562L4.37358 4.82405ZM5.22341 10.0877C4.86323 10.3436 4.77869 10.843 5.03458 11.2032C5.29047 11.5634 5.7899 11.6479 6.15008 11.392L5.22341 10.0877ZM9.85675 11.392C10.2169 11.6479 10.7164 11.5634 10.9722 11.2032C11.2281 10.843 11.1436 10.3436 10.7834 10.0877L9.85675 11.392ZM8.00008 12.5332C7.55825 12.5332 7.20008 12.8913 7.20008 13.3332C7.20008 13.775 7.55825 14.1332 8.00008 14.1332V12.5332ZM8.00675 14.1332C8.44858 14.1332 8.80675 13.775 8.80675 13.3332C8.80675 12.8913 8.44858 12.5332 8.00675 12.5332V14.1332ZM0.101063 1.23219L14.7677 15.8989L15.8991 14.7675L1.23243 0.100818L0.101063 1.23219ZM10.7959 8.09212C11.282 8.32939 11.7367 8.62648 12.1491 8.9765L13.1843 7.75651C12.6702 7.32025 12.1036 6.94995 11.4976 6.65422L10.7959 8.09212ZM3.84656 8.98024C4.72624 8.24475 5.78499 7.7553 6.91517 7.56168L6.64499 5.98466C5.23633 6.22599 3.9167 6.83603 2.82027 7.75276L3.84656 8.98024ZM7.20434 4.16392C8.52549 4.05746 9.85455 4.21829 11.1122 4.63679L11.6174 3.11864C10.1558 2.63227 8.61122 2.44537 7.07583 2.56909L7.20434 4.16392ZM11.1122 4.63679C12.3698 5.0553 13.5302 5.7229 14.5242 6.59975L15.5827 5.39992C14.4275 4.38088 13.079 3.60501 11.6174 3.11864L11.1122 4.63679ZM1.47657 6.59924C2.3316 5.84346 3.31198 5.24272 4.37358 4.82405L3.78658 3.33562C2.55178 3.82259 1.41145 4.52135 0.416921 5.40043L1.47657 6.59924ZM6.15008 11.392C6.69152 11.0073 7.33924 10.8007 8.00342 10.8007V9.20067C7.00715 9.20067 6.03558 9.51067 5.22341 10.0877L6.15008 11.392ZM8.00342 10.8007C8.66759 10.8007 9.31531 11.0073 9.85675 11.392L10.7834 10.0877C9.97125 9.51067 8.99968 9.20067 8.00342 9.20067V10.8007ZM8.00008 14.1332H8.00675V12.5332H8.00008V14.1332Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16101">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconWifiOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13669",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconWifiOff size={size} />,
+  },
 );
-figma.connect(IconWifiOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13669", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconWifiOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconWind.tsx b/src/icons/IconWind.tsx
index 37b1d1f..2045832 100644
--- a/src/icons/IconWind.tsx
+++ b/src/icons/IconWind.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconWind = (props: IconProps) => (
-  <Icon {...props}><path d="M5.82614 2.49582C5.51464 2.80916 5.51614 3.31569 5.82949 3.62718C6.14283 3.93868 6.64936 3.93718 6.96085 3.62383L5.82614 2.49582ZM7.3335 5.33316L7.33685 4.53316H7.3335V5.33316ZM1.3335 4.53316C0.891668 4.53316 0.533496 4.89133 0.533496 5.33316C0.533496 5.77499 0.891668 6.13316 1.3335 6.13316V4.53316ZM8.96085 12.3758C8.64936 12.0625 8.14283 12.061 7.82949 12.3725C7.51614 12.684 7.51464 13.1905 7.82614 13.5038L8.96085 12.3758ZM9.3335 10.6665V11.4665L9.33685 11.4665L9.3335 10.6665ZM1.3335 9.86649C0.891668 9.86649 0.533496 10.2247 0.533496 10.6665C0.533496 11.1083 0.891668 11.4665 1.3335 11.4665V9.86649ZM11.2552 4.58676C10.9424 4.89878 10.9417 5.40531 11.2538 5.71813C11.5658 6.03094 12.0723 6.03158 12.3851 5.71956L11.2552 4.58676ZM13.0002 7.99983V8.79983L13.0016 8.79982L13.0002 7.99983ZM1.3335 7.19982C0.891668 7.19982 0.533496 7.558 0.533496 7.99983C0.533496 8.44165 0.891668 8.79983 1.3335 8.79983V7.19982ZM6.96085 3.62383C7.0228 3.56152 7.09919 3.51547 7.18322 3.48979L6.7156 1.95965C6.37947 2.06237 6.07393 2.24655 5.82614 2.49582L6.96085 3.62383ZM7.18322 3.48979C7.26725 3.46411 7.35633 3.45959 7.44253 3.47663L7.75283 1.90701C7.40803 1.83884 7.05173 1.85693 6.7156 1.95965L7.18322 3.48979ZM7.44253 3.47663C7.52873 3.49367 7.60938 3.53175 7.67732 3.58747L8.69201 2.35037C8.42025 2.12748 8.09763 1.97517 7.75283 1.90701L7.44253 3.47663ZM7.67732 3.58747C7.74526 3.64319 7.79838 3.71484 7.83195 3.79604L9.31054 3.18466C9.17624 2.85986 8.96377 2.57327 8.69201 2.35037L7.67732 3.58747ZM7.83195 3.79604C7.86553 3.87725 7.87852 3.96548 7.86978 4.05292L9.46183 4.21215C9.49681 3.86242 9.44484 3.50947 9.31054 3.18466L7.83195 3.79604ZM7.86978 4.05292C7.86103 4.14035 7.83082 4.22427 7.78183 4.29721L9.11004 5.18932C9.30601 4.89755 9.42686 4.56188 9.46183 4.21215L7.86978 4.05292ZM7.78183 4.29721C7.73284 4.37015 7.66658 4.42986 7.58895 4.47102L8.33852 5.88458C8.64904 5.71992 8.91406 5.48109 9.11004 5.18932L7.78183 4.29721ZM7.58895 4.47102C7.51132 4.51219 7.42472 4.53353 7.33685 4.53317L7.33014 6.13315C7.68161 6.13463 8.028 6.04924 8.33852 5.88458L7.58895 4.47102ZM7.3335 4.53316H1.3335V6.13316H7.3335V4.53316ZM7.82614 13.5038C8.07393 13.7531 8.37947 13.9373 8.7156 14.04L9.18322 12.5099C9.09919 12.4842 9.0228 12.4381 8.96085 12.3758L7.82614 13.5038ZM8.7156 14.04C9.05173 14.1427 9.40803 14.1608 9.75283 14.0926L9.44253 12.523C9.35633 12.5401 9.26725 12.5355 9.18322 12.5099L8.7156 14.04ZM9.75283 14.0926C10.0976 14.0245 10.4203 13.8722 10.692 13.6493L9.67732 12.4122C9.60938 12.4679 9.52873 12.506 9.44253 12.523L9.75283 14.0926ZM10.692 13.6493C10.9638 13.4264 11.1762 13.1398 11.3105 12.815L9.83195 12.2036C9.79838 12.2848 9.74526 12.3565 9.67732 12.4122L10.692 13.6493ZM11.3105 12.815C11.4448 12.4902 11.4968 12.1372 11.4618 11.7875L9.86978 11.9467C9.87852 12.0342 9.86553 12.1224 9.83195 12.2036L11.3105 12.815ZM11.4618 11.7875C11.4269 11.4378 11.306 11.1021 11.11 10.8103L9.78183 11.7024C9.83082 11.7754 9.86103 11.8593 9.86978 11.9467L11.4618 11.7875ZM11.11 10.8103C10.9141 10.5186 10.649 10.2797 10.3385 10.1151L9.58895 11.5286C9.66658 11.5698 9.73284 11.6295 9.78183 11.7024L11.11 10.8103ZM10.3385 10.1151C10.028 9.95041 9.68161 9.86502 9.33014 9.8665L9.33685 11.4665C9.42472 11.4661 9.51132 11.4875 9.58895 11.5286L10.3385 10.1151ZM9.3335 9.86649H1.3335V11.4665H9.3335V9.86649ZM12.3851 5.71956C12.486 5.61899 12.61 5.54481 12.7463 5.50359L12.2832 3.97208C11.8953 4.08939 11.5422 4.30051 11.2552 4.58676L12.3851 5.71956ZM12.7463 5.50359C12.8826 5.46237 13.027 5.45538 13.1667 5.48323L13.4796 3.91413C13.0821 3.83486 12.6712 3.85476 12.2832 3.97208L12.7463 5.50359ZM13.1667 5.48323C13.3063 5.51109 13.437 5.57293 13.5471 5.66329L14.5622 4.42659C14.249 4.16942 13.8771 3.99341 13.4796 3.91413L13.1667 5.48323ZM13.5471 5.66329C13.6571 5.75364 13.7433 5.86974 13.7978 6.00129L15.2758 5.38861C15.1206 5.01418 14.8755 4.68376 14.5622 4.42659L13.5471 5.66329ZM13.7978 6.00129C13.8523 6.13285 13.8736 6.27582 13.8597 6.41755L15.4521 6.57336C15.4916 6.16996 15.431 5.76305 15.2758 5.38861L13.7978 6.00129ZM13.8597 6.41755C13.8459 6.55929 13.7973 6.69543 13.7183 6.81392L15.0495 7.70146C15.2744 7.36422 15.4127 6.97676 15.4521 6.57336L13.8597 6.41755ZM13.7183 6.81392C13.6393 6.93241 13.5323 7.02961 13.4068 7.09692L14.163 8.50693C14.5202 8.31536 14.8247 8.03871 15.0495 7.70146L13.7183 6.81392ZM13.4068 7.09692C13.2813 7.16423 13.1411 7.19957 12.9987 7.19983L13.0016 8.79982C13.4069 8.7991 13.8058 8.6985 14.163 8.50693L13.4068 7.09692ZM13.0002 7.19982H1.3335V8.79983H13.0002V7.19982Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M5.82614 2.49582C5.51464 2.80916 5.51614 3.31569 5.82949 3.62718C6.14283 3.93868 6.64936 3.93718 6.96085 3.62383L5.82614 2.49582ZM7.3335 5.33316L7.33685 4.53316H7.3335V5.33316ZM1.3335 4.53316C0.891668 4.53316 0.533496 4.89133 0.533496 5.33316C0.533496 5.77499 0.891668 6.13316 1.3335 6.13316V4.53316ZM8.96085 12.3758C8.64936 12.0625 8.14283 12.061 7.82949 12.3725C7.51614 12.684 7.51464 13.1905 7.82614 13.5038L8.96085 12.3758ZM9.3335 10.6665V11.4665L9.33685 11.4665L9.3335 10.6665ZM1.3335 9.86649C0.891668 9.86649 0.533496 10.2247 0.533496 10.6665C0.533496 11.1083 0.891668 11.4665 1.3335 11.4665V9.86649ZM11.2552 4.58676C10.9424 4.89878 10.9417 5.40531 11.2538 5.71813C11.5658 6.03094 12.0723 6.03158 12.3851 5.71956L11.2552 4.58676ZM13.0002 7.99983V8.79983L13.0016 8.79982L13.0002 7.99983ZM1.3335 7.19982C0.891668 7.19982 0.533496 7.558 0.533496 7.99983C0.533496 8.44165 0.891668 8.79983 1.3335 8.79983V7.19982ZM6.96085 3.62383C7.0228 3.56152 7.09919 3.51547 7.18322 3.48979L6.7156 1.95965C6.37947 2.06237 6.07393 2.24655 5.82614 2.49582L6.96085 3.62383ZM7.18322 3.48979C7.26725 3.46411 7.35633 3.45959 7.44253 3.47663L7.75283 1.90701C7.40803 1.83884 7.05173 1.85693 6.7156 1.95965L7.18322 3.48979ZM7.44253 3.47663C7.52873 3.49367 7.60938 3.53175 7.67732 3.58747L8.69201 2.35037C8.42025 2.12748 8.09763 1.97517 7.75283 1.90701L7.44253 3.47663ZM7.67732 3.58747C7.74526 3.64319 7.79838 3.71484 7.83195 3.79604L9.31054 3.18466C9.17624 2.85986 8.96377 2.57327 8.69201 2.35037L7.67732 3.58747ZM7.83195 3.79604C7.86553 3.87725 7.87852 3.96548 7.86978 4.05292L9.46183 4.21215C9.49681 3.86242 9.44484 3.50947 9.31054 3.18466L7.83195 3.79604ZM7.86978 4.05292C7.86103 4.14035 7.83082 4.22427 7.78183 4.29721L9.11004 5.18932C9.30601 4.89755 9.42686 4.56188 9.46183 4.21215L7.86978 4.05292ZM7.78183 4.29721C7.73284 4.37015 7.66658 4.42986 7.58895 4.47102L8.33852 5.88458C8.64904 5.71992 8.91406 5.48109 9.11004 5.18932L7.78183 4.29721ZM7.58895 4.47102C7.51132 4.51219 7.42472 4.53353 7.33685 4.53317L7.33014 6.13315C7.68161 6.13463 8.028 6.04924 8.33852 5.88458L7.58895 4.47102ZM7.3335 4.53316H1.3335V6.13316H7.3335V4.53316ZM7.82614 13.5038C8.07393 13.7531 8.37947 13.9373 8.7156 14.04L9.18322 12.5099C9.09919 12.4842 9.0228 12.4381 8.96085 12.3758L7.82614 13.5038ZM8.7156 14.04C9.05173 14.1427 9.40803 14.1608 9.75283 14.0926L9.44253 12.523C9.35633 12.5401 9.26725 12.5355 9.18322 12.5099L8.7156 14.04ZM9.75283 14.0926C10.0976 14.0245 10.4203 13.8722 10.692 13.6493L9.67732 12.4122C9.60938 12.4679 9.52873 12.506 9.44253 12.523L9.75283 14.0926ZM10.692 13.6493C10.9638 13.4264 11.1762 13.1398 11.3105 12.815L9.83195 12.2036C9.79838 12.2848 9.74526 12.3565 9.67732 12.4122L10.692 13.6493ZM11.3105 12.815C11.4448 12.4902 11.4968 12.1372 11.4618 11.7875L9.86978 11.9467C9.87852 12.0342 9.86553 12.1224 9.83195 12.2036L11.3105 12.815ZM11.4618 11.7875C11.4269 11.4378 11.306 11.1021 11.11 10.8103L9.78183 11.7024C9.83082 11.7754 9.86103 11.8593 9.86978 11.9467L11.4618 11.7875ZM11.11 10.8103C10.9141 10.5186 10.649 10.2797 10.3385 10.1151L9.58895 11.5286C9.66658 11.5698 9.73284 11.6295 9.78183 11.7024L11.11 10.8103ZM10.3385 10.1151C10.028 9.95041 9.68161 9.86502 9.33014 9.8665L9.33685 11.4665C9.42472 11.4661 9.51132 11.4875 9.58895 11.5286L10.3385 10.1151ZM9.3335 9.86649H1.3335V11.4665H9.3335V9.86649ZM12.3851 5.71956C12.486 5.61899 12.61 5.54481 12.7463 5.50359L12.2832 3.97208C11.8953 4.08939 11.5422 4.30051 11.2552 4.58676L12.3851 5.71956ZM12.7463 5.50359C12.8826 5.46237 13.027 5.45538 13.1667 5.48323L13.4796 3.91413C13.0821 3.83486 12.6712 3.85476 12.2832 3.97208L12.7463 5.50359ZM13.1667 5.48323C13.3063 5.51109 13.437 5.57293 13.5471 5.66329L14.5622 4.42659C14.249 4.16942 13.8771 3.99341 13.4796 3.91413L13.1667 5.48323ZM13.5471 5.66329C13.6571 5.75364 13.7433 5.86974 13.7978 6.00129L15.2758 5.38861C15.1206 5.01418 14.8755 4.68376 14.5622 4.42659L13.5471 5.66329ZM13.7978 6.00129C13.8523 6.13285 13.8736 6.27582 13.8597 6.41755L15.4521 6.57336C15.4916 6.16996 15.431 5.76305 15.2758 5.38861L13.7978 6.00129ZM13.8597 6.41755C13.8459 6.55929 13.7973 6.69543 13.7183 6.81392L15.0495 7.70146C15.2744 7.36422 15.4127 6.97676 15.4521 6.57336L13.8597 6.41755ZM13.7183 6.81392C13.6393 6.93241 13.5323 7.02961 13.4068 7.09692L14.163 8.50693C14.5202 8.31536 14.8247 8.03871 15.0495 7.70146L13.7183 6.81392ZM13.4068 7.09692C13.2813 7.16423 13.1411 7.19957 12.9987 7.19983L13.0016 8.79982C13.4069 8.7991 13.8058 8.6985 14.163 8.50693L13.4068 7.09692ZM13.0002 7.19982H1.3335V8.79983H13.0002V7.19982Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconWind,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13671",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconWind size={size} />,
+  },
 );
-figma.connect(IconWind, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13671", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconWind size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconX.tsx b/src/icons/IconX.tsx
index 264d9fd..fa55aed 100644
--- a/src/icons/IconX.tsx
+++ b/src/icons/IconX.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconX = (props: IconProps) => (
-  <Icon {...props}><path d="M12.5657 4.56569C12.8781 4.25327 12.8781 3.74673 12.5657 3.43431C12.2533 3.1219 11.7467 3.1219 11.4343 3.43431L12.5657 4.56569ZM3.43431 11.4343C3.1219 11.7467 3.1219 12.2533 3.43431 12.5657C3.74673 12.8781 4.25327 12.8781 4.56569 12.5657L3.43431 11.4343ZM4.56569 3.43431C4.25327 3.1219 3.74673 3.1219 3.43431 3.43431C3.1219 3.74673 3.1219 4.25327 3.43431 4.56569L4.56569 3.43431ZM11.4343 12.5657C11.7467 12.8781 12.2533 12.8781 12.5657 12.5657C12.8781 12.2533 12.8781 11.7467 12.5657 11.4343L11.4343 12.5657ZM11.4343 3.43431L3.43431 11.4343L4.56569 12.5657L12.5657 4.56569L11.4343 3.43431ZM3.43431 4.56569L11.4343 12.5657L12.5657 11.4343L4.56569 3.43431L3.43431 4.56569Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M12.5657 4.56569C12.8781 4.25327 12.8781 3.74673 12.5657 3.43431C12.2533 3.1219 11.7467 3.1219 11.4343 3.43431L12.5657 4.56569ZM3.43431 11.4343C3.1219 11.7467 3.1219 12.2533 3.43431 12.5657C3.74673 12.8781 4.25327 12.8781 4.56569 12.5657L3.43431 11.4343ZM4.56569 3.43431C4.25327 3.1219 3.74673 3.1219 3.43431 3.43431C3.1219 3.74673 3.1219 4.25327 3.43431 4.56569L4.56569 3.43431ZM11.4343 12.5657C11.7467 12.8781 12.2533 12.8781 12.5657 12.5657C12.8781 12.2533 12.8781 11.7467 12.5657 11.4343L11.4343 12.5657ZM11.4343 3.43431L3.43431 11.4343L4.56569 12.5657L12.5657 4.56569L11.4343 3.43431ZM3.43431 4.56569L11.4343 12.5657L12.5657 11.4343L4.56569 3.43431L3.43431 4.56569Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconX,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13675",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconX size={size} />,
+  },
 );
-figma.connect(IconX, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13675", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconX size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconXCircle.tsx b/src/icons/IconXCircle.tsx
index 03d25a7..4b91fdb 100644
--- a/src/icons/IconXCircle.tsx
+++ b/src/icons/IconXCircle.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconXCircle = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16107)"><path d="M10.5658 6.56585C10.8783 6.25343 10.8783 5.7469 10.5658 5.43448C10.2534 5.12206 9.7469 5.12206 9.43448 5.43448L10.5658 6.56585ZM5.43448 9.43448C5.12206 9.7469 5.12206 10.2534 5.43448 10.5658C5.7469 10.8783 6.25343 10.8783 6.56585 10.5658L5.43448 9.43448ZM6.56585 5.43448C6.25343 5.12206 5.7469 5.12206 5.43448 5.43448C5.12206 5.7469 5.12206 6.25343 5.43448 6.56585L6.56585 5.43448ZM9.43448 10.5658C9.7469 10.8783 10.2534 10.8783 10.5658 10.5658C10.8783 10.2534 10.8783 9.7469 10.5658 9.43448L9.43448 10.5658ZM13.8668 8.00016C13.8668 11.2402 11.2402 13.8668 8.00016 13.8668V15.4668C12.1239 15.4668 15.4668 12.1239 15.4668 8.00016H13.8668ZM8.00016 13.8668C4.76009 13.8668 2.1335 11.2402 2.1335 8.00016H0.533496C0.533496 12.1239 3.87644 15.4668 8.00016 15.4668V13.8668ZM2.1335 8.00016C2.1335 4.76009 4.76009 2.1335 8.00016 2.1335V0.533496C3.87644 0.533496 0.533496 3.87644 0.533496 8.00016H2.1335ZM8.00016 2.1335C11.2402 2.1335 13.8668 4.76009 13.8668 8.00016H15.4668C15.4668 3.87644 12.1239 0.533496 8.00016 0.533496V2.1335ZM9.43448 5.43448L5.43448 9.43448L6.56585 10.5658L10.5658 6.56585L9.43448 5.43448ZM5.43448 6.56585L9.43448 10.5658L10.5658 9.43448L6.56585 5.43448L5.43448 6.56585Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16107"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16107)">
+      <path
+        d="M10.5658 6.56585C10.8783 6.25343 10.8783 5.7469 10.5658 5.43448C10.2534 5.12206 9.7469 5.12206 9.43448 5.43448L10.5658 6.56585ZM5.43448 9.43448C5.12206 9.7469 5.12206 10.2534 5.43448 10.5658C5.7469 10.8783 6.25343 10.8783 6.56585 10.5658L5.43448 9.43448ZM6.56585 5.43448C6.25343 5.12206 5.7469 5.12206 5.43448 5.43448C5.12206 5.7469 5.12206 6.25343 5.43448 6.56585L6.56585 5.43448ZM9.43448 10.5658C9.7469 10.8783 10.2534 10.8783 10.5658 10.5658C10.8783 10.2534 10.8783 9.7469 10.5658 9.43448L9.43448 10.5658ZM13.8668 8.00016C13.8668 11.2402 11.2402 13.8668 8.00016 13.8668V15.4668C12.1239 15.4668 15.4668 12.1239 15.4668 8.00016H13.8668ZM8.00016 13.8668C4.76009 13.8668 2.1335 11.2402 2.1335 8.00016H0.533496C0.533496 12.1239 3.87644 15.4668 8.00016 15.4668V13.8668ZM2.1335 8.00016C2.1335 4.76009 4.76009 2.1335 8.00016 2.1335V0.533496C3.87644 0.533496 0.533496 3.87644 0.533496 8.00016H2.1335ZM8.00016 2.1335C11.2402 2.1335 13.8668 4.76009 13.8668 8.00016H15.4668C15.4668 3.87644 12.1239 0.533496 8.00016 0.533496V2.1335ZM9.43448 5.43448L5.43448 9.43448L6.56585 10.5658L10.5658 6.56585L9.43448 5.43448ZM5.43448 6.56585L9.43448 10.5658L10.5658 9.43448L6.56585 5.43448L5.43448 6.56585Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16107">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconXCircle,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13674",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconXCircle size={size} />,
+  },
 );
-figma.connect(IconXCircle, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13674", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconXCircle size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconXOctagon.tsx b/src/icons/IconXOctagon.tsx
index 3331370..4b8d5a7 100644
--- a/src/icons/IconXOctagon.tsx
+++ b/src/icons/IconXOctagon.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconXOctagon = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16109)"><path d="M5.23999 1.3335V0.533496C5.02782 0.533496 4.82434 0.617782 4.67431 0.767811L5.23999 1.3335ZM10.76 1.3335L11.3257 0.767811C11.1757 0.617782 10.9722 0.533496 10.76 0.533496V1.3335ZM14.6667 5.24016H15.4667C15.4667 5.02799 15.3824 4.82451 15.2323 4.67448L14.6667 5.24016ZM14.6667 10.7602L15.2323 11.3258C15.3824 11.1758 15.4667 10.9723 15.4667 10.7602H14.6667ZM10.76 14.6668V15.4668C10.9722 15.4668 11.1757 15.3825 11.3257 15.2325L10.76 14.6668ZM5.23999 14.6668L4.67431 15.2325C4.82434 15.3825 5.02782 15.4668 5.23999 15.4668V14.6668ZM1.33333 10.7602H0.533328C0.533328 10.9723 0.617614 11.1758 0.767643 11.3258L1.33333 10.7602ZM1.33333 5.24016L0.767643 4.67448C0.617614 4.82451 0.533328 5.02799 0.533328 5.24016H1.33333ZM10.5657 6.56585C10.8781 6.25343 10.8781 5.7469 10.5657 5.43448C10.2533 5.12206 9.74673 5.12206 9.43431 5.43448L10.5657 6.56585ZM5.43431 9.43448C5.12189 9.7469 5.12189 10.2534 5.43431 10.5658C5.74673 10.8783 6.25326 10.8783 6.56568 10.5658L5.43431 9.43448ZM6.56568 5.43448C6.25326 5.12206 5.74673 5.12206 5.43431 5.43448C5.12189 5.7469 5.12189 6.25343 5.43431 6.56585L6.56568 5.43448ZM9.43431 10.5658C9.74673 10.8783 10.2533 10.8783 10.5657 10.5658C10.8781 10.2534 10.8781 9.7469 10.5657 9.43448L9.43431 10.5658ZM5.23999 2.1335H10.76V0.533496H5.23999V2.1335ZM10.1943 1.89918L14.101 5.80585L15.2323 4.67448L11.3257 0.767811L10.1943 1.89918ZM13.8667 5.24016V10.7602H15.4667V5.24016H13.8667ZM14.101 10.1945L10.1943 14.1011L11.3257 15.2325L15.2323 11.3258L14.101 10.1945ZM10.76 13.8668H5.23999V15.4668H10.76V13.8668ZM5.80568 14.1011L1.89901 10.1945L0.767643 11.3258L4.67431 15.2325L5.80568 14.1011ZM2.13333 10.7602V5.24016H0.533328V10.7602H2.13333ZM1.89901 5.80585L5.80568 1.89918L4.67431 0.767811L0.767643 4.67448L1.89901 5.80585ZM9.43431 5.43448L5.43431 9.43448L6.56568 10.5658L10.5657 6.56585L9.43431 5.43448ZM5.43431 6.56585L9.43431 10.5658L10.5657 9.43448L6.56568 5.43448L5.43431 6.56585Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16109"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16109)">
+      <path
+        d="M5.23999 1.3335V0.533496C5.02782 0.533496 4.82434 0.617782 4.67431 0.767811L5.23999 1.3335ZM10.76 1.3335L11.3257 0.767811C11.1757 0.617782 10.9722 0.533496 10.76 0.533496V1.3335ZM14.6667 5.24016H15.4667C15.4667 5.02799 15.3824 4.82451 15.2323 4.67448L14.6667 5.24016ZM14.6667 10.7602L15.2323 11.3258C15.3824 11.1758 15.4667 10.9723 15.4667 10.7602H14.6667ZM10.76 14.6668V15.4668C10.9722 15.4668 11.1757 15.3825 11.3257 15.2325L10.76 14.6668ZM5.23999 14.6668L4.67431 15.2325C4.82434 15.3825 5.02782 15.4668 5.23999 15.4668V14.6668ZM1.33333 10.7602H0.533328C0.533328 10.9723 0.617614 11.1758 0.767643 11.3258L1.33333 10.7602ZM1.33333 5.24016L0.767643 4.67448C0.617614 4.82451 0.533328 5.02799 0.533328 5.24016H1.33333ZM10.5657 6.56585C10.8781 6.25343 10.8781 5.7469 10.5657 5.43448C10.2533 5.12206 9.74673 5.12206 9.43431 5.43448L10.5657 6.56585ZM5.43431 9.43448C5.12189 9.7469 5.12189 10.2534 5.43431 10.5658C5.74673 10.8783 6.25326 10.8783 6.56568 10.5658L5.43431 9.43448ZM6.56568 5.43448C6.25326 5.12206 5.74673 5.12206 5.43431 5.43448C5.12189 5.7469 5.12189 6.25343 5.43431 6.56585L6.56568 5.43448ZM9.43431 10.5658C9.74673 10.8783 10.2533 10.8783 10.5657 10.5658C10.8781 10.2534 10.8781 9.7469 10.5657 9.43448L9.43431 10.5658ZM5.23999 2.1335H10.76V0.533496H5.23999V2.1335ZM10.1943 1.89918L14.101 5.80585L15.2323 4.67448L11.3257 0.767811L10.1943 1.89918ZM13.8667 5.24016V10.7602H15.4667V5.24016H13.8667ZM14.101 10.1945L10.1943 14.1011L11.3257 15.2325L15.2323 11.3258L14.101 10.1945ZM10.76 13.8668H5.23999V15.4668H10.76V13.8668ZM5.80568 14.1011L1.89901 10.1945L0.767643 11.3258L4.67431 15.2325L5.80568 14.1011ZM2.13333 10.7602V5.24016H0.533328V10.7602H2.13333ZM1.89901 5.80585L5.80568 1.89918L4.67431 0.767811L0.767643 4.67448L1.89901 5.80585ZM9.43431 5.43448L5.43431 9.43448L6.56568 10.5658L10.5657 6.56585L9.43431 5.43448ZM5.43431 6.56585L9.43431 10.5658L10.5657 9.43448L6.56568 5.43448L5.43431 6.56585Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16109">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconXOctagon,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13673",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconXOctagon size={size} />,
+  },
 );
-figma.connect(IconXOctagon, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13673", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconXOctagon size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconXSquare.tsx b/src/icons/IconXSquare.tsx
index 08780bc..df34e81 100644
--- a/src/icons/IconXSquare.tsx
+++ b/src/icons/IconXSquare.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconXSquare = (props: IconProps) => (
-  <Icon {...props}><path d="M6.56569 5.43431C6.25327 5.1219 5.74673 5.1219 5.43431 5.43431C5.1219 5.74673 5.1219 6.25327 5.43431 6.56569L6.56569 5.43431ZM9.43431 10.5657C9.74673 10.8781 10.2533 10.8781 10.5657 10.5657C10.8781 10.2533 10.8781 9.74673 10.5657 9.43431L9.43431 10.5657ZM10.5657 6.56569C10.8781 6.25327 10.8781 5.74673 10.5657 5.43431C10.2533 5.1219 9.74673 5.1219 9.43431 5.43431L10.5657 6.56569ZM5.43431 9.43431C5.1219 9.74673 5.1219 10.2533 5.43431 10.5657C5.74673 10.8781 6.25327 10.8781 6.56569 10.5657L5.43431 9.43431ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.43431 6.56569L9.43431 10.5657L10.5657 9.43431L6.56569 5.43431L5.43431 6.56569ZM9.43431 5.43431L5.43431 9.43431L6.56569 10.5657L10.5657 6.56569L9.43431 5.43431Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M6.56569 5.43431C6.25327 5.1219 5.74673 5.1219 5.43431 5.43431C5.1219 5.74673 5.1219 6.25327 5.43431 6.56569L6.56569 5.43431ZM9.43431 10.5657C9.74673 10.8781 10.2533 10.8781 10.5657 10.5657C10.8781 10.2533 10.8781 9.74673 10.5657 9.43431L9.43431 10.5657ZM10.5657 6.56569C10.8781 6.25327 10.8781 5.74673 10.5657 5.43431C10.2533 5.1219 9.74673 5.1219 9.43431 5.43431L10.5657 6.56569ZM5.43431 9.43431C5.1219 9.74673 5.1219 10.2533 5.43431 10.5657C5.74673 10.8781 6.25327 10.8781 6.56569 10.5657L5.43431 9.43431ZM3.33333 2.8H12.6667V1.2H3.33333V2.8ZM12.6667 2.8C12.9612 2.8 13.2 3.03878 13.2 3.33333H14.8C14.8 2.15513 13.8449 1.2 12.6667 1.2V2.8ZM13.2 3.33333V12.6667H14.8V3.33333H13.2ZM13.2 12.6667C13.2 12.9612 12.9612 13.2 12.6667 13.2V14.8C13.8449 14.8 14.8 13.8449 14.8 12.6667H13.2ZM12.6667 13.2H3.33333V14.8H12.6667V13.2ZM3.33333 13.2C3.03878 13.2 2.8 12.9612 2.8 12.6667H1.2C1.2 13.8449 2.15513 14.8 3.33333 14.8V13.2ZM2.8 12.6667V3.33333H1.2V12.6667H2.8ZM2.8 3.33333C2.8 3.03878 3.03878 2.8 3.33333 2.8V1.2C2.15513 1.2 1.2 2.15513 1.2 3.33333H2.8ZM5.43431 6.56569L9.43431 10.5657L10.5657 9.43431L6.56569 5.43431L5.43431 6.56569ZM9.43431 5.43431L5.43431 9.43431L6.56569 10.5657L10.5657 6.56569L9.43431 5.43431Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconXSquare,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13676",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconXSquare size={size} />,
+  },
 );
-figma.connect(IconXSquare, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13676", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconXSquare size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconYoutube.tsx b/src/icons/IconYoutube.tsx
index c6b8bfd..3180ddc 100644
--- a/src/icons/IconYoutube.tsx
+++ b/src/icons/IconYoutube.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconYoutube = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16115)"><path d="M15.0266 4.27984L15.8139 4.13783C15.8108 4.12029 15.807 4.10287 15.8027 4.08559L15.0266 4.27984ZM13.7333 2.9465L13.9511 2.17672C13.9418 2.17409 13.9325 2.17163 13.9231 2.16934L13.7333 2.9465ZM7.99997 2.6665V1.8665V2.6665ZM2.26664 2.97317L2.05993 2.20025L2.04885 2.20339L2.26664 2.97317ZM0.973308 4.3065L0.197248 4.11226C0.19292 4.12955 0.189171 4.14698 0.186007 4.16453L0.973308 4.3065ZM0.666641 7.83317L1.46668 7.83819L1.46663 7.82922L0.666641 7.83317ZM0.973308 11.3865L0.186013 11.5285C0.1907 11.5545 0.196669 11.5802 0.203901 11.6056L0.973308 11.3865ZM2.26664 12.6665L2.0555 13.4382L2.05995 13.4393L2.26664 12.6665ZM7.99997 12.9732V12.1732V12.9732ZM13.7333 12.6665L13.94 13.4394L13.9511 13.4363L13.7333 12.6665ZM15.0266 11.3332L15.8027 11.5274C15.807 11.5101 15.8108 11.4927 15.8139 11.4751L15.0266 11.3332ZM15.3333 7.83317L14.5333 7.82815L14.5333 7.83604L15.3333 7.83317ZM6.49997 10.0132H5.69997C5.69997 10.2981 5.85147 10.5614 6.09772 10.7047C6.34397 10.8479 6.64781 10.8494 6.89545 10.7086L6.49997 10.0132ZM10.3333 7.83317L10.7288 8.52858C10.9789 8.38637 11.1333 8.12085 11.1333 7.83317C11.1333 7.54549 10.9789 7.27997 10.7288 7.13776L10.3333 7.83317ZM6.49997 5.65317L6.89545 4.95776C6.64781 4.81693 6.34397 4.81841 6.09772 4.96166C5.85147 5.1049 5.69997 5.36829 5.69997 5.65317H6.49997ZM15.8027 4.08559C15.6893 3.63263 15.4584 3.2176 15.1333 2.88243L13.9848 3.99645C14.1139 4.1295 14.2056 4.29426 14.2506 4.47408L15.8027 4.08559ZM15.1333 2.88243C14.8082 2.54727 14.4004 2.30384 13.9511 2.17672L13.5155 3.71629C13.6939 3.76675 13.8558 3.86339 13.9848 3.99645L15.1333 2.88243ZM13.9231 2.16934C13.5598 2.08064 12.9923 2.02539 12.4069 1.9864C11.8007 1.94603 11.1082 1.91943 10.4583 1.9018C9.80733 1.88414 9.19329 1.87532 8.74237 1.87092C8.51677 1.86871 8.33165 1.86761 8.20272 1.86706C8.13826 1.86678 8.08782 1.86664 8.05338 1.86657C8.03616 1.86654 8.02293 1.86652 8.01395 1.86651C8.00946 1.86651 8.00603 1.86651 8.00369 1.86651C8.00252 1.8665 8.00162 1.8665 8.001 1.8665C8.00069 1.8665 8.00045 1.8665 8.00028 1.8665C8.00019 1.8665 8.00012 1.8665 8.00007 1.8665C8.00002 1.8665 7.99997 1.8665 7.99997 2.6665C7.99997 3.4665 7.99997 3.4665 7.99998 3.4665C8.00001 3.4665 8.00003 3.4665 8.00009 3.4665C8.0002 3.4665 8.00037 3.4665 8.00062 3.4665C8.00111 3.4665 8.00188 3.4665 8.00292 3.4665C8.00499 3.46651 8.00816 3.46651 8.01238 3.46651C8.02083 3.46652 8.0335 3.46654 8.05015 3.46657C8.08346 3.46664 8.13268 3.46677 8.19587 3.46704C8.32226 3.46758 8.50443 3.46867 8.72674 3.47084C9.17166 3.47519 9.77595 3.48387 10.4149 3.50121C11.0551 3.51858 11.7242 3.54448 12.3006 3.58286C12.8976 3.62262 13.3335 3.67237 13.5435 3.72367L13.9231 2.16934ZM7.99997 2.6665C7.99997 1.8665 7.99993 1.8665 7.99987 1.8665C7.99983 1.8665 7.99975 1.8665 7.99966 1.8665C7.99949 1.8665 7.99924 1.8665 7.99893 1.8665C7.9983 1.8665 7.9974 1.8665 7.99622 1.86651C7.99387 1.86651 7.99043 1.86651 7.98592 1.86651C7.97691 1.86652 7.96366 1.86654 7.94642 1.86658C7.91192 1.86666 7.86143 1.86681 7.7969 1.86711C7.66786 1.86772 7.4826 1.86893 7.25683 1.87134C6.80563 1.87617 6.19113 1.88583 5.53955 1.90519C4.88924 1.92451 4.19559 1.95368 3.58803 1.998C3.00284 2.04068 2.42954 2.10149 2.05995 2.20033L2.47333 3.74601C2.67708 3.69152 3.10711 3.63733 3.70442 3.59376C4.27936 3.55182 4.94737 3.52349 5.58707 3.50448C6.22549 3.48551 6.82932 3.47601 7.27395 3.47125C7.4961 3.46887 7.67813 3.46769 7.8044 3.46709C7.86753 3.4668 7.9167 3.46665 7.94995 3.46658C7.96658 3.46654 7.97922 3.46652 7.98764 3.46651C7.99185 3.46651 7.995 3.46651 7.99707 3.4665C7.9981 3.4665 7.99886 3.4665 7.99935 3.4665C7.99959 3.4665 7.99976 3.4665 7.99987 3.4665C7.99992 3.4665 7.99995 3.4665 7.99997 3.4665C7.99998 3.4665 7.99997 3.4665 7.99997 2.6665ZM2.04885 2.20339C1.59955 2.3305 1.19175 2.57394 0.866639 2.9091L2.01511 4.02311C2.14417 3.89006 2.30606 3.79342 2.48443 3.74296L2.04885 2.20339ZM0.866639 2.9091C0.541528 3.24427 0.310624 3.65929 0.197248 4.11226L1.74937 4.50075C1.79438 4.32093 1.88604 4.15617 2.01511 4.02311L0.866639 2.9091ZM0.186007 4.16453C-0.0325338 5.37638 -0.139434 6.60573 -0.133349 7.83712L1.46663 7.82922C1.46103 6.69569 1.55943 5.56403 1.76061 4.44848L0.186007 4.16453ZM-0.133343 7.82815C-0.141133 9.06881 -0.0342265 10.3075 0.186013 11.5285L1.7606 11.2445C1.55787 10.1205 1.45945 8.98026 1.46663 7.83819L-0.133343 7.82815ZM0.203901 11.6056C0.328893 12.0445 0.56497 12.4438 0.889323 12.7648L2.01482 11.6275C1.88605 11.5001 1.79233 11.3416 1.74271 11.1674L0.203901 11.6056ZM0.889323 12.7648C1.21368 13.0858 1.61534 13.3177 2.05551 13.4381L2.47777 11.8949C2.30304 11.8471 2.14358 11.755 2.01482 11.6275L0.889323 12.7648ZM2.05995 13.4393C2.42954 13.5382 3.00284 13.599 3.58803 13.6417C4.19559 13.686 4.88924 13.7152 5.53955 13.7345C6.19113 13.7538 6.80563 13.7635 7.25683 13.7683C7.4826 13.7707 7.66786 13.772 7.7969 13.7726C7.86143 13.7729 7.91192 13.773 7.94642 13.7731C7.96366 13.7731 7.97691 13.7731 7.98592 13.7732C7.99043 13.7732 7.99387 13.7732 7.99622 13.7732C7.9974 13.7732 7.9983 13.7732 7.99893 13.7732C7.99924 13.7732 7.99949 13.7732 7.99966 13.7732C7.99975 13.7732 7.99983 13.7732 7.99987 13.7732C7.99993 13.7732 7.99997 13.7732 7.99997 12.9732C7.99997 12.1732 7.99998 12.1732 7.99997 12.1732C7.99995 12.1732 7.99992 12.1732 7.99987 12.1732C7.99976 12.1732 7.99959 12.1732 7.99935 12.1732C7.99886 12.1732 7.9981 12.1732 7.99707 12.1732C7.995 12.1732 7.99185 12.1732 7.98764 12.1732C7.97922 12.1732 7.96658 12.1731 7.94995 12.1731C7.9167 12.173 7.86753 12.1729 7.8044 12.1726C7.67813 12.172 7.4961 12.1708 7.27395 12.1684C6.82932 12.1637 6.22549 12.1542 5.58707 12.1352C4.94737 12.1162 4.27936 12.0878 3.70442 12.0459C3.10711 12.0023 2.67708 11.9482 2.47333 11.8937L2.05995 13.4393ZM7.99997 12.9732C7.99997 13.7732 8.00002 13.7732 8.00008 13.7732C8.00012 13.7732 8.0002 13.7732 8.00029 13.7732C8.00046 13.7732 8.00071 13.7732 8.00102 13.7732C8.00165 13.7732 8.00255 13.7732 8.00373 13.7732C8.00608 13.7732 8.00952 13.7732 8.01403 13.7732C8.02303 13.7731 8.03628 13.7731 8.05353 13.7731C8.08803 13.773 8.13852 13.7729 8.20305 13.7726C8.33209 13.772 8.51735 13.7707 8.74312 13.7683C9.19432 13.7635 9.80882 13.7538 10.4604 13.7345C11.1107 13.7152 11.8044 13.686 12.4119 13.6417C12.9971 13.599 13.5704 13.5382 13.94 13.4393L13.5266 11.8937C13.3229 11.9482 12.8928 12.0023 12.2955 12.0459C11.7206 12.0878 11.0526 12.1162 10.4129 12.1352C9.77446 12.1542 9.17063 12.1637 8.726 12.1684C8.50385 12.1708 8.32182 12.172 8.19554 12.1726C8.13242 12.1729 8.08325 12.173 8.05 12.1731C8.03337 12.1731 8.02073 12.1732 8.01231 12.1732C8.0081 12.1732 8.00495 12.1732 8.00288 12.1732C8.00185 12.1732 8.00109 12.1732 8.0006 12.1732C8.00036 12.1732 8.00018 12.1732 8.00008 12.1732C8.00003 12.1732 8 12.1732 7.99997 12.1732C7.99997 12.1732 7.99997 12.1732 7.99997 12.9732ZM13.9511 13.4363C14.4004 13.3092 14.8082 13.0657 15.1333 12.7306L13.9848 11.6166C13.8558 11.7496 13.6939 11.8463 13.5155 11.8967L13.9511 13.4363ZM15.1333 12.7306C15.4584 12.3954 15.6893 11.9804 15.8027 11.5274L14.2506 11.1389C14.2056 11.3187 14.1139 11.4835 13.9848 11.6166L15.1333 12.7306ZM15.8139 11.4751C16.0308 10.2724 16.1377 9.05241 16.1333 7.8303L14.5333 7.83604C14.5374 8.96104 14.439 10.0841 14.2393 11.1912L15.8139 11.4751ZM16.1333 7.83819C16.1411 6.59753 16.0342 5.35881 15.8139 4.13783L14.2393 4.42185C14.4421 5.5458 14.5405 6.68608 14.5333 7.82815L16.1333 7.83819ZM6.89545 10.7086L10.7288 8.52858L9.93783 7.13776L6.1045 9.31776L6.89545 10.7086ZM10.7288 7.13776L6.89545 4.95776L6.1045 6.34858L9.93783 8.52858L10.7288 7.13776ZM5.69997 5.65317V10.0132H7.29997V5.65317H5.69997Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16115"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16115)">
+      <path
+        d="M15.0266 4.27984L15.8139 4.13783C15.8108 4.12029 15.807 4.10287 15.8027 4.08559L15.0266 4.27984ZM13.7333 2.9465L13.9511 2.17672C13.9418 2.17409 13.9325 2.17163 13.9231 2.16934L13.7333 2.9465ZM7.99997 2.6665V1.8665V2.6665ZM2.26664 2.97317L2.05993 2.20025L2.04885 2.20339L2.26664 2.97317ZM0.973308 4.3065L0.197248 4.11226C0.19292 4.12955 0.189171 4.14698 0.186007 4.16453L0.973308 4.3065ZM0.666641 7.83317L1.46668 7.83819L1.46663 7.82922L0.666641 7.83317ZM0.973308 11.3865L0.186013 11.5285C0.1907 11.5545 0.196669 11.5802 0.203901 11.6056L0.973308 11.3865ZM2.26664 12.6665L2.0555 13.4382L2.05995 13.4393L2.26664 12.6665ZM7.99997 12.9732V12.1732V12.9732ZM13.7333 12.6665L13.94 13.4394L13.9511 13.4363L13.7333 12.6665ZM15.0266 11.3332L15.8027 11.5274C15.807 11.5101 15.8108 11.4927 15.8139 11.4751L15.0266 11.3332ZM15.3333 7.83317L14.5333 7.82815L14.5333 7.83604L15.3333 7.83317ZM6.49997 10.0132H5.69997C5.69997 10.2981 5.85147 10.5614 6.09772 10.7047C6.34397 10.8479 6.64781 10.8494 6.89545 10.7086L6.49997 10.0132ZM10.3333 7.83317L10.7288 8.52858C10.9789 8.38637 11.1333 8.12085 11.1333 7.83317C11.1333 7.54549 10.9789 7.27997 10.7288 7.13776L10.3333 7.83317ZM6.49997 5.65317L6.89545 4.95776C6.64781 4.81693 6.34397 4.81841 6.09772 4.96166C5.85147 5.1049 5.69997 5.36829 5.69997 5.65317H6.49997ZM15.8027 4.08559C15.6893 3.63263 15.4584 3.2176 15.1333 2.88243L13.9848 3.99645C14.1139 4.1295 14.2056 4.29426 14.2506 4.47408L15.8027 4.08559ZM15.1333 2.88243C14.8082 2.54727 14.4004 2.30384 13.9511 2.17672L13.5155 3.71629C13.6939 3.76675 13.8558 3.86339 13.9848 3.99645L15.1333 2.88243ZM13.9231 2.16934C13.5598 2.08064 12.9923 2.02539 12.4069 1.9864C11.8007 1.94603 11.1082 1.91943 10.4583 1.9018C9.80733 1.88414 9.19329 1.87532 8.74237 1.87092C8.51677 1.86871 8.33165 1.86761 8.20272 1.86706C8.13826 1.86678 8.08782 1.86664 8.05338 1.86657C8.03616 1.86654 8.02293 1.86652 8.01395 1.86651C8.00946 1.86651 8.00603 1.86651 8.00369 1.86651C8.00252 1.8665 8.00162 1.8665 8.001 1.8665C8.00069 1.8665 8.00045 1.8665 8.00028 1.8665C8.00019 1.8665 8.00012 1.8665 8.00007 1.8665C8.00002 1.8665 7.99997 1.8665 7.99997 2.6665C7.99997 3.4665 7.99997 3.4665 7.99998 3.4665C8.00001 3.4665 8.00003 3.4665 8.00009 3.4665C8.0002 3.4665 8.00037 3.4665 8.00062 3.4665C8.00111 3.4665 8.00188 3.4665 8.00292 3.4665C8.00499 3.46651 8.00816 3.46651 8.01238 3.46651C8.02083 3.46652 8.0335 3.46654 8.05015 3.46657C8.08346 3.46664 8.13268 3.46677 8.19587 3.46704C8.32226 3.46758 8.50443 3.46867 8.72674 3.47084C9.17166 3.47519 9.77595 3.48387 10.4149 3.50121C11.0551 3.51858 11.7242 3.54448 12.3006 3.58286C12.8976 3.62262 13.3335 3.67237 13.5435 3.72367L13.9231 2.16934ZM7.99997 2.6665C7.99997 1.8665 7.99993 1.8665 7.99987 1.8665C7.99983 1.8665 7.99975 1.8665 7.99966 1.8665C7.99949 1.8665 7.99924 1.8665 7.99893 1.8665C7.9983 1.8665 7.9974 1.8665 7.99622 1.86651C7.99387 1.86651 7.99043 1.86651 7.98592 1.86651C7.97691 1.86652 7.96366 1.86654 7.94642 1.86658C7.91192 1.86666 7.86143 1.86681 7.7969 1.86711C7.66786 1.86772 7.4826 1.86893 7.25683 1.87134C6.80563 1.87617 6.19113 1.88583 5.53955 1.90519C4.88924 1.92451 4.19559 1.95368 3.58803 1.998C3.00284 2.04068 2.42954 2.10149 2.05995 2.20033L2.47333 3.74601C2.67708 3.69152 3.10711 3.63733 3.70442 3.59376C4.27936 3.55182 4.94737 3.52349 5.58707 3.50448C6.22549 3.48551 6.82932 3.47601 7.27395 3.47125C7.4961 3.46887 7.67813 3.46769 7.8044 3.46709C7.86753 3.4668 7.9167 3.46665 7.94995 3.46658C7.96658 3.46654 7.97922 3.46652 7.98764 3.46651C7.99185 3.46651 7.995 3.46651 7.99707 3.4665C7.9981 3.4665 7.99886 3.4665 7.99935 3.4665C7.99959 3.4665 7.99976 3.4665 7.99987 3.4665C7.99992 3.4665 7.99995 3.4665 7.99997 3.4665C7.99998 3.4665 7.99997 3.4665 7.99997 2.6665ZM2.04885 2.20339C1.59955 2.3305 1.19175 2.57394 0.866639 2.9091L2.01511 4.02311C2.14417 3.89006 2.30606 3.79342 2.48443 3.74296L2.04885 2.20339ZM0.866639 2.9091C0.541528 3.24427 0.310624 3.65929 0.197248 4.11226L1.74937 4.50075C1.79438 4.32093 1.88604 4.15617 2.01511 4.02311L0.866639 2.9091ZM0.186007 4.16453C-0.0325338 5.37638 -0.139434 6.60573 -0.133349 7.83712L1.46663 7.82922C1.46103 6.69569 1.55943 5.56403 1.76061 4.44848L0.186007 4.16453ZM-0.133343 7.82815C-0.141133 9.06881 -0.0342265 10.3075 0.186013 11.5285L1.7606 11.2445C1.55787 10.1205 1.45945 8.98026 1.46663 7.83819L-0.133343 7.82815ZM0.203901 11.6056C0.328893 12.0445 0.56497 12.4438 0.889323 12.7648L2.01482 11.6275C1.88605 11.5001 1.79233 11.3416 1.74271 11.1674L0.203901 11.6056ZM0.889323 12.7648C1.21368 13.0858 1.61534 13.3177 2.05551 13.4381L2.47777 11.8949C2.30304 11.8471 2.14358 11.755 2.01482 11.6275L0.889323 12.7648ZM2.05995 13.4393C2.42954 13.5382 3.00284 13.599 3.58803 13.6417C4.19559 13.686 4.88924 13.7152 5.53955 13.7345C6.19113 13.7538 6.80563 13.7635 7.25683 13.7683C7.4826 13.7707 7.66786 13.772 7.7969 13.7726C7.86143 13.7729 7.91192 13.773 7.94642 13.7731C7.96366 13.7731 7.97691 13.7731 7.98592 13.7732C7.99043 13.7732 7.99387 13.7732 7.99622 13.7732C7.9974 13.7732 7.9983 13.7732 7.99893 13.7732C7.99924 13.7732 7.99949 13.7732 7.99966 13.7732C7.99975 13.7732 7.99983 13.7732 7.99987 13.7732C7.99993 13.7732 7.99997 13.7732 7.99997 12.9732C7.99997 12.1732 7.99998 12.1732 7.99997 12.1732C7.99995 12.1732 7.99992 12.1732 7.99987 12.1732C7.99976 12.1732 7.99959 12.1732 7.99935 12.1732C7.99886 12.1732 7.9981 12.1732 7.99707 12.1732C7.995 12.1732 7.99185 12.1732 7.98764 12.1732C7.97922 12.1732 7.96658 12.1731 7.94995 12.1731C7.9167 12.173 7.86753 12.1729 7.8044 12.1726C7.67813 12.172 7.4961 12.1708 7.27395 12.1684C6.82932 12.1637 6.22549 12.1542 5.58707 12.1352C4.94737 12.1162 4.27936 12.0878 3.70442 12.0459C3.10711 12.0023 2.67708 11.9482 2.47333 11.8937L2.05995 13.4393ZM7.99997 12.9732C7.99997 13.7732 8.00002 13.7732 8.00008 13.7732C8.00012 13.7732 8.0002 13.7732 8.00029 13.7732C8.00046 13.7732 8.00071 13.7732 8.00102 13.7732C8.00165 13.7732 8.00255 13.7732 8.00373 13.7732C8.00608 13.7732 8.00952 13.7732 8.01403 13.7732C8.02303 13.7731 8.03628 13.7731 8.05353 13.7731C8.08803 13.773 8.13852 13.7729 8.20305 13.7726C8.33209 13.772 8.51735 13.7707 8.74312 13.7683C9.19432 13.7635 9.80882 13.7538 10.4604 13.7345C11.1107 13.7152 11.8044 13.686 12.4119 13.6417C12.9971 13.599 13.5704 13.5382 13.94 13.4393L13.5266 11.8937C13.3229 11.9482 12.8928 12.0023 12.2955 12.0459C11.7206 12.0878 11.0526 12.1162 10.4129 12.1352C9.77446 12.1542 9.17063 12.1637 8.726 12.1684C8.50385 12.1708 8.32182 12.172 8.19554 12.1726C8.13242 12.1729 8.08325 12.173 8.05 12.1731C8.03337 12.1731 8.02073 12.1732 8.01231 12.1732C8.0081 12.1732 8.00495 12.1732 8.00288 12.1732C8.00185 12.1732 8.00109 12.1732 8.0006 12.1732C8.00036 12.1732 8.00018 12.1732 8.00008 12.1732C8.00003 12.1732 8 12.1732 7.99997 12.1732C7.99997 12.1732 7.99997 12.1732 7.99997 12.9732ZM13.9511 13.4363C14.4004 13.3092 14.8082 13.0657 15.1333 12.7306L13.9848 11.6166C13.8558 11.7496 13.6939 11.8463 13.5155 11.8967L13.9511 13.4363ZM15.1333 12.7306C15.4584 12.3954 15.6893 11.9804 15.8027 11.5274L14.2506 11.1389C14.2056 11.3187 14.1139 11.4835 13.9848 11.6166L15.1333 12.7306ZM15.8139 11.4751C16.0308 10.2724 16.1377 9.05241 16.1333 7.8303L14.5333 7.83604C14.5374 8.96104 14.439 10.0841 14.2393 11.1912L15.8139 11.4751ZM16.1333 7.83819C16.1411 6.59753 16.0342 5.35881 15.8139 4.13783L14.2393 4.42185C14.4421 5.5458 14.5405 6.68608 14.5333 7.82815L16.1333 7.83819ZM6.89545 10.7086L10.7288 8.52858L9.93783 7.13776L6.1045 9.31776L6.89545 10.7086ZM10.7288 7.13776L6.89545 4.95776L6.1045 6.34858L9.93783 8.52858L10.7288 7.13776ZM5.69997 5.65317V10.0132H7.29997V5.65317H5.69997Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16115">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconYoutube,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13678",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconYoutube size={size} />,
+  },
 );
-figma.connect(IconYoutube, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13678", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconYoutube size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconZap.tsx b/src/icons/IconZap.tsx
index 5f8ba8c..da49f0c 100644
--- a/src/icons/IconZap.tsx
+++ b/src/icons/IconZap.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconZap = (props: IconProps) => (
-  <Icon {...props}><path d="M8.66667 1.3335L9.46049 1.43272C9.50454 1.08032 9.31099 0.74107 8.98522 0.599655C8.65945 0.45824 8.27945 0.548521 8.05209 0.821349L8.66667 1.3335ZM2 9.3335L1.38542 8.82135C1.1867 9.05982 1.14386 9.39171 1.27553 9.67282C1.40719 9.95393 1.68959 10.1335 2 10.1335V9.3335ZM8 9.3335L8.79382 9.43272C8.82228 9.20503 8.7516 8.97608 8.59974 8.80405C8.44788 8.63203 8.22947 8.5335 8 8.5335V9.3335ZM7.33333 14.6668L6.53951 14.5676C6.49546 14.92 6.68901 15.2593 7.01478 15.4007C7.34055 15.5421 7.72055 15.4518 7.94791 15.179L7.33333 14.6668ZM14 6.66683L14.6146 7.17898C14.8133 6.94051 14.8561 6.60861 14.7245 6.32751C14.5928 6.0464 14.3104 5.86683 14 5.86683V6.66683ZM8 6.66683L7.20618 6.5676C7.17772 6.79529 7.2484 7.02425 7.40026 7.19627C7.55212 7.3683 7.77054 7.46683 8 7.46683V6.66683ZM8.05209 0.821349L1.38542 8.82135L2.61458 9.84564L9.28124 1.84564L8.05209 0.821349ZM2 10.1335H8V8.5335H2V10.1335ZM7.20618 9.23427L6.53951 14.5676L8.12716 14.7661L8.79382 9.43272L7.20618 9.23427ZM7.94791 15.179L14.6146 7.17898L13.3854 6.15468L6.71876 14.1547L7.94791 15.179ZM14 5.86683H8V7.46683H14V5.86683ZM8.79382 6.76606L9.46049 1.43272L7.87284 1.23427L7.20618 6.5676L8.79382 6.76606Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M8.66667 1.3335L9.46049 1.43272C9.50454 1.08032 9.31099 0.74107 8.98522 0.599655C8.65945 0.45824 8.27945 0.548521 8.05209 0.821349L8.66667 1.3335ZM2 9.3335L1.38542 8.82135C1.1867 9.05982 1.14386 9.39171 1.27553 9.67282C1.40719 9.95393 1.68959 10.1335 2 10.1335V9.3335ZM8 9.3335L8.79382 9.43272C8.82228 9.20503 8.7516 8.97608 8.59974 8.80405C8.44788 8.63203 8.22947 8.5335 8 8.5335V9.3335ZM7.33333 14.6668L6.53951 14.5676C6.49546 14.92 6.68901 15.2593 7.01478 15.4007C7.34055 15.5421 7.72055 15.4518 7.94791 15.179L7.33333 14.6668ZM14 6.66683L14.6146 7.17898C14.8133 6.94051 14.8561 6.60861 14.7245 6.32751C14.5928 6.0464 14.3104 5.86683 14 5.86683V6.66683ZM8 6.66683L7.20618 6.5676C7.17772 6.79529 7.2484 7.02425 7.40026 7.19627C7.55212 7.3683 7.77054 7.46683 8 7.46683V6.66683ZM8.05209 0.821349L1.38542 8.82135L2.61458 9.84564L9.28124 1.84564L8.05209 0.821349ZM2 10.1335H8V8.5335H2V10.1335ZM7.20618 9.23427L6.53951 14.5676L8.12716 14.7661L8.79382 9.43272L7.20618 9.23427ZM7.94791 15.179L14.6146 7.17898L13.3854 6.15468L6.71876 14.1547L7.94791 15.179ZM14 5.86683H8V7.46683H14V5.86683ZM8.79382 6.76606L9.46049 1.43272L7.87284 1.23427L7.20618 6.5676L8.79382 6.76606Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconZap,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13680",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconZap size={size} />,
+  },
 );
-figma.connect(IconZap, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13680", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconZap size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconZapOff.tsx b/src/icons/IconZapOff.tsx
index d826442..8a48571 100644
--- a/src/icons/IconZapOff.tsx
+++ b/src/icons/IconZapOff.tsx
@@ -1,6 +1,33 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconZapOff = (props: IconProps) => (
-  <Icon {...props}><g clipPath="url(#clip0_68_16117)"><path d="M7.47952 4.40123C7.42505 4.83968 7.73635 5.23927 8.1748 5.29374C8.61326 5.3482 9.01285 5.03691 9.06731 4.59845L7.47952 4.40123ZM8.66675 1.33317L9.46065 1.43178C9.50442 1.07936 9.31063 0.740271 8.98477 0.599098C8.65891 0.457926 8.27899 0.548469 8.05183 0.821437L8.66675 1.33317ZM6.43183 2.7681C6.1492 3.10772 6.1954 3.61214 6.53502 3.89476C6.87463 4.17738 7.37905 4.13118 7.66167 3.79157L6.43183 2.7681ZM11.766 8.09373C11.4828 8.43287 11.5282 8.93737 11.8673 9.22056C12.2064 9.50376 12.7109 9.45841 12.9941 9.11927L11.766 8.09373ZM14.0001 6.6665L14.6141 7.17927C14.8132 6.9409 14.8563 6.60885 14.7247 6.32755C14.5931 6.04624 14.3106 5.8665 14.0001 5.8665V6.6665ZM10.4401 5.8665C9.99825 5.8665 9.64008 6.22468 9.64008 6.6665C9.64008 7.10833 9.99825 7.4665 10.4401 7.4665V5.8665ZM5.94799 5.84532C6.23084 5.5059 6.18498 5.00144 5.84556 4.71859C5.50614 4.43574 5.00169 4.4816 4.71884 4.82102L5.94799 5.84532ZM2.00008 9.33317L1.3855 8.82102C1.18678 9.05949 1.14395 9.39139 1.27561 9.67249C1.40727 9.9536 1.68967 10.1332 2.00008 10.1332V9.33317ZM8.00008 9.33317L8.7939 9.4324C8.82236 9.20471 8.75168 8.97575 8.59982 8.80373C8.44796 8.6317 8.22955 8.53317 8.00008 8.53317V9.33317ZM7.33341 14.6665L6.53959 14.5673C6.49554 14.9197 6.68909 15.2589 7.01486 15.4003C7.34063 15.5418 7.72064 15.4515 7.94799 15.1787L7.33341 14.6665ZM11.2813 11.1787C11.5642 10.8392 11.5183 10.3348 11.1789 10.0519C10.8395 9.76908 10.335 9.81493 10.0522 10.1544L11.2813 11.1787ZM1.23243 0.100818C0.920014 -0.211601 0.413482 -0.211601 0.101063 0.100818C-0.211357 0.413238 -0.211357 0.91977 0.101063 1.23219L1.23243 0.100818ZM14.7677 15.8989C15.0801 16.2113 15.5867 16.2113 15.8991 15.8989C16.2115 15.5864 16.2115 15.0799 15.8991 14.7675L14.7677 15.8989ZM9.06731 4.59845L9.46065 1.43178L7.87285 1.23456L7.47952 4.40123L9.06731 4.59845ZM8.05183 0.821437L6.43183 2.7681L7.66167 3.79157L9.28167 1.8449L8.05183 0.821437ZM12.9941 9.11927L14.6141 7.17927L13.386 6.15373L11.766 8.09373L12.9941 9.11927ZM14.0001 5.8665H10.4401V7.4665H14.0001V5.8665ZM4.71884 4.82102L1.3855 8.82102L2.61466 9.84532L5.94799 5.84532L4.71884 4.82102ZM2.00008 10.1332H8.00008V8.53317H2.00008V10.1332ZM7.20626 9.23394L6.53959 14.5673L8.12724 14.7657L8.7939 9.4324L7.20626 9.23394ZM7.94799 15.1787L11.2813 11.1787L10.0522 10.1544L6.71884 14.1544L7.94799 15.1787ZM0.101063 1.23219L14.7677 15.8989L15.8991 14.7675L1.23243 0.100818L0.101063 1.23219Z" fill="var(--svg-fill-color)"/></g><defs><clipPath id="clip0_68_16117"><rect width="16" height="16" fill="white"/></clipPath></defs></Icon>
+  <Icon {...props}>
+    <g clipPath="url(#clip0_68_16117)">
+      <path
+        d="M7.47952 4.40123C7.42505 4.83968 7.73635 5.23927 8.1748 5.29374C8.61326 5.3482 9.01285 5.03691 9.06731 4.59845L7.47952 4.40123ZM8.66675 1.33317L9.46065 1.43178C9.50442 1.07936 9.31063 0.740271 8.98477 0.599098C8.65891 0.457926 8.27899 0.548469 8.05183 0.821437L8.66675 1.33317ZM6.43183 2.7681C6.1492 3.10772 6.1954 3.61214 6.53502 3.89476C6.87463 4.17738 7.37905 4.13118 7.66167 3.79157L6.43183 2.7681ZM11.766 8.09373C11.4828 8.43287 11.5282 8.93737 11.8673 9.22056C12.2064 9.50376 12.7109 9.45841 12.9941 9.11927L11.766 8.09373ZM14.0001 6.6665L14.6141 7.17927C14.8132 6.9409 14.8563 6.60885 14.7247 6.32755C14.5931 6.04624 14.3106 5.8665 14.0001 5.8665V6.6665ZM10.4401 5.8665C9.99825 5.8665 9.64008 6.22468 9.64008 6.6665C9.64008 7.10833 9.99825 7.4665 10.4401 7.4665V5.8665ZM5.94799 5.84532C6.23084 5.5059 6.18498 5.00144 5.84556 4.71859C5.50614 4.43574 5.00169 4.4816 4.71884 4.82102L5.94799 5.84532ZM2.00008 9.33317L1.3855 8.82102C1.18678 9.05949 1.14395 9.39139 1.27561 9.67249C1.40727 9.9536 1.68967 10.1332 2.00008 10.1332V9.33317ZM8.00008 9.33317L8.7939 9.4324C8.82236 9.20471 8.75168 8.97575 8.59982 8.80373C8.44796 8.6317 8.22955 8.53317 8.00008 8.53317V9.33317ZM7.33341 14.6665L6.53959 14.5673C6.49554 14.9197 6.68909 15.2589 7.01486 15.4003C7.34063 15.5418 7.72064 15.4515 7.94799 15.1787L7.33341 14.6665ZM11.2813 11.1787C11.5642 10.8392 11.5183 10.3348 11.1789 10.0519C10.8395 9.76908 10.335 9.81493 10.0522 10.1544L11.2813 11.1787ZM1.23243 0.100818C0.920014 -0.211601 0.413482 -0.211601 0.101063 0.100818C-0.211357 0.413238 -0.211357 0.91977 0.101063 1.23219L1.23243 0.100818ZM14.7677 15.8989C15.0801 16.2113 15.5867 16.2113 15.8991 15.8989C16.2115 15.5864 16.2115 15.0799 15.8991 14.7675L14.7677 15.8989ZM9.06731 4.59845L9.46065 1.43178L7.87285 1.23456L7.47952 4.40123L9.06731 4.59845ZM8.05183 0.821437L6.43183 2.7681L7.66167 3.79157L9.28167 1.8449L8.05183 0.821437ZM12.9941 9.11927L14.6141 7.17927L13.386 6.15373L11.766 8.09373L12.9941 9.11927ZM14.0001 5.8665H10.4401V7.4665H14.0001V5.8665ZM4.71884 4.82102L1.3855 8.82102L2.61466 9.84532L5.94799 5.84532L4.71884 4.82102ZM2.00008 10.1332H8.00008V8.53317H2.00008V10.1332ZM7.20626 9.23394L6.53959 14.5673L8.12724 14.7657L8.7939 9.4324L7.20626 9.23394ZM7.94799 15.1787L11.2813 11.1787L10.0522 10.1544L6.71884 14.1544L7.94799 15.1787ZM0.101063 1.23219L14.7677 15.8989L15.8991 14.7675L1.23243 0.100818L0.101063 1.23219Z"
+        fill="var(--svg-fill-color)"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_68_16117">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </Icon>
+);
+figma.connect(
+  IconZapOff,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13677",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconZapOff size={size} />,
+  },
 );
-figma.connect(IconZapOff, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13677", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconZapOff size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconZoomIn.tsx b/src/icons/IconZoomIn.tsx
index 02ca2ad..701c4b5 100644
--- a/src/icons/IconZoomIn.tsx
+++ b/src/icons/IconZoomIn.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconZoomIn = (props: IconProps) => (
-  <Icon {...props}><path d="M13.4343 14.5657C13.7467 14.8781 14.2533 14.8781 14.5657 14.5657C14.8781 14.2533 14.8781 13.7467 14.5657 13.4343L13.4343 14.5657ZM11.6657 10.5343C11.3533 10.2219 10.8467 10.2219 10.5343 10.5343C10.2219 10.8467 10.2219 11.3533 10.5343 11.6657L11.6657 10.5343ZM8.13333 5.33333C8.13333 4.89151 7.77516 4.53333 7.33333 4.53333C6.89151 4.53333 6.53333 4.89151 6.53333 5.33333H8.13333ZM6.53333 9.33333C6.53333 9.77516 6.89151 10.1333 7.33333 10.1333C7.77516 10.1333 8.13333 9.77516 8.13333 9.33333H6.53333ZM5.33333 6.53333C4.89151 6.53333 4.53333 6.89151 4.53333 7.33333C4.53333 7.77516 4.89151 8.13333 5.33333 8.13333V6.53333ZM9.33333 8.13333C9.77516 8.13333 10.1333 7.77516 10.1333 7.33333C10.1333 6.89151 9.77516 6.53333 9.33333 6.53333V8.13333ZM11.8667 7.33333C11.8667 9.83702 9.83702 11.8667 7.33333 11.8667V13.4667C10.7207 13.4667 13.4667 10.7207 13.4667 7.33333H11.8667ZM7.33333 11.8667C4.82964 11.8667 2.8 9.83702 2.8 7.33333H1.2C1.2 10.7207 3.94599 13.4667 7.33333 13.4667V11.8667ZM2.8 7.33333C2.8 4.82964 4.82964 2.8 7.33333 2.8V1.2C3.94599 1.2 1.2 3.94599 1.2 7.33333H2.8ZM7.33333 2.8C9.83702 2.8 11.8667 4.82964 11.8667 7.33333H13.4667C13.4667 3.94599 10.7207 1.2 7.33333 1.2V2.8ZM14.5657 13.4343L11.6657 10.5343L10.5343 11.6657L13.4343 14.5657L14.5657 13.4343ZM6.53333 5.33333V9.33333H8.13333V5.33333H6.53333ZM5.33333 8.13333H9.33333V6.53333H5.33333V8.13333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.4343 14.5657C13.7467 14.8781 14.2533 14.8781 14.5657 14.5657C14.8781 14.2533 14.8781 13.7467 14.5657 13.4343L13.4343 14.5657ZM11.6657 10.5343C11.3533 10.2219 10.8467 10.2219 10.5343 10.5343C10.2219 10.8467 10.2219 11.3533 10.5343 11.6657L11.6657 10.5343ZM8.13333 5.33333C8.13333 4.89151 7.77516 4.53333 7.33333 4.53333C6.89151 4.53333 6.53333 4.89151 6.53333 5.33333H8.13333ZM6.53333 9.33333C6.53333 9.77516 6.89151 10.1333 7.33333 10.1333C7.77516 10.1333 8.13333 9.77516 8.13333 9.33333H6.53333ZM5.33333 6.53333C4.89151 6.53333 4.53333 6.89151 4.53333 7.33333C4.53333 7.77516 4.89151 8.13333 5.33333 8.13333V6.53333ZM9.33333 8.13333C9.77516 8.13333 10.1333 7.77516 10.1333 7.33333C10.1333 6.89151 9.77516 6.53333 9.33333 6.53333V8.13333ZM11.8667 7.33333C11.8667 9.83702 9.83702 11.8667 7.33333 11.8667V13.4667C10.7207 13.4667 13.4667 10.7207 13.4667 7.33333H11.8667ZM7.33333 11.8667C4.82964 11.8667 2.8 9.83702 2.8 7.33333H1.2C1.2 10.7207 3.94599 13.4667 7.33333 13.4667V11.8667ZM2.8 7.33333C2.8 4.82964 4.82964 2.8 7.33333 2.8V1.2C3.94599 1.2 1.2 3.94599 1.2 7.33333H2.8ZM7.33333 2.8C9.83702 2.8 11.8667 4.82964 11.8667 7.33333H13.4667C13.4667 3.94599 10.7207 1.2 7.33333 1.2V2.8ZM14.5657 13.4343L11.6657 10.5343L10.5343 11.6657L13.4343 14.5657L14.5657 13.4343ZM6.53333 5.33333V9.33333H8.13333V5.33333H6.53333ZM5.33333 8.13333H9.33333V6.53333H5.33333V8.13333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconZoomIn,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13679",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconZoomIn size={size} />,
+  },
 );
-figma.connect(IconZoomIn, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13679", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconZoomIn size={size} /> });
\ No newline at end of file
diff --git a/src/icons/IconZoomOut.tsx b/src/icons/IconZoomOut.tsx
index 60131fa..35b764a 100644
--- a/src/icons/IconZoomOut.tsx
+++ b/src/icons/IconZoomOut.tsx
@@ -1,6 +1,26 @@
 import figma from "@figma/code-connect";
-import { IconProps, Icon } from "ui/primitives";
+import { Icon, IconProps } from "ui";
 export const IconZoomOut = (props: IconProps) => (
-  <Icon {...props}><path d="M13.4343 14.5657C13.7467 14.8781 14.2533 14.8781 14.5657 14.5657C14.8781 14.2533 14.8781 13.7467 14.5657 13.4343L13.4343 14.5657ZM11.6657 10.5343C11.3533 10.2219 10.8467 10.2219 10.5343 10.5343C10.2219 10.8467 10.2219 11.3533 10.5343 11.6657L11.6657 10.5343ZM5.33333 6.53333C4.89151 6.53333 4.53333 6.89151 4.53333 7.33333C4.53333 7.77516 4.89151 8.13333 5.33333 8.13333V6.53333ZM9.33333 8.13333C9.77516 8.13333 10.1333 7.77516 10.1333 7.33333C10.1333 6.89151 9.77516 6.53333 9.33333 6.53333V8.13333ZM11.8667 7.33333C11.8667 9.83702 9.83702 11.8667 7.33333 11.8667V13.4667C10.7207 13.4667 13.4667 10.7207 13.4667 7.33333H11.8667ZM7.33333 11.8667C4.82964 11.8667 2.8 9.83702 2.8 7.33333H1.2C1.2 10.7207 3.94599 13.4667 7.33333 13.4667V11.8667ZM2.8 7.33333C2.8 4.82964 4.82964 2.8 7.33333 2.8V1.2C3.94599 1.2 1.2 3.94599 1.2 7.33333H2.8ZM7.33333 2.8C9.83702 2.8 11.8667 4.82964 11.8667 7.33333H13.4667C13.4667 3.94599 10.7207 1.2 7.33333 1.2V2.8ZM14.5657 13.4343L11.6657 10.5343L10.5343 11.6657L13.4343 14.5657L14.5657 13.4343ZM5.33333 8.13333H9.33333V6.53333H5.33333V8.13333Z" fill="var(--svg-fill-color)"/></Icon>
+  <Icon {...props}>
+    <path
+      d="M13.4343 14.5657C13.7467 14.8781 14.2533 14.8781 14.5657 14.5657C14.8781 14.2533 14.8781 13.7467 14.5657 13.4343L13.4343 14.5657ZM11.6657 10.5343C11.3533 10.2219 10.8467 10.2219 10.5343 10.5343C10.2219 10.8467 10.2219 11.3533 10.5343 11.6657L11.6657 10.5343ZM5.33333 6.53333C4.89151 6.53333 4.53333 6.89151 4.53333 7.33333C4.53333 7.77516 4.89151 8.13333 5.33333 8.13333V6.53333ZM9.33333 8.13333C9.77516 8.13333 10.1333 7.77516 10.1333 7.33333C10.1333 6.89151 9.77516 6.53333 9.33333 6.53333V8.13333ZM11.8667 7.33333C11.8667 9.83702 9.83702 11.8667 7.33333 11.8667V13.4667C10.7207 13.4667 13.4667 10.7207 13.4667 7.33333H11.8667ZM7.33333 11.8667C4.82964 11.8667 2.8 9.83702 2.8 7.33333H1.2C1.2 10.7207 3.94599 13.4667 7.33333 13.4667V11.8667ZM2.8 7.33333C2.8 4.82964 4.82964 2.8 7.33333 2.8V1.2C3.94599 1.2 1.2 3.94599 1.2 7.33333H2.8ZM7.33333 2.8C9.83702 2.8 11.8667 4.82964 11.8667 7.33333H13.4667C13.4667 3.94599 10.7207 1.2 7.33333 1.2V2.8ZM14.5657 13.4343L11.6657 10.5343L10.5343 11.6657L13.4343 14.5657L14.5657 13.4343ZM5.33333 8.13333H9.33333V6.53333H5.33333V8.13333Z"
+      fill="var(--svg-fill-color)"
+    />
+  </Icon>
+);
+figma.connect(
+  IconZoomOut,
+  "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13681",
+  {
+    props: {
+      size: figma.enum("Size", {
+        "20": "20",
+        "24": "24",
+        "32": "32",
+        "40": "40",
+        "48": "48",
+      }),
+    },
+    example: ({ size }) => <IconZoomOut size={size} />,
+  },
 );
-figma.connect(IconZoomOut, "https://figma.com/design/J0KLPKXiONDRssXD1AX9Oi?node-id=4049:13681", { props: { size: figma.enum("Size", { "20": "20", "24": "24", "32": "32", "40": "40", "48": "48" }) }, example: ({ size }) => <IconZoomOut size={size} /> });
\ No newline at end of file
diff --git a/src/ui/layout/Flex/Flex.tsx b/src/layout/Flex/Flex.tsx
similarity index 100%
rename from src/ui/layout/Flex/Flex.tsx
rename to src/layout/Flex/Flex.tsx
diff --git a/src/ui/layout/Flex/flex.css b/src/layout/Flex/flex.css
similarity index 100%
rename from src/ui/layout/Flex/flex.css
rename to src/layout/Flex/flex.css
diff --git a/src/ui/layout/Section/Section.tsx b/src/layout/Section/Section.tsx
similarity index 100%
rename from src/ui/layout/Section/Section.tsx
rename to src/layout/Section/Section.tsx
diff --git a/src/ui/layout/Section/section.css b/src/layout/Section/section.css
similarity index 100%
rename from src/ui/layout/Section/section.css
rename to src/layout/Section/section.css
diff --git a/src/ui/layout/index.ts b/src/layout/index.ts
similarity index 100%
rename from src/ui/layout/index.ts
rename to src/layout/index.ts
diff --git a/src/stories/ui/compositions/Cards.stories.tsx b/src/stories/compositions/Cards.stories.tsx
similarity index 97%
rename from src/stories/ui/compositions/Cards.stories.tsx
rename to src/stories/compositions/Cards.stories.tsx
index ac4151e..0dd925d 100644
--- a/src/stories/ui/compositions/Cards.stories.tsx
+++ b/src/stories/compositions/Cards.stories.tsx
@@ -1,18 +1,18 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { IconActivity } from "icons";
-import { ComponentProps } from "react";
 import {
   Card,
   PricingCard,
   ProductInfoCard,
   TestimonialCard,
-} from "ui/compositions";
-import { Flex } from "ui/layout";
-import { Button, ButtonGroup, Image, Text, TextHeading } from "ui/primitives";
+} from "compositions";
+import { IconActivity } from "icons";
+import { Flex } from "layout";
+import { ComponentProps } from "react";
+import { Button, ButtonGroup, Image, Text, TextHeading } from "ui";
 
 const meta: Meta<typeof Card> = {
   component: Card,
-  title: "UI Compositions/Cards",
+  title: "SDS Compositions/Cards",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/compositions/Pages.stories.tsx b/src/stories/compositions/Pages.stories.tsx
similarity index 74%
rename from src/stories/ui/compositions/Pages.stories.tsx
rename to src/stories/compositions/Pages.stories.tsx
index 15e23fe..862f47e 100644
--- a/src/stories/ui/compositions/Pages.stories.tsx
+++ b/src/stories/compositions/Pages.stories.tsx
@@ -1,10 +1,10 @@
 import { Meta, StoryObj } from "@storybook/react";
-import { Footer, Header } from "ui/compositions";
-import { Flex, Section } from "ui/layout";
+import { Footer, Header } from "compositions";
+import { Flex, Section } from "layout";
 
 const meta: Meta<typeof Header> = {
   component: Header,
-  title: "UI Compositions/Pages",
+  title: "SDS Compositions/Pages",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/layout/useMediaQuery.stories.tsx b/src/stories/hooks/useMediaQuery.stories.tsx
similarity index 81%
rename from src/stories/ui/layout/useMediaQuery.stories.tsx
rename to src/stories/hooks/useMediaQuery.stories.tsx
index bb0c274..34da6e1 100644
--- a/src/stories/ui/layout/useMediaQuery.stories.tsx
+++ b/src/stories/hooks/useMediaQuery.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import useMediaQuery from "hooks/useMediaQuery";
+import { useMediaQuery } from "hooks";
 
 function Example() {
   const output = useMediaQuery();
@@ -8,7 +8,7 @@ function Example() {
 
 const meta: Meta<typeof Example> = {
   component: Example,
-  title: "UI Layout/useMediaQuery",
+  title: "SDS Hooks/useMediaQuery",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/layout/Flex.stories.tsx b/src/stories/layout/Flex.stories.tsx
similarity index 97%
rename from src/stories/ui/layout/Flex.stories.tsx
rename to src/stories/layout/Flex.stories.tsx
index a8ddf68..683c1f1 100644
--- a/src/stories/ui/layout/Flex.stories.tsx
+++ b/src/stories/layout/Flex.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Flex, FlexItem } from "ui/layout";
+import { Flex, FlexItem } from "layout";
 
 const meta: Meta<typeof Flex> = {
   component: Flex,
-  title: "UI Layout/Flex",
+  title: "SDS Layout/Flex",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/layout/Section.stories.tsx b/src/stories/layout/Section.stories.tsx
similarity index 93%
rename from src/stories/ui/layout/Section.stories.tsx
rename to src/stories/layout/Section.stories.tsx
index 0fe99c7..b203bba 100644
--- a/src/stories/ui/layout/Section.stories.tsx
+++ b/src/stories/layout/Section.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Flex, Section } from "ui/layout";
+import { Flex, Section } from "layout";
 
 const meta: Meta<typeof Section> = {
   component: Section,
-  title: "UI Layout/Section",
+  title: "SDS Layout/Section",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Accordion.stories.tsx b/src/stories/ui/Accordion.stories.tsx
similarity index 91%
rename from src/stories/ui/primitives/Accordion.stories.tsx
rename to src/stories/ui/Accordion.stories.tsx
index 0a52e7b..20d1fac 100644
--- a/src/stories/ui/primitives/Accordion.stories.tsx
+++ b/src/stories/ui/Accordion.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import "react";
-import { Accordion, AccordionItem, Text, TextHeading } from "ui/primitives";
+import { Accordion, AccordionItem, Text, TextHeading } from "ui";
 
 const meta: Meta<typeof Accordion> = {
   component: Accordion,
-  title: "UI Primitives/Accordion",
+  title: "SDS UI/Accordion",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Avatar.stories.tsx b/src/stories/ui/Avatar.stories.tsx
similarity index 96%
rename from src/stories/ui/primitives/Avatar.stories.tsx
rename to src/stories/ui/Avatar.stories.tsx
index c1a9d42..d494e7e 100644
--- a/src/stories/ui/primitives/Avatar.stories.tsx
+++ b/src/stories/ui/Avatar.stories.tsx
@@ -1,11 +1,11 @@
 import type { Meta, StoryObj } from "@storybook/react";
+import { Flex } from "layout";
 import "react";
-import { Flex } from "ui/layout";
-import { Avatar, AvatarBlock, AvatarButton, AvatarGroup } from "ui/primitives";
+import { Avatar, AvatarBlock, AvatarButton, AvatarGroup } from "ui";
 
 const meta: Meta<typeof Avatar> = {
   component: Avatar,
-  title: "UI Primitives/Avatar",
+  title: "SDS UI/Avatar",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Button.stories.tsx b/src/stories/ui/Button.stories.tsx
similarity index 93%
rename from src/stories/ui/primitives/Button.stories.tsx
rename to src/stories/ui/Button.stories.tsx
index 17e8bf2..074a963 100644
--- a/src/stories/ui/primitives/Button.stories.tsx
+++ b/src/stories/ui/Button.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { IconActivity, IconArrowLeft } from "icons";
-import { Button, DestructiveButton } from "ui/primitives";
+import { Button, DestructiveButton } from "ui";
 
 const meta: Meta<typeof Button> = {
   component: Button,
-  title: "UI Primitives/Button",
+  title: "SDS UI/Button",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Checkbox.stories.tsx b/src/stories/ui/Checkbox.stories.tsx
similarity index 94%
rename from src/stories/ui/primitives/Checkbox.stories.tsx
rename to src/stories/ui/Checkbox.stories.tsx
index eded239..1a08564 100644
--- a/src/stories/ui/primitives/Checkbox.stories.tsx
+++ b/src/stories/ui/Checkbox.stories.tsx
@@ -1,12 +1,12 @@
 import { useArgs } from "@storybook/preview-api";
 import type { Meta, StoryObj } from "@storybook/react";
+import { Flex } from "layout";
 import { useState } from "react";
-import { Flex } from "ui/layout";
-import { Checkbox, CheckboxField, CheckboxGroup } from "ui/primitives";
+import { Checkbox, CheckboxField, CheckboxGroup } from "ui";
 
 const meta: Meta<typeof Checkbox> = {
   component: Checkbox,
-  title: "UI Primitives/Checkbox",
+  title: "SDS UI/Checkbox",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Dialog.stories.tsx b/src/stories/ui/Dialog.stories.tsx
similarity index 98%
rename from src/stories/ui/primitives/Dialog.stories.tsx
rename to src/stories/ui/Dialog.stories.tsx
index 73b29eb..13613f7 100644
--- a/src/stories/ui/primitives/Dialog.stories.tsx
+++ b/src/stories/ui/Dialog.stories.tsx
@@ -18,11 +18,11 @@ import {
   TableColumn,
   TableHead,
   TableRow,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Dialog> = {
   component: Dialog,
-  title: "UI Primitives/Dialog",
+  title: "SDS UI/Dialog",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Fieldset.stories.tsx b/src/stories/ui/Fieldset.stories.tsx
similarity index 98%
rename from src/stories/ui/primitives/Fieldset.stories.tsx
rename to src/stories/ui/Fieldset.stories.tsx
index 55d8e9d..e4d19dc 100644
--- a/src/stories/ui/primitives/Fieldset.stories.tsx
+++ b/src/stories/ui/Fieldset.stories.tsx
@@ -18,11 +18,11 @@ import {
   Text,
   TextAreaField,
   formEventTargetToFormData,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Fieldset> = {
   component: Fieldset,
-  title: "UI Primitives/Fieldset",
+  title: "SDS UI/Fieldset",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/IconButton.stories.tsx b/src/stories/ui/IconButton.stories.tsx
similarity index 91%
rename from src/stories/ui/primitives/IconButton.stories.tsx
rename to src/stories/ui/IconButton.stories.tsx
index 9193ba1..c4b9f20 100644
--- a/src/stories/ui/primitives/IconButton.stories.tsx
+++ b/src/stories/ui/IconButton.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { IconActivity } from "icons";
-import { DestructiveIconButton, IconButton } from "ui/primitives";
+import { DestructiveIconButton, IconButton } from "ui";
 
 const meta: Meta<typeof IconButton> = {
   component: IconButton,
-  title: "UI Primitives/IconButton",
+  title: "SDS UI/IconButton",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Image.stories.tsx b/src/stories/ui/Image.stories.tsx
similarity index 92%
rename from src/stories/ui/primitives/Image.stories.tsx
rename to src/stories/ui/Image.stories.tsx
index 3c1e87d..2491795 100644
--- a/src/stories/ui/primitives/Image.stories.tsx
+++ b/src/stories/ui/Image.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Image, Picture, PictureSource } from "ui/primitives";
+import { Image, Picture, PictureSource } from "ui";
 
 const meta: Meta<typeof Image> = {
   component: Image,
-  title: "UI Primitives/Image",
+  title: "SDS UI/Image",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Input.stories.tsx b/src/stories/ui/Input.stories.tsx
similarity index 86%
rename from src/stories/ui/primitives/Input.stories.tsx
rename to src/stories/ui/Input.stories.tsx
index bae479c..8e7ac65 100644
--- a/src/stories/ui/primitives/Input.stories.tsx
+++ b/src/stories/ui/Input.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { InputField } from "ui/primitives";
+import { InputField } from "ui";
 
 const meta: Meta<typeof InputField> = {
   component: InputField,
-  title: "UI Primitives/Input",
+  title: "SDS UI/Input",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Link.stories.tsx b/src/stories/ui/Link.stories.tsx
similarity index 84%
rename from src/stories/ui/primitives/Link.stories.tsx
rename to src/stories/ui/Link.stories.tsx
index 8b7424b..8525fbf 100644
--- a/src/stories/ui/primitives/Link.stories.tsx
+++ b/src/stories/ui/Link.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Link } from "ui/primitives";
+import { Link } from "ui";
 
 const meta: Meta<typeof Link> = {
   component: Link,
-  title: "UI Primitives/Link",
+  title: "SDS UI/Link",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/ListBox.stories.tsx b/src/stories/ui/ListBox.stories.tsx
similarity index 91%
rename from src/stories/ui/primitives/ListBox.stories.tsx
rename to src/stories/ui/ListBox.stories.tsx
index e11857d..983cae1 100644
--- a/src/stories/ui/primitives/ListBox.stories.tsx
+++ b/src/stories/ui/ListBox.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Description, Label, ListBox, ListBoxItem } from "ui/primitives";
+import { Description, Label, ListBox, ListBoxItem } from "ui";
 
 const meta: Meta<typeof ListBox> = {
   component: ListBox,
-  title: "UI Primitives/ListBox",
+  title: "SDS UI/ListBox",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Menu.stories.tsx b/src/stories/ui/Menu.stories.tsx
similarity index 95%
rename from src/stories/ui/primitives/Menu.stories.tsx
rename to src/stories/ui/Menu.stories.tsx
index ec38d24..85f8ae4 100644
--- a/src/stories/ui/primitives/Menu.stories.tsx
+++ b/src/stories/ui/Menu.stories.tsx
@@ -7,11 +7,11 @@ import {
   MenuLabel,
   MenuSeparator,
   MenuShortcut,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof MenuButton> = {
   component: MenuButton,
-  title: "UI Primitives/Menu",
+  title: "SDS UI/Menu",
   parameters: { layout: "centered" },
 };
 
diff --git a/src/stories/ui/primitives/Navigation.stories.tsx b/src/stories/ui/Navigation.stories.tsx
similarity index 92%
rename from src/stories/ui/primitives/Navigation.stories.tsx
rename to src/stories/ui/Navigation.stories.tsx
index 5d3bcbc..fbd2c9b 100644
--- a/src/stories/ui/primitives/Navigation.stories.tsx
+++ b/src/stories/ui/Navigation.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { useState } from "react";
-import { Navigation, NavigationItem } from "ui/primitives";
+import { Navigation, NavigationItem } from "ui";
 
 const meta: Meta<typeof Navigation> = {
   component: Navigation,
-  title: "UI Primitives/Navigation",
+  title: "SDS UI/Navigation",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Notification.stories.tsx b/src/stories/ui/Notification.stories.tsx
similarity index 88%
rename from src/stories/ui/primitives/Notification.stories.tsx
rename to src/stories/ui/Notification.stories.tsx
index 0df2de8..eac4121 100644
--- a/src/stories/ui/primitives/Notification.stories.tsx
+++ b/src/stories/ui/Notification.stories.tsx
@@ -1,17 +1,11 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { IconInfo } from "icons";
 import { ComponentProps } from "react";
-import {
-  Button,
-  DestructiveButton,
-  Notification,
-  Text,
-  TextStrong,
-} from "ui/primitives";
+import { Button, DestructiveButton, Notification, Text, TextStrong } from "ui";
 
 const meta: Meta<typeof Notification> = {
   component: Notification,
-  title: "UI Primitives/Notification",
+  title: "SDS UI/Notification",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Pagination.stories.tsx b/src/stories/ui/Pagination.stories.tsx
similarity index 94%
rename from src/stories/ui/primitives/Pagination.stories.tsx
rename to src/stories/ui/Pagination.stories.tsx
index 19722a9..7cf45f9 100644
--- a/src/stories/ui/primitives/Pagination.stories.tsx
+++ b/src/stories/ui/Pagination.stories.tsx
@@ -6,11 +6,11 @@ import {
   PaginationNext,
   PaginationPage,
   PaginationPrevious,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Pagination> = {
   component: Pagination,
-  title: "UI Primitives/Pagination",
+  title: "SDS UI/Pagination",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Radio.stories.tsx b/src/stories/ui/Radio.stories.tsx
similarity index 90%
rename from src/stories/ui/primitives/Radio.stories.tsx
rename to src/stories/ui/Radio.stories.tsx
index 1a6ffde..34f5221 100644
--- a/src/stories/ui/primitives/Radio.stories.tsx
+++ b/src/stories/ui/Radio.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Radio, RadioField, RadioGroup } from "ui/primitives";
+import { Radio, RadioField, RadioGroup } from "ui";
 
 const meta: Meta<typeof Radio> = {
   component: Radio,
-  title: "UI Primitives/Radio",
+  title: "SDS UI/Radio",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Search.stories.tsx b/src/stories/ui/Search.stories.tsx
similarity index 97%
rename from src/stories/ui/primitives/Search.stories.tsx
rename to src/stories/ui/Search.stories.tsx
index 553f6a7..2e31646 100644
--- a/src/stories/ui/primitives/Search.stories.tsx
+++ b/src/stories/ui/Search.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { useState } from "react";
-import { Search } from "ui/primitives";
+import { Search } from "ui";
 
 const meta: Meta<typeof Search> = {
   component: Search,
-  title: "UI Primitives/Search",
+  title: "SDS UI/Search",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Select.stories.tsx b/src/stories/ui/Select.stories.tsx
similarity index 89%
rename from src/stories/ui/primitives/Select.stories.tsx
rename to src/stories/ui/Select.stories.tsx
index 7728904..3745a4e 100644
--- a/src/stories/ui/primitives/Select.stories.tsx
+++ b/src/stories/ui/Select.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { SelectField, SelectItem } from "ui/primitives";
+import { SelectField, SelectItem } from "ui";
 
 const meta: Meta<typeof SelectField> = {
   component: SelectField,
-  title: "UI Primitives/Select",
+  title: "SDS UI/Select",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Slider.stories.tsx b/src/stories/ui/Slider.stories.tsx
similarity index 94%
rename from src/stories/ui/primitives/Slider.stories.tsx
rename to src/stories/ui/Slider.stories.tsx
index 650d6d6..97458ab 100644
--- a/src/stories/ui/primitives/Slider.stories.tsx
+++ b/src/stories/ui/Slider.stories.tsx
@@ -6,11 +6,11 @@ import {
   SliderOutput,
   SliderThumb,
   SliderTrack,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Slider> = {
   component: Slider,
-  title: "UI Primitives/Slider",
+  title: "SDS UI/Slider",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Switch.stories.tsx b/src/stories/ui/Switch.stories.tsx
similarity index 88%
rename from src/stories/ui/primitives/Switch.stories.tsx
rename to src/stories/ui/Switch.stories.tsx
index e51bf13..935c53a 100644
--- a/src/stories/ui/primitives/Switch.stories.tsx
+++ b/src/stories/ui/Switch.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { SwitchField, SwitchGroup } from "ui/primitives";
+import { SwitchField, SwitchGroup } from "ui";
 
 const meta: Meta<typeof SwitchField> = {
   component: SwitchField,
-  title: "UI Primitives/Switch",
+  title: "SDS UI/Switch",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Tab.stories.tsx b/src/stories/ui/Tab.stories.tsx
similarity index 90%
rename from src/stories/ui/primitives/Tab.stories.tsx
rename to src/stories/ui/Tab.stories.tsx
index f299a94..d543279 100644
--- a/src/stories/ui/primitives/Tab.stories.tsx
+++ b/src/stories/ui/Tab.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Tab, TabList, TabPanel, Tabs } from "ui/primitives";
+import { Tab, TabList, TabPanel, Tabs } from "ui";
 
 const meta: Meta<typeof Tabs> = {
   component: Tabs,
-  title: "UI Primitives/Tabs",
+  title: "SDS UI/Tabs",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Table.stories.tsx b/src/stories/ui/Table.stories.tsx
similarity index 98%
rename from src/stories/ui/primitives/Table.stories.tsx
rename to src/stories/ui/Table.stories.tsx
index 6e18b89..5927297 100644
--- a/src/stories/ui/primitives/Table.stories.tsx
+++ b/src/stories/ui/Table.stories.tsx
@@ -1,8 +1,8 @@
 import { useState } from "@storybook/preview-api";
 import type { Meta, StoryObj } from "@storybook/react";
 import { IconTrash } from "icons";
+import { Flex } from "layout";
 import { SortDescriptor } from "react-stately";
-import { Flex } from "ui/layout";
 import {
   Button,
   IconButton,
@@ -14,11 +14,11 @@ import {
   TableHead,
   TableRow,
   Tag,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Table> = {
   component: Table,
-  title: "UI Primitives/Table",
+  title: "SDS UI/Table",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Tag.stories.tsx b/src/stories/ui/Tag.stories.tsx
similarity index 96%
rename from src/stories/ui/primitives/Tag.stories.tsx
rename to src/stories/ui/Tag.stories.tsx
index d9ba461..591492c 100644
--- a/src/stories/ui/primitives/Tag.stories.tsx
+++ b/src/stories/ui/Tag.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { IconAirplay, IconCheck } from "icons";
-import { Flex } from "ui/layout";
+import { Flex } from "layout";
 import {
   Label,
   Tag,
@@ -8,11 +8,11 @@ import {
   TagToggle,
   TagToggleGroup,
   TagToggleList,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Tag> = {
   component: Tag,
-  title: "UI Primitives/Tag",
+  title: "SDS UI/Tag",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Text.stories.tsx b/src/stories/ui/Text.stories.tsx
similarity index 94%
rename from src/stories/ui/primitives/Text.stories.tsx
rename to src/stories/ui/Text.stories.tsx
index dabd31a..c7a6cc8 100644
--- a/src/stories/ui/primitives/Text.stories.tsx
+++ b/src/stories/ui/Text.stories.tsx
@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { Flex } from "ui/layout";
+import { Flex } from "layout";
 import {
   Text,
   TextCode,
@@ -15,11 +15,11 @@ import {
   TextSubtitle,
   TextTitleHero,
   TextTitlePage,
-} from "ui/primitives";
+} from "ui";
 
 const meta: Meta<typeof Text> = {
   component: Text,
-  title: "UI Primitives/Text",
+  title: "SDS UI/Text",
 };
 export default meta;
 type Story = StoryObj<typeof Text>;
diff --git a/src/stories/ui/primitives/TextArea.stories.tsx b/src/stories/ui/TextArea.stories.tsx
similarity index 94%
rename from src/stories/ui/primitives/TextArea.stories.tsx
rename to src/stories/ui/TextArea.stories.tsx
index fc5c9a9..010102a 100644
--- a/src/stories/ui/primitives/TextArea.stories.tsx
+++ b/src/stories/ui/TextArea.stories.tsx
@@ -1,9 +1,9 @@
 import type { Meta, StoryObj } from "@storybook/react";
-import { TextAreaField } from "ui/primitives";
+import { TextAreaField } from "ui";
 
 const meta: Meta<typeof TextAreaField> = {
   component: TextAreaField,
-  title: "UI Primitives/TextArea",
+  title: "SDS UI/TextArea",
   parameters: { layout: "centered" },
 };
 export default meta;
diff --git a/src/stories/ui/primitives/Tooltip.stories.tsx b/src/stories/ui/Tooltip.stories.tsx
similarity index 81%
rename from src/stories/ui/primitives/Tooltip.stories.tsx
rename to src/stories/ui/Tooltip.stories.tsx
index e747f9c..6165dc5 100644
--- a/src/stories/ui/primitives/Tooltip.stories.tsx
+++ b/src/stories/ui/Tooltip.stories.tsx
@@ -1,10 +1,10 @@
 import type { Meta } from "@storybook/react";
 import { IconHelpCircle } from "icons";
-import { DialogTrigger, IconButton, Text, Tooltip } from "ui/primitives";
+import { DialogTrigger, IconButton, Text, Tooltip } from "ui";
 
 const meta: Meta<typeof Tooltip> = {
   component: Tooltip,
-  title: "UI Primitives/Tooltip",
+  title: "SDS UI/Tooltip",
   parameters: { layout: "centered" },
 };
 
diff --git a/src/ui/primitives/Accordion/Accordion.figma.tsx b/src/ui/Accordion/Accordion.figma.tsx
similarity index 100%
rename from src/ui/primitives/Accordion/Accordion.figma.tsx
rename to src/ui/Accordion/Accordion.figma.tsx
diff --git a/src/ui/primitives/Accordion/Accordion.tsx b/src/ui/Accordion/Accordion.tsx
similarity index 100%
rename from src/ui/primitives/Accordion/Accordion.tsx
rename to src/ui/Accordion/Accordion.tsx
diff --git a/src/ui/primitives/Accordion/accordion.css b/src/ui/Accordion/accordion.css
similarity index 100%
rename from src/ui/primitives/Accordion/accordion.css
rename to src/ui/Accordion/accordion.css
diff --git a/src/ui/primitives/Avatar/Avatar.figma.tsx b/src/ui/Avatar/Avatar.figma.tsx
similarity index 100%
rename from src/ui/primitives/Avatar/Avatar.figma.tsx
rename to src/ui/Avatar/Avatar.figma.tsx
diff --git a/src/ui/primitives/Avatar/Avatar.tsx b/src/ui/Avatar/Avatar.tsx
similarity index 97%
rename from src/ui/primitives/Avatar/Avatar.tsx
rename to src/ui/Avatar/Avatar.tsx
index 06fe25f..aa802da 100644
--- a/src/ui/primitives/Avatar/Avatar.tsx
+++ b/src/ui/Avatar/Avatar.tsx
@@ -1,9 +1,6 @@
 import clsx from "clsx";
 import React from "react";
-import {
-  AnchorOrButton,
-  type AnchorOrButtonProps,
-} from "ui/utils/AnchorOrButton";
+import { AnchorOrButton, type AnchorOrButtonProps } from "utils";
 import { Text, TextStrong } from "../Text/Text";
 import "./avatar.css";
 
diff --git a/src/ui/primitives/Avatar/avatar.css b/src/ui/Avatar/avatar.css
similarity index 100%
rename from src/ui/primitives/Avatar/avatar.css
rename to src/ui/Avatar/avatar.css
diff --git a/src/ui/primitives/Button/Button.figma.tsx b/src/ui/Button/Button.figma.tsx
similarity index 100%
rename from src/ui/primitives/Button/Button.figma.tsx
rename to src/ui/Button/Button.figma.tsx
diff --git a/src/ui/primitives/Button/Button.tsx b/src/ui/Button/Button.tsx
similarity index 95%
rename from src/ui/primitives/Button/Button.tsx
rename to src/ui/Button/Button.tsx
index 808aa54..fb0c7ae 100644
--- a/src/ui/primitives/Button/Button.tsx
+++ b/src/ui/Button/Button.tsx
@@ -1,9 +1,6 @@
 import { clsx } from "clsx";
 import React, { ComponentPropsWithoutRef } from "react";
-import {
-  AnchorOrButton,
-  type AnchorOrButtonProps,
-} from "ui/utils/AnchorOrButton";
+import { AnchorOrButton, type AnchorOrButtonProps } from "utils";
 import "./button.css";
 
 export type ButtonProps = Omit<ButtonBaseProps, "variant"> & {
diff --git a/src/ui/primitives/Button/button.css b/src/ui/Button/button.css
similarity index 100%
rename from src/ui/primitives/Button/button.css
rename to src/ui/Button/button.css
diff --git a/src/ui/primitives/Checkbox/Checkbox.figma.tsx b/src/ui/Checkbox/Checkbox.figma.tsx
similarity index 100%
rename from src/ui/primitives/Checkbox/Checkbox.figma.tsx
rename to src/ui/Checkbox/Checkbox.figma.tsx
diff --git a/src/ui/primitives/Checkbox/Checkbox.tsx b/src/ui/Checkbox/Checkbox.tsx
similarity index 98%
rename from src/ui/primitives/Checkbox/Checkbox.tsx
rename to src/ui/Checkbox/Checkbox.tsx
index 4fb69b5..91fe58b 100644
--- a/src/ui/primitives/Checkbox/Checkbox.tsx
+++ b/src/ui/Checkbox/Checkbox.tsx
@@ -11,7 +11,7 @@ import {
   FieldError,
   Label,
   SharedFieldProps,
-} from "ui/primitives/Fieldset/Fieldset";
+} from "ui/Fieldset/Fieldset";
 import "./checkbox.css";
 
 export interface CheckboxGroupProps
diff --git a/src/ui/primitives/Checkbox/checkbox.css b/src/ui/Checkbox/checkbox.css
similarity index 100%
rename from src/ui/primitives/Checkbox/checkbox.css
rename to src/ui/Checkbox/checkbox.css
diff --git a/src/ui/primitives/Dialog/Dialog.figma.tsx b/src/ui/Dialog/Dialog.figma.tsx
similarity index 100%
rename from src/ui/primitives/Dialog/Dialog.figma.tsx
rename to src/ui/Dialog/Dialog.figma.tsx
diff --git a/src/ui/primitives/Dialog/Dialog.tsx b/src/ui/Dialog/Dialog.tsx
similarity index 94%
rename from src/ui/primitives/Dialog/Dialog.tsx
rename to src/ui/Dialog/Dialog.tsx
index 78ddea6..d8211bb 100644
--- a/src/ui/primitives/Dialog/Dialog.tsx
+++ b/src/ui/Dialog/Dialog.tsx
@@ -9,17 +9,14 @@ import {
   type DialogTriggerProps as RACDialogTriggerProps,
   type ModalOverlayProps as RACModalOverlayProps,
 } from "react-aria-components";
-import { Button, ButtonProps } from "ui/primitives/Button/Button";
-import {
-  IconButton,
-  IconButtonProps,
-} from "ui/primitives/IconButton/IconButton";
+import { Button, ButtonProps } from "ui/Button/Button";
+import { IconButton, IconButtonProps } from "ui/IconButton/IconButton";
 import {
   Text,
   TextHeading,
   type TextHeadingProps,
   type TextProps,
-} from "ui/primitives/Text/Text";
+} from "ui/Text/Text";
 import "./dialog.css";
 
 export type DialogProps = RACDialogProps & {
diff --git a/src/ui/primitives/Dialog/dialog.css b/src/ui/Dialog/dialog.css
similarity index 100%
rename from src/ui/primitives/Dialog/dialog.css
rename to src/ui/Dialog/dialog.css
diff --git a/src/ui/primitives/Fieldset/Fieldset.figma.tsx b/src/ui/Fieldset/Fieldset.figma.tsx
similarity index 100%
rename from src/ui/primitives/Fieldset/Fieldset.figma.tsx
rename to src/ui/Fieldset/Fieldset.figma.tsx
diff --git a/src/ui/primitives/Fieldset/Fieldset.tsx b/src/ui/Fieldset/Fieldset.tsx
similarity index 100%
rename from src/ui/primitives/Fieldset/Fieldset.tsx
rename to src/ui/Fieldset/Fieldset.tsx
diff --git a/src/ui/primitives/Fieldset/fieldset.css b/src/ui/Fieldset/fieldset.css
similarity index 100%
rename from src/ui/primitives/Fieldset/fieldset.css
rename to src/ui/Fieldset/fieldset.css
diff --git a/src/ui/primitives/Icon/Icon.tsx b/src/ui/Icon/Icon.tsx
similarity index 100%
rename from src/ui/primitives/Icon/Icon.tsx
rename to src/ui/Icon/Icon.tsx
diff --git a/src/ui/primitives/IconButton/IconButton.figma.tsx b/src/ui/IconButton/IconButton.figma.tsx
similarity index 100%
rename from src/ui/primitives/IconButton/IconButton.figma.tsx
rename to src/ui/IconButton/IconButton.figma.tsx
diff --git a/src/ui/primitives/IconButton/IconButton.tsx b/src/ui/IconButton/IconButton.tsx
similarity index 95%
rename from src/ui/primitives/IconButton/IconButton.tsx
rename to src/ui/IconButton/IconButton.tsx
index d85aeeb..b9fca86 100644
--- a/src/ui/primitives/IconButton/IconButton.tsx
+++ b/src/ui/IconButton/IconButton.tsx
@@ -5,7 +5,7 @@ import {
   DestructiveButton,
   DestructiveButtonProps,
   type ButtonProps,
-} from "ui/primitives/Button/Button";
+} from "ui/Button/Button";
 import "./iconButton.css";
 
 export type IconButtonProps = Omit<ButtonProps, "aria-label"> & {
diff --git a/src/ui/primitives/IconButton/iconButton.css b/src/ui/IconButton/iconButton.css
similarity index 100%
rename from src/ui/primitives/IconButton/iconButton.css
rename to src/ui/IconButton/iconButton.css
diff --git a/src/ui/primitives/Image/Image.tsx b/src/ui/Image/Image.tsx
similarity index 100%
rename from src/ui/primitives/Image/Image.tsx
rename to src/ui/Image/Image.tsx
diff --git a/src/ui/primitives/Image/image.css b/src/ui/Image/image.css
similarity index 100%
rename from src/ui/primitives/Image/image.css
rename to src/ui/Image/image.css
diff --git a/src/ui/primitives/Input/Input.figma.tsx b/src/ui/Input/Input.figma.tsx
similarity index 100%
rename from src/ui/primitives/Input/Input.figma.tsx
rename to src/ui/Input/Input.figma.tsx
diff --git a/src/ui/primitives/Input/Input.tsx b/src/ui/Input/Input.tsx
similarity index 96%
rename from src/ui/primitives/Input/Input.tsx
rename to src/ui/Input/Input.tsx
index d0e3f33..291a874 100644
--- a/src/ui/primitives/Input/Input.tsx
+++ b/src/ui/Input/Input.tsx
@@ -11,7 +11,7 @@ import {
   FieldError,
   Label,
   SharedFieldProps,
-} from "ui/primitives/Fieldset/Fieldset";
+} from "ui/Fieldset/Fieldset";
 import "./input.css";
 
 export type InputFieldProps = SharedFieldProps & RACTextFieldProps;
diff --git a/src/ui/primitives/Input/input.css b/src/ui/Input/input.css
similarity index 100%
rename from src/ui/primitives/Input/input.css
rename to src/ui/Input/input.css
diff --git a/src/ui/primitives/Link/Link.tsx b/src/ui/Link/Link.tsx
similarity index 100%
rename from src/ui/primitives/Link/Link.tsx
rename to src/ui/Link/Link.tsx
diff --git a/src/ui/primitives/Link/link.css b/src/ui/Link/link.css
similarity index 100%
rename from src/ui/primitives/Link/link.css
rename to src/ui/Link/link.css
diff --git a/src/ui/primitives/ListBox/ListBox.tsx b/src/ui/ListBox/ListBox.tsx
similarity index 100%
rename from src/ui/primitives/ListBox/ListBox.tsx
rename to src/ui/ListBox/ListBox.tsx
diff --git a/src/ui/primitives/ListBox/listBox.css b/src/ui/ListBox/listBox.css
similarity index 100%
rename from src/ui/primitives/ListBox/listBox.css
rename to src/ui/ListBox/listBox.css
diff --git a/src/ui/primitives/Logo/Logo.figma.tsx b/src/ui/Logo/Logo.figma.tsx
similarity index 100%
rename from src/ui/primitives/Logo/Logo.figma.tsx
rename to src/ui/Logo/Logo.figma.tsx
diff --git a/src/ui/primitives/Logo/Logo.tsx b/src/ui/Logo/Logo.tsx
similarity index 80%
rename from src/ui/primitives/Logo/Logo.tsx
rename to src/ui/Logo/Logo.tsx
index 9c6de6f..a3b14db 100644
--- a/src/ui/primitives/Logo/Logo.tsx
+++ b/src/ui/Logo/Logo.tsx
@@ -1,9 +1,6 @@
 import clsx from "clsx";
 import { IconFigma } from "icons";
-import {
-  AnchorOrButton,
-  type AnchorOrButtonProps,
-} from "ui/utils/AnchorOrButton";
+import { AnchorOrButton, type AnchorOrButtonProps } from "utils";
 import "./logo.css";
 
 export type LogoProps = AnchorOrButtonProps;
diff --git a/src/ui/primitives/Logo/logo.css b/src/ui/Logo/logo.css
similarity index 100%
rename from src/ui/primitives/Logo/logo.css
rename to src/ui/Logo/logo.css
diff --git a/src/ui/primitives/Menu/Menu.figma.tsx b/src/ui/Menu/Menu.figma.tsx
similarity index 100%
rename from src/ui/primitives/Menu/Menu.figma.tsx
rename to src/ui/Menu/Menu.figma.tsx
diff --git a/src/ui/primitives/Menu/Menu.tsx b/src/ui/Menu/Menu.tsx
similarity index 99%
rename from src/ui/primitives/Menu/Menu.tsx
rename to src/ui/Menu/Menu.tsx
index 60c199d..87a8dda 100644
--- a/src/ui/primitives/Menu/Menu.tsx
+++ b/src/ui/Menu/Menu.tsx
@@ -25,7 +25,7 @@ import {
   LabelProps,
   TextHeading,
   type TextHeadingProps,
-} from "ui/primitives";
+} from "ui";
 import "./menu.css";
 
 export type MenuProps<T> = RACMenuProps<T>;
diff --git a/src/ui/primitives/Menu/menu.css b/src/ui/Menu/menu.css
similarity index 100%
rename from src/ui/primitives/Menu/menu.css
rename to src/ui/Menu/menu.css
diff --git a/src/ui/primitives/Navigation/Navigation.figma.tsx b/src/ui/Navigation/Navigation.figma.tsx
similarity index 100%
rename from src/ui/primitives/Navigation/Navigation.figma.tsx
rename to src/ui/Navigation/Navigation.figma.tsx
diff --git a/src/ui/primitives/Navigation/Navigation.tsx b/src/ui/Navigation/Navigation.tsx
similarity index 91%
rename from src/ui/primitives/Navigation/Navigation.tsx
rename to src/ui/Navigation/Navigation.tsx
index 1ce5e4d..9e30b1e 100644
--- a/src/ui/primitives/Navigation/Navigation.tsx
+++ b/src/ui/Navigation/Navigation.tsx
@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import { ComponentPropsWithoutRef } from "react";
-import { AnchorOrButton, AnchorOrButtonProps } from "ui/utils/AnchorOrButton";
+import { AnchorOrButton, AnchorOrButtonProps } from "utils";
 import "./navigation.css";
 
 export type NavigationProps = ComponentPropsWithoutRef<"nav"> & {
diff --git a/src/ui/primitives/Navigation/navigation.css b/src/ui/Navigation/navigation.css
similarity index 100%
rename from src/ui/primitives/Navigation/navigation.css
rename to src/ui/Navigation/navigation.css
diff --git a/src/ui/primitives/Notification/Notification.figma.tsx b/src/ui/Notification/Notification.figma.tsx
similarity index 100%
rename from src/ui/primitives/Notification/Notification.figma.tsx
rename to src/ui/Notification/Notification.figma.tsx
diff --git a/src/ui/primitives/Notification/Notification.tsx b/src/ui/Notification/Notification.tsx
similarity index 93%
rename from src/ui/primitives/Notification/Notification.tsx
rename to src/ui/Notification/Notification.tsx
index f3f96a1..fbc6a9f 100644
--- a/src/ui/primitives/Notification/Notification.tsx
+++ b/src/ui/Notification/Notification.tsx
@@ -1,10 +1,7 @@
 import clsx from "clsx";
 import { IconX } from "icons";
 import { ReactNode } from "react";
-import {
-  DestructiveIconButton,
-  IconButton,
-} from "ui/primitives/IconButton/IconButton";
+import { DestructiveIconButton, IconButton } from "ui/IconButton/IconButton";
 import "./notification.css";
 
 type NotificationVariant = "message" | "alert";
diff --git a/src/ui/primitives/Notification/notification.css b/src/ui/Notification/notification.css
similarity index 100%
rename from src/ui/primitives/Notification/notification.css
rename to src/ui/Notification/notification.css
diff --git a/src/ui/primitives/Pagination/Pagination.figma.tsx b/src/ui/Pagination/Pagination.figma.tsx
similarity index 100%
rename from src/ui/primitives/Pagination/Pagination.figma.tsx
rename to src/ui/Pagination/Pagination.figma.tsx
diff --git a/src/ui/primitives/Pagination/Pagination.tsx b/src/ui/Pagination/Pagination.tsx
similarity index 97%
rename from src/ui/primitives/Pagination/Pagination.tsx
rename to src/ui/Pagination/Pagination.tsx
index 4719e6d..eda72e6 100644
--- a/src/ui/primitives/Pagination/Pagination.tsx
+++ b/src/ui/Pagination/Pagination.tsx
@@ -1,7 +1,7 @@
 import clsx from "clsx";
 import { IconArrowLeft, IconArrowRight } from "icons";
 import type React from "react";
-import { Button } from "ui/primitives";
+import { Button } from "ui";
 import "./pagination.css";
 
 export type PaginationProps = React.ComponentPropsWithoutRef<"nav">;
diff --git a/src/ui/primitives/Pagination/pagination.css b/src/ui/Pagination/pagination.css
similarity index 100%
rename from src/ui/primitives/Pagination/pagination.css
rename to src/ui/Pagination/pagination.css
diff --git a/src/ui/primitives/Radio/Radio.figma.tsx b/src/ui/Radio/Radio.figma.tsx
similarity index 100%
rename from src/ui/primitives/Radio/Radio.figma.tsx
rename to src/ui/Radio/Radio.figma.tsx
diff --git a/src/ui/primitives/Radio/Radio.tsx b/src/ui/Radio/Radio.tsx
similarity index 95%
rename from src/ui/primitives/Radio/Radio.tsx
rename to src/ui/Radio/Radio.tsx
index 8771ee9..fddd40a 100644
--- a/src/ui/primitives/Radio/Radio.tsx
+++ b/src/ui/Radio/Radio.tsx
@@ -5,12 +5,7 @@ import {
   type RadioGroupProps as RACRadioGroupProps,
   type RadioProps as RACRadioProps,
 } from "react-aria-components";
-import {
-  Description,
-  FieldError,
-  Label,
-  SharedFieldProps,
-} from "ui/primitives";
+import { Description, FieldError, Label, SharedFieldProps } from "ui";
 import "./radio.css";
 
 export interface RadioGroupProps
diff --git a/src/ui/primitives/Radio/radio.css b/src/ui/Radio/radio.css
similarity index 100%
rename from src/ui/primitives/Radio/radio.css
rename to src/ui/Radio/radio.css
diff --git a/src/ui/primitives/Search/Search.figma.tsx b/src/ui/Search/Search.figma.tsx
similarity index 100%
rename from src/ui/primitives/Search/Search.figma.tsx
rename to src/ui/Search/Search.figma.tsx
diff --git a/src/ui/primitives/Search/Search.tsx b/src/ui/Search/Search.tsx
similarity index 100%
rename from src/ui/primitives/Search/Search.tsx
rename to src/ui/Search/Search.tsx
diff --git a/src/ui/primitives/Search/search.css b/src/ui/Search/search.css
similarity index 100%
rename from src/ui/primitives/Search/search.css
rename to src/ui/Search/search.css
diff --git a/src/ui/primitives/Select/Select.figma.tsx b/src/ui/Select/Select.figma.tsx
similarity index 100%
rename from src/ui/primitives/Select/Select.figma.tsx
rename to src/ui/Select/Select.figma.tsx
diff --git a/src/ui/primitives/Select/Select.tsx b/src/ui/Select/Select.tsx
similarity index 98%
rename from src/ui/primitives/Select/Select.tsx
rename to src/ui/Select/Select.tsx
index db954d3..4d6bd39 100644
--- a/src/ui/primitives/Select/Select.tsx
+++ b/src/ui/Select/Select.tsx
@@ -16,7 +16,7 @@ import {
   ListBoxItem,
   SharedFieldProps,
   type ListBoxItemProps,
-} from "ui/primitives";
+} from "ui";
 import "./select.css";
 
 export interface SelectFieldProps<T extends object>
diff --git a/src/ui/primitives/Select/select.css b/src/ui/Select/select.css
similarity index 100%
rename from src/ui/primitives/Select/select.css
rename to src/ui/Select/select.css
diff --git a/src/ui/primitives/Slider/Slider.figma.tsx b/src/ui/Slider/Slider.figma.tsx
similarity index 100%
rename from src/ui/primitives/Slider/Slider.figma.tsx
rename to src/ui/Slider/Slider.figma.tsx
diff --git a/src/ui/primitives/Slider/Slider.tsx b/src/ui/Slider/Slider.tsx
similarity index 97%
rename from src/ui/primitives/Slider/Slider.tsx
rename to src/ui/Slider/Slider.tsx
index ead74b0..7523176 100644
--- a/src/ui/primitives/Slider/Slider.tsx
+++ b/src/ui/Slider/Slider.tsx
@@ -9,7 +9,7 @@ import {
   type SliderThumbProps as RACSliderThumbProps,
   type SliderTrackProps as RACSliderTrackProps,
 } from "react-aria-components";
-import { Description, Field, Label } from "ui/primitives";
+import { Description, Field, Label } from "ui";
 import "./slider.css";
 
 export type SliderFieldProps = SliderProps & {
diff --git a/src/ui/primitives/Slider/slider.css b/src/ui/Slider/slider.css
similarity index 100%
rename from src/ui/primitives/Slider/slider.css
rename to src/ui/Slider/slider.css
diff --git a/src/ui/primitives/Switch/Switch.figma.tsx b/src/ui/Switch/Switch.figma.tsx
similarity index 100%
rename from src/ui/primitives/Switch/Switch.figma.tsx
rename to src/ui/Switch/Switch.figma.tsx
diff --git a/src/ui/primitives/Switch/Switch.tsx b/src/ui/Switch/Switch.tsx
similarity index 93%
rename from src/ui/primitives/Switch/Switch.tsx
rename to src/ui/Switch/Switch.tsx
index 29598a4..a5368a4 100644
--- a/src/ui/primitives/Switch/Switch.tsx
+++ b/src/ui/Switch/Switch.tsx
@@ -4,12 +4,7 @@ import {
   Switch as RACSwitch,
   type SwitchProps as RACSwitchProps,
 } from "react-aria-components";
-import {
-  Description,
-  FieldError,
-  Label,
-  SharedFieldProps,
-} from "ui/primitives";
+import { Description, FieldError, Label, SharedFieldProps } from "ui";
 import "./switch.css";
 
 export type SwitchGroupProps = React.ComponentPropsWithoutRef<"div">;
diff --git a/src/ui/primitives/Switch/switch.css b/src/ui/Switch/switch.css
similarity index 100%
rename from src/ui/primitives/Switch/switch.css
rename to src/ui/Switch/switch.css
diff --git a/src/ui/primitives/Tab/Tab.figma.tsx b/src/ui/Tab/Tab.figma.tsx
similarity index 100%
rename from src/ui/primitives/Tab/Tab.figma.tsx
rename to src/ui/Tab/Tab.figma.tsx
diff --git a/src/ui/primitives/Tab/Tab.tsx b/src/ui/Tab/Tab.tsx
similarity index 100%
rename from src/ui/primitives/Tab/Tab.tsx
rename to src/ui/Tab/Tab.tsx
diff --git a/src/ui/primitives/Tab/tab.css b/src/ui/Tab/tab.css
similarity index 100%
rename from src/ui/primitives/Tab/tab.css
rename to src/ui/Tab/tab.css
diff --git a/src/ui/primitives/Table/Table.tsx b/src/ui/Table/Table.tsx
similarity index 98%
rename from src/ui/primitives/Table/Table.tsx
rename to src/ui/Table/Table.tsx
index 09309d4..a4ccb0f 100644
--- a/src/ui/primitives/Table/Table.tsx
+++ b/src/ui/Table/Table.tsx
@@ -17,7 +17,7 @@ import {
   type TableHeaderProps as RACTableHeaderProps,
   type TableProps as RACTableProps,
 } from "react-aria-components";
-import { Checkbox } from "ui/primitives";
+import { Checkbox } from "ui";
 import "./table.css";
 
 type TableAlign = "start" | "center" | "right";
diff --git a/src/ui/primitives/Table/table.css b/src/ui/Table/table.css
similarity index 100%
rename from src/ui/primitives/Table/table.css
rename to src/ui/Table/table.css
diff --git a/src/ui/primitives/Tag/Tag.figma.tsx b/src/ui/Tag/Tag.figma.tsx
similarity index 100%
rename from src/ui/primitives/Tag/Tag.figma.tsx
rename to src/ui/Tag/Tag.figma.tsx
diff --git a/src/ui/primitives/Tag/Tag.tsx b/src/ui/Tag/Tag.tsx
similarity index 96%
rename from src/ui/primitives/Tag/Tag.tsx
rename to src/ui/Tag/Tag.tsx
index 6bc4b14..02cc542 100644
--- a/src/ui/primitives/Tag/Tag.tsx
+++ b/src/ui/Tag/Tag.tsx
@@ -11,10 +11,7 @@ import {
   type TagListProps as RACTagListProps,
   type TagProps as RACTagProps,
 } from "react-aria-components";
-import {
-  AnchorOrButton,
-  type AnchorOrButtonProps,
-} from "ui/utils/AnchorOrButton";
+import { AnchorOrButton, type AnchorOrButtonProps } from "utils";
 import "./tag.css";
 
 type TagScheme = "default" | "danger" | "positive" | "warning" | "neutral";
diff --git a/src/ui/primitives/Tag/tag.css b/src/ui/Tag/tag.css
similarity index 100%
rename from src/ui/primitives/Tag/tag.css
rename to src/ui/Tag/tag.css
diff --git a/src/ui/primitives/Text/Text.figma.tsx b/src/ui/Text/Text.figma.tsx
similarity index 100%
rename from src/ui/primitives/Text/Text.figma.tsx
rename to src/ui/Text/Text.figma.tsx
diff --git a/src/ui/primitives/Text/Text.tsx b/src/ui/Text/Text.tsx
similarity index 98%
rename from src/ui/primitives/Text/Text.tsx
rename to src/ui/Text/Text.tsx
index 922d544..78715ee 100644
--- a/src/ui/primitives/Text/Text.tsx
+++ b/src/ui/Text/Text.tsx
@@ -1,11 +1,11 @@
 import { clsx } from "clsx";
+import { Flex } from "layout";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import {
   Text as RACText,
   type TextProps as RACTextProps,
 } from "react-aria-components";
-import { Flex } from "ui/layout";
-import { Link } from "ui/primitives";
+import { Link } from "ui";
 import "./text.css";
 
 export type TextProps = RACTextProps;
diff --git a/src/ui/primitives/Text/text.css b/src/ui/Text/text.css
similarity index 100%
rename from src/ui/primitives/Text/text.css
rename to src/ui/Text/text.css
diff --git a/src/ui/primitives/TextArea/TextArea.figma.tsx b/src/ui/TextArea/TextArea.figma.tsx
similarity index 100%
rename from src/ui/primitives/TextArea/TextArea.figma.tsx
rename to src/ui/TextArea/TextArea.figma.tsx
diff --git a/src/ui/primitives/TextArea/TextArea.tsx b/src/ui/TextArea/TextArea.tsx
similarity index 93%
rename from src/ui/primitives/TextArea/TextArea.tsx
rename to src/ui/TextArea/TextArea.tsx
index 8f38dfa..d44e52f 100644
--- a/src/ui/primitives/TextArea/TextArea.tsx
+++ b/src/ui/TextArea/TextArea.tsx
@@ -6,12 +6,7 @@ import {
   type TextAreaProps as RACTextAreaProps,
   type TextFieldProps as RACTextFieldProps,
 } from "react-aria-components";
-import {
-  Description,
-  FieldError,
-  Label,
-  SharedFieldProps,
-} from "ui/primitives";
+import { Description, FieldError, Label, SharedFieldProps } from "ui";
 import "./textArea.css";
 
 export type SharedTextAreaProps = { isResizable?: boolean };
diff --git a/src/ui/primitives/TextArea/textArea.css b/src/ui/TextArea/textArea.css
similarity index 100%
rename from src/ui/primitives/TextArea/textArea.css
rename to src/ui/TextArea/textArea.css
diff --git a/src/ui/primitives/Tooltip/Tooltip.tsx b/src/ui/Tooltip/Tooltip.tsx
similarity index 96%
rename from src/ui/primitives/Tooltip/Tooltip.tsx
rename to src/ui/Tooltip/Tooltip.tsx
index c80e2f2..e6f4f41 100644
--- a/src/ui/primitives/Tooltip/Tooltip.tsx
+++ b/src/ui/Tooltip/Tooltip.tsx
@@ -5,7 +5,7 @@ import {
   type OverlayArrowProps as RACOverlayArrowProps,
   type PopoverProps as RACPopoverProps,
 } from "react-aria-components";
-import { Dialog } from "ui/primitives";
+import { Dialog } from "ui";
 import "./tooltip.css";
 
 export interface TooltipProps extends Omit<RACPopoverProps, "children"> {
diff --git a/src/ui/primitives/Tooltip/tooltip.css b/src/ui/Tooltip/tooltip.css
similarity index 100%
rename from src/ui/primitives/Tooltip/tooltip.css
rename to src/ui/Tooltip/tooltip.css
diff --git a/src/ui/index.ts b/src/ui/index.ts
index da31e9b..96d6e1f 100644
--- a/src/ui/index.ts
+++ b/src/ui/index.ts
@@ -1,3 +1,28 @@
-export * from "./compositions";
-export * from "./layout";
-export * from "./primitives";
+export * from "./Accordion/Accordion";
+export * from "./Avatar/Avatar";
+export * from "./Button/Button";
+export * from "./Checkbox/Checkbox";
+export * from "./Dialog/Dialog";
+export * from "./Fieldset/Fieldset";
+export * from "./Icon/Icon";
+export * from "./IconButton/IconButton";
+export * from "./Image/Image";
+export * from "./Input/Input";
+export * from "./Link/Link";
+export * from "./ListBox/ListBox";
+export * from "./Logo/Logo";
+export * from "./Menu/Menu";
+export * from "./Navigation/Navigation";
+export * from "./Notification/Notification";
+export * from "./Pagination/Pagination";
+export * from "./Radio/Radio";
+export * from "./Search/Search";
+export * from "./Select/Select";
+export * from "./Slider/Slider";
+export * from "./Switch/Switch";
+export * from "./Tab/Tab";
+export * from "./Table/Table";
+export * from "./Tag/Tag";
+export * from "./Text/Text";
+export * from "./TextArea/TextArea";
+export * from "./Tooltip/Tooltip";
diff --git a/src/ui/primitives/index.ts b/src/ui/primitives/index.ts
deleted file mode 100644
index 96d6e1f..0000000
--- a/src/ui/primitives/index.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export * from "./Accordion/Accordion";
-export * from "./Avatar/Avatar";
-export * from "./Button/Button";
-export * from "./Checkbox/Checkbox";
-export * from "./Dialog/Dialog";
-export * from "./Fieldset/Fieldset";
-export * from "./Icon/Icon";
-export * from "./IconButton/IconButton";
-export * from "./Image/Image";
-export * from "./Input/Input";
-export * from "./Link/Link";
-export * from "./ListBox/ListBox";
-export * from "./Logo/Logo";
-export * from "./Menu/Menu";
-export * from "./Navigation/Navigation";
-export * from "./Notification/Notification";
-export * from "./Pagination/Pagination";
-export * from "./Radio/Radio";
-export * from "./Search/Search";
-export * from "./Select/Select";
-export * from "./Slider/Slider";
-export * from "./Switch/Switch";
-export * from "./Tab/Tab";
-export * from "./Table/Table";
-export * from "./Tag/Tag";
-export * from "./Text/Text";
-export * from "./TextArea/TextArea";
-export * from "./Tooltip/Tooltip";
diff --git a/src/ui/utils/AnchorOrButton.tsx b/src/utils/AnchorOrButton.tsx
similarity index 100%
rename from src/ui/utils/AnchorOrButton.tsx
rename to src/utils/AnchorOrButton.tsx
diff --git a/src/utils/index.ts b/src/utils/index.ts
new file mode 100644
index 0000000..cd575a2
--- /dev/null
+++ b/src/utils/index.ts
@@ -0,0 +1 @@
+export * from "./AnchorOrButton";
diff --git a/tsconfig.json b/tsconfig.json
index 45ec775..700a57a 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,12 +17,13 @@
     "noFallthroughCasesInSwitch": true,
     "baseUrl": "./src",
     "paths": {
-      "icons": ["./icons"],
+      "compositions": ["./compositions"],
       "hooks": ["./hooks"],
+      "icons": ["./icons"],
+      "layout": ["./layout"],
       "providers": ["./providers"],
-      "ui/compositions": ["./ui/compositions"],
-      "ui/layout": ["./ui/layout"],
-      "ui/primitives": ["./ui/primitives"]
+      "ui": ["./ui"],
+      "utils": ["./utils"]
     }
   },
   "include": ["src", "scripts"]
diff --git a/vite.config.ts b/vite.config.ts
index f4cd9c8..71eb058 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,11 +7,13 @@ export default defineConfig({
   plugins: [react()],
   resolve: {
     alias: {
-      blocks: path.resolve(__dirname, "./src/blocks"),
-      icons: path.resolve(__dirname, "./src/icons"),
+      compositions: path.resolve(__dirname, "./src/compositions"),
       hooks: path.resolve(__dirname, "./src/hooks"),
+      icons: path.resolve(__dirname, "./src/icons"),
+      layout: path.resolve(__dirname, "./src/layout"),
       providers: path.resolve(__dirname, "./src/providers"),
       ui: path.resolve(__dirname, "./src/ui"),
+      utils: path.resolve(__dirname, "./src/utils"),
     },
   },
   server: {