Skip to content

Commit c568b5a

Browse files
committed
fix(icons): apply fill to AddCircleIcon path, drop full-canvas rect
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>
1 parent 3bbb07e commit c568b5a

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/icons/AddCircle/AddCircleIcon.tsx

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,10 @@ export const AddIconCircleBordered = ({
1515
xmlns="http://www.w3.org/2000/svg"
1616
{...props}
1717
>
18-
<path d="M0 0h48v48h-48z" fill={fill} />
19-
<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" />
18+
<path
19+
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"
20+
fill={fill}
21+
/>
2022
</svg>
2123
);
2224
};

0 commit comments

Comments
 (0)