icon size props

typescreep · typescreep · commit 875b4b2205be · 2025-10-30T22:08:12.000+03:00
diff --git a/src/components/atoms/Icons/BackToDefaultIcon.tsx b/src/components/atoms/Icons/BackToDefaultIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const BackToDefaultIcon: FC = () => {
+type TBackToDefaultIconProps = {
+  size?: number
+}
+
+export const BackToDefaultIcon: FC<TBackToDefaultIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 10} height={size ?? 10} viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clipPath="url(#clip0_294_13557)">
         <path
           d="M0.568356 1.62165L1.19782 2.11384C2.05608 1.01674 3.3909 0.3125 4.88978 0.3125C7.47795 0.3125 9.57282 2.40513 9.57617 4.99442C9.57952 7.58594 7.48019 9.6875 4.88978 9.6875C2.86635 9.6875 1.14202 8.40402 0.485765 6.60603C0.469025 6.55915 0.493578 6.5067 0.540453 6.49107L1.17327 6.27344C1.19533 6.26588 1.21948 6.26725 1.24054 6.27726C1.26161 6.28727 1.27792 6.30513 1.28599 6.32701C1.30608 6.38281 1.3284 6.43862 1.35184 6.4933C1.54492 6.95089 1.8217 7.36161 2.17438 7.71429C2.52421 8.06478 2.93841 8.34445 3.39425 8.53795C3.86635 8.73772 4.36969 8.83929 4.88755 8.83929C5.40653 8.83929 5.90876 8.73772 6.38086 8.53795C6.83713 8.34526 7.25148 8.06549 7.60072 7.71429C7.9515 7.3645 8.23087 6.9498 8.42327 6.4933C8.62304 6.02009 8.72461 5.51786 8.72461 4.99888C8.72461 4.47991 8.62304 3.97768 8.42327 3.50446C8.23019 3.04688 7.9534 2.63616 7.60072 2.28348C7.24804 1.9308 6.83733 1.65402 6.38086 1.45982C5.90876 1.26004 5.40541 1.15848 4.88755 1.15848C4.36858 1.15848 3.86635 1.26004 3.39425 1.45982C2.93797 1.65251 2.52362 1.93228 2.17438 2.28348C2.06389 2.39397 1.9601 2.51116 1.86411 2.63393L2.53599 3.15848C2.54928 3.16877 2.5594 3.18259 2.56519 3.19837C2.57097 3.21415 2.57219 3.23125 2.56869 3.24768C2.56519 3.26412 2.55712 3.27924 2.54542 3.2913C2.53371 3.30336 2.51884 3.31187 2.50251 3.31585L0.542685 3.79576C0.486881 3.80915 0.432195 3.76674 0.432195 3.70982L0.423265 1.69085C0.424381 1.61719 0.51032 1.57589 0.568356 1.62165Z"
diff --git a/src/components/atoms/Icons/DeleteIcon.tsx b/src/components/atoms/Icons/DeleteIcon.tsx
@@ -1,11 +1,16 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const DeleteIcon: FC = () => {
+type TDeleteIconProps = {
+  width?: number
+  height?: number
+}
+
+export const DeleteIcon: FC<TDeleteIconProps> = ({ width, height }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={width ?? 18} height={height ?? 19} viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M17.25 3.5H14.25V1.625C14.25 0.797656 13.5773 0.125 12.75 0.125H5.25C4.42266 0.125 3.75 0.797656 3.75 1.625V3.5H0.75C0.335156 3.5 0 3.83516 0 4.25V5C0 5.10313 0.084375 5.1875 0.1875 5.1875H1.60312L2.18203 17.4453C2.21953 18.2445 2.88047 18.875 3.67969 18.875H14.3203C15.1219 18.875 15.7805 18.2469 15.818 17.4453L16.3969 5.1875H17.8125C17.9156 5.1875 18 5.10313 18 5V4.25C18 3.83516 17.6648 3.5 17.25 3.5ZM12.5625 3.5H5.4375V1.8125H12.5625V3.5Z"
         fill={token.colorText}
diff --git a/src/components/atoms/Icons/EarthIcon.tsx b/src/components/atoms/Icons/EarthIcon.tsx
@@ -6,7 +6,7 @@ type TEarthIconProps = {
 
 export const EarthIcon: FC<TEarthIconProps> = ({ size }) => {
   return (
-    <svg width={size || 16} height={size || 16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 16} height={size ?? 16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clipPath="url(#clip0_889_15498)">
         <path
           d="M8 0C3.58897 0 0 3.58897 0 8C0 12.411 3.58897 16 8 16C12.411 16 16 12.411 16 8C16 3.58897 12.411 0 8 0ZM15.3456 7.68102H14.1208C14.0515 5.40533 13.254 3.37389 12.0191 1.9722C12.0656 1.95762 12.113 1.9476 12.1595 1.9321C14.0087 3.20346 15.2427 5.29779 15.3456 7.68102ZM7.68102 0.693552V1.91205C7.2463 1.90203 6.83345 1.87378 6.45067 1.83641C6.82889 1.21941 7.25359 0.827523 7.68102 0.693552ZM5.76897 1.75256C5.5712 1.72522 5.38802 1.69515 5.21486 1.66507C5.53748 1.40898 5.88107 1.19572 6.24197 1.03167C6.07519 1.24402 5.91661 1.48371 5.76897 1.75256ZM7.68102 2.55366V7.68102H5.10731C5.14468 5.49282 5.55115 3.68558 6.12714 2.44976C6.60014 2.50444 7.12235 2.54181 7.68102 2.55366ZM7.68102 8.31898V13.4281C7.11871 13.4418 6.5974 13.4846 6.12349 13.5411C5.55024 12.3053 5.14468 10.5017 5.10822 8.31898H7.68102ZM7.68102 14.0752V15.3064C7.25177 15.1725 6.82524 14.776 6.44612 14.1554C6.82889 14.1153 7.24356 14.087 7.68102 14.0752ZM6.24197 14.9683C5.87924 14.8034 5.53383 14.5883 5.20848 14.3304C5.38072 14.2994 5.56573 14.2693 5.7635 14.2401C5.91388 14.5117 6.07428 14.7542 6.24197 14.9683ZM8.31898 15.3064V14.0734C8.71907 14.0797 9.13465 14.1053 9.55753 14.149C9.17749 14.7733 8.74915 15.1716 8.31898 15.3064ZM10.2365 14.2383C10.4188 14.2666 10.6001 14.2976 10.7842 14.3358C10.4616 14.591 10.118 14.8052 9.75712 14.9683C9.92663 14.7542 10.087 14.5108 10.2365 14.2383ZM8.31898 13.4272V8.31898H10.8927C10.8553 10.499 10.4516 12.3008 9.87924 13.5366C9.34154 13.4691 8.82023 13.4363 8.31898 13.4272ZM8.31898 7.68102V2.55275C8.81659 2.54272 9.33516 2.50809 9.86831 2.43974C10.4461 3.67646 10.8553 5.48735 10.8927 7.68011H8.31898V7.68102ZM8.31898 1.91296V0.693552C8.7455 0.826612 9.1702 1.2185 9.54842 1.83276C9.12827 1.87833 8.71634 1.90476 8.31898 1.91296ZM9.75803 1.03167C10.1098 1.19116 10.4452 1.39804 10.7614 1.64502C10.5819 1.68239 10.4042 1.71337 10.2256 1.74163C10.0788 1.47733 9.92299 1.24037 9.75803 1.03167ZM5.47004 2.36136C4.87491 3.72841 4.50399 5.59034 4.46936 7.68102H2.5172C2.5892 5.4591 3.39576 3.49237 4.62247 2.20551C4.87036 2.25837 5.14924 2.31123 5.47004 2.36136ZM4.46936 8.31898C4.5049 10.406 4.874 12.2661 5.4673 13.6314C5.1465 13.6824 4.86307 13.7362 4.61791 13.789C3.39394 12.5022 2.5892 10.5373 2.51811 8.31898H4.46936ZM10.5309 13.6368C11.1251 12.2707 11.496 10.4087 11.5306 8.31898H13.4837C13.4117 10.5509 12.5979 12.5249 11.362 13.8109C11.0823 13.7434 10.8052 13.6851 10.5309 13.6368ZM11.5306 7.68102C11.496 5.57758 11.1214 3.70472 10.5199 2.33584C10.7924 2.28754 11.064 2.23559 11.3402 2.16724C12.5878 3.45318 13.4108 5.43632 13.4837 7.68011H11.5306V7.68102ZM3.75575 1.99499C3.80132 2.00866 3.85874 2.02415 3.92253 2.04147C2.72226 3.44042 1.9476 5.44179 1.88015 7.68102H0.654363C0.755525 5.33516 1.95489 3.27182 3.75575 1.99499ZM0.654363 8.31898H1.88015C1.94851 10.5573 2.72135 12.5568 3.92071 13.9567C3.85236 13.9758 3.79859 13.9904 3.75393 14.0032C1.95398 12.7264 0.755525 10.6648 0.654363 8.31898ZM12.1896 14.046C12.1404 14.0305 12.0911 14.0169 12.0419 14.0014C13.2632 12.5997 14.0524 10.581 14.1208 8.31898H15.3456C15.2436 10.6895 14.0214 12.7728 12.1896 14.046Z"
diff --git a/src/components/atoms/Icons/EditIcon.tsx b/src/components/atoms/Icons/EditIcon.tsx
@@ -1,11 +1,16 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const EditIcon: FC = () => {
+type TEditIconProps = {
+  width?: number
+  height?: number
+}
+
+export const EditIcon: FC<TEditIconProps> = ({ width, height }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={width ?? 18} height={height ?? 19} viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M17.28 16.79H0.72C0.32175 16.79 0 17.1117 0 17.51V18.32C0 18.419 0.081 18.5 0.18 18.5H17.82C17.919 18.5 18 18.419 18 18.32V17.51C18 17.1117 17.6783 16.79 17.28 16.79ZM3.27825 14.9C3.32325 14.9 3.36825 14.8955 3.41325 14.8888L7.19775 14.225C7.24275 14.216 7.2855 14.1958 7.317 14.162L16.8547 4.62425C16.8756 4.60343 16.8922 4.57871 16.9034 4.55149C16.9147 4.52427 16.9205 4.49509 16.9205 4.46562C16.9205 4.43616 16.9147 4.40698 16.9034 4.37976C16.8922 4.35254 16.8756 4.32782 16.8547 4.307L13.1153 0.56525C13.0725 0.5225 13.0163 0.5 12.9555 0.5C12.8948 0.5 12.8385 0.5225 12.7958 0.56525L3.258 10.103C3.22425 10.1367 3.204 10.1772 3.195 10.2222L2.53125 14.0067C2.50936 14.1273 2.51718 14.2513 2.55404 14.3682C2.59089 14.485 2.65566 14.5911 2.74275 14.6772C2.89125 14.8212 3.078 14.9 3.27825 14.9Z"
         fill={token.colorText}
diff --git a/src/components/atoms/Icons/LockedIcon.tsx b/src/components/atoms/Icons/LockedIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const LockedIcon: FC = () => {
+type TLockedIconProps = {
+  size?: number
+}
+
+export const LockedIcon: FC<TLockedIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size || 14} height={size || 14} viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M11.375 6.34375H10.4453V3.28125C10.4453 2.31465 9.66191 1.53125 8.69531 1.53125H5.30469C4.33809 1.53125 3.55469 2.31465 3.55469 3.28125V6.34375H2.625C2.38301 6.34375 2.1875 6.53926 2.1875 6.78125V12.0312C2.1875 12.2732 2.38301 12.4688 2.625 12.4688H11.375C11.617 12.4688 11.8125 12.2732 11.8125 12.0312V6.78125C11.8125 6.53926 11.617 6.34375 11.375 6.34375ZM7.38281 9.58398V10.3086C7.38281 10.3687 7.33359 10.418 7.27344 10.418H6.72656C6.66641 10.418 6.61719 10.3687 6.61719 10.3086V9.58398C6.50433 9.50296 6.42009 9.38821 6.3766 9.25626C6.33311 9.12431 6.33261 8.98197 6.37517 8.84972C6.41773 8.71746 6.50115 8.60213 6.61344 8.52031C6.72572 8.43848 6.86107 8.3944 7 8.3944C7.13893 8.3944 7.27428 8.43848 7.38656 8.52031C7.49885 8.60213 7.58227 8.71746 7.62483 8.84972C7.66739 8.98197 7.66689 9.12431 7.6234 9.25626C7.57991 9.38821 7.49567 9.50296 7.38281 9.58398ZM9.46094 6.34375H4.53906V3.28125C4.53906 2.85879 4.88223 2.51562 5.30469 2.51562H8.69531C9.11777 2.51562 9.46094 2.85879 9.46094 3.28125V6.34375Z"
         fill={token.colorPrimary}
diff --git a/src/components/atoms/Icons/MinusIcon.tsx b/src/components/atoms/Icons/MinusIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const MinusIcon: FC = () => {
+type TMinusIconProps = {
+  size?: number
+}
+
+export const MinusIcon: FC<TMinusIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 16} height={size ?? 16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M14.4277 7.32227H1.57059C1.49202 7.32227 1.42773 7.38655 1.42773 7.46512V8.53655C1.42773 8.61512 1.49202 8.67941 1.57059 8.67941H14.4277C14.5063 8.67941 14.5706 8.61512 14.5706 8.53655V7.46512C14.5706 7.38655 14.5063 7.32227 14.4277 7.32227Z"
         fill={token.colorText}
diff --git a/src/components/atoms/Icons/PauseCircleIcon.tsx b/src/components/atoms/Icons/PauseCircleIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const PauseCircleIcon: FC = () => {
+type TPauseCircleIconProps = {
+  size?: number
+}
+
+export const PauseCircleIcon: FC<TPauseCircleIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 35} height={size ?? 35} viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M17.5 0C7.83594 0 0 7.83594 0 17.5C0 27.1641 7.83594 35 17.5 35C27.1641 35 35 27.1641 35 17.5C35 7.83594 27.1641 0 17.5 0ZM14.375 23.4375C14.375 23.6094 14.2344 23.75 14.0625 23.75H12.1875C12.0156 23.75 11.875 23.6094 11.875 23.4375V11.5625C11.875 11.3906 12.0156 11.25 12.1875 11.25H14.0625C14.2344 11.25 14.375 11.3906 14.375 11.5625V23.4375ZM23.125 23.4375C23.125 23.6094 22.9844 23.75 22.8125 23.75H20.9375C20.7656 23.75 20.625 23.6094 20.625 23.4375V11.5625C20.625 11.3906 20.7656 11.25 20.9375 11.25H22.8125C22.9844 11.25 23.125 11.3906 23.125 11.5625V23.4375Z"
         fill={token.colorText}
diff --git a/src/components/atoms/Icons/PlusIcon.tsx b/src/components/atoms/Icons/PlusIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const PlusIcon: FC = () => {
+type TPlusIconProps = {
+  size?: number
+}
+
+export const PlusIcon: FC<TPlusIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 16} height={size ?? 16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M8.53558 1.57227H7.46415C7.36891 1.57227 7.32129 1.61988 7.32129 1.71512V7.32227H2.00028C1.90504 7.32227 1.85742 7.36988 1.85742 7.46512V8.53655C1.85742 8.63179 1.90504 8.67941 2.00028 8.67941H7.32129V14.2866C7.32129 14.3818 7.36891 14.4294 7.46415 14.4294H8.53558C8.63081 14.4294 8.67843 14.3818 8.67843 14.2866V8.67941H14.0003C14.0955 8.67941 14.1431 8.63179 14.1431 8.53655V7.46512C14.1431 7.36988 14.0955 7.32227 14.0003 7.32227H8.67843V1.71512C8.67843 1.61988 8.63081 1.57227 8.53558 1.57227Z"
         fill={token.colorText}
diff --git a/src/components/atoms/Icons/ResumeCircleIcon.tsx b/src/components/atoms/Icons/ResumeCircleIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const ResumeCircleIcon: FC = () => {
+type TResumeCircleIconProps = {
+  size?: number
+}
+
+export const ResumeCircleIcon: FC<TResumeCircleIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 35} height={size ?? 35} viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M17.5 0C7.83594 0 0 7.83594 0 17.5C0 27.1641 7.83594 35 17.5 35C27.1641 35 35 27.1641 35 17.5C35 7.83594 27.1641 0 17.5 0ZM23.1289 17.7695L14.5977 23.9766C14.5509 24.0102 14.4958 24.0302 14.4383 24.0346C14.3809 24.0389 14.3234 24.0273 14.2721 24.001C14.2208 23.9748 14.1778 23.9349 14.1477 23.8858C14.1176 23.8367 14.1017 23.7803 14.1016 23.7227V11.3164C14.1014 11.2587 14.1172 11.2021 14.1472 11.1528C14.1772 11.1035 14.2203 11.0635 14.2717 11.0372C14.3231 11.0109 14.3807 10.9994 14.4382 11.0038C14.4958 11.0083 14.551 11.0286 14.5977 11.0625L23.1289 17.2656C23.1692 17.2941 23.2021 17.3319 23.2248 17.3757C23.2475 17.4196 23.2593 17.4682 23.2593 17.5176C23.2593 17.5669 23.2475 17.6156 23.2248 17.6594C23.2021 17.7033 23.1692 17.741 23.1289 17.7695Z"
         fill={token.colorText}
diff --git a/src/components/atoms/Icons/SuccessIcon.tsx b/src/components/atoms/Icons/SuccessIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const SuccessIcon: FC = () => {
+type TSuccessIconProps = {
+  size?: number
+}
+
+export const SuccessIcon: FC<TSuccessIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 16} height={size ?? 16} viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
       <g clipPath="url(#clip0_661_14605)">
         <path
           d="M14.6751 8.38707C14.9751 7.99064 15.1412 7.50492 15.1412 6.99957C15.1412 6.19778 14.693 5.43885 13.9715 5.01564C13.7858 4.9067 13.5744 4.84937 13.359 4.84957H9.0769L9.18404 2.65492C9.20904 2.12457 9.02154 1.621 8.65726 1.23707C8.47848 1.04783 8.2628 0.897269 8.02353 0.794683C7.78427 0.692098 7.52651 0.63967 7.26618 0.640638C6.33761 0.640638 5.51618 1.26564 5.26976 2.16028L3.73583 7.71385H1.4269C1.11083 7.71385 0.855469 7.96921 0.855469 8.28528V14.7853C0.855469 15.1014 1.11083 15.3567 1.4269 15.3567H12.1644C12.3287 15.3567 12.4894 15.3246 12.6376 15.2603C13.4876 14.8978 14.0358 14.0674 14.0358 13.146C14.0358 12.921 14.0037 12.6996 13.9394 12.4853C14.2394 12.0889 14.4055 11.6031 14.4055 11.0978C14.4055 10.8728 14.3733 10.6514 14.309 10.4371C14.609 10.0406 14.7751 9.55492 14.7751 9.04957C14.7715 8.82457 14.7394 8.60135 14.6751 8.38707ZM2.14118 14.071V8.99957H3.58761V14.071H2.14118ZM13.5055 7.76742L13.1144 8.10671L13.3626 8.56028C13.4444 8.70969 13.4868 8.87746 13.4858 9.04778C13.4858 9.34242 13.3573 9.62278 13.1358 9.81564L12.7448 10.1549L12.993 10.6085C13.0747 10.7579 13.1171 10.9257 13.1162 11.096C13.1162 11.3906 12.9876 11.671 12.7662 11.8639L12.3751 12.2031L12.6233 12.6567C12.7051 12.8061 12.7475 12.9739 12.7465 13.1442C12.7465 13.5442 12.5108 13.9049 12.1465 14.0692H4.73047V8.94242L6.50726 2.50492C6.55307 2.33992 6.65142 2.19436 6.7874 2.09027C6.92339 1.98619 7.08959 1.92927 7.26083 1.92814C7.39654 1.92814 7.53047 1.96742 7.63761 2.04778C7.8144 2.17992 7.90904 2.37992 7.89833 2.59242L7.7269 6.13528H13.3412C13.659 6.32992 13.8555 6.6585 13.8555 6.99957C13.8555 7.29421 13.7269 7.57278 13.5055 7.76742Z"
diff --git a/src/components/atoms/Icons/UnlockedIcon.tsx b/src/components/atoms/Icons/UnlockedIcon.tsx
@@ -1,11 +1,15 @@
 import React, { FC } from 'react'
 import { theme } from 'antd'
 
-export const UnlockedIcon: FC = () => {
+type TUnlockedIconProps = {
+  size?: number
+}
+
+export const UnlockedIcon: FC<TUnlockedIconProps> = ({ size }) => {
   const { token } = theme.useToken()
 
   return (
-    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <svg width={size ?? 14} height={size ?? 14} viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
       <path
         d="M11.375 6.34375H4.53906V3.28125C4.53906 2.85879 4.88223 2.51562 5.30469 2.51562H8.69531C9.11777 2.51562 9.46094 2.85879 9.46094 3.28125V4.21094C9.46094 4.27109 9.51016 4.32031 9.57031 4.32031H10.3359C10.3961 4.32031 10.4453 4.27109 10.4453 4.21094V3.28125C10.4453 2.31465 9.66191 1.53125 8.69531 1.53125H5.30469C4.33809 1.53125 3.55469 2.31465 3.55469 3.28125V6.34375H2.625C2.38301 6.34375 2.1875 6.53926 2.1875 6.78125V12.0312C2.1875 12.2732 2.38301 12.4688 2.625 12.4688H11.375C11.617 12.4688 11.8125 12.2732 11.8125 12.0312V6.78125C11.8125 6.53926 11.617 6.34375 11.375 6.34375ZM7.38281 9.58398V10.3086C7.38281 10.3687 7.33359 10.418 7.27344 10.418H6.72656C6.66641 10.418 6.61719 10.3687 6.61719 10.3086V9.58398C6.50433 9.50296 6.42009 9.38821 6.3766 9.25626C6.33311 9.12431 6.33261 8.98197 6.37517 8.84972C6.41773 8.71746 6.50115 8.60213 6.61344 8.52031C6.72572 8.43848 6.86107 8.3944 7 8.3944C7.13893 8.3944 7.27428 8.43848 7.38656 8.52031C7.49885 8.60213 7.58227 8.71746 7.62483 8.84972C7.66739 8.98197 7.66689 9.12431 7.6234 9.25626C7.57991 9.38821 7.49567 9.50296 7.38281 9.58398Z"
         fill={token.colorText}
