feat: add new icons for product pages (#609)

src/components/icons/CompatibilityIcon.tsx

@@ -0,0 +1,16 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    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"
+      fill={color}
+      stroke={color}
+    />
+  </svg>
+))

src/components/icons/ComplianceIcon.tsx

@@ -0,0 +1,44 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M2.56055 8.04125V3.35199C2.56055 2.71425 3.04823 2.22656 3.68597 2.22656"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M13.4396 6.73047V13.483C13.4396 14.1207 12.952 14.6084 12.3142 14.6084H3.68597C3.04823 14.6084 2.56055 14.1207 2.56055 13.483V10.3318"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M10.4395 2.22656H12.3152C12.9529 2.22656 13.4406 2.71425 13.4406 3.35199V4.32735"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M9.31196 2.97741H6.68597C6.04823 2.97741 5.56055 2.48973 5.56055 1.85199C5.56055 1.21425 6.04823 0.726562 6.68597 0.726562H9.31196C9.9497 0.726562 10.4374 1.21425 10.4374 1.85199C10.4374 2.48973 9.9497 2.97741 9.31196 2.97741Z"
+      stroke={color}
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M5.56055 8.98117L7.06111 10.4817L10.4374 7.10547"
+      stroke={color}
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+))

src/components/icons/PrQueueIcon.tsx

@@ -0,0 +1,21 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 14"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M0.25 13.5C0.111929 13.5 -1.26242e-07 13.3881 -1.20206e-07 13.25L-1.09278e-08 10.75C-4.89256e-09 10.6119 0.111929 10.5 0.25 10.5L0.75 10.5C0.888071 10.5 1 10.6119 1 10.75L1 12.25C1 12.3881 1.11193 12.5 1.25 12.5L8 12.5L14.75 12.5C14.8881 12.5 15 12.3881 15 12.25L15 10.75C15 10.6119 15.1119 10.5 15.25 10.5L15.75 10.5C15.8881 10.5 16 10.6119 16 10.75L16 13.25C16 13.3881 15.8881 13.5 15.75 13.5L0.25 13.5Z"
+      fill={color}
+    />
+    <path
+      d="M13.5385 0.515625C13.6623 0.515625 13.7744 0.553387 13.8551 0.613508C13.9358 0.673641 13.9844 0.755326 13.9844 0.84375L13.9844 11.1563C13.9844 11.2447 13.9358 11.3264 13.8551 11.3865C13.7744 11.4466 13.6623 11.4844 13.5385 11.4844C13.4146 11.4844 13.3026 11.4466 13.2218 11.3865C13.1411 11.3264 13.0925 11.2447 13.0925 11.1563L13.0925 0.84375C13.0925 0.755326 13.1411 0.673641 13.2218 0.613508C13.3026 0.553387 13.4146 0.515625 13.5385 0.515625ZM9.84615 0.515625C9.97002 0.515625 10.0821 0.553387 10.1628 0.613508C10.2435 0.673641 10.2921 0.755326 10.2921 0.84375L10.2921 11.1563C10.2921 11.2447 10.2435 11.3264 10.1628 11.3865C10.0821 11.4466 9.97002 11.4844 9.84615 11.4844C9.72229 11.4844 9.61025 11.4466 9.52953 11.3865C9.44879 11.3264 9.40024 11.2447 9.40024 11.1563L9.40024 0.84375C9.40024 0.755326 9.44879 0.673641 9.52953 0.613508C9.61025 0.553387 9.72229 0.515625 9.84615 0.515625ZM5.70793 0.84375C5.70793 0.755326 5.75648 0.673641 5.83722 0.613507C5.91794 0.553387 6.02998 0.515625 6.15385 0.515625C6.27771 0.515625 6.38975 0.553387 6.47048 0.613507C6.55121 0.673641 6.59976 0.755326 6.59976 0.84375L6.59976 11.1563C6.59976 11.2447 6.55121 11.3264 6.47047 11.3865C6.38975 11.4466 6.27771 11.4844 6.15385 11.4844C6.02998 11.4844 5.91794 11.4466 5.83722 11.3865C5.75648 11.3264 5.70793 11.2447 5.70793 11.1563L5.70793 0.84375ZM2.46154 0.515624C2.5854 0.515625 2.69745 0.553386 2.77817 0.613507C2.85891 0.673641 2.90745 0.755326 2.90745 0.84375L2.90745 11.1563C2.90745 11.2447 2.85891 11.3264 2.77817 11.3865C2.69745 11.4466 2.5854 11.4844 2.46154 11.4844C2.33767 11.4844 2.22563 11.4466 2.14491 11.3865C2.06417 11.3264 2.01563 11.2447 2.01563 11.1563L2.01563 0.84375C2.01563 0.755326 2.06417 0.673641 2.14491 0.613507C2.22563 0.553386 2.33767 0.515624 2.46154 0.515624Z"
+      fill={color}
+      stroke={color}
+      strokeWidth="0.03125"
+    />
+  </svg>
+))

src/components/icons/ProtectedCluster.tsx

@@ -0,0 +1,45 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M11.5 1.2C11.5 1.08954 11.4105 1 11.3 1H4.7C4.58954 1 4.5 1.08954 4.5 1.2V7.8C4.5 7.91046 4.58954 8 4.7 8H7.36689H8.57169H11.3C11.4105 8 11.5 7.91046 11.5 7.8V1.2ZM8.77588 3.98145C8.77588 4.28485 8.62068 4.55272 8.38558 4.70973C8.32143 4.75258 8.27588 4.82121 8.27588 4.89835V5.85645C8.27588 6.06426 8.10869 6.23145 7.90088 6.23145C7.69307 6.23145 7.52588 6.06426 7.52588 5.85645V4.89835C7.52588 4.82121 7.48032 4.75258 7.41617 4.70973C7.18108 4.55272 7.02588 4.28485 7.02588 3.98145C7.02588 3.49863 7.41807 3.10645 7.90088 3.10645C8.38369 3.10645 8.77588 3.49863 8.77588 3.98145Z"
+      fill={color}
+    />
+    <path
+      d="M3.8623 15.3828H1.2998V12.8203C1.2998 12.5703 1.4873 12.3828 1.7373 12.3828H4.2998V15.0078C4.2998 15.1953 4.1123 15.3828 3.8623 15.3828Z"
+      fill={color}
+    />
+    <path
+      d="M2.5 12.7004V4.71875H3.79419"
+      stroke={color}
+    />
+    <path
+      d="M13.4998 12.7004V4.71875H12.2012"
+      stroke={color}
+    />
+    <path
+      d="M12.1377 15.3828H14.7002V12.8203C14.7002 12.5703 14.5127 12.3828 14.2627 12.3828H11.7002V15.0078C11.7002 15.1953 11.8877 15.3828 12.1377 15.3828Z"
+      fill={color}
+    />
+    <rect
+      x="6.5"
+      y="12.3828"
+      width="3"
+      height="3"
+      rx="0.2"
+      fill={color}
+    />
+    <path
+      d="M8 13.5017L8 8.71094"
+      stroke={color}
+    />
+  </svg>
+))

src/components/icons/TerraformLogoIcon.tsx

@@ -0,0 +1,21 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    width={size}
+    viewBox="0 0 15 17"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M14.0529 8.24839L9.73453 10.7393V5.7548L14.0529 3.2586V8.24839Z"
+      fill={color}
+      stroke={color}
+      strokeWidth="0.0549999"
+    />
+    <path
+      d="M4.85333 3.20929L9.22667 5.73729V10.7853L4.85333 8.25996M0 5.44129L4.37333 7.96663V2.91596L0 0.390625M4.85333 13.8653L9.22667 16.3906V11.34L4.85333 8.81463"
+      fill={color}
+    />
+  </svg>
+))

src/icons.ts

@@ -43,6 +43,8 @@ export { default as ClusterIcon } from './components/icons/ClusterIcon'
 export { default as CollapseIcon } from './components/icons/CollapseIcon'
 export { default as CommandIcon } from './components/icons/CommandIcon'
 export { default as CompassIcon } from './components/icons/CompassIcon'
+export { default as CompatibilityIcon } from './components/icons/CompatibilityIcon'
+export { default as ComplianceIcon } from './components/icons/ComplianceIcon'
 export { default as ComponentsIcon } from './components/icons/ComponentsIcon'
 export { default as ComputerNodeIcon } from './components/icons/ComputerNodeIcon'
 export { default as HomeIcon } from './components/icons/HomeIcon'
@@ -145,6 +147,8 @@ export { default as PrClosedIcon } from './components/icons/PrClosedIcon'
 export { default as PrMergedIcon } from './components/icons/PrMergedIcon'
 export { default as ProjectIcon } from './components/icons/ProjectIcon'
 export { default as PrOpenIcon } from './components/icons/PrOpenIcon'
+export { default as PrQueueIcon } from './components/icons/PrQueueIcon'
+export { default as ProtectedCluster } from './components/icons/ProtectedCluster'
 export { default as ProtectedClusterIcon } from './components/icons/ProtectedClusterIcon'
 export { default as PushPinIcon } from './components/icons/PushPinIcon'
 export { default as ReloadIcon } from './components/icons/ReloadIcon'
@@ -177,6 +181,7 @@ export { default as SuccessIcon } from './components/icons/SuccessIcon'
 export { default as SuitcaseIcon } from './components/icons/SuitcaseIcon'
 export { default as TableIcon } from './components/icons/TableIcon'
 export { default as TagIcon } from './components/icons/TagIcon'
+export { default as TerraformLogoIcon } from './components/icons/TerraformLogoIcon'
 export { default as TerminalIcon } from './components/icons/TerminalIcon'
 export { default as TerraformIcon } from './components/icons/TerraformIcon'
 export { default as TestTubeIcon } from './components/icons/TestTubeIcon'