From def390013cd13c32e341608c2df38891cbc9f9d3 Mon Sep 17 00:00:00 2001
From: Keith Chong <kykchong@redhat.com>
Date: Fri, 19 Jun 2026 15:11:40 -0400
Subject: [PATCH] fix: Update AppSet Icon (#10078)

Signed-off-by: Keith Chong <kykchong@redhat.com>
---
 .../appset/graph/nodes/ApplicationSetNode.tsx | 46 ++-----------------
 src/images/resources/applicationset.svg       |  3 ++
 2 files changed, 6 insertions(+), 43 deletions(-)
 create mode 100644 src/images/resources/applicationset.svg

diff --git a/src/gitops/components/appset/graph/nodes/ApplicationSetNode.tsx b/src/gitops/components/appset/graph/nodes/ApplicationSetNode.tsx
index a79d3110d..00e6b88cd 100644
--- a/src/gitops/components/appset/graph/nodes/ApplicationSetNode.tsx
+++ b/src/gitops/components/appset/graph/nodes/ApplicationSetNode.tsx
@@ -4,7 +4,7 @@ import { observer } from 'mobx-react';
 import SvgTextWithOverflow from '@gitops/components/graph/SvgTextWithOverflow';
 import { dangerColor, successColor, warningColor } from '@gitops/utils/components/Icons/Icons';
 import { HealthStatus } from '@gitops/utils/constants';
-import ApplicationIcon from '@images/resources/application.svg';
+import ApplicationSetIcon from '@images/resources/applicationset.svg';
 import { Tooltip } from '@patternfly/react-core';
 import {
   GhostIcon,
@@ -102,54 +102,14 @@ const ApplicationSetShape: React.FunctionComponent<ShapeProps> = observer(
             stroke="var(--pf-topology__node__background--Stroke)"
             strokeWidth="2"
           />
-          <foreignObject
-            x={-24}
-            y={12}
-            width={16}
-            height={28}
-            color="var(--pf-topology__node__background--Stroke)"
-          >
-            <div
-              style={{
-                fontSize: '24px',
-                width: '16px',
-                height: '24px',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-              }}
-            >
-              {`{`}
-            </div>
-          </foreignObject>
-          <ApplicationIcon
+          <ApplicationSetIcon
             className={className}
             x={-12}
             y={0}
             width={50}
             height={50}
-            style={{ fill: 'var(--pf-topology__node__background--Stroke)' }}
+            style={{ color: 'var(--pf-topology__node__background--Stroke)' }}
           />
-          <foreignObject
-            x={34}
-            y={12}
-            width={16}
-            height={28} // style={{ transform: 'scale(200)'}}
-            color="var(--pf-topology__node__background--Stroke)"
-          >
-            <div
-              style={{
-                fontSize: '24px',
-                width: '16px',
-                height: '24px',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-              }}
-            >
-              {`}`}
-            </div>
-          </foreignObject>
         </g>
         <g>
           <svg
diff --git a/src/images/resources/applicationset.svg b/src/images/resources/applicationset.svg
new file mode 100644
index 000000000..0e179ff30
--- /dev/null
+++ b/src/images/resources/applicationset.svg
@@ -0,0 +1,3 @@
+<svg width="34" height="34" viewBox="-1.5 0 34 34" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.1885 0.0354462C15.3268 -0.0196946 15.4841 -0.0104463 15.6162 0.0627899L21.6465 3.41338C21.8051 3.5015 21.9032 3.66847 21.9033 3.8499V6.29033L23.707 5.28838L23.7646 5.26103C23.9029 5.2059 24.0602 5.21516 24.1924 5.28838L30.2227 8.63896L30.2793 8.67509C30.4042 8.76833 30.479 8.91612 30.4795 9.07451L30.5 15.1946C30.5004 15.3729 30.4059 15.5384 30.252 15.6282L27.6406 17.1507L30.2188 18.552C30.3796 18.6395 30.4803 18.8084 30.4805 18.9915V25.0218C30.4804 25.2033 30.3813 25.3701 30.2227 25.4583L24.1934 28.8089C24.0621 28.8818 23.9042 28.8918 23.7646 28.8362L21.5449 27.9505V29.68C21.5449 29.8565 21.4516 30.0206 21.2998 30.1106L15.3613 33.6263C15.2085 33.7167 15.0185 33.7193 14.8633 33.6331L8.83301 30.2825C8.67459 30.1943 8.57623 30.0273 8.57617 29.846V27.4563L6.7627 28.4114C6.61338 28.49 6.43461 28.4885 6.28711 28.4065L0.256836 25.056C0.0985173 24.9677 3.04574e-05 24.8007 0 24.6194V18.5892C0.000241385 18.408 0.0985417 18.2408 0.256836 18.1526L2.52344 16.8919L0.256836 15.6331C0.0982309 15.5449 2.20488e-05 15.3771 0 15.1956V8.67314C0.000251078 8.49195 0.0985008 8.32474 0.256836 8.23662L6.28711 4.88603L6.34473 4.85869C6.48296 4.80361 6.64037 4.81288 6.77246 4.88603L8.84375 6.03642V3.8499C8.84389 3.66874 8.94239 3.5016 9.10059 3.41338L15.1309 0.0627899L15.1885 0.0354462ZM9.57617 29.5511L14.6064 32.346V27.4593L9.57617 24.6653V29.5511ZM15.6064 27.4573V32.3186L20.5449 29.3948V27.3997C20.4916 27.2804 20.484 27.1408 20.5361 27.0101C20.5386 27.004 20.5423 26.9984 20.5449 26.9925V24.6712L15.6064 27.4573ZM19.0264 22.1116L21.2891 23.3792C21.4468 23.4676 21.5449 23.6349 21.5449 23.8157V26.8733L23.4502 27.6331V22.6331L20.8018 21.137L19.0264 22.1116ZM24.4502 22.6351V27.5218L29.4805 24.7269V19.8411L24.4502 22.6351ZM9.31934 21.0784C9.29035 21.1026 9.25916 21.1245 9.22461 21.1419L7.03027 22.2464V27.1399L8.57617 26.3265V23.8157C8.57624 23.6344 8.67458 23.4674 8.83301 23.3792L11.1904 22.0686L9.31934 21.0784ZM1 24.3245L6.03027 27.1194V22.2327L1 19.4388V24.3245ZM10.1055 23.8157L15.1035 26.5931L20.0234 23.8167L18.0547 22.7142L15.3535 24.2503C15.2019 24.3364 15.0157 24.3378 14.8633 24.2532L12.0908 22.7132L10.1055 23.8157ZM15.6064 17.5433V22.8509L20.6357 20.0882V14.7493L15.6064 17.5433ZM9.57617 20.0813L12.7344 21.7542L12.75 21.763L14.6064 22.8313V17.5433L9.57617 14.7493V20.0813ZM24.252 19.1282C24.1075 19.2124 23.9304 19.2183 23.7803 19.1448L21.6357 18.095V20.3841C21.6357 20.4082 21.6333 20.4319 21.6299 20.4554L23.9512 21.7679L28.9414 18.9964L26.6592 17.7561C26.6499 17.7511 26.6417 17.7441 26.6328 17.7386L24.252 19.1282ZM1.5293 18.5892L6.54004 21.3733L8.50586 20.3831L8.55371 18.0081L6.76953 18.9847C6.61909 19.0667 6.43693 19.0659 6.28711 18.9827L3.55371 17.4642L1.5293 18.5892ZM18.4199 11.8186L21.3789 13.4632C21.5374 13.5513 21.6356 13.7184 21.6357 13.8997V16.9817L23.4932 17.8909L23.4521 12.721L18.4199 9.92509V11.8186ZM24.4521 12.7181L24.4922 17.8284L29.499 14.9085L29.4814 9.92412L24.4521 12.7181ZM7.03027 12.3167V17.7015L8.57617 16.8567V13.8997C8.57631 13.7184 8.67458 13.5514 8.83301 13.4632L12.001 11.7024C12.0009 11.697 11.9999 11.6913 12 11.6858L12.043 9.53252L7.03027 12.3167ZM1 14.9007L6.03027 17.6956V12.3167L1 9.52275V14.9007ZM10.1055 13.8997L15.1055 16.677L20.1064 13.8997L15.1055 11.1224L10.1055 13.8997ZM18.9492 9.07549L23.9492 11.8528L28.9502 9.07549L23.9492 6.29814L18.9492 9.07549ZM1.5293 8.67314L6.5293 11.4505L11.5303 8.67314L6.5293 5.8958L1.5293 8.67314ZM15.874 7.49345V10.4036L17.4199 11.263V8.94267C17.4199 8.76669 17.513 8.60323 17.6641 8.51299L20.9033 6.58134V4.69951L15.874 7.49345ZM9.84375 6.59209L12.8027 8.23662C12.9645 8.32648 13.0631 8.4989 13.0596 8.68388L13.0107 11.1409L14.8633 10.1126L14.874 10.1067V7.49345L9.84375 4.69951V6.59209ZM10.373 3.8499L15.373 6.62724L20.374 3.8499L15.373 1.07256L10.373 3.8499Z" fill="currentColor"/>
+</svg>