From c568b5a7730a98fd92ec4d16fb9b52c9f722e2b1 Mon Sep 17 00:00:00 2001
From: Lee Calcote <lee.calcote@layer5.io>
Date: Fri, 17 Apr 2026 14:59:54 -0500
Subject: [PATCH 1/2] fix(icons): apply fill to AddCircleIcon path, drop
 full-canvas rect
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

AddCircleIcon's SVG put fill={fill} (currentColor by default) on a
full-canvas 48x48 rect and left the actual icon path unfilled, so the
icon rendered as a solid rectangle of text color with a black
plus-in-circle on top — instead of a clean outlined-plus-in-circle
glyph.

Drop the background rect and apply fill={fill} to the icon path, so
AddCircleIcon renders like the @mui/icons-material/AddCircleOutline
it's intended to replace in consumers (e.g. meshery/ui).

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>
---
 src/icons/AddCircle/AddCircleIcon.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/icons/AddCircle/AddCircleIcon.tsx b/src/icons/AddCircle/AddCircleIcon.tsx
index ce8be4836..a27cb8508 100644
--- a/src/icons/AddCircle/AddCircleIcon.tsx
+++ b/src/icons/AddCircle/AddCircleIcon.tsx
@@ -15,8 +15,10 @@ export const AddIconCircleBordered = ({
       xmlns="http://www.w3.org/2000/svg"
       {...props}
     >
-      <path d="M0 0h48v48h-48z" fill={fill} />
-      <path d="M26 14h-4v8h-8v4h8v8h4v-8h8v-4h-8v-8zm-2-10c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20zm0 36c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16z" />
+      <path
+        d="M26 14h-4v8h-8v4h8v8h4v-8h8v-4h-8v-8zm-2-10c-11.05 0-20 8.95-20 20s8.95 20 20 20 20-8.95 20-20-8.95-20-20-20zm0 36c-8.82 0-16-7.18-16-16s7.18-16 16-16 16 7.18 16 16-7.18 16-16 16z"
+        fill={fill}
+      />
     </svg>
   );
 };

From 4b65b56723768d8ce65c757ccce6509d7f81d503 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Y=C4=AB=20nu=C3=B2?=
 <218099172+yi-nuo426@users.noreply.github.com>
Date: Fri, 17 Apr 2026 16:24:10 -0500
Subject: [PATCH 2/2] Rename AddIconCircleBordered to AddCircleIcon
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Yī nuò <218099172+yi-nuo426@users.noreply.github.com>
---
 src/icons/AddCircle/AddCircleIcon.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/icons/AddCircle/AddCircleIcon.tsx b/src/icons/AddCircle/AddCircleIcon.tsx
index a27cb8508..ce2de1f1e 100644
--- a/src/icons/AddCircle/AddCircleIcon.tsx
+++ b/src/icons/AddCircle/AddCircleIcon.tsx
@@ -1,7 +1,7 @@
 import { DEFAULT_FILL_NONE, DEFAULT_HEIGHT, DEFAULT_WIDTH } from '../../constants/constants';
 import { IconProps } from '../types';
 
-export const AddIconCircleBordered = ({
+export const AddCircleIcon = ({
   width = DEFAULT_WIDTH,
   height = DEFAULT_HEIGHT,
   fill = DEFAULT_FILL_NONE,
@@ -23,4 +23,4 @@ export const AddIconCircleBordered = ({
   );
 };
 
-export default AddIconCircleBordered;
+export default AddCircleIcon;