npm - quickblox-react-ui-kit - Versions diffs - 0.2.8 → 0.3.0-beta.2 - Mend

quickblox-react-ui-kit 0.2.8 → 0.3.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1081) hide show

package/src/Presentation/components/UI/svgs/Icons/Media/VideoFile/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function VideoFile(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M33.0001 7.33325L36.6667 14.6666H31.1667L27.5001 7.33325H23.8334L27.5001 14.6666H22.0001L18.3334 7.33325H14.6667L18.3334 14.6666H12.8334L9.16675 7.33325H7.33341C5.31675 7.33325 3.68508 8.98325 3.68508 10.9999L3.66675 32.9999C3.66675 35.0166 5.31675 36.6666 7.33341 36.6666H36.6667C38.6834 36.6666 40.3334 35.0166 40.3334 32.9999V7.33325H33.0001Z"
+        id="VideoFile"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default VideoFile;

package/src/Presentation/components/UI/svgs/Icons/Moderation/Admin/Admin.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.7466 24.1817L21.9999 20.955L26.2349 24.1817L24.6216 18.9567L28.8749 15.5833H23.6683L21.9999 10.4317L20.3316 15.5833H15.1249L19.3599 18.9567L17.7466 24.1817ZM36.6666 17.4167C36.6666 9.31333 30.1033 2.75 21.9999 2.75C13.8966 2.75 7.33325 9.31333 7.33325 17.4167C7.33325 21.1383 8.72659 24.5117 10.9999 27.0967V41.25L21.9999 37.5833L32.9999 41.25V27.0967C35.2733 24.5117 36.6666 21.1383 36.6666 17.4167ZM21.9999 6.41667C28.0683 6.41667 32.9999 11.3483 32.9999 17.4167C32.9999 23.485 28.0683 28.4167 21.9999 28.4167C15.9316 28.4167 10.9999 23.485 10.9999 17.4167C10.9999 11.3483 15.9316 6.41667 21.9999 6.41667ZM21.9999 33.9167L14.6666 35.7867V30.1033C16.8299 31.35 19.3233 32.0833 21.9999 32.0833C24.6766 32.0833 27.1699 31.35 29.3333 30.1033V35.7867L21.9999 33.9167Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Moderation/Admin/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Admin(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M17.7466 24.1817L21.9999 20.955L26.2349 24.1817L24.6216 18.9567L28.8749 15.5833H23.6683L21.9999 10.4317L20.3316 15.5833H15.1249L19.3599 18.9567L17.7466 24.1817ZM36.6666 17.4167C36.6666 9.31333 30.1033 2.75 21.9999 2.75C13.8966 2.75 7.33325 9.31333 7.33325 17.4167C7.33325 21.1383 8.72659 24.5117 10.9999 27.0967V41.25L21.9999 37.5833L32.9999 41.25V27.0967C35.2733 24.5117 36.6666 21.1383 36.6666 17.4167ZM21.9999 6.41667C28.0683 6.41667 32.9999 11.3483 32.9999 17.4167C32.9999 23.485 28.0683 28.4167 21.9999 28.4167C15.9316 28.4167 10.9999 23.485 10.9999 17.4167C10.9999 11.3483 15.9316 6.41667 21.9999 6.41667ZM21.9999 33.9167L14.6666 35.7867V30.1033C16.8299 31.35 19.3233 32.0833 21.9999 32.0833C24.6766 32.0833 27.1699 31.35 29.3333 30.1033V35.7867L21.9999 33.9167Z"
+        id="Admin"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Admin;

package/src/Presentation/components/UI/svgs/Icons/Moderation/Banned/Banned.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22.0001 3.66675C11.8801 3.66675 3.66675 11.8801 3.66675 22.0001C3.66675 32.1201 11.8801 40.3334 22.0001 40.3334C32.1201 40.3334 40.3334 32.1201 40.3334 22.0001C40.3334 11.8801 32.1201 3.66675 22.0001 3.66675ZM22.0001 36.6667C13.8967 36.6667 7.33341 30.1034 7.33341 22.0001C7.33341 18.6084 8.48841 15.4917 10.4317 13.0167L30.9834 33.5684C28.5084 35.5117 25.3917 36.6667 22.0001 36.6667ZM33.5684 30.9834L13.0167 10.4317C15.4917 8.48841 18.6084 7.33341 22.0001 7.33341C30.1034 7.33341 36.6667 13.8967 36.6667 22.0001C36.6667 25.3917 35.5117 28.5084 33.5684 30.9834Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Moderation/Banned/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Banned(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M22.0001 3.66675C11.8801 3.66675 3.66675 11.8801 3.66675 22.0001C3.66675 32.1201 11.8801 40.3334 22.0001 40.3334C32.1201 40.3334 40.3334 32.1201 40.3334 22.0001C40.3334 11.8801 32.1201 3.66675 22.0001 3.66675ZM22.0001 36.6667C13.8967 36.6667 7.33341 30.1034 7.33341 22.0001C7.33341 18.6084 8.48841 15.4917 10.4317 13.0167L30.9834 33.5684C28.5084 35.5117 25.3917 36.6667 22.0001 36.6667ZM33.5684 30.9834L13.0167 10.4317C15.4917 8.48841 18.6084 7.33341 22.0001 7.33341C30.1034 7.33341 36.6667 13.8967 36.6667 22.0001C36.6667 25.3917 35.5117 28.5084 33.5684 30.9834Z"
+        id="Banned"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Banned;

package/src/Presentation/components/UI/svgs/Icons/Moderation/Freeze/Freeze.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.3334 20.1667H32.6884L38.6284 14.2267L36.0434 11.6234L27.5001 20.1667H23.8334V16.5001L32.3767 7.95675L29.7734 5.37175L23.8334 11.3117V3.66675H20.1667V11.3117L14.2267 5.37175L11.6234 7.95675L20.1667 16.5001V20.1667H16.5001L7.95675 11.6234L5.37175 14.2267L11.3117 20.1667H3.66675V23.8334H11.3117L5.37175 29.7734L7.95675 32.3767L16.5001 23.8334H20.1667V27.5001L11.6234 36.0434L14.2267 38.6284L20.1667 32.6884V40.3334H23.8334V32.6884L29.7734 38.6284L32.3767 36.0434L23.8334 27.5001V23.8334H27.5001L36.0434 32.3767L38.6284 29.7734L32.6884 23.8334H40.3334V20.1667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Moderation/Freeze/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Freeze(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M40.3334 20.1667H32.6884L38.6284 14.2267L36.0434 11.6234L27.5001 20.1667H23.8334V16.5001L32.3767 7.95675L29.7734 5.37175L23.8334 11.3117V3.66675H20.1667V11.3117L14.2267 5.37175L11.6234 7.95675L20.1667 16.5001V20.1667H16.5001L7.95675 11.6234L5.37175 14.2267L11.3117 20.1667H3.66675V23.8334H11.3117L5.37175 29.7734L7.95675 32.3767L16.5001 23.8334H20.1667V27.5001L11.6234 36.0434L14.2267 38.6284L20.1667 32.6884V40.3334H23.8334V32.6884L29.7734 38.6284L32.3767 36.0434L23.8334 27.5001V23.8334H27.5001L36.0434 32.3767L38.6284 29.7734L32.6884 23.8334H40.3334V20.1667Z"
+        id="Freeze"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Freeze;

package/src/Presentation/components/UI/svgs/Icons/Moderation/Moderations/Moderations.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.5 31.1667V34.8333H16.5V31.1667H5.5ZM5.5 9.16667V12.8333H23.8333V9.16667H5.5ZM23.8333 38.5V34.8333H38.5V31.1667H23.8333V27.5H20.1667V38.5H23.8333ZM12.8333 16.5V20.1667H5.5V23.8333H12.8333V27.5H16.5V16.5H12.8333ZM38.5 23.8333V20.1667H20.1667V23.8333H38.5ZM27.5 16.5H31.1667V12.8333H38.5V9.16667H31.1667V5.5H27.5V16.5Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Moderation/Moderations/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Moderations(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M5.5 31.1667V34.8333H16.5V31.1667H5.5ZM5.5 9.16667V12.8333H23.8333V9.16667H5.5ZM23.8333 38.5V34.8333H38.5V31.1667H23.8333V27.5H20.1667V38.5H23.8333ZM12.8333 16.5V20.1667H5.5V23.8333H12.8333V27.5H16.5V16.5H12.8333ZM38.5 23.8333V20.1667H20.1667V23.8333H38.5ZM27.5 16.5H31.1667V12.8333H38.5V9.16667H31.1667V5.5H27.5V16.5Z"
+        id="Moderations"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Moderations;

package/src/Presentation/components/UI/svgs/Icons/Moderation/Muted/Muted.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.95658 5.38086L5.37158 7.96586L13.3649 15.9592L12.8332 16.5092H5.49992V27.5092H12.8332L21.9999 36.6759V24.5942L29.6632 32.2575C28.4716 33.1559 27.1332 33.8709 25.6666 34.2925V38.0692C28.1233 37.5192 30.3783 36.3825 32.2849 34.8609L36.0433 38.6192L38.6283 36.0342L7.95658 5.38086ZM18.3332 27.8209L14.3549 23.8425H9.16658V20.1759H14.3549L15.9682 18.5625L18.3332 20.9275V27.8209ZM34.8333 22.0092C34.8333 23.5125 34.5583 24.9609 34.0816 26.2992L36.8866 29.1042C37.9133 26.9592 38.4999 24.5575 38.4999 22.0092C38.4999 14.1625 33.0183 7.59919 25.6666 5.93086V9.70753C30.9649 11.2842 34.8333 16.1975 34.8333 22.0092ZM21.9999 7.34253L18.5532 10.7892L21.9999 14.2359V7.34253ZM30.2499 22.0092C30.2499 18.7642 28.3799 15.9775 25.6666 14.6209V17.9025L30.2132 22.4492C30.2316 22.3025 30.2499 22.1559 30.2499 22.0092Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Moderation/Muted/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Muted(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M7.95658 5.38086L5.37158 7.96586L13.3649 15.9592L12.8332 16.5092H5.49992V27.5092H12.8332L21.9999 36.6759V24.5942L29.6632 32.2575C28.4716 33.1559 27.1332 33.8709 25.6666 34.2925V38.0692C28.1233 37.5192 30.3783 36.3825 32.2849 34.8609L36.0433 38.6192L38.6283 36.0342L7.95658 5.38086ZM18.3332 27.8209L14.3549 23.8425H9.16658V20.1759H14.3549L15.9682 18.5625L18.3332 20.9275V27.8209ZM34.8333 22.0092C34.8333 23.5125 34.5583 24.9609 34.0816 26.2992L36.8866 29.1042C37.9133 26.9592 38.4999 24.5575 38.4999 22.0092C38.4999 14.1625 33.0183 7.59919 25.6666 5.93086V9.70753C30.9649 11.2842 34.8333 16.1975 34.8333 22.0092ZM21.9999 7.34253L18.5532 10.7892L21.9999 14.2359V7.34253ZM30.2499 22.0092C30.2499 18.7642 28.3799 15.9775 25.6666 14.6209V17.9025L30.2132 22.4492C30.2316 22.3025 30.2499 22.1559 30.2499 22.0092Z"
+        id="Muted"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Muted;

package/src/Presentation/components/UI/svgs/Icons/Navigation/ArrowLeft/Arrow left.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.5001 34.8334L19.0851 32.2484L10.6884 23.8334H40.3334V20.1667H10.6884L19.1034 11.7517L16.5001 9.16669L3.66675 22L16.5001 34.8334Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/ArrowLeft/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function ArrowLeft(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16.5001 34.8334L19.0851 32.2484L10.6884 23.8334H40.3334V20.1667H10.6884L19.1034 11.7517L16.5001 9.16669L3.66675 22L16.5001 34.8334Z"
+        id="ArrowLeft"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default ArrowLeft;

package/src/Presentation/components/UI/svgs/Icons/Navigation/ArrowRight/Arrow right.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.5001 9.16669L25.9151 11.7517L34.3117 20.1667H4.66675V23.8334H34.3117L25.8967 32.2484L28.5001 34.8334L41.3334 22L28.5001 9.16669Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/ArrowRight/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function ArrowRight(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M28.5001 9.16669L25.9151 11.7517L34.3117 20.1667H4.66675V23.8334H34.3117L25.8967 32.2484L28.5001 34.8334L41.3334 22L28.5001 9.16669Z"
+        id="ArrowRight"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default ArrowRight;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Back/Back.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.6668 20.1667H14.3552L24.6035 9.91834L22.0002 7.33334L7.3335 22L22.0002 36.6667L24.5852 34.0817L14.3552 23.8333H36.6668V20.1667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Back/index.tsx ADDED Viewed

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Back(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M20 11H7.83L13.42 5.41L12 4L4 12L12 20L13.41 18.59L7.83 13H20V11Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+    // <svg
+    //   width={theme && theme.width ? theme.width : '24'}
+    //   height={theme && theme.height ? theme.height : '24'}
+    //   viewBox="0 0 24 24"
+    //   fill="none"
+    //   xmlns="http://www.w3.org/2000/svg"
+    // >
+    //   <path
+    //     d="M36.6668 20.1667H14.3552L24.6035 9.91834L22.0002 7.33334L7.3335 22L22.0002 36.6667L24.5852 34.0817L14.3552 23.8333H36.6668V20.1667Z"
+    //     id="Back"
+    //     fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+    //   />
+    // </svg>
+  );
+}
+export default Back;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Close/Close.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.8332 11.7517L33.2482 9.16666L22.9998 19.415L12.7515 9.16666L10.1665 11.7517L20.4148 22L10.1665 32.2483L12.7515 34.8333L22.9998 24.585L33.2482 34.8333L35.8332 32.2483L25.5848 22L35.8332 11.7517Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Close/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Close(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M35.8332 11.7517L33.2482 9.16666L22.9998 19.415L12.7515 9.16666L10.1665 11.7517L20.4148 22L10.1665 32.2483L12.7515 34.8333L22.9998 24.585L33.2482 34.8333L35.8332 32.2483L25.5848 22L35.8332 11.7517Z"
+        id="Close"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '32'}
+      height={theme && theme.height ? theme.height : '32'}
+      viewBox="0 0 32 32"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M23.5454 10.41L22.1354 9L16.5454 14.59L10.9554 9L9.54541 10.41L15.1354 16L9.54541 21.59L10.9554 23L16.5454 17.41L22.1354 23L23.5454 21.59L17.9554 16L23.5454 10.41Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Close;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Down/Down.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.415 16.2075L22 24.6042L13.585 16.2075L11 18.7925L22 29.7925L33 18.7925L30.415 16.2075Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Down/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Down(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M30.415 16.2075L22 24.6042L13.585 16.2075L11 18.7925L22 29.7925L33 18.7925L30.415 16.2075Z"
+        id="Down"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M16.59 8.84058L12 13.4206L7.41 8.84058L6 10.2506L12 16.2506L18 10.2506L16.59 8.84058Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Down;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Leave/Leave.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.1667 14.6667L28.5817 17.2517L31.4783 20.1667H16.5V23.8333H31.4783L28.5817 26.73L31.1667 29.3333L38.5 22L31.1667 14.6667ZM9.16667 9.16667H22V5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H22V34.8333H9.16667V9.16667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Leave/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Leave(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M31.1667 14.6667L28.5817 17.2517L31.4783 20.1667H16.5V23.8333H31.4783L28.5817 26.73L31.1667 29.3333L38.5 22L31.1667 14.6667ZM9.16667 9.16667H22V5.5H9.16667C7.15 5.5 5.5 7.15 5.5 9.16667V34.8333C5.5 36.85 7.15 38.5 9.16667 38.5H22V34.8333H9.16667V9.16667Z"
+        id="Leave"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M17 8L15.59 9.41L17.17 11H9V13H17.17L15.59 14.58L17 16L21 12L17 8ZM5 5H12V3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H12V19H5V5Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Leave;

package/src/Presentation/components/UI/svgs/Icons/Navigation/More/More.svg ADDED Viewed

@@ -0,0 +1,7 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Navigation/More">
+<g id="Vector">
+<path d="M21.9999 14.6667C24.0166 14.6667 25.6666 13.0167 25.6666 11C25.6666 8.98334 24.0166 7.33334 21.9999 7.33334C19.9833 7.33334 18.3333 8.98334 18.3333 11C18.3333 13.0167 19.9833 14.6667 21.9999 14.6667ZM21.9999 18.3333C19.9833 18.3333 18.3333 19.9833 18.3333 22C18.3333 24.0167 19.9833 25.6667 21.9999 25.6667C24.0166 25.6667 25.6666 24.0167 25.6666 22C25.6666 19.9833 24.0166 18.3333 21.9999 18.3333ZM21.9999 29.3333C19.9833 29.3333 18.3333 30.9833 18.3333 33C18.3333 35.0167 19.9833 36.6667 21.9999 36.6667C24.0166 36.6667 25.6666 35.0167 25.6666 33C25.6666 30.9833 24.0166 29.3333 21.9999 29.3333Z" fill="#0B121B"/>
+</g>
+</g>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/More/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function More(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M21.9999 14.6667C24.0166 14.6667 25.6666 13.0167 25.6666 11C25.6666 8.98334 24.0166 7.33334 21.9999 7.33334C19.9833 7.33334 18.3333 8.98334 18.3333 11C18.3333 13.0167 19.9833 14.6667 21.9999 14.6667ZM21.9999 18.3333C19.9833 18.3333 18.3333 19.9833 18.3333 22C18.3333 24.0167 19.9833 25.6667 21.9999 25.6667C24.0166 25.6667 25.6666 24.0167 25.6666 22C25.6666 19.9833 24.0166 18.3333 21.9999 18.3333ZM21.9999 29.3333C19.9833 29.3333 18.3333 30.9833 18.3333 33C18.3333 35.0167 19.9833 36.6667 21.9999 36.6667C24.0166 36.6667 25.6666 35.0167 25.6666 33C25.6666 30.9833 24.0166 29.3333 21.9999 29.3333Z"
+        id="More"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default More;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Next/Next.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.7925 11L15.2075 13.585L23.6042 22L15.2075 30.415L17.7925 33L28.7925 22L17.7925 11Z" fill="black"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Next/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Next(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M17.7925 11L15.2075 13.585L23.6042 22L15.2075 30.415L17.7925 33L28.7925 22L17.7925 11Z"
+        id="Next"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M9.70492 6L8.29492 7.41L12.8749 12L8.29492 16.59L9.70492 18L15.7049 12L9.70492 6Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Next;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Plus/Plus.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M34.8334 23.8333H23.8334V34.8333H20.1667V23.8333H9.16675V20.1667H20.1667V9.16666H23.8334V20.1667H34.8334V23.8333Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Plus/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Plus(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M34.8334 23.8333H23.8334V34.8333H20.1667V23.8333H9.16675V20.1667H20.1667V9.16666H23.8334V20.1667H34.8334V23.8333Z"
+        id="Plus"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Plus;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Refresh/Refresh.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32.3492 11.6416C29.6909 8.98331 26.0425 7.33331 21.9909 7.33331C13.8875 7.33331 7.34253 13.8966 7.34253 22C7.34253 30.1033 13.8875 36.6666 21.9909 36.6666C28.8292 36.6666 34.5309 31.9916 36.1625 25.6666H32.3492C30.8459 29.9383 26.7759 33 21.9909 33C15.9225 33 10.9909 28.0683 10.9909 22C10.9909 15.9316 15.9225 11 21.9909 11C25.0342 11 27.7475 12.265 29.7275 14.2633L23.8242 20.1666H36.6575V7.33331L32.3492 11.6416Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Refresh/index.tsx ADDED Viewed

@@ -0,0 +1,36 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Refresh(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M32.3492 11.6416C29.6909 8.98331 26.0425 7.33331 21.9909 7.33331C13.8875 7.33331 7.34253 13.8966 7.34253 22C7.34253 30.1033 13.8875 36.6666 21.9909 36.6666C28.8292 36.6666 34.5309 31.9916 36.1625 25.6666H32.3492C30.8459 29.9383 26.7759 33 21.9909 33C15.9225 33 10.9909 28.0683 10.9909 22C10.9909 15.9316 15.9225 11 21.9909 11C25.0342 11 27.7475 12.265 29.7275 14.2633L23.8242 20.1666H36.6575V7.33331L32.3492 11.6416Z"
+        id="Refresh"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M17.6449 6.35C16.1949 4.9 14.2049 4 11.9949 4C7.57488 4 4.00488 7.58 4.00488 12C4.00488 16.42 7.57488 20 11.9949 20C15.7249 20 18.8349 17.45 19.7249 14H17.6449C16.8249 16.33 14.6049 18 11.9949 18C8.68488 18 5.99488 15.31 5.99488 12C5.99488 8.69 8.68488 6 11.9949 6C13.6549 6 15.1349 6.69 16.2149 7.78L12.9949 11H19.9949V4L17.6449 6.35Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+// "#3978FC"
+export default Refresh;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Search/Search.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28.8842 26.1342H27.4359L26.9225 25.6392C28.7192 23.5492 29.8009 20.8358 29.8009 17.8842C29.8009 11.3025 24.4659 5.9675 17.8842 5.9675C11.3025 5.9675 5.96753 11.3025 5.96753 17.8842C5.96753 24.4658 11.3025 29.8008 17.8842 29.8008C20.8359 29.8008 23.5492 28.7192 25.6392 26.9225L26.1342 27.4358V28.8842L35.3009 38.0325L38.0325 35.3008L28.8842 26.1342ZM17.8842 26.1342C13.3192 26.1342 9.6342 22.4492 9.6342 17.8842C9.6342 13.3192 13.3192 9.63417 17.8842 9.63417C22.4492 9.63417 26.1342 13.3192 26.1342 17.8842C26.1342 22.4492 22.4492 26.1342 17.8842 26.1342Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Search/index.tsx ADDED Viewed

@@ -0,0 +1,35 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Search(theme: IconTheme | undefined = undefined) {
+  return !theme?.applyZoom ? (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M28.8842 26.1342H27.4359L26.9225 25.6392C28.7192 23.5492 29.8009 20.8358 29.8009 17.8842C29.8009 11.3025 24.4659 5.9675 17.8842 5.9675C11.3025 5.9675 5.96753 11.3025 5.96753 17.8842C5.96753 24.4658 11.3025 29.8008 17.8842 29.8008C20.8359 29.8008 23.5492 28.7192 25.6392 26.9225L26.1342 27.4358V28.8842L35.3009 38.0325L38.0325 35.3008L28.8842 26.1342ZM17.8842 26.1342C13.3192 26.1342 9.6342 22.4492 9.6342 17.8842C9.6342 13.3192 13.3192 9.63417 17.8842 9.63417C22.4492 9.63417 26.1342 13.3192 26.1342 17.8842C26.1342 22.4492 22.4492 26.1342 17.8842 26.1342Z"
+        id="Search"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  ) : (
+    <svg
+      width={theme && theme.width ? theme.width : '24'}
+      height={theme && theme.height ? theme.height : '24'}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M15.7551 14.2549H14.9651L14.6851 13.9849C15.6651 12.8449 16.2551 11.3649 16.2551 9.75488C16.2551 6.16488 13.3451 3.25488 9.75513 3.25488C6.16513 3.25488 3.25513 6.16488 3.25513 9.75488C3.25513 13.3449 6.16513 16.2549 9.75513 16.2549C11.3651 16.2549 12.8451 15.6649 13.9851 14.6849L14.2551 14.9649V15.7549L19.2551 20.7449L20.7451 19.2549L15.7551 14.2549ZM9.75513 14.2549C7.26513 14.2549 5.25513 12.2449 5.25513 9.75488C5.25513 7.26488 7.26513 5.25488 9.75513 5.25488C12.2451 5.25488 14.2551 7.26488 14.2551 9.75488C14.2551 12.2449 12.2451 14.2549 9.75513 14.2549Z"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Search;

package/src/Presentation/components/UI/svgs/Icons/Navigation/Settings/Settings.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.6258 23.7967C35.6991 23.21 35.7541 22.6233 35.7541 22C35.7541 21.3767 35.6991 20.79 35.6258 20.2033L39.4941 17.1783C39.8424 16.9033 39.9341 16.4083 39.7141 16.005L36.0474 9.66166C35.8824 9.36832 35.5708 9.20332 35.2408 9.20332C35.1308 9.20332 35.0208 9.22166 34.9291 9.25832L30.3641 11.0917C29.4108 10.3583 28.3841 9.75332 27.2658 9.29499L26.5691 4.43666C26.5141 3.99666 26.1291 3.66666 25.6708 3.66666H18.3374C17.8791 3.66666 17.4941 3.99666 17.4391 4.43666L16.7424 9.29499C15.6241 9.75332 14.5974 10.3767 13.6441 11.0917L9.0791 9.25832C8.9691 9.22166 8.8591 9.20332 8.7491 9.20332C8.43743 9.20332 8.12577 9.36832 7.96077 9.66166L4.2941 16.005C4.05577 16.4083 4.16577 16.9033 4.5141 17.1783L8.38243 20.2033C8.3091 20.79 8.2541 21.395 8.2541 22C8.2541 22.605 8.3091 23.21 8.38243 23.7967L4.5141 26.8217C4.16577 27.0967 4.0741 27.5917 4.2941 27.995L7.96077 34.3383C8.12577 34.6317 8.43743 34.7967 8.76743 34.7967C8.87743 34.7967 8.98743 34.7783 9.0791 34.7417L13.6441 32.9083C14.5974 33.6417 15.6241 34.2467 16.7424 34.705L17.4391 39.5633C17.4941 40.0033 17.8791 40.3333 18.3374 40.3333H25.6708C26.1291 40.3333 26.5141 40.0033 26.5691 39.5633L27.2658 34.705C28.3841 34.2467 29.4108 33.6233 30.3641 32.9083L34.9291 34.7417C35.0391 34.7783 35.1491 34.7967 35.2591 34.7967C35.5708 34.7967 35.8824 34.6317 36.0474 34.3383L39.7141 27.995C39.9341 27.5917 39.8424 27.0967 39.4941 26.8217L35.6258 23.7967ZM31.9958 20.6617C32.0691 21.23 32.0874 21.615 32.0874 22C32.0874 22.385 32.0508 22.7883 31.9958 23.3383L31.7391 25.41L33.3708 26.6933L35.3508 28.2333L34.0674 30.4517L31.7391 29.5167L29.8324 28.7467L28.1824 29.9933C27.3941 30.58 26.6424 31.02 25.8908 31.3317L23.9474 32.12L23.6541 34.1917L23.2874 36.6667H20.7208L20.0791 32.12L18.1358 31.3317C17.3474 31.0017 16.6141 30.58 15.8808 30.03L14.2124 28.7467L12.2691 29.535L9.94077 30.47L8.65743 28.2517L10.6374 26.7117L12.2691 25.4283L12.0124 23.3567C11.9574 22.7883 11.9208 22.3667 11.9208 22C11.9208 21.6333 11.9574 21.2117 12.0124 20.6617L12.2691 18.59L10.6374 17.3067L8.65743 15.7667L9.94077 13.5483L12.2691 14.4833L14.1758 15.2533L15.8258 14.0067C16.6141 13.42 17.3658 12.98 18.1174 12.6683L20.0608 11.88L20.3541 9.80832L20.7208 7.33332H23.2691L23.9108 11.88L25.8541 12.6683C26.6424 12.9983 27.3758 13.42 28.1091 13.97L29.7774 15.2533L31.7208 14.465L34.0491 13.53L35.3324 15.7483L33.3708 17.3067L31.7391 18.59L31.9958 20.6617ZM22.0041 14.6667C17.9524 14.6667 14.6708 17.9483 14.6708 22C14.6708 26.0517 17.9524 29.3333 22.0041 29.3333C26.0558 29.3333 29.3374 26.0517 29.3374 22C29.3374 17.9483 26.0558 14.6667 22.0041 14.6667ZM22.0041 25.6667C19.9874 25.6667 18.3374 24.0167 18.3374 22C18.3374 19.9833 19.9874 18.3333 22.0041 18.3333C24.0208 18.3333 25.6708 19.9833 25.6708 22C25.6708 24.0167 24.0208 25.6667 22.0041 25.6667Z" fill="#0B121B"/>
+</svg>

package/src/Presentation/components/UI/svgs/Icons/Navigation/Settings/index.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import React from 'react';
+import { IconTheme } from '../../IconsCommonTypes';
+function Settings(theme: IconTheme | undefined = undefined) {
+  return (
+    <svg
+      width={theme && theme.width ? theme.width : '44'}
+      height={theme && theme.height ? theme.height : '44'}
+      viewBox="0 0 44 44"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M35.6258 23.7967C35.6991 23.21 35.7541 22.6233 35.7541 22C35.7541 21.3767 35.6991 20.79 35.6258 20.2033L39.4941 17.1783C39.8424 16.9033 39.9341 16.4083 39.7141 16.005L36.0474 9.66166C35.8824 9.36832 35.5708 9.20332 35.2408 9.20332C35.1308 9.20332 35.0208 9.22166 34.9291 9.25832L30.3641 11.0917C29.4108 10.3583 28.3841 9.75332 27.2658 9.29499L26.5691 4.43666C26.5141 3.99666 26.1291 3.66666 25.6708 3.66666H18.3374C17.8791 3.66666 17.4941 3.99666 17.4391 4.43666L16.7424 9.29499C15.6241 9.75332 14.5974 10.3767 13.6441 11.0917L9.0791 9.25832C8.9691 9.22166 8.8591 9.20332 8.7491 9.20332C8.43743 9.20332 8.12577 9.36832 7.96077 9.66166L4.2941 16.005C4.05577 16.4083 4.16577 16.9033 4.5141 17.1783L8.38243 20.2033C8.3091 20.79 8.2541 21.395 8.2541 22C8.2541 22.605 8.3091 23.21 8.38243 23.7967L4.5141 26.8217C4.16577 27.0967 4.0741 27.5917 4.2941 27.995L7.96077 34.3383C8.12577 34.6317 8.43743 34.7967 8.76743 34.7967C8.87743 34.7967 8.98743 34.7783 9.0791 34.7417L13.6441 32.9083C14.5974 33.6417 15.6241 34.2467 16.7424 34.705L17.4391 39.5633C17.4941 40.0033 17.8791 40.3333 18.3374 40.3333H25.6708C26.1291 40.3333 26.5141 40.0033 26.5691 39.5633L27.2658 34.705C28.3841 34.2467 29.4108 33.6233 30.3641 32.9083L34.9291 34.7417C35.0391 34.7783 35.1491 34.7967 35.2591 34.7967C35.5708 34.7967 35.8824 34.6317 36.0474 34.3383L39.7141 27.995C39.9341 27.5917 39.8424 27.0967 39.4941 26.8217L35.6258 23.7967ZM31.9958 20.6617C32.0691 21.23 32.0874 21.615 32.0874 22C32.0874 22.385 32.0508 22.7883 31.9958 23.3383L31.7391 25.41L33.3708 26.6933L35.3508 28.2333L34.0674 30.4517L31.7391 29.5167L29.8324 28.7467L28.1824 29.9933C27.3941 30.58 26.6424 31.02 25.8908 31.3317L23.9474 32.12L23.6541 34.1917L23.2874 36.6667H20.7208L20.0791 32.12L18.1358 31.3317C17.3474 31.0017 16.6141 30.58 15.8808 30.03L14.2124 28.7467L12.2691 29.535L9.94077 30.47L8.65743 28.2517L10.6374 26.7117L12.2691 25.4283L12.0124 23.3567C11.9574 22.7883 11.9208 22.3667 11.9208 22C11.9208 21.6333 11.9574 21.2117 12.0124 20.6617L12.2691 18.59L10.6374 17.3067L8.65743 15.7667L9.94077 13.5483L12.2691 14.4833L14.1758 15.2533L15.8258 14.0067C16.6141 13.42 17.3658 12.98 18.1174 12.6683L20.0608 11.88L20.3541 9.80832L20.7208 7.33332H23.2691L23.9108 11.88L25.8541 12.6683C26.6424 12.9983 27.3758 13.42 28.1091 13.97L29.7774 15.2533L31.7208 14.465L34.0491 13.53L35.3324 15.7483L33.3708 17.3067L31.7391 18.59L31.9958 20.6617ZM22.0041 14.6667C17.9524 14.6667 14.6708 17.9483 14.6708 22C14.6708 26.0517 17.9524 29.3333 22.0041 29.3333C26.0558 29.3333 29.3374 26.0517 29.3374 22C29.3374 17.9483 26.0558 14.6667 22.0041 14.6667ZM22.0041 25.6667C19.9874 25.6667 18.3374 24.0167 18.3374 22C18.3374 19.9833 19.9874 18.3333 22.0041 18.3333C24.0208 18.3333 25.6708 19.9833 25.6708 22C25.6708 24.0167 24.0208 25.6667 22.0041 25.6667Z"
+        id="Settings"
+        fill={theme && theme.color ? theme.color : 'var(--color-icon)'}
+      />
+    </svg>
+  );
+}
+export default Settings;

package/src/Presentation/components/UI/svgs/Icons/Navigation/SettingsField/Settings filled.svg ADDED Viewed

@@ -0,0 +1,3 @@
+<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M35.09 23.7233C35.1634 23.1733 35.2 22.605 35.2 22C35.2 21.4133 35.1634 20.8267 35.0717 20.2767L38.7934 17.38C39.1234 17.1233 39.215 16.6283 39.0134 16.2617L35.4934 10.175C35.2734 9.77166 34.815 9.64333 34.4117 9.77166L30.03 11.5317C29.1134 10.835 28.1417 10.2483 27.06 9.80833L26.4 5.15166C26.3267 4.71166 25.96 4.39999 25.52 4.39999H18.48C18.04 4.39999 17.6917 4.71166 17.6184 5.15166L16.9584 9.80833C15.8767 10.2483 14.8867 10.8533 13.9884 11.5317L9.6067 9.77166C9.20337 9.62499 8.74504 9.77166 8.52504 10.175L5.02337 16.2617C4.80337 16.6467 4.8767 17.1233 5.24337 17.38L8.96504 20.2767C8.87337 20.8267 8.80004 21.4317 8.80004 22C8.80004 22.5683 8.8367 23.1733 8.92837 23.7233L5.2067 26.62C4.8767 26.8767 4.78504 27.3717 4.98671 27.7383L8.5067 33.825C8.7267 34.2283 9.18504 34.3567 9.58837 34.2283L13.97 32.4683C14.8867 33.165 15.8584 33.7517 16.94 34.1917L17.6 38.8483C17.6917 39.2883 18.04 39.6 18.48 39.6H25.52C25.96 39.6 26.3267 39.2883 26.3817 38.8483L27.0417 34.1917C28.1234 33.7517 29.1134 33.165 30.0117 32.4683L34.3934 34.2283C34.7967 34.375 35.255 34.2283 35.475 33.825L38.995 27.7383C39.215 27.335 39.1234 26.8767 38.775 26.62L35.09 23.7233ZM22 28.6C18.37 28.6 15.4 25.63 15.4 22C15.4 18.37 18.37 15.4 22 15.4C25.63 15.4 28.6 18.37 28.6 22C28.6 25.63 25.63 28.6 22 28.6Z" fill="#0B121B"/>
+</svg>