@clickhouse/click-ui 0.0.2 → 0.0.4

package/src/components/icons/Payments/Paypal.tsx

@@ -1,41 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Paypal = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={30}
-    height={22}
-    viewBox="0 0 30 22"
-    fill="none"
-    {...props}
-  >
-    <g clipPath="url(#a)">
-      <g clipPath="url(#b)">
-        <path
-          fill="#253B80"
-          d="M27.217 21.538H2.779A2.78 2.78 0 0 1 0 18.758V3.195A2.78 2.78 0 0 1 2.78.415h24.437a2.78 2.78 0 0 1 2.78 2.78v15.564a2.78 2.78 0 0 1-2.78 2.78Z"
-        />
-        <path
-          fill="#fff"
-          d="M7.014 8.178H5.38a.227.227 0 0 0-.224.191l-.661 4.19a.136.136 0 0 0 .135.158h.78a.227.227 0 0 0 .224-.192l.178-1.13a.227.227 0 0 1 .225-.192h.517c1.076 0 1.698-.52 1.86-1.553.073-.452.003-.807-.208-1.055-.233-.273-.645-.417-1.192-.417Zm.189 1.53c-.09.586-.537.586-.97.586h-.247L6.159 9.2a.136.136 0 0 1 .134-.114h.113c.295 0 .574 0 .718.168.085.1.112.25.079.455ZM11.899 9.69h-.783a.136.136 0 0 0-.134.114l-.035.22-.055-.08c-.17-.246-.547-.328-.924-.328-.865 0-1.603.655-1.747 1.573-.075.459.031.897.291 1.203.239.28.58.398.986.398.697 0 1.083-.448 1.083-.448l-.035.217a.136.136 0 0 0 .134.158h.705a.227.227 0 0 0 .225-.192l.423-2.679a.136.136 0 0 0-.134-.157Zm-1.091 1.522a.872.872 0 0 1-.883.748c-.227 0-.409-.073-.526-.212-.115-.137-.16-.332-.122-.55a.876.876 0 0 1 .877-.753c.222 0 .402.074.521.214.12.14.167.337.133.553M16.067 9.689h-.786a.228.228 0 0 0-.188.1l-1.085 1.597-.46-1.535a.228.228 0 0 0-.218-.162h-.773a.136.136 0 0 0-.129.18l.866 2.542-.814 1.15c-.064.09 0 .215.111.215h.786a.227.227 0 0 0 .186-.098l2.616-3.775a.136.136 0 0 0-.112-.214ZM18.67 8.178h-1.634a.227.227 0 0 0-.224.191l-.66 4.19a.136.136 0 0 0 .133.158h.84a.159.159 0 0 0 .156-.134l.188-1.188a.227.227 0 0 1 .224-.192h.517c1.076 0 1.697-.52 1.86-1.553.073-.452.003-.807-.209-1.055-.232-.273-.643-.417-1.19-.417Zm.19 1.53c-.09.586-.538.586-.971.586h-.247l.174-1.095a.136.136 0 0 1 .134-.114h.113c.295 0 .573 0 .717.168.086.1.112.25.08.455ZM23.555 9.69h-.782a.136.136 0 0 0-.135.114l-.034.22-.055-.08c-.17-.246-.547-.328-.924-.328-.865 0-1.603.655-1.747 1.573-.075.459.031.897.291 1.203.24.28.58.398.986.398.697 0 1.083-.448 1.083-.448l-.035.217a.136.136 0 0 0 .135.158h.704a.227.227 0 0 0 .225-.192l.423-2.679a.137.137 0 0 0-.135-.157Zm-1.091 1.522a.872.872 0 0 1-.883.748c-.227 0-.409-.073-.525-.212-.116-.137-.16-.332-.123-.55a.876.876 0 0 1 .877-.753c.222 0 .403.074.522.214.12.14.167.337.132.553ZM24.477 8.292l-.67 4.268a.136.136 0 0 0 .134.157h.674a.227.227 0 0 0 .224-.192l.662-4.19a.136.136 0 0 0-.134-.158h-.756a.136.136 0 0 0-.134.115Z"
-        />
-      </g>
-    </g>
-    <defs>
-      <clipPath id="a">
-        <path
-          fill="#fff"
-          d="M0 .415h30v21.138H0z"
-        />
-      </clipPath>
-      <clipPath id="b">
-        <path
-          fill="#fff"
-          d="M0 .415h30v21.138H0z"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-export default Paypal;

package/src/components/icons/Payments/Visa.tsx

@@ -1,36 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Visa = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={30}
-    height={22}
-    viewBox="0 0 30 22"
-    fill="none"
-    {...props}
-  >
-    <g clipPath="url(#a)">
-      <path
-        fill="#0066B2"
-        d="M27.217 21.124H2.779A2.78 2.78 0 0 1 0 18.344V2.78A2.78 2.78 0 0 1 2.78 0h24.437a2.78 2.78 0 0 1 2.78 2.78v15.564a2.78 2.78 0 0 1-2.78 2.78Z"
-      />
-      <path
-        fill="#fff"
-        d="M13.724 13.871h-1.562l.976-6h1.563l-.977 6ZM10.847 7.87l-1.49 4.128-.175-.89v.001l-.526-2.698s-.063-.54-.741-.54H5.453l-.03.1s.754.157 1.635.687l1.357 5.213h1.628l2.486-6h-1.682ZM21.417 11.748l.821-2.245.462 2.245h-1.283Zm1.72 2.123h1.434l-1.251-6h-1.256c-.58 0-.721.446-.721.446l-2.33 5.554h1.628l.326-.891h1.986l.183.891ZM19.136 9.313l.222-1.289s-.688-.261-1.405-.261c-.775 0-2.616.339-2.616 1.986 0 1.55 2.16 1.57 2.16 2.384 0 .814-1.938.669-2.577.155l-.232 1.347s.697.34 1.763.34c1.066 0 2.675-.553 2.675-2.055 0-1.56-2.18-1.706-2.18-2.384 0-.678 1.521-.591 2.19-.223Z"
-      />
-      <path
-        fill="#F9A533"
-        d="m9.182 11.11-.526-2.7s-.063-.54-.741-.54H5.453l-.03.102s1.184.245 2.32 1.164c1.085.878 1.439 1.973 1.439 1.973Z"
-      />
-    </g>
-    <defs>
-      <clipPath id="a">
-        <path
-          fill="#fff"
-          d="M0 0h30v21.138H0z"
-        />
-      </clipPath>
-    </defs>
-  </svg>
-);
-export default Visa;

package/src/components/icons/Payments/index.tsx

@@ -1,30 +0,0 @@
-import React from "react";
-import Visa from "./Visa";
-import MasterCard from "./MasterCard";
-import Amex from "./Amex";
-import Paypal from "./Paypal";
-
-interface Props extends React.SVGAttributes<SVGElement> {
-  name: string;
-}
-
-function Payments({ name, ...props }: Props) {
-  switch (name) {
-    case "visa":
-      return <Visa {...props} />;
-
-    case "mastercard":
-      return <MasterCard {...props} />;
-
-    case "amex":
-      return <Amex {...props} />;
-
-    case "paypal":
-      return <Paypal {...props} />;
-
-    default:
-      return null;
-  }
-}
-
-export default Payments;

package/src/components/icons/Pencil.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Pencil = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m17.54 10.12-3.66-3.66"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M6.251 21H3v-3.251c0-.265.105-.52.293-.707L16.627 3.707a.999.999 0 0 1 1.414 0l2.251 2.25a.999.999 0 0 1 0 1.415L6.958 20.707a.997.997 0 0 1-.707.293v0Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default Pencil;

package/src/components/icons/PieChart.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const PieChart = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M21 12v0a9 9 0 0 1-9 9v0a9 9 0 0 1-9-9v0a9 9 0 0 1 9-9v0a9 9 0 0 1 9 9Z"
-      clipRule="evenodd"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m18.364 18.364-6.071-6.071a1 1 0 0 1-.293-.707V3M12.07 11.96l7.72-4.46"
-    />
-  </svg>
-);
-
-export default PieChart;

package/src/components/icons/Play.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Play = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M10.336 3.156a8.99 8.99 0 0 0-5.224 3.05M3.49 9.08a8.874 8.874 0 0 0 .049 5.973M5.209 17.9a8.982 8.982 0 0 0 5.128 2.944M13.638 3.152a8.997 8.997 0 0 1 0 17.696"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m10.941 9.057 3.884 2.297a.75.75 0 0 1 0 1.292l-3.884 2.297a.75.75 0 0 1-1.132-.647V9.703a.75.75 0 0 1 1.132-.646v0Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default Play;

package/src/components/icons/Plus.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Plus = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12 5v13M18.5 11.5h-13"
-    />
-  </svg>
-);
-
-export default Plus;

package/src/components/icons/Popout.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Popout = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M16 3h5v5M14 10l7-7M19 14v5a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h5"
-    />
-  </svg>
-);
-
-export default Popout;

package/src/components/icons/PopoverArrow.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const PopoverArrow = (props: SVGAttributes<SVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="10"
-      viewBox="0 0 30 10"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M0 -1L15 9L30 -1"
-        strokeWidth="1.5"
-        strokeLinejoin="round"
-      />
-    </svg>
-  );
-};
-
-export default PopoverArrow;

package/src/components/icons/Question.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Question = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12 21v0a9 9 0 0 1-9-9v0a9 9 0 0 1 9-9v0a9 9 0 0 1 9 9v0a9 9 0 0 1-9 9Z"
-      clipRule="evenodd"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12 13.25V13c0-.817.505-1.26 1.011-1.6.494-.333.989-.767.989-1.567a2 2 0 1 0-4 0M11.999 16a.25.25 0 1 0 .002.5A.25.25 0 0 0 12 16"
-    />
-  </svg>
-);
-
-export default Question;

package/src/components/icons/Refresh.tsx

@@ -1,29 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Refresh = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M8.5 6H12a7.5 7.5 0 1 1-6.666 4.06"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m11.5 3-3 3 3 3"
-    />
-  </svg>
-);
-
-export default Refresh;

package/src/components/icons/Search.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Search = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M15.714 6.838a6.276 6.276 0 1 1-8.876 8.876 6.276 6.276 0 0 1 8.876-8.876M19 19l-3.29-3.29"
-    />
-  </svg>
-);
-
-export default Search;

package/src/components/icons/Secure.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Secure = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M15.319 10.342 11.17 14.49 8.68 12"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M19.1 5.921a11.268 11.268 0 0 1-6.463-2.688.989.989 0 0 0-1.274 0A11.275 11.275 0 0 1 4.9 5.921a.988.988 0 0 0-.9.991v4.33c0 4.367 3.156 8.462 7.478 9.685.339.096.706.096 1.045 0C16.844 19.703 20 15.61 20 11.243v-4.33a.988.988 0 0 0-.9-.992Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default Secure;

package/src/components/icons/Services.tsx

@@ -1,23 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Services = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M3 3h7v7H3V3ZM14 3h7v7h-7V3ZM3 14h7v7H3v-7ZM14 14h7v7h-7v-7Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default Services;

package/src/components/icons/Settings.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Settings = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M18 5h3M3 5h11M10 12h11M3 12h3M18 19h3M3 19h11M17.414 3.586a2 2 0 1 1-2.828 2.828 2 2 0 0 1 2.828-2.828M9.414 10.586a2 2 0 1 1-2.828 2.828 2 2 0 0 1 2.828-2.828M17.414 17.586a2 2 0 1 1-2.828 2.828 2 2 0 0 1 2.828-2.828"
-    />
-  </svg>
-);
-
-export default Settings;

package/src/components/icons/Share.tsx

@@ -1,29 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Share = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="m12 12 9-9v7-7h-7"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M9 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4"
-    />
-  </svg>
-);
-
-export default Share;

package/src/components/icons/SlideIn.tsx

@@ -1,28 +0,0 @@
-import { SVGAttributes } from "react";
-
-const SlideIn = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M5.297 11.985h11.867M12.424 7.491l4.78 4.51-4.78 4.508"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeWidth={1.5}
-      d="M19 17V7"
-    />
-  </svg>
-);
-
-export default SlideIn;

package/src/components/icons/SlideOut.tsx

@@ -1,28 +0,0 @@
-import { SVGAttributes } from "react";
-
-const SlideOut = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M18.703 12.015H6.836M11.576 16.509l-4.78-4.51 4.78-4.508"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeWidth={1.5}
-      d="M5 7v10"
-    />
-  </svg>
-);
-
-export default SlideOut;

package/src/components/icons/SortAltIcon.tsx

@@ -1,22 +0,0 @@
-import { SVGAttributes } from "react";
-
-const SortAltIcon = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width="24"
-    height="24"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M3.4 15.4 7 19l3.6-3.6M7 5v14M20.6 8.6 17 5l-3.6 3.6M17 19V5"
-    />
-  </svg>
-);
-
-export default SortAltIcon;

package/src/components/icons/SortIcon.tsx

@@ -1,24 +0,0 @@
-import { SVGAttributes } from "react";
-
-const SortIcon = (props: SVGAttributes<SVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="24"
-      height="24"
-      fill="none"
-      viewBox="0 0 24 24"
-      {...props}
-    >
-      <path
-        stroke="#161517"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth={1.5}
-        d="m16 9-4-4-4 4M8 15l4 4 4-4"
-      />
-    </svg>
-  );
-};
-
-export default SortIcon;

package/src/components/icons/Sparkle.tsx

@@ -1,23 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Sparkle = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M2.996 16.794a4.002 4.002 0 0 1 4.002 4.002 4.002 4.002 0 0 1 4.001-4.002 4.002 4.002 0 0 1-4.001-4.002 4.002 4.002 0 0 1-4.002 4.002ZM13.001 13.793a4.002 4.002 0 0 1 4.002 4.001 4.002 4.002 0 0 1 4.001-4.001 4.002 4.002 0 0 1-4.001-4.002A4.002 4.002 0 0 1 13 13.793v0ZM6.998 6.79A4.002 4.002 0 0 1 11 10.79 4.002 4.002 0 0 1 15 6.79 4.002 4.002 0 0 1 11 2.788 4.002 4.002 0 0 1 6.998 6.79Z"
-      clipRule="evenodd"
-    />
-  </svg>
-);
-
-export default Sparkle;

package/src/components/icons/Speaker.tsx

@@ -1,30 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Speaker = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M13.999 15.002 6.998 15a4.003 4.003 0 0 1-4.002-4.004v-.998A4.002 4.002 0 0 1 7 5.997h7l3.874-2.647c1.329-.908 3.13.044 3.13 1.652v10.997c0 1.609-1.802 2.56-3.13 1.652L14 15.002Z"
-      clipRule="evenodd"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M14 5.998v9.004M5.997 15.002l1.53 3.86a1.8 1.8 0 0 0 1.67 1.142v0c1.272 0 2.142-1.295 1.673-2.489l-.99-2.514"
-    />
-  </svg>
-);
-
-export default Speaker;

package/src/components/icons/Speed.tsx

@@ -1,29 +0,0 @@
-import { SVGAttributes } from "react";
-
-const Speed = (props: SVGAttributes<SVGElement>) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={24}
-    height={24}
-    viewBox="0 0 24 24"
-    fill="none"
-    {...props}
-  >
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M12.007 10.313A1.69 1.69 0 0 1 13.688 12v.008a1.689 1.689 0 1 1-1.681-1.695M10.807 13.194l-1.25 1.25M16.202 7.798 13.201 10.8"
-    />
-    <path
-      stroke="#161517"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth={1.5}
-      d="M18.367 5.634A9.004 9.004 0 1 1 12 2.997v3"
-    />
-  </svg>
-);
-
-export default Speed;