Skip to content

Commit 2aeaed3

Browse files
committed
fix: mask-size for brand icons
1 parent 2bae443 commit 2aeaed3

1 file changed

Lines changed: 3 additions & 1 deletion

File tree

  • packages/components/src/components/icon

packages/components/src/components/icon/icon.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import {
99
ICON_TYPES,
1010
type IconLibrary,
1111
type IconType,
12+
isBrandsIcon,
1213
type PageType,
1314
} from "@/utils/icon-utils";
1415
import { isAbsoluteUrl } from "@/utils/is-absolute-url";
@@ -155,7 +156,8 @@ const Icon = ({
155156
maskImage: `url(${url})`,
156157
maskRepeat: "no-repeat",
157158
maskPosition: "center",
158-
maskSize: iconLibrary === "lucide" ? "100%" : undefined,
159+
maskSize:
160+
iconLibrary === "lucide" && !isBrandsIcon(icon) ? "100%" : undefined,
159161
backgroundColor: color,
160162
...styleWithColors,
161163
}}

0 commit comments

Comments
 (0)