feat: update some icons (#613)

pluralsh · Jun 25, 2024 · 9521e37 · 9521e37
1 parent a9ba10c
commit 9521e37
Show file tree

Hide file tree

Showing 11 changed files with 265 additions and 215 deletions.
diff --git a/src/components/icons/ClusterIcon.tsx b/src/components/icons/ClusterIcon.tsx
@@ -3,36 +3,70 @@ import createIcon from './createIcon'
 export default createIcon(({ size, color }) => (
   <svg
     width={size}
+    height={size}
     viewBox="0 0 16 16"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <path
-      d="M13.7998 2.8999H5.7998"
-      stroke={color}
-      strokeMiterlimit="10"
-    />
-    <path
-      d="M2.2002 2.8999L6.2002 9.8999"
-      stroke={color}
-      strokeMiterlimit="10"
-    />
-    <path
-      d="M8 13.1L12 6.09998"
-      stroke={color}
-      strokeMiterlimit="10"
-    />
-    <path
-      d="M2.2 5.09995C3.41503 5.09995 4.4 4.11498 4.4 2.89995C4.4 1.68492 3.41503 0.699951 2.2 0.699951C0.984974 0.699951 0 1.68492 0 2.89995C0 4.11498 0.984974 5.09995 2.2 5.09995Z"
-      fill={color}
-    />
-    <path
-      d="M13.7996 5.09995C15.0146 5.09995 15.9996 4.11498 15.9996 2.89995C15.9996 1.68492 15.0146 0.699951 13.7996 0.699951C12.5846 0.699951 11.5996 1.68492 11.5996 2.89995C11.5996 4.11498 12.5846 5.09995 13.7996 5.09995Z"
-      fill={color}
-    />
-    <path
-      d="M7.9998 15.2999C9.21483 15.2999 10.1998 14.3149 10.1998 13.0999C10.1998 11.8849 9.21483 10.8999 7.9998 10.8999C6.78478 10.8999 5.7998 11.8849 5.7998 13.0999C5.7998 14.3149 6.78478 15.2999 7.9998 15.2999Z"
-      fill={color}
-    />
+    <g clipPath="url(#clip0_1441_165)">
+      <g clipPath="url(#clip1_1441_165)">
+        <path
+          d="M15.3 0.893311C15.4105 0.893311 15.5 0.982854 15.5 1.09331L15.5 4.69331C15.5 4.80377 15.4105 4.89331 15.3 4.89331L11.7 4.89331C11.5895 4.89331 11.5 4.80377 11.5 4.69331L11.5 3.21999L11.5 2.53153L11.5 1.09331C11.5 0.982853 11.5895 0.89331 11.7 0.89331L15.3 0.893311Z"
+          fill={color}
+        />
+        <path
+          d="M15.3 11.8933C15.4105 11.8933 15.5 11.9829 15.5 12.0933L15.5 15.6933C15.5 15.8038 15.4105 15.8933 15.3 15.8933L11.7 15.8933C11.5895 15.8933 11.5 15.8038 11.5 15.6933L11.5 14.22L11.5 13.5315L11.5 12.0933C11.5 11.9829 11.5895 11.8933 11.7 11.8933L15.3 11.8933Z"
+          fill={color}
+        />
+        <path
+          d="M4.3 11.8933C4.41046 11.8933 4.5 11.9829 4.5 12.0933L4.5 15.6933C4.5 15.8038 4.41046 15.8933 4.3 15.8933L0.7 15.8933C0.589543 15.8933 0.5 15.8038 0.5 15.6933L0.5 14.22L0.5 13.5315L0.5 12.0933C0.5 11.9829 0.589543 11.8933 0.7 11.8933L4.3 11.8933Z"
+          fill={color}
+        />
+        <path
+          d="M4.3 0.893311C4.41046 0.893311 4.5 0.982854 4.5 1.09331L4.5 4.69331C4.5 4.80377 4.41046 4.89331 4.3 4.89331L0.7 4.89331C0.589543 4.89331 0.5 4.80377 0.5 4.69331L0.5 3.21999L0.5 2.53153L0.5 1.09331C0.5 0.982853 0.589543 0.89331 0.7 0.89331L4.3 0.893311Z"
+          fill={color}
+        />
+        <path
+          d="M2.5 2.89331H10"
+          stroke={color}
+        />
+        <path
+          d="M13.5 2.89331V13.8933"
+          stroke={color}
+        />
+        <path
+          d="M13.5 13.8933L6 13.8933"
+          stroke={color}
+        />
+        <path
+          d="M2.5 13.8933L2.5 2.89331"
+          stroke={color}
+        />
+        <path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M10.3 10.8933C10.4105 10.8933 10.5 10.8038 10.5 10.6933L10.5 6.09331C10.5 5.98285 10.4105 5.89331 10.3 5.89331L5.7 5.89331C5.58954 5.89331 5.5 5.98285 5.5 6.09331L5.5 10.6933C5.5 10.8038 5.58954 10.8933 5.7 10.8933L10.3 10.8933Z"
+          fill={color}
+        />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="clip0_1441_165">
+        <rect
+          width={size}
+          height={size}
+          fill="white"
+          transform="translate(0 0.393311)"
+        />
+      </clipPath>
+      <clipPath id="clip1_1441_165">
+        <rect
+          width={size}
+          height={size}
+          fill="white"
+          transform="translate(16 0.393311) rotate(90)"
+        />
+      </clipPath>
+    </defs>
   </svg>
 ))
diff --git a/src/components/icons/CompatibilityIcon.tsx b/src/components/icons/CompatibilityIcon.tsx
@@ -3,14 +3,13 @@ import createIcon from './createIcon'
 export default createIcon(({ size, color }) => (
   <svg
     width={size}
-    viewBox="0 0 16 16"
+    viewBox="0 0 16 17"
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
     <path
-      d="M6.5 15.4706C5.15146 15.314 3.742 14.5389 2.61777 13.3182C1.35952 11.9521 0.5 10.0699 0.5 8C0.5 5.93032 1.35952 4.04809 2.61777 2.68188C3.74201 1.46119 5.15147 0.686043 6.5 0.529408V4.5H5H4.5V5V11V11.5H5H6.5V15.4706ZM8.5 7H9V6.5V0.52618C10.5284 0.684776 12.071 1.55335 13.2823 2.84238C14.6236 4.26993 15.5 6.15255 15.5 8C15.5 9.84875 14.6309 11.7314 13.2943 13.1582C12.0864 14.4474 10.5425 15.3169 9 15.4743V9.5V9H8.5H7V7H8.5Z"
+      d="M7 16.3933C3.66664 16.3933 0 12.8119 0 8.39331C0 3.97506 3.66664 0.393311 7 0.393311V5.39331H5V11.3933H7V16.3933ZM8.5 16.3933C12.2577 16.3933 16 12.3933 16 8.39331C16 4.39331 12.2244 0.393311 8.5 0.393311V6.89331H6.5V9.89331H8.5V16.3933Z"
       fill={color}
-      stroke={color}
     />
   </svg>
 ))
diff --git a/src/components/icons/HomeIcon.tsx b/src/components/icons/HomeIcon.tsx
@@ -10,7 +10,7 @@ export default createIcon(({ size, color }) => (
     <path
       id="Vector"
       d="M9.98773 2.76701C9.89282 2.76906 9.80436 2.80044 9.71938 2.85877L1.13012 9.63977C0.932565 9.79854 0.904501 10.0914 1.05239 10.2826C1.19823 10.471 1.50837 10.5013 1.69521 10.3532L10.0019 3.79827L18.3087 10.3532C18.4955 10.5013 18.7971 10.4699 18.9444 10.2826C19.0905 10.0967 19.0749 9.78782 18.8737 9.63977L10.2845 2.85877C10.1839 2.79255 10.0827 2.76496 9.98773 2.76701ZM4.35103 8.84892L3.44698 9.56238V16.7813C3.44698 17.0309 3.64927 17.2332 3.89885 17.2332H8.19348C8.44307 17.2332 8.6455 17.0307 8.6455 16.7812V14.0688C8.6455 13.3096 9.2426 12.7125 10.0018 12.7125C10.761 12.7125 11.3581 13.3096 11.3581 14.0688V16.7812C11.3581 17.0307 11.5604 17.2332 11.8099 17.2332H16.1046C16.3542 17.2332 16.5566 17.0307 16.5566 16.7812V9.56222L15.6525 8.84876V16.3288H12.262V14.0685C12.262 12.824 11.2462 11.8082 10.0017 11.8082C8.75723 11.8082 7.74137 12.824 7.74137 14.0685V16.3288H4.35088L4.35103 8.84892Z"
-      fill="white"
+      fill={color}
       stroke={color}
       strokeWidth="0.25"
     />

diff --git a/src/components/icons/ManagementClusterIcon.tsx b/src/components/icons/ManagementClusterIcon.tsx
@@ -3,65 +3,41 @@ import createIcon from './createIcon'
 export default createIcon(({ size, color }) => (
   <svg
     width={size}
-    viewBox="0 0 16 17"
-    fill={color}
+    height={size}
+    viewBox="0 0 16 16"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g fill={color}>
-      <circle
-        cx="13.665035"
-        cy="2.000006"
-        r="2"
-      />
-      <circle
-        cx="2.982915"
-        cy="2.000005"
-        r="2"
-      />
-      <circle
-        cx="2.334965"
-        cy="13.999995"
-        r="2"
-      />
-      <circle
-        cx="13.054234"
-        cy="13.250095"
-        r="2"
-      />
-      <circle
-        cx="7.437013"
-        cy="8.17105"
-        r="3.23512"
-      />
-      <circle
-        cx="7.437013"
-        cy="8.17105"
-        r="3.23512"
-      />
-    </g>
     <path
-      d="m13.665035 2.000006-2.959258 3.103689"
-      fill="none"
-      stroke={color}
-      strokeLinecap="round"
+      d="M4.5 1.59331C4.5 1.48285 4.58954 1.39331 4.7 1.39331H11.3C11.4105 1.39331 11.5 1.48285 11.5 1.59331V8.19331C11.5 8.30377 11.4105 8.39331 11.3 8.39331H8.57169H7.36689H4.7C4.58954 8.39331 4.5 8.30377 4.5 8.19331V1.59331Z"
+      fill={color}
+    />
+    <path
+      d="M3.86255 15.7759H1.30005V13.2134C1.30005 12.9634 1.48755 12.7759 1.73755 12.7759H4.30005V15.4009C4.30005 15.5884 4.11255 15.7759 3.86255 15.7759Z"
+      fill={color}
     />
     <path
-      d="m2.982915 2.000005 1.778715 2.512967"
-      fill="none"
+      d="M2.5 13.0935V5.11182H3.79419"
       stroke={color}
-      strokeLinecap="round"
     />
     <path
-      d="m2.334965 13.999995 1.983623-2.398351"
-      fill="none"
+      d="M13.5 13.0935V5.11182H12.2014"
       stroke={color}
-      strokeLinecap="round"
     />
     <path
-      d="m13.054234 13.250095-2.237697-2.054573"
-      fill="none"
+      d="M12.1375 15.7759H14.7V13.2134C14.7 12.9634 14.5125 12.7759 14.2625 12.7759H11.7V15.4009C11.7 15.5884 11.8875 15.7759 12.1375 15.7759Z"
+      fill={color}
+    />
+    <rect
+      x="6.5"
+      y="12.7759"
+      width="3"
+      height="3"
+      rx="0.2"
+      fill={color}
+    />
+    <path
+      d="M8 13.8933L8 9.10254"
       stroke={color}
-      strokeLinecap="round"
     />
   </svg>
 ))
diff --git a/src/components/icons/NamespaceIcon.tsx b/src/components/icons/NamespaceIcon.tsx
@@ -0,0 +1,43 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    height={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clipPath="url(#clip0_5765_6747)">
+      <path
+        d="M2.25456 4.22454V6.62589C2.25456 7.34629 1.96106 7.79988 1.40075 7.95997C2.00108 8.14674 2.24122 8.52028 2.24122 9.28071V11.7354C2.24122 12.7226 2.57473 12.9895 3.32182 12.9895H3.7754V14.0034H3.30848C1.86767 14.0034 1.08057 13.4564 1.08057 11.7888V9.41412C1.08057 8.7871 0.787074 8.46692 -3.05176e-05 8.44024V7.46636C0.787074 7.42634 1.08057 7.1195 1.08057 6.50582V4.17117C1.08057 2.47689 1.86767 1.99662 3.30848 1.99662H3.7754V2.98384H3.32182C2.57473 2.98384 2.25456 3.25066 2.25456 4.22454Z"
+        fill={color}
+      />
+      <path
+        d="M4.97594 8.55593C4.42008 8.55593 3.97539 8.11123 3.97539 7.55537C3.97539 6.9995 4.42008 6.5548 4.97594 6.5548C5.53181 6.5548 5.9765 6.9995 5.9765 7.55537C5.9765 8.11123 5.53181 8.55593 4.97594 8.55593Z"
+        fill={color}
+      />
+      <path
+        d="M7.99996 8.55593C7.4441 8.55593 6.9994 8.11123 6.9994 7.55537C6.9994 6.9995 7.4441 6.5548 7.99996 6.5548C8.55582 6.5548 9.00052 6.9995 9.00052 7.55537C9.00052 8.11123 8.55582 8.55593 7.99996 8.55593Z"
+        fill={color}
+      />
+      <path
+        d="M11.024 8.55593C10.4681 8.55593 10.0234 8.11123 10.0234 7.55537C10.0234 6.9995 10.4681 6.5548 11.024 6.5548C11.5798 6.5548 12.0245 6.9995 12.0245 7.55537C12.0245 8.11123 11.5798 8.55593 11.024 8.55593Z"
+        fill={color}
+      />
+      <path
+        d="M13.7454 4.2245V6.62585C13.7454 7.34625 14.0389 7.79984 14.5992 7.95993C13.9989 8.1467 13.7587 8.52025 13.7587 9.28067V11.7354C13.7587 12.7226 13.4252 12.9894 12.6781 12.9894H12.2245V14.0033H12.6915C14.1323 14.0033 14.9194 13.4563 14.9194 11.7887V9.41408C14.9194 8.78706 15.2129 8.46688 16 8.4402V7.46632C15.2129 7.4263 14.9194 7.11946 14.9194 6.50578V4.17114C14.9194 2.47685 14.1323 1.99658 12.6915 1.99658H12.2245V2.9838H12.6781C13.4252 2.9838 13.7454 3.25062 13.7454 4.2245Z"
+        fill={color}
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_5765_6747">
+        <rect
+          width={size}
+          height={size}
+          fill="white"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+))