From 370f44cee8a56ea662bba109b0dc4d469b0f7d49 Mon Sep 17 00:00:00 2001
From: Zac Bergquist <zac.bergquist@goteleport.com>
Date: Mon, 23 Dec 2024 11:50:43 -0700
Subject: [PATCH] Add Argo CD icon for app access

Closes #49482
---
 .../design/src/ResourceIcon/assets/argocd.svg | 19 +++++++++++++++++++
 web/packages/design/src/ResourceIcon/icons.ts |  2 ++
 .../src/ResourceIcon/resourceIconSpecs.ts     |  1 +
 3 files changed, 22 insertions(+)
 create mode 100644 web/packages/design/src/ResourceIcon/assets/argocd.svg

diff --git a/web/packages/design/src/ResourceIcon/assets/argocd.svg b/web/packages/design/src/ResourceIcon/assets/argocd.svg
new file mode 100644
index 0000000000000..b419034be124e
--- /dev/null
+++ b/web/packages/design/src/ResourceIcon/assets/argocd.svg
@@ -0,0 +1,19 @@
+<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.9933 44.2085C65.3189 59.0129 51.9409 69.9856 36 69.9856C20.0257 69.9856 6.62498 58.9669 2.98369 44.1153C2.69617 44.5652 2.19228 44.8636 1.61871 44.8636C0.724719 44.8636 0 44.1389 0 43.2449V30.4247C0 29.5307 0.724719 28.806 1.61871 28.806C2.02696 28.806 2.39991 28.9572 2.68467 29.2065C5.8295 13.6845 19.5502 2 36 2C52.489 2 66.2359 13.7402 69.3376 29.3176C69.6194 29.0797 69.9836 28.9363 70.3813 28.9363C71.2753 28.9363 72 29.661 72 30.555V43.3751C72 44.2691 71.2753 44.9938 70.3813 44.9938C69.7921 44.9938 69.2764 44.679 68.9933 44.2085ZM36 68.6907C54.0585 68.6907 68.6978 54.0513 68.6978 35.9928C68.6978 17.9343 54.0585 3.29496 36 3.29496C17.9415 3.29496 3.30214 17.9343 3.30214 35.9928C3.30214 54.0513 17.9415 68.6907 36 68.6907Z" fill="#B3D1F3"/>
+<circle cx="36" cy="35.9928" r="32.6978" fill="#E3F6FD"/>
+<circle cx="36" cy="35.9921" r="27.1943" fill="#CDEDF7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7146 12.2685C23.0444 12.8003 22.8807 13.4988 22.3488 13.8286C14.9362 18.426 10.0036 26.6338 10.0036 35.9928C10.0036 41.9046 11.9706 47.3537 15.2864 51.7257C15.6646 52.2243 15.5669 52.9351 15.0683 53.3133C14.5697 53.6914 13.859 53.5938 13.4808 53.0951C9.87656 48.3428 7.7374 42.416 7.7374 35.9928C7.7374 25.8173 13.1033 16.8961 21.1544 11.9027C21.6862 11.5729 22.3847 11.7366 22.7146 12.2685Z" fill="white"/>
+<ellipse cx="25.6468" cy="10.8511" rx="1.61871" ry="1.61871" fill="white"/>
+<path d="M50.8585 66.575C46.3697 68.7599 41.328 69.9857 36 69.9857C30.8639 69.9857 25.9939 68.8467 21.6287 66.8074C20.9355 55.1138 20.45 43.4014 20.45 31.7004C20.45 23.0537 27.7108 15.8564 36.2462 15.8564C44.8267 15.8564 52.0423 23.1745 52.0423 31.7004C52.0423 43.3364 51.6168 54.967 50.8585 66.575Z" fill="#FF733E"/>
+<path d="M35.1015 15.8997C39.2944 18.7953 42.1002 23.6422 42.1002 28.9588C42.1002 30.1824 42.0954 31.406 42.0861 32.6295C42.0795 33.4979 42.0672 34.3547 42.0494 35.2H52.0295C52.038 34.0335 52.0423 32.867 52.0423 31.7004C52.0423 23.1745 44.8267 15.8564 36.2461 15.8564C35.8618 15.8564 35.4801 15.871 35.1015 15.8997Z" fill="#FF6B3C"/>
+<path d="M30.3669 55.2236C30.3669 62.0847 33.2178 64.4059 36.1295 64.4179C39.2151 64.4298 41.8921 62.0847 41.8921 55.3435C37.6951 58.6795 34.8896 58.6795 30.3669 55.2236Z" fill="white"/>
+<path d="M30.3669 55.2236C30.3669 62.0847 33.2178 64.4058 36.1295 64.4178C39.2151 64.4298 41.8921 62.0847 41.8921 55.3435C41.8921 58.207 39.4964 60.9687 36.1295 60.9687C32.7626 60.9686 30.3669 58.207 30.3669 55.2236Z" fill="black"/>
+<path d="M24.8957 49.3047C29.5116 49.3047 33.2536 45.5627 33.2536 40.9468C33.2536 36.3308 29.5116 32.5889 24.8957 32.5889C20.2797 32.5889 16.5378 36.3308 16.5378 40.9468C16.5378 45.5627 20.2797 49.3047 24.8957 49.3047Z" stroke="#FF6042" stroke-width="1.5"/>
+<path d="M47.4281 49.3047C52.044 49.3047 55.786 45.5627 55.786 40.9468C55.786 36.3308 52.044 32.5889 47.4281 32.5889C42.8121 32.5889 39.0702 36.3308 39.0702 40.9468C39.0702 45.5627 42.8121 49.3047 47.4281 49.3047Z" stroke="#FF6042" stroke-width="1.5"/>
+<ellipse cx="24.8957" cy="40.9468" rx="7.60791" ry="7.60792" fill="white"/>
+<ellipse cx="47.4281" cy="40.9468" rx="7.60791" ry="7.60792" fill="white"/>
+<ellipse cx="24.8957" cy="39.6517" rx="2.42806" ry="2.42806" fill="black"/>
+<ellipse cx="29.7194" cy="23.5621" rx="2.26619" ry="2.26619" fill="#FFA978"/>
+<ellipse cx="47.4281" cy="39.6517" rx="2.42806" ry="2.42806" fill="#D9D9D9"/>
+<ellipse cx="47.4281" cy="39.6517" rx="2.42806" ry="2.42806" fill="black"/>
+</svg>
diff --git a/web/packages/design/src/ResourceIcon/icons.ts b/web/packages/design/src/ResourceIcon/icons.ts
index 69656120a82b8..fccf86a27aeff 100644
--- a/web/packages/design/src/ResourceIcon/icons.ts
+++ b/web/packages/design/src/ResourceIcon/icons.ts
@@ -35,6 +35,7 @@ import apolloIoLight from './assets/apollo.io-light.svg';
 import appleDark from './assets/apple-dark.svg';
 import appleLight from './assets/apple-light.svg';
 import application from './assets/application.svg';
+import argocd from './assets/argocd.svg';
 import asana from './assets/asana.svg';
 import assembleDark from './assets/assemble-dark.svg';
 import assembleLight from './assets/assemble-light.svg';
@@ -322,6 +323,7 @@ export {
   appleDark,
   appleLight,
   application,
+  argocd,
   asana,
   assembleDark,
   assembleLight,
diff --git a/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts b/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts
index 17ffe26bbdaeb..67021894b7ad9 100644
--- a/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts
+++ b/web/packages/design/src/ResourceIcon/resourceIconSpecs.ts
@@ -50,6 +50,7 @@ export const resourceIconSpecs = {
   'apollo.io': { dark: i.apolloIoDark, light: i.apolloIoLight },
   apple: { dark: i.appleDark, light: i.appleLight },
   application: forAllThemes(i.application),
+  argocd: forAllThemes(i.argocd),
   asana: forAllThemes(i.asana),
   assemble: { dark: i.assembleDark, light: i.assembleLight },
   atlassian: forAllThemes(i.atlassian),