Merge pull request #4114 from weaveworks/addNewIconForClusterDiscovery

Add new svg icon as CLusterDiscovery icon
weaveworks · Nov 2, 2023 · ea5ab79 · ea5ab79
2 parents b9e6f12 + a7c9c82
commit ea5ab79
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/ui/components/Icon.tsx b/ui/components/Icon.tsx
@@ -42,6 +42,7 @@ import images from "../lib/images";
 import { colors, fontSizes, spacing } from "../typedefs/styled";
 import Flex from "./Flex";
 import ApplicationsIcon from "./NavIcons/ApplicationsIcon";
+import ClusterDiscoveryIcon from "./NavIcons/ClusterDiscoveryIcon";
 import ClustersIcon from "./NavIcons/ClustersIcon";
 import DeliveryIcon from "./NavIcons/DeliveryIcon";
 import DocsIcon from "./NavIcons/DocsIcon";
@@ -59,6 +60,7 @@ import SourcesIcon from "./NavIcons/SourcesIcon";
 import TemplatesIcon from "./NavIcons/TemplatesIcon";
 import TerraformIcon from "./NavIcons/TerraformIcon";
 import WorkspacesIcon from "./NavIcons/WorkspacesIcon";
+
 import ResumeIcon from "./Sync/ResumeIcon";
 import Text from "./Text";
 
@@ -75,6 +77,7 @@ export enum IconType {
   CheckCircleIcon,
   CheckMark,
   ClearIcon,
+  ClusterDiscoveryIcon,
   ClustersIcon,
   DeleteIcon,
   DeliveryIcon,
@@ -175,6 +178,9 @@ function getIcon(i: IconType) {
     case IconType.ClearIcon:
       return ClearIcon;
 
+    case IconType.ClusterDiscoveryIcon:
+      return ClusterDiscoveryIcon;
+
     case IconType.ClustersIcon:
       return ClustersIcon;
 

diff --git a/ui/components/NavIcons/ClusterDiscoveryIcon.tsx b/ui/components/NavIcons/ClusterDiscoveryIcon.tsx
@@ -0,0 +1,11 @@
+import * as React from "react";
+
+function ClustersIcon() {
+  return (
+    <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path d="M4.665 4.059a1.01 1.01 0 0 0-.555.5L4 4.774l.001 2.983c.001 2.802.005 2.993.074 3.144.096.211.3.412.525.515l.18.084h14.44l.19-.094c.104-.051.253-.167.331-.258.267-.312.262-.25.25-3.492-.011-2.897-.012-2.917-.097-3.077a1.135 1.135 0 0 0-.473-.473l-.161-.086-7.22-.008c-6.068-.008-7.245 0-7.375.047M18.99 7.75l-.01 2.75-6.99.01-6.99.01V5H19.001l-.011 2.75M6.667 6.823c-.545.174-.816.85-.549 1.373.096.189.364.425.552.487.237.079.614.031.835-.106a.926.926 0 0 0 .448-.757c.02-.311-.033-.479-.218-.696a.986.986 0 0 0-1.068-.301m7.804 5.298a3.115 3.115 0 0 0-1.7.938 3.003 3.003 0 0 0-.429 3.31c.446.888 1.288 1.474 2.305 1.603a3.001 3.001 0 0 0 1.831-.388l.222-.134 1.33 1.324 1.329 1.325.341-.339.341-.339-1.324-1.324-1.323-1.323.117-.198a2.95 2.95 0 0 0 .417-1.596c-.011-1.6-1.35-2.915-2.948-2.895a4.512 4.512 0 0 0-.509.036m-9.894.494c-.111.052-.26.164-.33.249-.257.311-.25.218-.238 3.459.011 2.918.012 2.938.097 3.098.109.204.269.364.473.473l.161.086 7.12.011 7.12.01-.499-.5-.5-.501H4.96v-5.52h7.036l.329-.41c.18-.225.355-.442.388-.48.057-.067-.135-.07-3.937-.07l-3.996.001-.203.094m10.765.469c.554.102 1.115.506 1.37.988.44.832.295 1.765-.375 2.408-1.077 1.034-2.845.539-3.273-.917-.197-.671.025-1.45.559-1.963a1.914 1.914 0 0 1 1.719-.516m-8.725 2.251c-.644.291-.807 1.117-.318 1.606a.965.965 0 0 0 1.436-.065c.185-.217.238-.385.218-.696a.927.927 0 0 0-.45-.758c-.161-.1-.245-.123-.479-.132-.179-.007-.329.009-.407.045" />
+    </svg>
+  );
+}
+
+export default ClustersIcon;