@moises.ai/design-system 3.11.8 → 3.11.9

package/src/icons/GoalsIcon.jsx

@@ -8,18 +8,13 @@ export const GoalsIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2034_958)">
+    <g>
       <path
         d="M12 9.5V8.75V9.5ZM9.5 12H8.75H9.5ZM12 14.5V13.75V14.5ZM14.5 12H13.75H14.5ZM2 12H1.25H2ZM12 22V22.75V22ZM22 12H21.25H22ZM12 2V2.75V2ZM3.73683 7.83796C3.92348 7.46818 3.77502 7.01711 3.40525 6.83046C3.03547 6.64381 2.5844 6.79227 2.39775 7.16204L3.73683 7.83796ZM6 12H5.25H6ZM12 18V18.75V18ZM18 12H17.25H18ZM16.1807 7.69632L15.6581 8.23423V8.23423L16.1807 7.69632ZM12 6V5.25V6ZM6.91535 10.6869C7.0186 10.2858 6.77711 9.87692 6.37597 9.77367C5.97483 9.67043 5.56594 9.91192 5.4627 10.3131L6.91535 10.6869ZM11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L11.4697 12.5303ZM4 4V4.75H4.75V4H4ZM4.75 1C4.75 0.585786 4.41421 0.25 4 0.25C3.58579 0.25 3.25 0.585786 3.25 1L4.75 1ZM1 3.25C0.585786 3.25 0.25 3.58579 0.25 4C0.25 4.41421 0.585786 4.75 1 4.75L1 3.25ZM12 8.75C10.2051 8.75 8.75 10.2051 8.75 12H10.25C10.25 11.0335 11.0335 10.25 12 10.25V8.75ZM8.75 12C8.75 13.7949 10.2051 15.25 12 15.25V13.75C11.0335 13.75 10.25 12.9665 10.25 12H8.75ZM12 15.25C13.7949 15.25 15.25 13.7949 15.25 12H13.75C13.75 12.9665 12.9665 13.75 12 13.75V15.25ZM15.25 12C15.25 10.2051 13.7949 8.75 12 8.75V10.25C12.9665 10.25 13.75 11.0335 13.75 12H15.25ZM1.25 12C1.25 17.9371 6.06294 22.75 12 22.75V21.25C6.89136 21.25 2.75 17.1086 2.75 12H1.25ZM12 22.75C17.9371 22.75 22.75 17.9371 22.75 12H21.25C21.25 17.1086 17.1086 21.25 12 21.25V22.75ZM22.75 12C22.75 6.06294 17.9371 1.25 12 1.25V2.75C17.1086 2.75 21.25 6.89137 21.25 12H22.75ZM2.39775 7.16204C1.66333 8.61705 1.25 10.2613 1.25 12H2.75C2.75 10.5014 3.10579 9.08814 3.73683 7.83796L2.39775 7.16204ZM12 1.25C9.07039 1.25 6.41323 2.42288 4.47497 4.32299L5.52503 5.39414C7.19427 3.75776 9.4787 2.75 12 2.75V1.25ZM5.25 12C5.25 15.7279 8.27208 18.75 12 18.75V17.25C9.1005 17.25 6.75 14.8995 6.75 12H5.25ZM12 18.75C15.7279 18.75 18.75 15.7279 18.75 12H17.25C17.25 14.8995 14.8995 17.25 12 17.25V18.75ZM18.75 12C18.75 10.101 17.9648 8.38405 16.7033 7.1584L15.6581 8.23423C16.6409 9.1891 17.25 10.5228 17.25 12H18.75ZM16.7033 7.1584C15.4885 5.97803 13.8285 5.25 12 5.25V6.75C13.4227 6.75 14.7119 7.31488 15.6581 8.23423L16.7033 7.1584ZM5.4627 10.3131C5.32371 10.853 5.25 11.4185 5.25 12H6.75C6.75 11.5456 6.80754 11.1058 6.91535 10.6869L5.4627 10.3131ZM12 5.25C10.1184 5.25 8.4154 6.02091 7.19209 7.26223L8.26047 8.31511C9.21346 7.34809 10.5362 6.75 12 6.75V5.25ZM12.5303 11.4697L4.03033 2.96967L2.96967 4.03033L11.4697 12.5303L12.5303 11.4697ZM4.75 4L4.75 1L3.25 1L3.25 4H4.75ZM1 4.75L4 4.75V3.25L1 3.25L1 4.75Z"
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_958">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 GoalsIcon.displayName = 'GoalsIcon'

package/src/icons/IsolateDrumsGradientIcon.jsx

@@ -13,7 +13,7 @@ export const IsolateDrumsGradientIcon = ({
     {...props}
     className={className}
   >
-    <g clipPath="url(#clip0_29160_243036)">
+    <g>
       <path
         d="M42.8984 40.8285C42.8984 39.7239 42.003 38.8285 40.8984 38.8285C39.7939 38.8285 38.8984 39.7239 38.8984 40.8285H42.8984ZM59.7069 38.7275C59.7069 37.6229 58.8114 36.7275 57.7069 36.7275C56.6023 36.7275 55.7069 37.6229 55.7069 38.7275H59.7069ZM26.0902 38.7275C26.0902 37.6229 25.1948 36.7275 24.0902 36.7275C22.9857 36.7275 22.0902 37.6229 22.0902 38.7275H26.0902ZM66.158 16.5372C67.0463 15.8806 67.2341 14.6283 66.5775 13.74C65.921 12.8518 64.6686 12.664 63.7804 13.3205L66.158 16.5372ZM38.306 32.1505C37.4177 32.8071 37.2299 34.0594 37.8865 34.9476C38.543 35.8359 39.7953 36.0237 40.6836 35.3671L38.306 32.1505ZM56.6667 4.66663C55.5622 4.66663 54.6667 5.56206 54.6667 6.66663C54.6667 7.7712 55.5622 8.66663 56.6667 8.66663V4.66663ZM71.3334 23.3333C71.3334 24.4379 72.2288 25.3333 73.3334 25.3333C74.438 25.3333 75.3334 24.4379 75.3334 23.3333H71.3334ZM4.66675 23.3333C4.66675 24.4379 5.56218 25.3333 6.66675 25.3333C7.77132 25.3333 8.66675 24.4379 8.66675 23.3333H4.66675ZM6.66675 13.3333H4.66675H6.66675ZM13.3334 6.66663V8.66663V6.66663ZM23.3334 8.66663C24.438 8.66663 25.3334 7.7712 25.3334 6.66663C25.3334 5.56206 24.438 4.66663 23.3334 4.66663V8.66663ZM23.3334 75.3333C24.438 75.3333 25.3334 74.4379 25.3334 73.3333C25.3334 72.2287 24.438 71.3333 23.3334 71.3333V75.3333ZM13.3334 73.3333V71.3333V73.3333ZM6.66675 66.6666H8.66675H6.66675ZM8.66675 56.6666C8.66675 55.5621 7.77132 54.6666 6.66675 54.6666C5.56218 54.6666 4.66675 55.5621 4.66675 56.6666L8.66675 56.6666ZM75.3334 56.6666C75.3334 55.5621 74.438 54.6666 73.3334 54.6666C72.2288 54.6666 71.3334 55.5621 71.3334 56.6666H75.3334ZM73.3334 66.6666H71.3334H73.3334ZM66.6668 73.3333V75.3333V73.3333ZM56.6668 71.3333C55.5622 71.3333 54.6668 72.2287 54.6668 73.3333C54.6668 74.4379 55.5622 75.3333 56.6668 75.3333V71.3333ZM40.8984 40.8285H38.8984V60.7884H40.8984H42.8984V40.8285H40.8984ZM57.7069 38.7275H55.7069V58.6874H57.7069H59.7069V38.7275H57.7069ZM24.0902 38.7275H22.0902V58.6874H24.0902H26.0902V38.7275H24.0902ZM15.6858 52.3835H17.6858V35.5752H15.6858H13.6858V52.3835H15.6858ZM40.8984 60.7884V58.7884C34.0914 58.7884 28.0117 57.8655 23.703 56.4291C21.5381 55.7075 19.9305 54.8922 18.9051 54.0841C17.8572 53.2582 17.6858 52.6684 17.6858 52.3835H15.6858H13.6858C13.6858 54.4193 14.9254 56.0405 16.4292 57.2257C17.9555 58.4286 20.0402 59.4245 22.4379 60.2238C27.2544 61.8295 33.781 62.7884 40.8984 62.7884V60.7884ZM66.1107 52.3835H64.1107C64.1107 52.6685 63.9393 53.2582 62.8914 54.0841C61.8661 54.8922 60.2585 55.7075 58.0937 56.4291C53.785 57.8655 47.7055 58.7884 40.8984 58.7884V60.7884V62.7884C48.0158 62.7884 54.5424 61.8295 59.3587 60.2238C61.7565 59.4245 63.8411 58.4286 65.3674 57.2257C66.8711 56.0405 68.1107 54.4193 68.1107 52.3835H66.1107ZM66.1107 35.5752H64.1107V52.3835H66.1107H68.1107V35.5752H66.1107ZM66.1107 35.5752H64.1107C64.1107 35.8601 63.9393 36.4499 62.8914 37.2758C61.866 38.0839 60.2584 38.8991 58.0936 39.6208C53.7849 41.0572 47.7053 41.9799 40.8982 41.9799V43.9799V45.9799C48.0156 45.9799 54.5422 45.0211 59.3586 43.4155C61.7564 42.6162 63.841 41.6203 65.3673 40.4174C66.8711 39.2322 68.1107 37.611 68.1107 35.5752H66.1107ZM40.8982 43.9799V41.9799C34.0912 41.9799 28.0116 41.0572 23.7029 39.6208C21.5381 38.8991 19.9304 38.0839 18.9051 37.2758C17.8572 36.4499 17.6858 35.8601 17.6858 35.5752H15.6858H13.6858C13.6858 37.611 14.9254 39.2322 16.4291 40.4174C17.9554 41.6203 20.0401 42.6162 22.4378 43.4155C27.2543 45.0211 33.7808 45.9799 40.8982 45.9799V43.9799ZM15.6858 35.5752H17.6858C17.6858 35.2903 17.8572 34.7007 18.905 33.8749C19.9303 33.0669 21.5379 32.2518 23.7028 31.5303C28.0115 30.0942 34.0911 29.1717 40.8982 29.1717V27.1717V25.1717C33.7809 25.1717 27.2543 26.1302 22.438 27.7355C20.0402 28.5347 17.9555 29.5304 16.4292 30.7332C14.9254 31.9182 13.6858 33.5394 13.6858 35.5752H15.6858ZM40.8982 27.1717V29.1717C47.7053 29.1717 53.785 30.0942 58.0937 31.5303C60.2585 32.2518 61.8661 33.0669 62.8915 33.8749C63.9393 34.7007 64.1107 35.2903 64.1107 35.5752H66.1107H68.1107C68.1107 33.5394 66.8711 31.9182 65.3673 30.7332C63.8409 29.5304 61.7563 28.5347 59.3585 27.7355C54.5421 26.1302 48.0156 25.1717 40.8982 25.1717V27.1717ZM64.9692 14.9289L63.7804 13.3205L38.306 32.1505L39.4948 33.7588L40.6836 35.3671L66.158 16.5372L64.9692 14.9289ZM56.6667 6.66663V8.66663H66.6667V6.66663V4.66663H56.6667V6.66663ZM73.3334 13.3333H71.3334V23.3333H73.3334H75.3334V13.3333H73.3334ZM66.6667 6.66663V8.66663C69.2441 8.66663 71.3334 10.756 71.3334 13.3333H73.3334H75.3334C75.3334 8.54683 71.4532 4.66663 66.6667 4.66663V6.66663ZM6.66675 23.3333H8.66675L8.66675 13.3333L6.66675 13.3333H4.66675L4.66675 23.3333H6.66675ZM13.3334 6.66663V8.66663L23.3334 8.66663V6.66663V4.66663L13.3334 4.66663L13.3334 6.66663ZM6.66675 13.3333L8.66675 13.3333C8.66675 10.756 10.7561 8.66663 13.3334 8.66663V6.66663L13.3334 4.66663C8.54695 4.66663 4.66675 8.54682 4.66675 13.3333H6.66675ZM23.3334 73.3333V71.3333H13.3334V73.3333V75.3333H23.3334V73.3333ZM6.66675 66.6666H8.66675L8.66675 56.6666H6.66675L4.66675 56.6666L4.66675 66.6666H6.66675ZM13.3334 73.3333V71.3333C10.7561 71.3333 8.66675 69.244 8.66675 66.6666H6.66675H4.66675C4.66675 71.4531 8.54695 75.3333 13.3334 75.3333L13.3334 73.3333ZM73.3334 56.6666H71.3334V66.6666H73.3334H75.3334V56.6666H73.3334ZM66.6668 73.3333V71.3333H56.6668V73.3333V75.3333H66.6668V73.3333ZM73.3334 66.6666H71.3334C71.3334 69.244 69.2441 71.3333 66.6668 71.3333V73.3333V75.3333C71.4532 75.3333 75.3334 71.4531 75.3334 66.6666H73.3334Z"
         fill="url(#paint0_linear_29160_243036)"
@@ -31,10 +31,7 @@ export const IsolateDrumsGradientIcon = ({
         <stop stopColor="#0AFFA7" />
         <stop offset="1" stopColor="#00DAE8" />
       </linearGradient>
-      <clipPath id="clip0_29160_243036">
-        <rect width="80" height="80" fill="white" />
-      </clipPath>
-    </defs>
+</defs>
   </svg>
 )
 

package/src/icons/IsolateDrumsIcon.jsx

@@ -6,18 +6,13 @@ export const IsolateDrumsIcon = ({ width, height, className, ...props }) => (
     viewBox="0 0 16 16"
     fill="none"
   >
-    <g clipPath="url(#clip0_4905_1332)">
+    <g>
       <path
         d="M8.67935 8.16538C8.67935 7.88924 8.45549 7.66538 8.17935 7.66538C7.9032 7.66538 7.67935 7.88924 7.67935 8.16538H8.67935ZM12.041 7.74518C12.041 7.46904 11.8172 7.24518 11.541 7.24518C11.2649 7.24518 11.041 7.46904 11.041 7.74518H12.041ZM5.3177 7.74518C5.3177 7.46904 5.09385 7.24518 4.8177 7.24518C4.54156 7.24518 4.3177 7.46904 4.3177 7.74518H5.3177ZM13.2907 3.38754C13.5128 3.22339 13.5597 2.91031 13.3956 2.68825C13.2314 2.46619 12.9184 2.41923 12.6963 2.58337L13.2907 3.38754ZM7.60141 6.34936C7.37934 6.5135 7.33239 6.82659 7.49653 7.04865C7.66068 7.27071 7.97376 7.31767 8.19582 7.15352L7.60141 6.34936ZM11.333 0.833008C11.0569 0.833008 10.833 1.05687 10.833 1.33301C10.833 1.60915 11.0569 1.83301 11.333 1.83301V0.833008ZM14.1663 4.66634C14.1663 4.94248 14.3902 5.16634 14.6663 5.16634C14.9425 5.16634 15.1663 4.94248 15.1663 4.66634H14.1663ZM0.833008 4.66634C0.833008 4.94248 1.05687 5.16634 1.33301 5.16634C1.60915 5.16634 1.83301 4.94248 1.83301 4.66634L0.833008 4.66634ZM1.33301 2.66634L0.833008 2.66634L1.33301 2.66634ZM2.66634 1.33301L2.66634 1.83301L2.66634 1.33301ZM4.66634 1.83301C4.94248 1.83301 5.16634 1.60915 5.16634 1.33301C5.16634 1.05687 4.94248 0.833008 4.66634 0.833008L4.66634 1.83301ZM4.66634 15.1663C4.94248 15.1663 5.16634 14.9425 5.16634 14.6663C5.16634 14.3902 4.94248 14.1663 4.66634 14.1663V15.1663ZM2.66634 14.6663L2.66634 14.1663L2.66634 14.1663L2.66634 14.6663ZM1.33301 13.333L1.83301 13.333L1.33301 13.333ZM1.83301 11.333C1.83301 11.0569 1.60915 10.833 1.33301 10.833C1.05687 10.833 0.833008 11.0569 0.833008 11.333L1.83301 11.333ZM15.1663 11.333C15.1663 11.0569 14.9425 10.833 14.6663 10.833C14.3902 10.833 14.1663 11.0569 14.1663 11.333H15.1663ZM14.6663 13.333L14.1663 13.333L14.1663 13.333L14.6663 13.333ZM13.333 14.6663L13.333 15.1663L13.333 15.1663L13.333 14.6663ZM11.333 14.1663C11.0569 14.1663 10.833 14.3902 10.833 14.6663C10.833 14.9425 11.0569 15.1663 11.333 15.1663V14.1663ZM8.17935 8.16538H7.67935V12.1574H8.17935H8.67935V8.16538H8.17935ZM11.541 7.74518H11.041V11.7372H11.541H12.041V7.74518H11.541ZM4.8177 7.74518H4.3177V11.7372H4.8177H5.3177V7.74518H4.8177ZM3.13682 10.4764H3.63682V7.11473H3.13682H2.63682V10.4764H3.13682ZM8.17935 12.1574V11.6574C6.8257 11.6574 5.62093 11.4737 4.77188 11.1906C4.34474 11.0482 4.03513 10.8897 3.84259 10.738C3.6444 10.5818 3.63682 10.4896 3.63682 10.4764H3.13682H2.63682C2.63682 10.9273 2.91145 11.2773 3.22359 11.5234C3.54138 11.7738 3.97024 11.9775 4.45562 12.1393C5.4316 12.4647 6.74811 12.6574 8.17935 12.6574V12.1574ZM13.2218 10.4764H12.7218C12.7218 10.4896 12.7142 10.5818 12.516 10.738C12.3235 10.8897 12.0139 11.0482 11.5868 11.1906C10.7377 11.4737 9.53299 11.6574 8.17935 11.6574V12.1574V12.6574C9.61058 12.6574 10.9271 12.4647 11.903 12.1393C12.3884 11.9775 12.8173 11.7738 13.135 11.5234C13.4472 11.2773 13.7218 10.9273 13.7218 10.4764H13.2218ZM13.2218 7.11473H12.7218V10.4764H13.2218H13.7218V7.11473H13.2218ZM13.2218 7.11473H12.7218C12.7218 7.12794 12.7142 7.22011 12.516 7.3763C12.3235 7.52805 12.0139 7.68658 11.5868 7.82897C10.7377 8.11202 9.53296 8.29567 8.17931 8.29567V8.79567V9.29567C9.61054 9.29567 10.927 9.103 11.903 8.77765C12.3884 8.61584 12.8172 8.41215 13.135 8.1617C13.4472 7.91568 13.7218 7.56566 13.7218 7.11473H13.2218ZM8.17931 8.79567V8.29567C6.82565 8.29567 5.6209 8.11202 4.77186 7.82897C4.34472 7.68658 4.03512 7.52805 3.84258 7.3763C3.6444 7.22011 3.63682 7.12794 3.63682 7.11473H3.13682H2.63682C2.63682 7.56566 2.91144 7.91568 3.22359 8.1617C3.54137 8.41215 3.97023 8.61584 4.4556 8.77765C5.43158 9.103 6.74807 9.29567 8.17931 9.29567V8.79567ZM3.13682 7.11473H3.63682C3.63682 7.10152 3.64439 7.00937 3.84256 6.8532C4.0351 6.70148 4.34469 6.54297 4.77183 6.40061C5.62088 6.11761 6.82564 5.93401 8.17931 5.93401V5.43401V4.93401C6.74808 4.93401 5.4316 5.12662 4.45563 5.45191C3.97026 5.61369 3.5414 5.81734 3.22361 6.06778C2.91145 6.31377 2.63682 6.66378 2.63682 7.11473H3.13682ZM8.17931 5.43401V5.93401C9.53297 5.93401 10.7377 6.11761 11.5868 6.40061C12.0139 6.54297 12.3235 6.70148 12.5161 6.8532C12.7142 7.00937 12.7218 7.10152 12.7218 7.11473H13.2218H13.7218C13.7218 6.66378 13.4472 6.31377 13.135 6.06778C12.8172 5.81734 12.3884 5.61369 11.903 5.45191C10.927 5.12662 9.61053 4.93401 8.17931 4.93401V5.43401ZM12.9935 2.98545L12.6963 2.58337L7.60141 6.34936L7.89861 6.75144L8.19582 7.15352L13.2907 3.38754L12.9935 2.98545ZM11.333 1.33301V1.83301H13.333V1.33301V0.833008H11.333V1.33301ZM14.6663 2.66634H14.1663V4.66634H14.6663H15.1663V2.66634H14.6663ZM13.333 1.33301V1.83301C13.7932 1.83301 14.1663 2.2061 14.1663 2.66634H14.6663H15.1663C15.1663 1.65382 14.3455 0.833008 13.333 0.833008V1.33301ZM1.33301 4.66634L1.83301 4.66634L1.83301 2.66634L1.33301 2.66634L0.833008 2.66634L0.833008 4.66634L1.33301 4.66634ZM2.66634 1.33301L2.66634 1.83301L4.66634 1.83301L4.66634 1.33301L4.66634 0.833008L2.66634 0.833008L2.66634 1.33301ZM1.33301 2.66634L1.83301 2.66634C1.83301 2.2061 2.2061 1.83301 2.66634 1.83301L2.66634 1.33301L2.66634 0.833008C1.65382 0.833008 0.833008 1.65382 0.833008 2.66634L1.33301 2.66634ZM4.66634 14.6663V14.1663H2.66634V14.6663V15.1663H4.66634V14.6663ZM1.33301 13.333L1.83301 13.333L1.83301 11.333L1.33301 11.333L0.833008 11.333L0.833008 13.333L1.33301 13.333ZM2.66634 14.6663L2.66634 14.1663C2.2061 14.1663 1.83301 13.7932 1.83301 13.333L1.33301 13.333L0.833008 13.333C0.833008 14.3455 1.65382 15.1663 2.66634 15.1663L2.66634 14.6663ZM14.6663 11.333H14.1663V13.333H14.6663H15.1663V11.333H14.6663ZM13.333 14.6663V14.1663H11.333V14.6663V15.1663H13.333V14.6663ZM14.6663 13.333L14.1663 13.333C14.1663 13.7932 13.7932 14.1663 13.333 14.1663L13.333 14.6663L13.333 15.1663C14.3455 15.1663 15.1663 14.3455 15.1663 13.333L14.6663 13.333Z"
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_4905_1332">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 IsolateDrumsIcon.displayName = 'IsolateDrumsIcon'

package/src/icons/Knob2Icon.jsx

@@ -8,7 +8,7 @@ export const Knob2Icon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_7846_246)">
+    <g>
       <path
         d="M11.9999 0.75V1.25M19.9552 4.0452L19.6017 4.39875M23.2504 12.0005L22.7504 12.0005M19.9551 19.9558L19.6016 19.6022M11.9999 23.2509V22.7509M4.04452 19.9558L4.39807 19.6022M0.749329 12.0005H1.24933M4.04459 4.04504L4.39814 4.39859M16.9551 7.04519L13.9999 9.99998M19.5131 12.0002C19.5131 16.1496 16.1494 19.5134 12 19.5134C7.85058 19.5134 4.48683 16.1496 4.48683 12.0002C4.48683 7.85083 7.85058 4.48707 12 4.48707C16.1494 4.48707 19.5131 7.85083 19.5131 12.0002Z"
         stroke="currentColor"
@@ -16,12 +16,7 @@ export const Knob2Icon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_7846_246">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 Knob2Icon.displayName = 'Knob2Icon'

package/src/icons/Knob3Icon.jsx

@@ -8,7 +8,7 @@ export const Knob3Icon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_7846_257)">
+    <g>
       <path
         d="M11.9999 0.75V1.25M19.9552 4.0452L19.6017 4.39875M23.2504 12.0005L22.7504 12.0005M0.749329 12.0005H1.24933M4.04459 4.04504L4.39814 4.39859M16.9551 7.04519L13.9999 9.99998M19.5131 12.0002C19.5131 16.1496 16.1494 19.5134 12 19.5134C7.85058 19.5134 4.48683 16.1496 4.48683 12.0002C4.48683 7.85083 7.85058 4.48707 12 4.48707C16.1494 4.48707 19.5131 7.85083 19.5131 12.0002Z"
         stroke="currentColor"
@@ -16,12 +16,7 @@ export const Knob3Icon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_7846_257">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 Knob3Icon.displayName = 'Knob3Icon'

package/src/icons/KnobIcon.jsx

@@ -8,7 +8,7 @@ export const KnobIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_7508_178)">
+    <g>
       <path
         d="M16 8L12.9289 11.0711M12 1.5C17.799 1.5 22.5 6.20101 22.5 12C22.5 17.799 17.799 22.5 12 22.5C6.20101 22.5 1.5 17.799 1.5 12C1.5 6.20101 6.20101 1.5 12 1.5Z"
         stroke="currentColor"
@@ -17,12 +17,7 @@ export const KnobIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_7508_178">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 KnobIcon.displayName = 'KnobIcon'

package/src/icons/LibraryIcon.jsx

@@ -13,19 +13,14 @@ export const LibraryIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_27817_55883)">
+    <g>
       <path
         d="M3.16602 3.16602L3.16602 12.8327M6.49935 3.16602L6.49935 12.8327M9.25508 3.20901L13.6499 12.6337"
         stroke="currentColor"
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_27817_55883">
-        <rect width="16" height="16" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 LibraryIcon.displayName = 'LibraryIcon'

package/src/icons/LockIcon.jsx

@@ -7,16 +7,11 @@ export const LockIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_35277_68311)">
+    <g>
       <path d="M4.66667 7.33398V4.66732C4.66667 3.78326 5.01786 2.93542 5.64298 2.3103C6.2681 1.68517 7.11595 1.33398 8 1.33398C8.88406 1.33398 9.7319 1.68517 10.357 2.3103C10.9821 2.93542 11.3333 3.78326 11.3333 4.66732V7.33398M3.33333 7.33398H12.6667C13.403 7.33398 14 7.93094 14 8.66732V13.334C14 14.0704 13.403 14.6673 12.6667 14.6673H3.33333C2.59695 14.6673 2 14.0704 2 13.334V8.66732C2 7.93094 2.59695 7.33398 3.33333 7.33398Z"
         stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
     </g>
-    <defs>
-      <clipPath id="clip0_35277_68311">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 LockIcon.displayName = 'LockIcon'

package/src/icons/LoopIcon.jsx

@@ -9,7 +9,7 @@ export const LoopIcon = ({ width = 16, height = 16, className, ...props }) => {
       className={className}
       {...props}
     >
-      <g clipPath="url(#clip0_4338_6306)">
+      <g>
         <path
           d="M11.1665 4H11.3332C13.5423 4 15.3332 5.79086 15.3332 8C15.3332 10.2091 13.5423 12 11.3332 12H7.83317M4.72633 12H4.6665C2.45737 12 0.666504 10.2091 0.666504 8C0.666504 5.79086 2.45736 4 4.6665 4H8.33317M5.99984 1.33334L8.6665 4L5.99984 6.66667M9.99984 14.6667L7.33317 12L9.99984 9.33334"
           stroke="currentColor"
@@ -17,12 +17,7 @@ export const LoopIcon = ({ width = 16, height = 16, className, ...props }) => {
           strokeLinejoin="round"
         />
       </g>
-      <defs>
-        <clipPath id="clip0_4338_6306">
-          <rect width="16" height="16" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+</svg>
   )
 }
 

package/src/icons/MoreIcon.jsx

@@ -8,7 +8,7 @@ export const MoreIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_24138)">
+    <g>
       <path
         d="M11.9613 8.84105C11.4966 8.84105 11.1199 8.46433 11.1199 7.99963C11.1199 7.53492 11.4966 7.1582 11.9613 7.1582C12.426 7.1582 12.8027 7.53492 12.8027 7.99963C12.8027 8.46433 12.426 8.84105 11.9613 8.84105Z"
         stroke="currentColor"
@@ -40,12 +40,7 @@ export const MoreIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeWidth="0.666667"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_24138">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 MoreIcon.displayName = 'MoreIcon'

package/src/icons/MusicIcon.jsx

@@ -15,12 +15,7 @@ export const MusicIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeMiterlimit="10"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_23974_2573">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 MusicIcon.displayName = 'MusicIcon'

package/src/icons/NoInternetSignalIcon.jsx

@@ -13,7 +13,7 @@ export const NoInternetSignalIcon = ({
     className={className}
     {...props}
   >
-    <g clip-path="url(#clip0_2034_997)">
+    <g>
       <path
         d="M19.07 1C20.9447 2.87528 21.9979 5.41836 21.9979 8.07C21.9979 10.7216 20.9447 13.2647 19.07 15.14M15.54 4.53C16.4774 5.46764 17.004 6.73918 17.004 8.065C17.004 9.39082 16.4774 10.6624 15.54 11.6M4.93002 15.14C3.05531 13.2647 2.00216 10.7216 2.00216 8.07C2.00216 7.68017 2.02492 7.29269 2.06971 6.90934M4.93002 1C4.27909 1.65113 3.7272 2.38277 3.28405 3.17152M8.46002 4.53C7.80009 5.19013 7.34376 6.01577 7.13146 6.90934M12 8V12M12 17V23M1 1L23 23"
         stroke="currentColor"
@@ -22,12 +22,7 @@ export const NoInternetSignalIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_997">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 NoInternetSignalIcon.displayName = 'NoInternetSignalIcon'

package/src/icons/NoKeysIcon.jsx

@@ -13,7 +13,7 @@ export const NoKeysIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_6032_193)">
+    <g>
       <path
         d="M16.6875 22.75C17.1017 22.75 17.4375 22.4142 17.4375 22C17.4375 21.5858 17.1017 21.25 16.6875 21.25V22.75ZM9.625 14.125C9.625 13.7108 9.28921 13.375 8.875 13.375C8.46079 13.375 8.125 13.7108 8.125 14.125H9.625ZM8.125 21.875C8.125 22.2892 8.46079 22.625 8.875 22.625C9.28921 22.625 9.625 22.2892 9.625 21.875H8.125ZM3.375 7.9375C3.375 7.52329 3.03921 7.1875 2.625 7.1875C2.21079 7.1875 1.875 7.52329 1.875 7.9375H3.375ZM1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L1.53033 0.46967ZM22.4697 23.5303C22.7626 23.8232 23.2374 23.8232 23.5303 23.5303C23.8232 23.2374 23.8232 22.7626 23.5303 22.4697L22.4697 23.5303ZM20.625 4V20H22.125V4H20.625ZM16.6875 21.25H4.625V22.75H16.6875V21.25ZM8.125 14.125V21.875H9.625V14.125H8.125ZM4.625 21.25C3.93464 21.25 3.375 20.6904 3.375 20H1.875C1.875 21.5188 3.10622 22.75 4.625 22.75V21.25ZM19.375 2.75C20.0654 2.75 20.625 3.30964 20.625 4H22.125C22.125 2.48122 20.8938 1.25 19.375 1.25V2.75ZM4.625 2.75H19.375V1.25H4.625V2.75ZM3.375 20V7.9375H1.875V20H3.375ZM20.625 20C20.625 20.2463 20.5545 20.4739 20.4329 20.6663L21.701 21.4676C21.9696 21.0425 22.125 20.5382 22.125 20H20.625ZM20.4329 20.6663C20.431 20.6693 20.4291 20.6724 20.4271 20.6755L21.6881 21.4877C21.6924 21.4811 21.6967 21.4744 21.701 21.4676L20.4329 20.6663ZM4.625 1.25C3.65708 1.25 2.80652 1.75064 2.31751 2.50358L3.57548 3.3206C3.79957 2.97556 4.18616 2.75 4.625 2.75V1.25ZM0.46967 1.53033L20.5366 21.5973L21.5973 20.5366L1.53033 0.46967L0.46967 1.53033ZM20.5366 21.5973L22.4697 23.5303L23.5303 22.4697L21.5973 20.5366L20.5366 21.5973Z"
         fill="currentColor"
@@ -27,12 +27,7 @@ export const NoKeysIcon = ({
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_6032_193">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 NoKeysIcon.displayName = 'NoKeysIcon'

package/src/icons/NoMusicIcon.jsx

@@ -13,7 +13,7 @@ export const NoMusicIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_34670)">
+    <g>
       <path
         d="M14.1476 7.79232V1.53617C14.1476 1.09781 13.7318 0.778757 13.3084 0.892231L6.05437 2.83624C5.76292 2.91435 5.56027 3.17846 5.56027 3.48019V5.33398M14.1476 7.79232V10.3072C14.1476 10.9124 13.74 11.4417 13.1549 11.5963L12.0976 11.8757M14.1476 7.79232L11.0342 8.63079C10.4521 8.78755 10.0476 9.3154 10.0476 9.91825V9.99024M5.56027 10.1048L2.45361 10.9258C1.86851 11.0804 1.46094 11.6097 1.46094 12.2149V12.9872C1.46094 13.862 2.28917 14.4998 3.13494 14.2763L4.5676 13.8977C5.15269 13.743 5.56027 13.2138 5.56027 12.6086V10.1048ZM5.56027 10.1048V8.66732M2.00098 2.00066L14.001 14.0007"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const NoMusicIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_34670">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 NoMusicIcon.displayName = 'NoMusicIcon'

package/src/icons/NoPianoIcon.jsx

@@ -13,7 +13,7 @@ export const NoPianoIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_3361_1544)">
+    <g>
       <path
         d="M3 15.8182V21.5455C3 22.0726 3.49374 22.5 4 22.5H18.0781M3 15.8182H7.5M3 15.8182H1V6.27273C1 6.00612 1.02099 5.74462 1.06135 5.48991M7.5 15.8182V19.5M7.5 15.8182H11.4688L12 16.3516V19.6364M2.63486 2.61853C3.43183 1.9205 4.46043 1.5 5.58333 1.5H9.44097C11.5457 1.5 13.444 2.81782 14.2535 4.84091C14.8317 6.28597 16.1876 7.22727 17.691 7.22727H19.3333C21.3584 7.22727 23 8.93673 23 11.0455V15.8182H21M21 15.8182H16.5M21 15.8182V21.0938M16.5 15.8182H15.875M16.5 15.8182V16.5625M1.06641 1.06641L23.2227 23.2227"
         stroke="currentColor"
@@ -22,12 +22,7 @@ export const NoPianoIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_3361_1544">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 NoPianoIcon.displayName = 'NoPianoIcon'

package/src/icons/NoSoundtrackIcon.jsx

@@ -13,18 +13,13 @@ export const NoSoundtrackIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_5967_218)">
+    <g>
       <path
         d="M11.0312 16.75C11.4455 16.75 11.7812 16.4142 11.7812 16C11.7812 15.5858 11.4455 15.25 11.0312 15.25V16.75ZM21.25 6.375C21.25 6.78921 21.5858 7.125 22 7.125C22.4142 7.125 22.75 6.78921 22.75 6.375H21.25ZM9.69566 5.58649L9.32098 6.23619L9.69566 5.58649ZM14.4816 8.34656L14.8563 7.69686L14.8563 7.69686L14.4816 8.34656ZM14.4816 8.65323L14.8563 9.30293L14.8563 9.30293L14.4816 8.65323ZM12.9087 22.9533L12.717 22.2282H12.717L12.9087 22.9533ZM14.2426 22.6008L14.4342 23.3259L14.2426 22.6008ZM15.6269 12.3015L15.8211 13.026H15.8211L15.6269 12.3015ZM22.3811 10.4915L22.5752 11.2159L22.3811 10.4915ZM22.2382 20.458L22.4298 21.1831L22.2382 20.458ZM20.712 20.0855C20.3115 20.1913 20.0727 20.6017 20.1785 21.0022C20.2843 21.4027 20.6947 21.6415 21.0952 21.5357L20.712 20.0855ZM20.2636 17.6968L20.4587 18.421L20.2636 17.6968ZM13.9114 19.4011L13.7197 18.676H13.7197L13.9114 19.4011ZM12.2743 19.8337L12.0826 19.1086L12.2743 19.8337ZM2.75 7C2.75 6.58579 2.41421 6.25 2 6.25C1.58579 6.25 1.25 6.58579 1.25 7H2.75ZM1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L1.53033 0.46967ZM22.4697 23.5303C22.7626 23.8232 23.2374 23.8232 23.5303 23.5303C23.8232 23.2374 23.8232 22.7626 23.5303 22.4697L22.4697 23.5303ZM4 1.75H20V0.25H4V1.75ZM11.0312 15.25H4V16.75H11.0312V15.25ZM21.25 3V6.375H22.75V3H21.25ZM4 15.25C3.30964 15.25 2.75 14.6904 2.75 14H1.25C1.25 15.5188 2.48122 16.75 4 16.75V15.25ZM20 1.75C20.6904 1.75 21.25 2.30964 21.25 3H22.75C22.75 1.48122 21.5188 0.25 20 0.25V1.75ZM9.32098 6.23619L14.1069 8.99626L14.8563 7.69686L10.0704 4.93679L9.32098 6.23619ZM10.1798 5.73982C10.1798 6.18216 9.70155 6.45567 9.32098 6.23619L10.0704 4.93679C9.45343 4.58101 8.67978 5.02489 8.67978 5.73982H10.1798ZM14.8563 9.30293C15.4749 8.94618 15.4749 8.0536 14.8563 7.69686L14.1069 8.99626C13.7247 8.77582 13.7247 8.22398 14.1069 8.00353L14.8563 9.30293ZM10.6 21.034V21.753H12.1V21.034H10.6ZM13.1003 23.6784L14.4342 23.3259L14.051 21.8757L12.717 22.2282L13.1003 23.6784ZM15.9169 21.4005V20.3679H14.4169V21.4005H15.9169ZM15.8211 13.026L22.5752 11.2159L22.1869 9.76703L15.4328 11.5771L15.8211 13.026ZM22.4125 11.091V16.9161H23.9125V11.091H22.4125ZM22.4125 16.9161V19.2577H23.9125V16.9161H22.4125ZM22.0466 19.7329L20.712 20.0855L21.0952 21.5357L22.4298 21.1831L22.0466 19.7329ZM20.4587 18.421L23.3575 17.6403L22.9675 16.1919L20.0686 16.9726L20.4587 18.421ZM13.7197 18.676L12.0826 19.1086L12.4659 20.5588L14.103 20.1262L13.7197 18.676ZM20.095 18.8956C20.095 18.6733 20.2441 18.4788 20.4587 18.421L20.0686 16.9726C19.1992 17.2068 18.595 17.9951 18.595 18.8956H20.095ZM22.4125 19.2577C22.4125 19.4808 22.2623 19.6759 22.0466 19.7329L22.4298 21.1831C23.3037 20.9522 23.9125 20.1616 23.9125 19.2577H22.4125ZM22.5752 11.2159C22.4931 11.2379 22.4125 11.176 22.4125 11.091H23.9125C23.9125 10.1897 23.0575 9.53372 22.1869 9.76703L22.5752 11.2159ZM15.9169 12.9011C15.9169 12.9596 15.8776 13.0108 15.8211 13.026L15.4328 11.5771C14.8335 11.7377 14.4169 12.2807 14.4169 12.9011H15.9169ZM14.4342 23.3259C15.3081 23.0949 15.9169 22.3044 15.9169 21.4005H14.4169C14.4169 21.6236 14.2666 21.8187 14.051 21.8757L14.4342 23.3259ZM10.6 21.753C10.6 23.0596 11.837 24.0122 13.1003 23.6784L12.717 22.2282C12.4053 22.3106 12.1 22.0755 12.1 21.753H10.6ZM12.1 21.034C12.1 20.8109 12.2502 20.6158 12.4659 20.5588L12.0826 19.1086C11.2088 19.3395 10.6 20.1301 10.6 21.034H12.1ZM1.25 7V14H2.75V7H1.25ZM4 0.25C3.17854 0.25 2.4405 0.611117 1.9377 1.18079L3.0623 2.17339C3.29245 1.91264 3.62676 1.75 4 1.75V0.25ZM15.9169 15V12.9011H14.4169V15H15.9169ZM18.595 18.8956V19.2577H20.095V18.8956H18.595ZM15.9169 20.3679C15.9169 19.2197 14.8298 18.3826 13.7197 18.676L14.103 20.1262C14.2616 20.0843 14.4169 20.2038 14.4169 20.3679H15.9169ZM0.46967 1.53033L22.4697 23.5303L23.5303 22.4697L1.53033 0.46967L0.46967 1.53033ZM14.1069 8.00353L10.5175 10.0736L11.2668 11.373L14.8563 9.30293L14.1069 8.00353ZM10.1798 9.42978V5.73982H8.67978V9.42978H10.1798Z"
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_5967_218">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 NoSoundtrackIcon.displayName = 'NoSoundtrackIcon'

package/src/icons/PianoIcon.jsx

@@ -14,12 +14,7 @@ export const PianoIcon = ({ width = 16, height = 16, className, ...props }) => (
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_833">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 PianoIcon.displayName = 'PianoIcon'

package/src/icons/PlayBackSpeedIcon.jsx

@@ -13,7 +13,7 @@ export const PlayBackSpeedIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2763_64)">
+    <g>
       <path
         d="M15.0873 11.6522C15.3527 11.8068 15.3527 12.1932 15.0873 12.3478L10.3108 15.1299C10.0454 15.2845 9.71375 15.0913 9.71375 14.7822V9.21784C9.71375 8.90871 10.0454 8.71551 10.3108 8.87007L15.0873 11.6522Z"
         fill="currentColor"
@@ -26,12 +26,7 @@ export const PlayBackSpeedIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2763_64">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 PlayBackSpeedIcon.displayName = 'PlayBackSpeedIcon'

package/src/icons/PlayCircleIcon.jsx

@@ -13,7 +13,7 @@ export const PlayCircleIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2034_845)">
+    <g>
       <path
         d="M15.0873 11.6522C15.3527 11.8068 15.3527 12.1932 15.0873 12.3478L10.3108 15.1299C10.0454 15.2845 9.71375 15.0913 9.71375 14.7822V9.21784C9.71375 8.90871 10.0454 8.71551 10.3108 8.87007L15.0873 11.6522Z"
         fill="currentColor"
@@ -33,12 +33,7 @@ export const PlayCircleIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_845">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 PlayCircleIcon.displayName = 'PlayCircleIcon'

package/src/icons/RadioIcon.jsx

@@ -8,7 +8,7 @@ export const RadioIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_24125_23139)">
+    <g>
       <path
         d="M2.66602 2.66634C2.66602 1.92996 3.26297 1.33301 3.99935 1.33301H11.9993C12.7357 1.33301 13.3327 1.92996 13.3327 2.66634V13.333C13.3327 14.0694 12.7357 14.6663 11.9993 14.6663H3.99935C3.26297 14.6663 2.66602 14.0694 2.66602 13.333V2.66634Z"
         stroke="currentColor"
@@ -25,12 +25,7 @@ export const RadioIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_24125_23139">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 RadioIcon.displayName = 'RadioIcon'

package/src/icons/RedoIcon.jsx

@@ -8,19 +8,14 @@ export const RedoIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_32432)">
+    <g>
       <path
         d="M2.66602 10C3.35594 7.68681 5.50339 6 8.04566 6C10.4832 6 12.5578 7.83332 13.3327 10M13.3327 10H9.33268M13.3327 10V6"
         stroke="currentColor"
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_32432">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 RedoIcon.displayName = 'RedoIcon'

package/src/icons/RefreshBackIcon.jsx

@@ -13,7 +13,7 @@ export const RefreshBackIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_28160_53772)">
+    <g>
       <path
         d="M2.625 8.68286C2.625 11.6968 5.06828 14.1401 8.08221 14.1401C11.0961 14.1401 13.5394 11.6968 13.5394 8.68286C13.5394 5.66892 11.0961 3.22565 8.08221 3.22565H6.03576M7.66746 0.75L5.14219 3.27653L7.66746 5.80307"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const RefreshBackIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_28160_53772">
-        <rect width="16" height="16" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 RefreshBackIcon.displayName = 'RefreshBackIcon'

package/src/icons/RocketIcon.jsx

@@ -13,18 +13,13 @@ export const RocketIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2034_941)">
+    <g>
       <path
         d="M6.15643 12.7449L5.4648 12.4548C5.347 12.7356 5.41074 13.0598 5.6261 13.2752L6.15643 12.7449ZM7.18241 10.2987L6.49078 10.0086L7.18241 10.2987ZM20.2489 1.7145L20.2406 2.46445L20.2489 1.7145ZM22.0158 1.7342L22.7658 1.72584C22.7612 1.31817 22.4319 0.988797 22.0242 0.984251L22.0158 1.7342ZM22.0355 3.50109L21.2856 3.50945V3.50945L22.0355 3.50109ZM13.4513 16.5676L13.7414 17.2592L13.4513 16.5676ZM11.0052 17.5936L10.4748 18.1239C10.6902 18.3393 11.0144 18.403 11.2952 18.2852L11.0052 17.5936ZM10.0128 5.15485L9.88949 5.89464L10.0128 5.15485ZM3.63105 7.39106L3.10072 6.86073C2.96007 7.00138 2.88105 7.19215 2.88105 7.39106C2.88105 7.58997 2.96007 7.78074 3.10072 7.92139L3.63105 7.39106ZM18.5952 13.7372L17.8554 13.8605V13.8605L18.5952 13.7372ZM16.359 20.119L15.8286 20.6493C16.1215 20.9422 16.5964 20.9422 16.8893 20.6493L16.359 20.119ZM6.34336 18.4673C6.63625 18.1744 6.63625 17.6996 6.34336 17.4067C6.05047 17.1138 5.57559 17.1138 5.2827 17.4067L6.34336 18.4673ZM1.45427 21.2351C1.16138 21.528 1.16138 22.0029 1.45427 22.2958C1.74717 22.5887 2.22204 22.5887 2.51493 22.2958L1.45427 21.2351ZM3.22204 15.346C3.51493 15.0531 3.51493 14.5782 3.22204 14.2854C2.92914 13.9925 2.45427 13.9925 2.16138 14.2854L3.22204 15.346ZM0.332951 16.1138C0.040058 16.4067 0.040058 16.8815 0.332951 17.1744C0.625844 17.4673 1.10072 17.4673 1.39361 17.1744L0.332951 16.1138ZM9.46468 21.5887C9.75757 21.2958 9.75757 20.8209 9.46468 20.528C9.17179 20.2351 8.69691 20.2351 8.40402 20.528L9.46468 21.5887ZM6.57559 22.3564C6.2827 22.6493 6.2827 23.1242 6.57559 23.4171C6.86848 23.71 7.34336 23.71 7.63625 23.4171L6.57559 22.3564ZM6.84806 13.035L7.87404 10.5888L6.49078 10.0086L5.4648 12.4548L6.84806 13.035ZM20.2406 2.46445L22.0075 2.48416L22.0242 0.984251L20.2573 0.964546L20.2406 2.46445ZM21.2659 1.74257L21.2856 3.50945L22.7855 3.49272L22.7658 1.72584L21.2659 1.74257ZM13.1612 15.876L10.7151 16.902L11.2952 18.2852L13.7414 17.2592L13.1612 15.876ZM11.5355 17.0633L6.68676 12.2145L5.6261 13.2752L10.4748 18.1239L11.5355 17.0633ZM21.2856 3.50945C21.3457 8.90063 18.1332 13.7907 13.1612 15.876L13.7414 17.2592C19.2762 14.9378 22.8524 9.49423 22.7855 3.49272L21.2856 3.50945ZM7.87404 10.5888C9.95938 5.61687 14.8494 2.40433 20.2406 2.46445L20.2573 0.964546C14.2558 0.897615 8.8122 4.47385 6.49078 10.0086L7.87404 10.5888ZM10.8254 4.52994L10.1361 4.41505L9.88949 5.89464L10.5788 6.00953L10.8254 4.52994ZM3.38192 6.57953L3.10072 6.86073L4.16138 7.92139L4.44258 7.64019L3.38192 6.57953ZM3.10072 7.92139L6.63625 11.4569L7.69691 10.3963L4.16138 6.86073L3.10072 7.92139ZM10.1361 4.41505C7.66727 4.00358 5.15171 4.80973 3.38192 6.57953L4.44258 7.64019C5.86983 6.21293 7.89851 5.56281 9.88949 5.89464L10.1361 4.41505ZM17.7405 13.1712L17.8554 13.8605L19.335 13.6139L19.2201 12.9246L17.7405 13.1712ZM16.1098 19.3075L15.8286 19.5886L16.8893 20.6493L17.1705 20.3681L16.1098 19.3075ZM16.8893 19.5886L13.3538 16.0531L12.2931 17.1138L15.8286 20.6493L16.8893 19.5886ZM17.8554 13.8605C18.1872 15.8515 17.5371 17.8802 16.1098 19.3075L17.1705 20.3681C18.9403 18.5983 19.7464 16.0828 19.335 13.6139L17.8554 13.8605ZM12.9039 3.91086L19.7085 11.0187L20.792 9.98135L13.9874 2.87355L12.9039 3.91086ZM5.2827 17.4067L1.45427 21.2351L2.51493 22.2958L6.34336 18.4673L5.2827 17.4067ZM2.16138 14.2854L0.332951 16.1138L1.39361 17.1744L3.22204 15.346L2.16138 14.2854ZM8.40402 20.528L6.57559 22.3564L7.63625 23.4171L9.46468 21.5887L8.40402 20.528Z"
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_941">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 RocketIcon.displayName = 'RocketIcon'

package/src/icons/SearchIcon.jsx

@@ -13,7 +13,7 @@ export const SearchIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_27839_47379)">
+    <g>
       <path
         d="M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const SearchIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_27839_47379">
-        <rect width="16" height="16" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 SearchIcon.displayName = 'SearchIcon'

package/src/icons/Share2Icon.jsx

@@ -0,0 +1,30 @@
+export const Share2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_6624_4145)">
+      <path
+        d="M10.1875 2.89583L8.00001 0.708328M8.00001 0.708328L5.81251 2.89583M8.00001 0.708328V10.1875M10.9167 5.08333C12.5275 5.08333 13.8333 6.38916 13.8333 7.99999V12.2917C13.8333 13.9485 12.4902 15.2917 10.8333 15.2917H5.16656C3.50968 15.2917 2.16653 13.9485 2.16656 12.2916L2.16663 7.99999C2.16666 6.38915 3.47251 5.08333 5.08335 5.08333"
+        stroke="#B0B4BA"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_6624_4145">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+Share2Icon.displayName = 'Share2Icon'

package/src/icons/SoundtrackGradientIcon.jsx

@@ -13,7 +13,7 @@ export const SoundtrackGradientIcon = ({
     {...props}
     className={className}
   >
-    <g clipPath="url(#clip0_29160_241085)">
+    <g>
       <path
         d="M36.7709 53.333H13.3334C9.65146 53.333 6.66669 50.3482 6.66669 46.6663V9.99967C6.66669 6.31778 9.65146 3.33301 13.3334 3.33301H66.6667C70.3486 3.33301 73.3334 6.31778 73.3334 9.99967V21.2497M50.5563 63.5639V71.3347C50.5563 73.213 49.2913 74.8557 47.4754 75.3355L43.0289 76.5106C40.4039 77.2043 37.8334 75.2249 37.8334 72.5098V70.1129C37.8334 68.2346 39.0983 66.5919 40.9143 66.112L50.5563 63.5639ZM50.5563 63.5639V43.0034C50.5563 42.0669 51.1852 41.2472 52.0898 41.0048L74.6037 34.9712C75.9178 34.6191 77.2084 35.6093 77.2084 36.9698V56.3867M77.2084 56.3867V64.192C77.2084 66.0704 75.9433 67.7131 74.1273 68.1929L69.6787 69.3684C67.0538 70.0619 64.4834 68.0825 64.4834 65.3675V62.9849C64.4834 61.1138 65.7388 59.4756 67.5455 58.989L77.2084 56.3867ZM31.4326 19.1324L31.4326 37.5329C31.4326 37.9872 31.925 38.2712 32.3189 38.044L48.272 28.8438C48.6659 28.6166 48.6659 28.0487 48.272 27.8215L32.3189 18.6213C31.925 18.3941 31.4326 18.6781 31.4326 19.1324Z"
         stroke="url(#paint0_linear_29160_241085)"
@@ -34,10 +34,7 @@ export const SoundtrackGradientIcon = ({
         <stop stopColor="#0AFFA7" />
         <stop offset="1" stopColor="#00DAE8" />
       </linearGradient>
-      <clipPath id="clip0_29160_241085">
-        <rect width="80" height="80" fill="white" />
-      </clipPath>
-    </defs>
+</defs>
   </svg>
 )