@central-icons-solid/round-outlined-radius-1-stroke-2 1.1.294 → 1.1.295

package/CentralIconBase.tsx

@@ -1,7 +1,11 @@
 import type { JSX } from "solid-js";
-export type CentralIconBaseProps = { size?: string | number; color?: string; ariaHidden?: boolean; ariaLabel?: string } & JSX.SvgSVGAttributes<SVGSVGElement>;
+export type CentralIconBaseProps = { size?: string | number; color?: string; ariaHidden?: boolean; ariaLabel?: string; mode?: "masked" | "raw"; maskId?: string } & JSX.SvgSVGAttributes<SVGSVGElement>;
+export function maskInner(raw: string, maskId: string, mode: "masked" | "raw" = "masked"): string {
+  if (mode === "raw" || !maskId) return raw;
+  return `<mask id="${maskId}" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#000"/><g fill="none" style="color:#fff">${raw}</g></mask><rect width="24" height="24" fill="currentColor" mask="url(#${maskId})"/>`;
+}
 export function svgAttrs(props: CentralIconBaseProps) {
-  const { size = 24, color, ariaHidden = true, ariaLabel, ...rest } = props;
+  const { size = 24, color, ariaHidden = true, ariaLabel, mode, maskId, ...rest } = props;
   const dim = typeof size === "number" ? `${size}px` : size;
   return { ...rest, width: dim, height: dim, viewBox: "0 0 24 24", fill: "none",
     xmlns: "http://www.w3.org/2000/svg", role: ariaHidden ? undefined : "img",

package/Icon3d/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3d = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={"<circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"4\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"4\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-Icon3d", props.mode)} />
 );
 
 export default Icon3d;

package/Icon3dBoxBottom/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dBoxBottom = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={"<path d=\"M11.2001 21.5385C11.4915 21.7068 11.6373 21.7909 11.7922 21.8238C11.9293 21.853 12.0709 21.853 12.208 21.8238C12.3629 21.7909 12.5087 21.7068 12.8001 21.5385L19.8604 17.4623C20.1518 17.294 20.2975 17.2099 20.4035 17.0922C20.4973 16.988 20.5681 16.8653 20.6114 16.7321C20.6604 16.5814 20.6604 16.4132 20.6604 16.0766V7.92415C20.6604 7.58762 20.6604 7.41936 20.6114 7.26872C20.5681 7.13544 20.4973 7.01275 20.4035 6.90861C20.2975 6.79091 20.1518 6.70678 19.8604 6.53851L12.8001 2.46227C12.5087 2.29401 12.3629 2.20987 12.208 2.17694C12.0709 2.14781 11.9293 2.14781 11.7922 2.17694C11.6373 2.20987 11.4915 2.29401 11.2001 2.46227L4.13984 6.53851C3.8484 6.70678 3.70268 6.79091 3.5967 6.90861C3.50293 7.01275 3.43209 7.13544 3.38879 7.26872C3.33984 7.41936 3.33984 7.58762 3.33984 7.92415V16.0766C3.33984 16.4132 3.33984 16.5814 3.38879 16.7321C3.43209 16.8653 3.50293 16.988 3.5967 17.0922C3.70268 17.2099 3.8484 17.294 4.13984 17.4623L11.2001 21.5385Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M3.33984 17L12.0001 12M12.0001 12L20.6604 17M12.0001 12V2\" stroke=\"currentColor\" stroke-width=\"2\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M11.2001 21.5385C11.4915 21.7068 11.6373 21.7909 11.7922 21.8238C11.9293 21.853 12.0709 21.853 12.208 21.8238C12.3629 21.7909 12.5087 21.7068 12.8001 21.5385L19.8604 17.4623C20.1518 17.294 20.2975 17.2099 20.4035 17.0922C20.4973 16.988 20.5681 16.8653 20.6114 16.7321C20.6604 16.5814 20.6604 16.4132 20.6604 16.0766V7.92415C20.6604 7.58762 20.6604 7.41936 20.6114 7.26872C20.5681 7.13544 20.4973 7.01275 20.4035 6.90861C20.2975 6.79091 20.1518 6.70678 19.8604 6.53851L12.8001 2.46227C12.5087 2.29401 12.3629 2.20987 12.208 2.17694C12.0709 2.14781 11.9293 2.14781 11.7922 2.17694C11.6373 2.20987 11.4915 2.29401 11.2001 2.46227L4.13984 6.53851C3.8484 6.70678 3.70268 6.79091 3.5967 6.90861C3.50293 7.01275 3.43209 7.13544 3.38879 7.26872C3.33984 7.41936 3.33984 7.58762 3.33984 7.92415V16.0766C3.33984 16.4132 3.33984 16.5814 3.38879 16.7321C3.43209 16.8653 3.50293 16.988 3.5967 17.0922C3.70268 17.2099 3.8484 17.294 4.13984 17.4623L11.2001 21.5385Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M3.33984 17L12.0001 12M12.0001 12L20.6604 17M12.0001 12V2\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-1-stroke-2-Icon3dBoxBottom", props.mode)} />
 );
 
 export default Icon3dBoxBottom;

package/Icon3dBoxTop/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dBoxTop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={"<path d=\"M11.2001 2.4619C11.4915 2.29364 11.6373 2.20951 11.7922 2.17658C11.9293 2.14744 12.0709 2.14744 12.208 2.17658C12.3629 2.20951 12.5087 2.29364 12.8001 2.4619L19.8604 6.53814C20.1518 6.70641 20.2975 6.79054 20.4035 6.90824C20.4973 7.01239 20.5681 7.13508 20.6114 7.26836C20.6604 7.41899 20.6604 7.58725 20.6604 7.92378V16.0763C20.6604 16.4128 20.6604 16.5811 20.6114 16.7317C20.5681 16.865 20.4973 16.9877 20.4035 17.0918C20.2975 17.2095 20.1518 17.2936 19.8604 17.4619L12.8001 21.5381C12.5087 21.7064 12.3629 21.7905 12.208 21.8235C12.0709 21.8526 11.9293 21.8526 11.7922 21.8235C11.6373 21.7905 11.4915 21.7064 11.2001 21.5381L4.13984 17.4619C3.8484 17.2936 3.70268 17.2095 3.5967 17.0918C3.50293 16.9877 3.43209 16.865 3.38879 16.7317C3.33984 16.5811 3.33984 16.4128 3.33984 16.0763V7.92378C3.33984 7.58725 3.33984 7.41899 3.38879 7.26836C3.43209 7.13508 3.50293 7.01239 3.5967 6.90824C3.70268 6.79054 3.8484 6.70641 4.13984 6.53814L11.2001 2.4619Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.2001 2.4619C11.4915 2.29364 11.6373 2.20951 11.7922 2.17658C11.9293 2.14744 12.0709 2.14744 12.208 2.17658C12.3629 2.20951 12.5087 2.29364 12.8001 2.4619L19.8604 6.53814C20.1518 6.70641 20.2975 6.79054 20.4035 6.90824C20.4973 7.01239 20.5681 7.13508 20.6114 7.26836C20.6604 7.41899 20.6604 7.58725 20.6604 7.92378V16.0763C20.6604 16.4128 20.6604 16.5811 20.6114 16.7317C20.5681 16.865 20.4973 16.9877 20.4035 17.0918C20.2975 17.2095 20.1518 17.2936 19.8604 17.4619L12.8001 21.5381C12.5087 21.7064 12.3629 21.7905 12.208 21.8235C12.0709 21.8526 11.9293 21.8526 11.7922 21.8235C11.6373 21.7905 11.4915 21.7064 11.2001 21.5381L4.13984 17.4619C3.8484 17.2936 3.70268 17.2095 3.5967 17.0918C3.50293 16.9877 3.43209 16.865 3.38879 16.7317C3.33984 16.5811 3.33984 16.4128 3.33984 16.0763V7.92378C3.33984 7.58725 3.33984 7.41899 3.38879 7.26836C3.43209 7.13508 3.50293 7.01239 3.5967 6.90824C3.70268 6.79054 3.8484 6.70641 4.13984 6.53814L11.2001 2.4619Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-1-stroke-2-Icon3dBoxTop", props.mode)} />
 );
 
 export default Icon3dBoxTop;

package/Icon3dPackage/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dPackage = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={"<path d=\"M11.2001 2.46196C11.4915 2.2937 11.6373 2.20957 11.7922 2.17664C11.9293 2.1475 12.0709 2.1475 12.208 2.17664C12.3629 2.20957 12.5087 2.2937 12.8001 2.46196L19.8604 6.5382C20.1518 6.70647 20.2975 6.7906 20.4035 6.9083C20.4973 7.01245 20.5681 7.13514 20.6114 7.26842C20.6604 7.41905 20.6604 7.58732 20.6604 7.92385V16.0763C20.6604 16.4129 20.6604 16.5811 20.6114 16.7318C20.5681 16.865 20.4973 16.9877 20.4035 17.0919C20.2975 17.2096 20.1518 17.2937 19.8604 17.462L12.8001 21.5382C12.5087 21.7065 12.3629 21.7906 12.208 21.8235C12.0709 21.8527 11.9293 21.8527 11.7922 21.8235C11.6373 21.7906 11.4915 21.7065 11.2001 21.5382L4.13984 17.462C3.8484 17.2937 3.70268 17.2096 3.5967 17.0919C3.50293 16.9877 3.43209 16.865 3.38879 16.7318C3.33984 16.5811 3.33984 16.4129 3.33984 16.0763V7.92385C3.33984 7.58732 3.33984 7.41905 3.38879 7.26842C3.43209 7.13514 3.50293 7.01245 3.5967 6.9083C3.70268 6.7906 3.8484 6.70647 4.13984 6.5382L11.2001 2.46196Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M7.67188 4.5L16.3321 9.5\" stroke=\"currentColor\" stroke-width=\"2\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M11.2001 2.46196C11.4915 2.2937 11.6373 2.20957 11.7922 2.17664C11.9293 2.1475 12.0709 2.1475 12.208 2.17664C12.3629 2.20957 12.5087 2.2937 12.8001 2.46196L19.8604 6.5382C20.1518 6.70647 20.2975 6.7906 20.4035 6.9083C20.4973 7.01245 20.5681 7.13514 20.6114 7.26842C20.6604 7.41905 20.6604 7.58732 20.6604 7.92385V16.0763C20.6604 16.4129 20.6604 16.5811 20.6114 16.7318C20.5681 16.865 20.4973 16.9877 20.4035 17.0919C20.2975 17.2096 20.1518 17.2937 19.8604 17.462L12.8001 21.5382C12.5087 21.7065 12.3629 21.7906 12.208 21.8235C12.0709 21.8527 11.9293 21.8527 11.7922 21.8235C11.6373 21.7906 11.4915 21.7065 11.2001 21.5382L4.13984 17.462C3.8484 17.2937 3.70268 17.2096 3.5967 17.0919C3.50293 16.9877 3.43209 16.865 3.38879 16.7318C3.33984 16.5811 3.33984 16.4129 3.33984 16.0763V7.92385C3.33984 7.58732 3.33984 7.41905 3.38879 7.26842C3.43209 7.13514 3.50293 7.01245 3.5967 6.9083C3.70268 6.7906 3.8484 6.70647 4.13984 6.5382L11.2001 2.46196Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M7.67188 4.5L16.3321 9.5\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-1-stroke-2-Icon3dPackage", props.mode)} />
 );
 
 export default Icon3dPackage;

package/Icon3dPackage2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dPackage2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={"<path d=\"M11.2001 2.46196C11.4915 2.2937 11.6373 2.20957 11.7922 2.17664C11.9293 2.1475 12.0709 2.1475 12.208 2.17664C12.3629 2.20957 12.5087 2.2937 12.8001 2.46196L19.8604 6.5382C20.1518 6.70647 20.2975 6.7906 20.4035 6.9083C20.4973 7.01245 20.5681 7.13514 20.6114 7.26842C20.6604 7.41905 20.6604 7.58732 20.6604 7.92385V16.0763C20.6604 16.4129 20.6604 16.5811 20.6114 16.7318C20.5681 16.865 20.4973 16.9877 20.4035 17.0919C20.2975 17.2096 20.1518 17.2937 19.8604 17.462L12.8001 21.5382C12.5087 21.7065 12.3629 21.7906 12.208 21.8235C12.0709 21.8527 11.9293 21.8527 11.7922 21.8235C11.6373 21.7906 11.4915 21.7065 11.2001 21.5382L4.13984 17.462C3.8484 17.2937 3.70268 17.2096 3.5967 17.0919C3.50293 16.9877 3.43209 16.865 3.38879 16.7318C3.33984 16.5811 3.33984 16.4129 3.33984 16.0763V7.92385C3.33984 7.58732 3.33984 7.41905 3.38879 7.26842C3.43209 7.13514 3.50293 7.01245 3.5967 6.9083C3.70268 6.7906 3.8484 6.70647 4.13984 6.5382L11.2001 2.46196Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M17.332 8.92285V13.9983C17.332 14.3348 17.332 14.503 17.2831 14.6536C17.2398 14.7869 17.169 14.9096 17.0753 15.0137C16.9693 15.1314 16.8236 15.2155 16.5323 15.3838C16.1384 15.6114 15.9414 15.7251 15.7798 15.7082C15.6389 15.6934 15.5108 15.6195 15.4275 15.5048C15.332 15.3734 15.332 15.146 15.332 14.6912V10.0771L7.17188 5.36621L8.17188 3.63379L17.332 8.92285Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M11.2001 2.46196C11.4915 2.2937 11.6373 2.20957 11.7922 2.17664C11.9293 2.1475 12.0709 2.1475 12.208 2.17664C12.3629 2.20957 12.5087 2.2937 12.8001 2.46196L19.8604 6.5382C20.1518 6.70647 20.2975 6.7906 20.4035 6.9083C20.4973 7.01245 20.5681 7.13514 20.6114 7.26842C20.6604 7.41905 20.6604 7.58732 20.6604 7.92385V16.0763C20.6604 16.4129 20.6604 16.5811 20.6114 16.7318C20.5681 16.865 20.4973 16.9877 20.4035 17.0919C20.2975 17.2096 20.1518 17.2937 19.8604 17.462L12.8001 21.5382C12.5087 21.7065 12.3629 21.7906 12.208 21.8235C12.0709 21.8527 11.9293 21.8527 11.7922 21.8235C11.6373 21.7906 11.4915 21.7065 11.2001 21.5382L4.13984 17.462C3.8484 17.2937 3.70268 17.2096 3.5967 17.0919C3.50293 16.9877 3.43209 16.865 3.38879 16.7318C3.33984 16.5811 3.33984 16.4129 3.33984 16.0763V7.92385C3.33984 7.58732 3.33984 7.41905 3.38879 7.26842C3.43209 7.13514 3.50293 7.01245 3.5967 6.9083C3.70268 6.7906 3.8484 6.70647 4.13984 6.5382L11.2001 2.46196Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M17.332 8.92285V13.9983C17.332 14.3348 17.332 14.503 17.2831 14.6536C17.2398 14.7869 17.169 14.9096 17.0753 15.0137C16.9693 15.1314 16.8236 15.2155 16.5323 15.3838C16.1384 15.6114 15.9414 15.7251 15.7798 15.7082C15.6389 15.6934 15.5108 15.6195 15.4275 15.5048C15.332 15.3734 15.332 15.146 15.332 14.6912V10.0771L7.17188 5.36621L8.17188 3.63379L17.332 8.92285Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-Icon3dPackage2", props.mode)} />
 );
 
 export default Icon3dPackage2;

package/Icon3dSphere/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dSphere = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={"<path d=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M3.04492 12.301C3.49788 13.8165 7.33441 15 12.0002 15C16.64 15 20.4598 13.8297 20.9476 12.3263\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M11.4065 20.8239C10.0339 19.9975 9 16.361 9 12C9 7.40754 10.1466 3.61846 11.6278 3.0686\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={maskInner("<path d=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M3.04492 12.301C3.49788 13.8165 7.33441 15 12.0002 15C16.64 15 20.4598 13.8297 20.9476 12.3263\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M11.4065 20.8239C10.0339 19.9975 9 16.361 9 12C9 7.40754 10.1466 3.61846 11.6278 3.0686\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-2-Icon3dSphere", props.mode)} />
 );
 
 export default Icon3dSphere;

package/Icon4k/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon4k = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={"<path d=\"M20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.7832 15.6221C9.2168 15.6221 8.80664 15.3047 8.80664 14.6406V14.3818H6.60449C5.85742 14.3818 5.33984 13.9082 5.33984 13.2246C5.33984 12.8486 5.4668 12.4531 5.74023 11.9648C6.19922 11.1396 6.63379 10.4219 7.17578 9.57227C7.76172 8.64941 8.24023 8.33203 9.0459 8.33203C10.0762 8.33203 10.7598 8.90332 10.7598 9.76758V12.7949H10.9209C11.4629 12.7949 11.7217 13.1318 11.7217 13.5908C11.7217 14.0498 11.458 14.3818 10.916 14.3818H10.7598V14.6406C10.7598 15.3047 10.3447 15.6221 9.7832 15.6221ZM8.86523 12.8779V9.83594H8.82617C8.11816 10.8711 7.60547 11.6914 7.03418 12.8193V12.8779H8.86523Z\" fill=\"currentColor\"/><path d=\"M13.4453 15.6221C12.7861 15.6221 12.4102 15.2314 12.4102 14.5381V9.41602C12.4102 8.72266 12.7861 8.33203 13.4453 8.33203C14.1045 8.33203 14.4805 8.72266 14.4805 9.41602V11.2471H14.5195L16.6826 8.80078C16.9805 8.46875 17.249 8.33203 17.6006 8.33203C18.1426 8.33203 18.582 8.75684 18.582 9.28906C18.582 9.60156 18.4746 9.82617 18.1816 10.1387L16.7266 11.6914L18.25 13.5762C18.6064 14.0156 18.7578 14.3281 18.7578 14.6211C18.7578 15.1875 18.3281 15.6221 17.7617 15.6221C17.3174 15.6221 17.0146 15.4561 16.6777 15.0264L15.0957 13.0195L14.4805 13.6543V14.5381C14.4805 15.2314 14.1045 15.6221 13.4453 15.6221Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M20 5H4C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19H20C20.5523 19 21 18.5523 21 18V6C21 5.44772 20.5523 5 20 5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.7832 15.6221C9.2168 15.6221 8.80664 15.3047 8.80664 14.6406V14.3818H6.60449C5.85742 14.3818 5.33984 13.9082 5.33984 13.2246C5.33984 12.8486 5.4668 12.4531 5.74023 11.9648C6.19922 11.1396 6.63379 10.4219 7.17578 9.57227C7.76172 8.64941 8.24023 8.33203 9.0459 8.33203C10.0762 8.33203 10.7598 8.90332 10.7598 9.76758V12.7949H10.9209C11.4629 12.7949 11.7217 13.1318 11.7217 13.5908C11.7217 14.0498 11.458 14.3818 10.916 14.3818H10.7598V14.6406C10.7598 15.3047 10.3447 15.6221 9.7832 15.6221ZM8.86523 12.8779V9.83594H8.82617C8.11816 10.8711 7.60547 11.6914 7.03418 12.8193V12.8779H8.86523Z\" fill=\"currentColor\"/><path d=\"M13.4453 15.6221C12.7861 15.6221 12.4102 15.2314 12.4102 14.5381V9.41602C12.4102 8.72266 12.7861 8.33203 13.4453 8.33203C14.1045 8.33203 14.4805 8.72266 14.4805 9.41602V11.2471H14.5195L16.6826 8.80078C16.9805 8.46875 17.249 8.33203 17.6006 8.33203C18.1426 8.33203 18.582 8.75684 18.582 9.28906C18.582 9.60156 18.4746 9.82617 18.1816 10.1387L16.7266 11.6914L18.25 13.5762C18.6064 14.0156 18.7578 14.3281 18.7578 14.6211C18.7578 15.1875 18.3281 15.6221 17.7617 15.6221C17.3174 15.6221 17.0146 15.4561 16.6777 15.0264L15.0957 13.0195L14.4805 13.6543V14.5381C14.4805 15.2314 14.1045 15.6221 13.4453 15.6221Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-Icon4k", props.mode)} />
 );
 
 export default Icon4k;

package/IconAddImage/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAddImage = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={"<path d=\"M14.5 11.5C15.6046 11.5 16.5 10.6046 16.5 9.5C16.5 8.39543 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 8.39543 12.5 9.5C12.5 10.6046 13.3954 11.5 14.5 11.5Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M11 20H5C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11 15L8.70711 12.7071C8.31658 12.3166 7.68342 12.3166 7.29289 12.7071L4 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M18 15V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M14.5 11.5C15.6046 11.5 16.5 10.6046 16.5 9.5C16.5 8.39543 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 8.39543 12.5 9.5C12.5 10.6046 13.3954 11.5 14.5 11.5Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M11 20H5C4.44772 20 4 19.5523 4 19V5C4 4.44772 4.44772 4 5 4H19C19.5523 4 20 4.44772 20 5V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11 15L8.70711 12.7071C8.31658 12.3166 7.68342 12.3166 7.29289 12.7071L4 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M18 15V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAddImage", props.mode)} />
 );
 
 export default IconAddImage;

package/IconAddKeyframe/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAddKeyframe = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={"<path d=\"M12.707 3.20695C12.3164 2.81643 11.6833 2.81643 11.2927 3.20695L3.20696 11.2927C2.81643 11.6832 2.81643 12.3164 3.20695 12.7069L11.2927 20.7927C11.6833 21.1833 12.3164 21.1833 12.707 20.7927L20.7927 12.7069C21.1833 12.3164 21.1833 11.6832 20.7927 11.2927L12.707 3.20695Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path d=\"M12.707 3.20695C12.3164 2.81643 11.6833 2.81643 11.2927 3.20695L3.20696 11.2927C2.81643 11.6832 2.81643 12.3164 3.20695 12.7069L11.2927 20.7927C11.6833 21.1833 12.3164 21.1833 12.707 20.7927L20.7927 12.7069C21.1833 12.3164 21.1833 11.6832 20.7927 11.2927L12.707 3.20695Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAddKeyframe", props.mode)} />
 );
 
 export default IconAddKeyframe;

package/IconAddToBasket/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAddToBasket = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={"<path d=\"M9 19C9 19.5523 8.55228 20 8 20C7.44772 20 7 19.5523 7 19C7 18.4477 7.44772 18 8 18C8.55228 18 9 18.4477 9 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18 19C18 19.5523 17.5523 20 17 20C16.4477 20 16 19.5523 16 19C16 18.4477 16.4477 18 17 18C17.5523 18 18 18.4477 18 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M21 6L19.6393 14.1644C19.5589 14.6466 19.1417 15 18.6529 15H6.84713C6.35829 15 5.9411 14.6466 5.86073 14.1644L4.13927 3.8356C4.0589 3.35341 3.64171 3 3.15287 3H2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10 7H13M13 7H16M13 7V4M13 7V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M9 19C9 19.5523 8.55228 20 8 20C7.44772 20 7 19.5523 7 19C7 18.4477 7.44772 18 8 18C8.55228 18 9 18.4477 9 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18 19C18 19.5523 17.5523 20 17 20C16.4477 20 16 19.5523 16 19C16 18.4477 16.4477 18 17 18C17.5523 18 18 18.4477 18 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M21 6L19.6393 14.1644C19.5589 14.6466 19.1417 15 18.6529 15H6.84713C6.35829 15 5.9411 14.6466 5.86073 14.1644L4.13927 3.8356C4.0589 3.35341 3.64171 3 3.15287 3H2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10 7H13M13 7H16M13 7V4M13 7V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAddToBasket", props.mode)} />
 );
 
 export default IconAddToBasket;

package/IconAddToBasket2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAddToBasket2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={"<path d=\"M8.5 4L6.5 9M6.5 9H17.5M6.5 9H3.97525C3.34242 9 2.86872 9.5804 2.99554 10.2004L4.83644 19.2004C4.93164 19.6658 5.34112 20 5.81616 20H10M15.5 4L17.5 9M17.5 9H20.0247C20.6576 9 21.1313 9.5804 21.0045 10.2004L20.6364 12M17 15V18M17 18V21M17 18H14M17 18H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={maskInner("<path d=\"M8.5 4L6.5 9M6.5 9H17.5M6.5 9H3.97525C3.34242 9 2.86872 9.5804 2.99554 10.2004L4.83644 19.2004C4.93164 19.6658 5.34112 20 5.81616 20H10M15.5 4L17.5 9M17.5 9H20.0247C20.6576 9 21.1313 9.5804 21.0045 10.2004L20.6364 12M17 15V18M17 18V21M17 18H14M17 18H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAddToBasket2", props.mode)} />
 );
 
 export default IconAddToBasket2;

package/IconAdjustPhoto/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAdjustPhoto = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={"<path d=\"M19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 16.5L12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 1.1001V1.1101\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M1.10156 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M22.8984 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 4.30005V4.31005M19.6992 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 19.7V19.71M19.6992 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<path d=\"M19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 16.5L12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 1.1001V1.1101\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M1.10156 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M22.8984 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 4.30005V4.31005M19.6992 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 19.7V19.71M19.6992 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAdjustPhoto", props.mode)} />
 );
 
 export default IconAdjustPhoto;

package/IconAdobeAcrobat/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAdobeAcrobat = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "adobe-acrobat" })} innerHTML={"<path d=\"M21.3654 14.4172C19.9038 12.8994 15.9127 13.5178 14.9571 13.6302C13.5518 12.2811 12.5961 10.6509 12.2589 10.0888C12.7648 8.57101 13.1021 7.05325 13.1583 5.42308C13.1583 4.01775 12.5961 2.5 11.0222 2.5C10.46 2.5 9.95413 2.83728 9.67306 3.28698C8.9985 4.46746 9.27957 6.8284 10.3476 9.24556C9.72927 10.9882 9.16714 12.6746 7.59318 15.6538C5.963 16.3284 2.53401 17.9024 2.25294 19.5888C2.14052 20.0947 2.30915 20.6006 2.70265 20.9941C3.09614 21.3314 3.60205 21.5 4.10797 21.5C6.18785 21.5 8.21152 18.6331 9.61685 16.216C10.7973 15.8225 12.6524 15.2604 14.5074 14.9231C16.6997 16.8343 18.6109 17.1154 19.6228 17.1154C20.9719 17.1154 21.4778 16.5533 21.6464 16.0473C21.9275 15.4852 21.7589 14.8669 21.3654 14.4172ZM19.96 15.3728C19.9038 15.7663 19.3979 16.1598 18.4985 15.9349C17.4305 15.6538 16.4748 15.1479 15.6316 14.4734C16.3624 14.3609 17.9926 14.1923 19.1731 14.4172C19.6228 14.5296 20.0725 14.8107 19.96 15.3728ZM10.5725 3.7929C10.6849 3.62426 10.8535 3.51183 11.0222 3.51183C11.5281 3.51183 11.6405 4.13018 11.6405 4.6361C11.5843 5.81657 11.3595 6.99704 10.966 8.1213C10.1228 5.87278 10.2914 4.29882 10.5725 3.7929ZM10.46 14.6982C10.9097 13.7988 11.5281 12.2249 11.7529 11.5503C12.2589 12.3935 13.1021 13.4053 13.5518 13.855C13.5518 13.9112 11.8092 14.2485 10.46 14.6982ZM7.14348 16.9467C5.85058 19.0828 4.50146 20.432 3.77069 20.432C3.65827 20.432 3.54584 20.3757 3.43342 20.3195C3.26478 20.2071 3.20856 20.0385 3.26478 19.8136C3.43342 19.0266 4.89495 17.9586 7.14348 16.9467Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "adobe-acrobat" })} innerHTML={maskInner("<path d=\"M21.3654 14.4172C19.9038 12.8994 15.9127 13.5178 14.9571 13.6302C13.5518 12.2811 12.5961 10.6509 12.2589 10.0888C12.7648 8.57101 13.1021 7.05325 13.1583 5.42308C13.1583 4.01775 12.5961 2.5 11.0222 2.5C10.46 2.5 9.95413 2.83728 9.67306 3.28698C8.9985 4.46746 9.27957 6.8284 10.3476 9.24556C9.72927 10.9882 9.16714 12.6746 7.59318 15.6538C5.963 16.3284 2.53401 17.9024 2.25294 19.5888C2.14052 20.0947 2.30915 20.6006 2.70265 20.9941C3.09614 21.3314 3.60205 21.5 4.10797 21.5C6.18785 21.5 8.21152 18.6331 9.61685 16.216C10.7973 15.8225 12.6524 15.2604 14.5074 14.9231C16.6997 16.8343 18.6109 17.1154 19.6228 17.1154C20.9719 17.1154 21.4778 16.5533 21.6464 16.0473C21.9275 15.4852 21.7589 14.8669 21.3654 14.4172ZM19.96 15.3728C19.9038 15.7663 19.3979 16.1598 18.4985 15.9349C17.4305 15.6538 16.4748 15.1479 15.6316 14.4734C16.3624 14.3609 17.9926 14.1923 19.1731 14.4172C19.6228 14.5296 20.0725 14.8107 19.96 15.3728ZM10.5725 3.7929C10.6849 3.62426 10.8535 3.51183 11.0222 3.51183C11.5281 3.51183 11.6405 4.13018 11.6405 4.6361C11.5843 5.81657 11.3595 6.99704 10.966 8.1213C10.1228 5.87278 10.2914 4.29882 10.5725 3.7929ZM10.46 14.6982C10.9097 13.7988 11.5281 12.2249 11.7529 11.5503C12.2589 12.3935 13.1021 13.4053 13.5518 13.855C13.5518 13.9112 11.8092 14.2485 10.46 14.6982ZM7.14348 16.9467C5.85058 19.0828 4.50146 20.432 3.77069 20.432C3.65827 20.432 3.54584 20.3757 3.43342 20.3195C3.26478 20.2071 3.20856 20.0385 3.26478 19.8136C3.43342 19.0266 4.89495 17.9586 7.14348 16.9467Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-IconAdobeAcrobat", props.mode)} />
 );
 
 export default IconAdobeAcrobat;

package/IconAffinity/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAffinity = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "affinity" })} innerHTML={"<path d=\"M19.6157 6.52429C19.6157 3.88674 16.5606 2.75 12.6605 2.75C10.2882 2.75 7.60574 3.18911 5.11455 3.97485V9.13252C8.78581 6.45864 12.8647 5.31397 15.4921 5.31397C17.1442 5.31397 18.2652 5.77501 18.2652 6.60078C18.2652 10.0036 3.5 9.46437 3.5 16.817C3.5 19.6353 5.43794 21.25 8.1644 21.25C12.2884 21.25 15.4077 17.2423 17.7413 12.357L18.2141 12.5269C16.985 15.5123 14.4416 18.7856 13.9463 20.8899H19.2556V10.0035H18.0293C16.2493 13.8712 13.6411 17.4352 10.9329 17.4352C9.69652 17.4352 8.90999 16.6851 8.90999 15.7338C8.90999 11.6628 19.6157 10.8477 19.6157 6.52429Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "affinity" })} innerHTML={maskInner("<path d=\"M19.6157 6.52429C19.6157 3.88674 16.5606 2.75 12.6605 2.75C10.2882 2.75 7.60574 3.18911 5.11455 3.97485V9.13252C8.78581 6.45864 12.8647 5.31397 15.4921 5.31397C17.1442 5.31397 18.2652 5.77501 18.2652 6.60078C18.2652 10.0036 3.5 9.46437 3.5 16.817C3.5 19.6353 5.43794 21.25 8.1644 21.25C12.2884 21.25 15.4077 17.2423 17.7413 12.357L18.2141 12.5269C16.985 15.5123 14.4416 18.7856 13.9463 20.8899H19.2556V10.0035H18.0293C16.2493 13.8712 13.6411 17.4352 10.9329 17.4352C9.69652 17.4352 8.90999 16.6851 8.90999 15.7338C8.90999 11.6628 19.6157 10.8477 19.6157 6.52429Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-IconAffinity", props.mode)} />
 );
 
 export default IconAffinity;

package/IconAgent/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAgent = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={"<circle cx=\"12\" cy=\"6\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 8.5V12M12 12H7C6.44772 12 6 12.4477 6 13V15.5M12 12H17C17.5523 12 18 12.4477 18 13V15.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"6\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 8.5V12M12 12H7C6.44772 12 6 12.4477 6 13V15.5M12 12H17C17.5523 12 18 12.4477 18 13V15.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAgent", props.mode)} />
 );
 
 export default IconAgent;

package/IconAgentNetwork/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAgentNetwork = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={"<circle cx=\"18.5\" cy=\"7.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 6.8501L16 7.2501M17.75 10.0001L16.55 14.0001M13.5 14.3572L12 12.0001L10.4091 9.5001M6.25 14.0001L7.45 10.0001M8 16.7501L12 17.1501\" stroke=\"currentColor\" stroke-width=\"2\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={maskInner("<circle cx=\"18.5\" cy=\"7.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 6.8501L16 7.2501M17.75 10.0001L16.55 14.0001M13.5 14.3572L12 12.0001L10.4091 9.5001M6.25 14.0001L7.45 10.0001M8 16.7501L12 17.1501\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-1-stroke-2-IconAgentNetwork", props.mode)} />
 );
 
 export default IconAgentNetwork;

package/IconAgenticCoding/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAgenticCoding = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={"<path d=\"M4 6H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 6L20 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 12H5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 12H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 18H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5506 13.7315L18.6795 11.4667C18.5714 11.1855 18.3012 11 18 11C17.6988 11 17.4286 11.1855 17.3205 11.4667L16.4494 13.7315C16.3225 14.0616 16.0616 14.3225 15.7315 14.4494L13.4667 15.3205C13.1855 15.4286 13 15.6988 13 16C13 16.3012 13.1855 16.5714 13.4667 16.6795L15.7315 17.5506C16.0616 17.6775 16.3225 17.9384 16.4494 18.2685L17.3205 20.5333C17.4286 20.8145 17.6988 21 18 21C18.3012 21 18.5714 20.8145 18.6795 20.5333L19.5506 18.2685C19.6775 17.9384 19.9384 17.6775 20.2685 17.5506L22.5333 16.6795C22.8145 16.5714 23 16.3012 23 16C23 15.6988 22.8145 15.4286 22.5333 15.3205L20.2685 14.4494C19.9384 14.3225 19.6775 14.0616 19.5506 13.7315Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M4 6H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 6L20 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 12H5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 12H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 18H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5506 13.7315L18.6795 11.4667C18.5714 11.1855 18.3012 11 18 11C17.6988 11 17.4286 11.1855 17.3205 11.4667L16.4494 13.7315C16.3225 14.0616 16.0616 14.3225 15.7315 14.4494L13.4667 15.3205C13.1855 15.4286 13 15.6988 13 16C13 16.3012 13.1855 16.5714 13.4667 16.6795L15.7315 17.5506C16.0616 17.6775 16.3225 17.9384 16.4494 18.2685L17.3205 20.5333C17.4286 20.8145 17.6988 21 18 21C18.3012 21 18.5714 20.8145 18.6795 20.5333L19.5506 18.2685C19.6775 17.9384 19.9384 17.6775 20.2685 17.5506L22.5333 16.6795C22.8145 16.5714 23 16.3012 23 16C23 15.6988 22.8145 15.4286 22.5333 15.3205L20.2685 14.4494C19.9384 14.3225 19.6775 14.0616 19.5506 13.7315Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-IconAgenticCoding", props.mode)} />
 );
 
 export default IconAgenticCoding;

package/IconAgents/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAgents = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={"<circle cx=\"18\" cy=\"19\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M9.70711 11.2929L11.2929 9.70711C11.6834 9.31658 12.3166 9.31658 12.7071 9.70711L14.2929 11.2929C14.6834 11.6834 14.6834 12.3166 14.2929 12.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L9.70711 12.7071C9.31658 12.3166 9.31658 11.6834 9.70711 11.2929Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M8 5H16.5C18.433 5 20 6.567 20 8.5C20 10.433 18.433 12 16.5 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M9 12H7.5C5.567 12 4 13.567 4 15.5C4 17.433 5.567 19 7.5 19H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={maskInner("<circle cx=\"18\" cy=\"19\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M9.70711 11.2929L11.2929 9.70711C11.6834 9.31658 12.3166 9.31658 12.7071 9.70711L14.2929 11.2929C14.6834 11.6834 14.6834 12.3166 14.2929 12.7071L12.7071 14.2929C12.3166 14.6834 11.6834 14.6834 11.2929 14.2929L9.70711 12.7071C9.31658 12.3166 9.31658 11.6834 9.70711 11.2929Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M8 5H16.5C18.433 5 20 6.567 20 8.5C20 10.433 18.433 12 16.5 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M9 12H7.5C5.567 12 4 13.567 4 15.5C4 17.433 5.567 19 7.5 19H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAgents", props.mode)} />
 );
 
 export default IconAgents;

package/IconAiSlop/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAiSlop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={"<path d=\"M4 7H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 7L8.81063 3.75746C8.92193 3.3123 9.32191 3 9.78078 3H14.2192C14.6781 3 15.0781 3.3123 15.1894 3.75746L16 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 7V13.25C5 14.2165 5.7835 15 6.75 15C7.7165 15 8.5 14.2165 8.5 13.25V11.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M17.9999 14L17.5662 20.0712C17.5288 20.5946 17.0934 21 16.5687 21H7.43098C6.90634 21 6.4709 20.5946 6.43352 20.0712L6.07129 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path d=\"M4 7H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 7L8.81063 3.75746C8.92193 3.3123 9.32191 3 9.78078 3H14.2192C14.6781 3 15.0781 3.3123 15.1894 3.75746L16 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 7V13.25C5 14.2165 5.7835 15 6.75 15C7.7165 15 8.5 14.2165 8.5 13.25V11.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M17.9999 14L17.5662 20.0712C17.5288 20.5946 17.0934 21 16.5687 21H7.43098C6.90634 21 6.4709 20.5946 6.43352 20.0712L6.07129 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAiSlop", props.mode)} />
 );
 
 export default IconAiSlop;

package/IconAiTokens/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAiTokens = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={"<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M13.5905 9.68381L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.4095 9.68381C10.308 9.94791 10.0993 10.1566 9.83518 10.2582L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.83518 13.4391C10.0993 13.5407 10.308 13.7494 10.4095 14.0135L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.5905 14.0135C13.692 13.7494 13.9007 13.5407 14.1648 13.4391L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.1648 10.2582C13.9007 10.1566 13.692 9.9479 13.5905 9.68381Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M13.5905 9.68381L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.4095 9.68381C10.308 9.94791 10.0993 10.1566 9.83518 10.2582L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.83518 13.4391C10.0993 13.5407 10.308 13.7494 10.4095 14.0135L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.5905 14.0135C13.692 13.7494 13.9007 13.5407 14.1648 13.4391L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.1648 10.2582C13.9007 10.1566 13.692 9.9479 13.5905 9.68381Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-IconAiTokens", props.mode)} />
 );
 
 export default IconAiTokens;

package/IconAiTranslate/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAiTranslate = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={"<path d=\"M3 7L11 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 7V5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10.9998 15.0001C7.11309 14.0284 5.1147 11.6405 4.5459 7.37769\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.0001 15C6.88484 14.0288 8.88317 11.6428 9.45312 7.38403\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 18H18.5M12 20L15.0784 12.6888C15.4219 11.8729 16.5781 11.8729 16.9216 12.6888L20 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18.5655 4.86018L17.9756 3.32667C17.8999 3.12986 17.7109 3 17.5 3C17.2891 3 17.1001 3.12986 17.0244 3.32667L16.4345 4.86018C16.333 5.12427 16.1243 5.33297 15.8602 5.43455L14.3267 6.02436C14.1299 6.10005 14 6.28914 14 6.5C14 6.71086 14.1299 6.89995 14.3267 6.97564L15.8602 7.56545C16.1243 7.66703 16.333 7.87573 16.4345 8.13982L17.0244 9.67333C17.1001 9.87014 17.2891 10 17.5 10C17.7109 10 17.8999 9.87014 17.9756 9.67333L18.5655 8.13982C18.667 7.87573 18.8757 7.66703 19.1398 7.56545L20.6733 6.97564C20.8701 6.89995 21 6.71086 21 6.5C21 6.28914 20.8701 6.10005 20.6733 6.02436L19.1398 5.43455C18.8757 5.33297 18.667 5.12427 18.5655 4.86018Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path d=\"M3 7L11 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 7V5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10.9998 15.0001C7.11309 14.0284 5.1147 11.6405 4.5459 7.37769\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.0001 15C6.88484 14.0288 8.88317 11.6428 9.45312 7.38403\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 18H18.5M12 20L15.0784 12.6888C15.4219 11.8729 16.5781 11.8729 16.9216 12.6888L20 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18.5655 4.86018L17.9756 3.32667C17.8999 3.12986 17.7109 3 17.5 3C17.2891 3 17.1001 3.12986 17.0244 3.32667L16.4345 4.86018C16.333 5.12427 16.1243 5.33297 15.8602 5.43455L14.3267 6.02436C14.1299 6.10005 14 6.28914 14 6.5C14 6.71086 14.1299 6.89995 14.3267 6.97564L15.8602 7.56545C16.1243 7.66703 16.333 7.87573 16.4345 8.13982L17.0244 9.67333C17.1001 9.87014 17.2891 10 17.5 10C17.7109 10 17.8999 9.87014 17.9756 9.67333L18.5655 8.13982C18.667 7.87573 18.8757 7.66703 19.1398 7.56545L20.6733 6.97564C20.8701 6.89995 21 6.71086 21 6.5C21 6.28914 20.8701 6.10005 20.6733 6.02436L19.1398 5.43455C18.8757 5.33297 18.667 5.12427 18.5655 4.86018Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-IconAiTranslate", props.mode)} />
 );
 
 export default IconAiTranslate;

package/IconAirdrop/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirdrop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={"<path d=\"M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 19.4845C19.412 17.8699 21 15.1204 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 15.1204 4.58803 17.8699 7 19.4845\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 16.0004C7.78555 15.0882 7 13.6358 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.6358 16.2144 15.0882 15 16.0004\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<path d=\"M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 19.4845C19.412 17.8699 21 15.1204 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 15.1204 4.58803 17.8699 7 19.4845\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 16.0004C7.78555 15.0882 7 13.6358 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.6358 16.2144 15.0882 15 16.0004\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirdrop", props.mode)} />
 );
 
 export default IconAirdrop;

package/IconAirdrop2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirdrop2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={"<path d=\"M8 20V18C8 17.4477 8.44772 17 9 17H15C15.5523 17 16 17.4477 16 18V20C16 20.5523 15.5523 21 15 21H9C8.44772 21 8 20.5523 8 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 11L11 16.5M13 16.5L20 11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 11V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 3C7.58172 3 4 6.58172 4 11C4 11 8.86971 10.5 12 10.5C15.1303 10.5 20 11 20 11C20 6.58172 16.4183 3 12 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path d=\"M8 20V18C8 17.4477 8.44772 17 9 17H15C15.5523 17 16 17.4477 16 18V20C16 20.5523 15.5523 21 15 21H9C8.44772 21 8 20.5523 8 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 11L11 16.5M13 16.5L20 11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 11V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 3C7.58172 3 4 6.58172 4 11C4 11 8.86971 10.5 12 10.5C15.1303 10.5 20 11 20 11C20 6.58172 16.4183 3 12 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirdrop2", props.mode)} />
 );
 
 export default IconAirdrop2;

package/IconAirplane/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplane = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={"<path d=\"M16.3284 4.17157L13.5 7L5.59429 4.20975C5.23115 4.08158 4.82667 4.17333 4.55437 4.44563L3 6L9.5 11L7.5 13H5.5L3 15.5L6.5744 16.8404C6.84482 16.9418 7.05819 17.1552 7.1596 17.4256L8.5 21L11 18.5V16.5L13 14.5L18 21L19.5544 19.4456C19.8267 19.1733 19.9184 18.7689 19.7902 18.4057L17 10.5L19.8284 7.67157C20.5786 6.92143 21 5.90401 21 4.84315V3H19.1569C18.096 3 17.0786 3.42143 16.3284 4.17157Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M16.3284 4.17157L13.5 7L5.59429 4.20975C5.23115 4.08158 4.82667 4.17333 4.55437 4.44563L3 6L9.5 11L7.5 13H5.5L3 15.5L6.5744 16.8404C6.84482 16.9418 7.05819 17.1552 7.1596 17.4256L8.5 21L11 18.5V16.5L13 14.5L18 21L19.5544 19.4456C19.8267 19.1733 19.9184 18.7689 19.7902 18.4057L17 10.5L19.8284 7.67157C20.5786 6.92143 21 5.90401 21 4.84315V3H19.1569C18.096 3 17.0786 3.42143 16.3284 4.17157Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirplane", props.mode)} />
 );
 
 export default IconAirplane;

package/IconAirplaneDown/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplaneDown = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={"<path d=\"M3 19H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.77158 3.84376C6.624 3.5869 6.37054 3.40858 6.07924 3.35668L4.07745 3L4.37583 7.10808L3.55823 7.67934C3.34144 7.83081 3.19325 8.06201 3.14599 8.32251L3.03264 8.94721C2.83195 10.0533 3.57798 11.1086 4.68621 11.2863L8.48719 11.8956L7.9151 13.0696C7.62341 13.6683 7.98471 14.3801 8.63945 14.4968L9.97344 14.7345C10.1772 14.7708 10.3873 14.743 10.5746 14.6547L14.253 12.9229L18.6978 13.7149C19.5098 13.8596 20.3252 13.4794 20.7375 12.7641C21.1876 11.9831 21.0484 10.9955 20.4002 10.3698L18.9565 8.9765C18.6657 8.69578 18.2979 8.50992 17.8995 8.44283C16.2059 8.15757 11.4395 7.35296 9.40771 6.99093C8.82334 6.88681 8.31438 6.52886 8.01849 6.01389L6.77158 3.84376Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M3 19H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.77158 3.84376C6.624 3.5869 6.37054 3.40858 6.07924 3.35668L4.07745 3L4.37583 7.10808L3.55823 7.67934C3.34144 7.83081 3.19325 8.06201 3.14599 8.32251L3.03264 8.94721C2.83195 10.0533 3.57798 11.1086 4.68621 11.2863L8.48719 11.8956L7.9151 13.0696C7.62341 13.6683 7.98471 14.3801 8.63945 14.4968L9.97344 14.7345C10.1772 14.7708 10.3873 14.743 10.5746 14.6547L14.253 12.9229L18.6978 13.7149C19.5098 13.8596 20.3252 13.4794 20.7375 12.7641C21.1876 11.9831 21.0484 10.9955 20.4002 10.3698L18.9565 8.9765C18.6657 8.69578 18.2979 8.50992 17.8995 8.44283C16.2059 8.15757 11.4395 7.35296 9.40771 6.99093C8.82334 6.88681 8.31438 6.52886 8.01849 6.01389L6.77158 3.84376Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirplaneDown", props.mode)} />
 );
 
 export default IconAirplaneDown;

package/IconAirplaneUp/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplaneUp = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={"<path d=\"M3.9095 6.727L2 7.41875L4.3064 10.8175L3.88396 11.7192C3.77195 11.9582 3.75903 12.2319 3.84803 12.4805L4.06146 13.0766C4.43936 14.1321 5.61088 14.6708 6.65815 14.2707L10.25 12.8986L10.3405 14.1982C10.3867 14.8609 11.0542 15.2952 11.6787 15.069L12.9512 14.608C13.1456 14.5376 13.3134 14.4086 13.4315 14.2389L15.75 10.9061L19.9899 9.37013C20.7644 9.08956 21.2803 8.35404 21.2803 7.53031C21.2803 6.6311 20.6674 5.84763 19.7947 5.63108L17.8511 5.14884C17.4596 5.05168 17.0487 5.07486 16.6707 5.21586C15.0634 5.8154 10.539 7.50106 8.60086 8.20317C8.04343 8.40511 7.42468 8.35018 6.91195 8.05323L4.75128 6.80186C4.49553 6.65375 4.18737 6.62634 3.9095 6.727Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3 19H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M3.9095 6.727L2 7.41875L4.3064 10.8175L3.88396 11.7192C3.77195 11.9582 3.75903 12.2319 3.84803 12.4805L4.06146 13.0766C4.43936 14.1321 5.61088 14.6708 6.65815 14.2707L10.25 12.8986L10.3405 14.1982C10.3867 14.8609 11.0542 15.2952 11.6787 15.069L12.9512 14.608C13.1456 14.5376 13.3134 14.4086 13.4315 14.2389L15.75 10.9061L19.9899 9.37013C20.7644 9.08956 21.2803 8.35404 21.2803 7.53031C21.2803 6.6311 20.6674 5.84763 19.7947 5.63108L17.8511 5.14884C17.4596 5.05168 17.0487 5.07486 16.6707 5.21586C15.0634 5.8154 10.539 7.50106 8.60086 8.20317C8.04343 8.40511 7.42468 8.35018 6.91195 8.05323L4.75128 6.80186C4.49553 6.65375 4.18737 6.62634 3.9095 6.727Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3 19H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirplaneUp", props.mode)} />
 );
 
 export default IconAirplaneUp;

package/IconAirplay/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplay = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={"<path d=\"M5.5 18C6.05228 18 6.5 17.5523 6.5 17C6.5 16.4477 6.05228 16 5.5 16V18ZM18.5 16C17.9477 16 17.5 16.4477 17.5 17C17.5 17.5523 17.9477 18 18.5 18V16ZM20.891 16.454L20 16V16L20.891 16.454ZM20.454 16.891L20.908 17.782L20.454 16.891ZM20.454 4.10899L20.908 3.21799L20.908 3.21799L20.454 4.10899ZM20.891 4.54601L20 5L20 5L20.891 4.54601ZM3.10899 4.54601L2.21799 4.09202L2.21799 4.09202L3.10899 4.54601ZM3.54601 4.10899L3.09202 3.21799L3.09202 3.21799L3.54601 4.10899ZM3.54601 16.891L4 16L4 16L3.54601 16.891ZM3.10899 16.454L2.21799 16.908L2.21799 16.908L3.10899 16.454ZM4.6 17V18H5.5V17V16H4.6V17ZM3 15.4H4V5.6H3H2V15.4H3ZM4.6 4V5H19.4V4V3H4.6V4ZM21 5.6H20V15.4H21H22V5.6H21ZM19.4 17V16H18.5V17V18H19.4V17ZM21 15.4H20C20 15.6965 19.9992 15.8588 19.9897 15.9754C19.9811 16.0803 19.9707 16.0575 20 16L20.891 16.454L21.782 16.908C21.9203 16.6366 21.9644 16.3668 21.9831 16.1382C22.0008 15.9213 22 15.6635 22 15.4H21ZM19.4 17V18C19.6635 18 19.9213 18.0008 20.1382 17.9831C20.3668 17.9644 20.6366 17.9203 20.908 17.782L20.454 16.891L20 16C20.0575 15.9707 20.0803 15.9811 19.9754 15.9897C19.8588 15.9992 19.6965 16 19.4 16V17ZM20.891 16.454L20 16L20 16L20.454 16.891L20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908L20.891 16.454ZM19.4 4V5C19.6965 5 19.8588 5.00078 19.9754 5.0103C20.0803 5.01887 20.0575 5.0293 20 5L20.454 4.10899L20.908 3.21799C20.6366 3.07969 20.3668 3.03562 20.1382 3.01695C19.9213 2.99922 19.6635 3 19.4 3V4ZM21 5.6H22C22 5.33647 22.0008 5.07869 21.9831 4.86177C21.9644 4.63318 21.9203 4.36344 21.782 4.09202L20.891 4.54601L20 5C19.9707 4.94249 19.9811 4.91972 19.9897 5.02463C19.9992 5.14122 20 5.30347 20 5.6H21ZM20.454 4.10899L20 5L20 5L20.891 4.54601L21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799L20.454 4.10899ZM3 5.6H4C4 5.30347 4.00078 5.14122 4.0103 5.02463C4.01887 4.91972 4.0293 4.94249 4 5L3.10899 4.54601L2.21799 4.09202C2.07969 4.36344 2.03562 4.63318 2.01695 4.86177C1.99922 5.07869 2 5.33648 2 5.6H3ZM4.6 4V3C4.33647 3 4.07869 2.99922 3.86177 3.01695C3.63318 3.03562 3.36344 3.07969 3.09202 3.21799L3.54601 4.10899L4 5C3.94249 5.0293 3.91972 5.01887 4.02463 5.0103C4.14122 5.00078 4.30347 5 4.6 5V4ZM3.10899 4.54601L4 5L3.54601 4.10899L3.09202 3.21799C2.71569 3.40973 2.40973 3.71569 2.21799 4.09202L3.10899 4.54601ZM4.6 17V16C4.30347 16 4.14122 15.9992 4.02463 15.9897C3.91972 15.9811 3.94249 15.9707 4 16L3.54601 16.891L3.09202 17.782C3.36344 17.9203 3.63318 17.9644 3.86177 17.9831C4.07869 18.0008 4.33647 18 4.6 18V17ZM3 15.4H2C2 15.6635 1.99922 15.9213 2.01695 16.1382C2.03562 16.3668 2.07969 16.6366 2.21799 16.908L3.10899 16.454L4 16C4.0293 16.0575 4.01887 16.0803 4.0103 15.9754C4.00078 15.8588 4 15.6965 4 15.4H3ZM3.54601 16.891L4 16L4 16L3.10899 16.454L2.21799 16.908C2.40973 17.2843 2.71569 17.5903 3.09202 17.782L3.54601 16.891Z\" fill=\"currentColor\"/><path d=\"M12 15L12.7809 14.3753C12.5911 14.1381 12.3038 14 12 14C11.6962 14 11.4089 14.1381 11.2191 14.3753L12 15ZM8 20L7.21913 19.3753C6.979 19.6755 6.93218 20.0867 7.0987 20.4332C7.26522 20.7797 7.61559 21 8 21V20ZM16 20V21C16.3844 21 16.7348 20.7797 16.9013 20.4332C17.0678 20.0867 17.021 19.6755 16.7809 19.3753L16 20ZM12 15L11.2191 14.3753L7.21913 19.3753L8 20L8.78087 20.6247L12.7809 15.6247L12 15ZM8 20V21H16V20V19H8V20ZM16 20L16.7809 19.3753L12.7809 14.3753L12 15L11.2191 15.6247L15.2191 20.6247L16 20Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={maskInner("<path d=\"M5.5 18C6.05228 18 6.5 17.5523 6.5 17C6.5 16.4477 6.05228 16 5.5 16V18ZM18.5 16C17.9477 16 17.5 16.4477 17.5 17C17.5 17.5523 17.9477 18 18.5 18V16ZM20.891 16.454L20 16V16L20.891 16.454ZM20.454 16.891L20.908 17.782L20.454 16.891ZM20.454 4.10899L20.908 3.21799L20.908 3.21799L20.454 4.10899ZM20.891 4.54601L20 5L20 5L20.891 4.54601ZM3.10899 4.54601L2.21799 4.09202L2.21799 4.09202L3.10899 4.54601ZM3.54601 4.10899L3.09202 3.21799L3.09202 3.21799L3.54601 4.10899ZM3.54601 16.891L4 16L4 16L3.54601 16.891ZM3.10899 16.454L2.21799 16.908L2.21799 16.908L3.10899 16.454ZM4.6 17V18H5.5V17V16H4.6V17ZM3 15.4H4V5.6H3H2V15.4H3ZM4.6 4V5H19.4V4V3H4.6V4ZM21 5.6H20V15.4H21H22V5.6H21ZM19.4 17V16H18.5V17V18H19.4V17ZM21 15.4H20C20 15.6965 19.9992 15.8588 19.9897 15.9754C19.9811 16.0803 19.9707 16.0575 20 16L20.891 16.454L21.782 16.908C21.9203 16.6366 21.9644 16.3668 21.9831 16.1382C22.0008 15.9213 22 15.6635 22 15.4H21ZM19.4 17V18C19.6635 18 19.9213 18.0008 20.1382 17.9831C20.3668 17.9644 20.6366 17.9203 20.908 17.782L20.454 16.891L20 16C20.0575 15.9707 20.0803 15.9811 19.9754 15.9897C19.8588 15.9992 19.6965 16 19.4 16V17ZM20.891 16.454L20 16L20 16L20.454 16.891L20.908 17.782C21.2843 17.5903 21.5903 17.2843 21.782 16.908L20.891 16.454ZM19.4 4V5C19.6965 5 19.8588 5.00078 19.9754 5.0103C20.0803 5.01887 20.0575 5.0293 20 5L20.454 4.10899L20.908 3.21799C20.6366 3.07969 20.3668 3.03562 20.1382 3.01695C19.9213 2.99922 19.6635 3 19.4 3V4ZM21 5.6H22C22 5.33647 22.0008 5.07869 21.9831 4.86177C21.9644 4.63318 21.9203 4.36344 21.782 4.09202L20.891 4.54601L20 5C19.9707 4.94249 19.9811 4.91972 19.9897 5.02463C19.9992 5.14122 20 5.30347 20 5.6H21ZM20.454 4.10899L20 5L20 5L20.891 4.54601L21.782 4.09202C21.5903 3.71569 21.2843 3.40973 20.908 3.21799L20.454 4.10899ZM3 5.6H4C4 5.30347 4.00078 5.14122 4.0103 5.02463C4.01887 4.91972 4.0293 4.94249 4 5L3.10899 4.54601L2.21799 4.09202C2.07969 4.36344 2.03562 4.63318 2.01695 4.86177C1.99922 5.07869 2 5.33648 2 5.6H3ZM4.6 4V3C4.33647 3 4.07869 2.99922 3.86177 3.01695C3.63318 3.03562 3.36344 3.07969 3.09202 3.21799L3.54601 4.10899L4 5C3.94249 5.0293 3.91972 5.01887 4.02463 5.0103C4.14122 5.00078 4.30347 5 4.6 5V4ZM3.10899 4.54601L4 5L3.54601 4.10899L3.09202 3.21799C2.71569 3.40973 2.40973 3.71569 2.21799 4.09202L3.10899 4.54601ZM4.6 17V16C4.30347 16 4.14122 15.9992 4.02463 15.9897C3.91972 15.9811 3.94249 15.9707 4 16L3.54601 16.891L3.09202 17.782C3.36344 17.9203 3.63318 17.9644 3.86177 17.9831C4.07869 18.0008 4.33647 18 4.6 18V17ZM3 15.4H2C2 15.6635 1.99922 15.9213 2.01695 16.1382C2.03562 16.3668 2.07969 16.6366 2.21799 16.908L3.10899 16.454L4 16C4.0293 16.0575 4.01887 16.0803 4.0103 15.9754C4.00078 15.8588 4 15.6965 4 15.4H3ZM3.54601 16.891L4 16L4 16L3.10899 16.454L2.21799 16.908C2.40973 17.2843 2.71569 17.5903 3.09202 17.782L3.54601 16.891Z\" fill=\"currentColor\"/><path d=\"M12 15L12.7809 14.3753C12.5911 14.1381 12.3038 14 12 14C11.6962 14 11.4089 14.1381 11.2191 14.3753L12 15ZM8 20L7.21913 19.3753C6.979 19.6755 6.93218 20.0867 7.0987 20.4332C7.26522 20.7797 7.61559 21 8 21V20ZM16 20V21C16.3844 21 16.7348 20.7797 16.9013 20.4332C17.0678 20.0867 17.021 19.6755 16.7809 19.3753L16 20ZM12 15L11.2191 14.3753L7.21913 19.3753L8 20L8.78087 20.6247L12.7809 15.6247L12 15ZM8 20V21H16V20V19H8V20ZM16 20L16.7809 19.3753L12.7809 14.3753L12 15L11.2191 15.6247L15.2191 20.6247L16 20Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-2-IconAirplay", props.mode)} />
 );
 
 export default IconAirplay;

package/IconAirplayAudio/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplayAudio = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={"<path d=\"M9.04 19.9999C8.62075 19.9999 8.38766 19.5149 8.64957 19.1876L11.6093 15.4879C11.8094 15.2377 12.19 15.2377 12.3901 15.4879L15.3498 19.1876C15.6117 19.5149 15.3786 19.9999 14.9594 19.9999H9.04Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 17.658C2.13593 14.1235 2.34795 8.92413 5.63604 5.63604C9.15076 2.12132 14.8492 2.12132 18.364 5.63604C21.6521 8.92413 21.8641 14.1235 19 17.658\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M7.53115 14.245C7.19134 13.57 7 12.8073 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 12.8073 16.8087 13.57 16.4689 14.245\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={maskInner("<path d=\"M9.04 19.9999C8.62075 19.9999 8.38766 19.5149 8.64957 19.1876L11.6093 15.4879C11.8094 15.2377 12.19 15.2377 12.3901 15.4879L15.3498 19.1876C15.6117 19.5149 15.3786 19.9999 14.9594 19.9999H9.04Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 17.658C2.13593 14.1235 2.34795 8.92413 5.63604 5.63604C9.15076 2.12132 14.8492 2.12132 18.364 5.63604C21.6521 8.92413 21.8641 14.1235 19 17.658\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M7.53115 14.245C7.19134 13.57 7 12.8073 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 12.8073 16.8087 13.57 16.4689 14.245\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirplayAudio", props.mode)} />
 );
 
 export default IconAirplayAudio;

package/IconAirpodCase/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirpodCase = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-case, airpods" })} innerHTML={"<path d=\"M16.5 20H7.5C5.567 20 4 18.433 4 16.5V10V7.5C4 5.567 5.567 4 7.5 4H16.5C18.433 4 20 5.567 20 7.5V10V16.5C20 18.433 18.433 20 16.5 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M20 10H4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M12 13.375C12.4832 13.375 12.875 13.7668 12.875 14.25C12.875 14.7332 12.4832 15.125 12 15.125C11.5168 15.125 11.125 14.7332 11.125 14.25C11.125 13.7668 11.5168 13.375 12 13.375Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0.75\" stroke-linecap=\"square\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-case, airpods" })} innerHTML={maskInner("<path d=\"M16.5 20H7.5C5.567 20 4 18.433 4 16.5V10V7.5C4 5.567 5.567 4 7.5 4H16.5C18.433 4 20 5.567 20 7.5V10V16.5C20 18.433 18.433 20 16.5 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M20 10H4\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M12 13.375C12.4832 13.375 12.875 13.7668 12.875 14.25C12.875 14.7332 12.4832 15.125 12 15.125C11.5168 15.125 11.125 14.7332 11.125 14.25C11.125 13.7668 11.5168 13.375 12 13.375Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0.75\" stroke-linecap=\"square\"/>", "round-outlined-radius-1-stroke-2-IconAirpodCase", props.mode)} />
 );
 
 export default IconAirpodCase;

package/IconAirpodLeft/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirpodLeft = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={"<path d=\"M16 14V20H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 12.7439V19C8 19.5523 7.55228 20 7 20H6C5.44772 20 5 19.5523 5 19L5 8.5C5 6.01472 7.01472 4 9.5 4C10.2342 4 10.9274 4.17585 11.5397 4.48774C11.837 4.63919 12 4.95806 12 5.29175V11.7082C12 12.0419 11.837 12.3608 11.5397 12.5123C10.9274 12.8241 10.2342 13 9.5 13C8.97405 13 8.46917 12.9098 8 12.7439ZM8 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={maskInner("<path d=\"M16 14V20H19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 12.7439V19C8 19.5523 7.55228 20 7 20H6C5.44772 20 5 19.5523 5 19L5 8.5C5 6.01472 7.01472 4 9.5 4C10.2342 4 10.9274 4.17585 11.5397 4.48774C11.837 4.63919 12 4.95806 12 5.29175V11.7082C12 12.0419 11.837 12.3608 11.5397 12.5123C10.9274 12.8241 10.2342 13 9.5 13C8.97405 13 8.46917 12.9098 8 12.7439ZM8 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirpodLeft", props.mode)} />
 );
 
 export default IconAirpodLeft;

package/IconAirpodRight/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirpodRight = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-right" })} innerHTML={"<path d=\"M5 20V14H7.25C8.2165 14 9 14.7835 9 15.75C9 16.7165 8.2165 17.5 7.25 17.5H5.5M6.3811 17.502C8.37781 17.502 8.89841 18.6056 8.98557 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 12.7439V19C16 19.5523 16.4477 20 17 20H18C18.5523 20 19 19.5523 19 19L19 8.5C19 6.01472 16.9853 4 14.5 4C13.7658 4 13.0726 4.17585 12.4603 4.48774C12.163 4.63919 12 4.95806 12 5.29175V11.7082C12 12.0419 12.163 12.3608 12.4603 12.5123C13.0726 12.8241 13.7658 13 14.5 13C15.026 13 15.5308 12.9098 16 12.7439ZM16 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-right" })} innerHTML={maskInner("<path d=\"M5 20V14H7.25C8.2165 14 9 14.7835 9 15.75C9 16.7165 8.2165 17.5 7.25 17.5H5.5M6.3811 17.502C8.37781 17.502 8.89841 18.6056 8.98557 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 12.7439V19C16 19.5523 16.4477 20 17 20H18C18.5523 20 19 19.5523 19 19L19 8.5C19 6.01472 16.9853 4 14.5 4C13.7658 4 13.0726 4.17585 12.4603 4.48774C12.163 4.63919 12 4.95806 12 5.29175V11.7082C12 12.0419 12.163 12.3608 12.4603 12.5123C13.0726 12.8241 13.7658 13 14.5 13C15.026 13 15.5308 12.9098 16 12.7439ZM16 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirpodRight", props.mode)} />
 );
 
 export default IconAirpodRight;

package/IconAirpods/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirpods = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={"<path d=\"M7 12.7439V19C7 19.5523 7.44772 20 8 20H9C9.55228 20 10 19.5523 10 19L10 8.5C10 6.01472 7.98528 4 5.5 4C4.76575 4 4.07258 4.17585 3.4603 4.48774C3.16296 4.63919 3 4.95806 3 5.29175V11.7082C3 12.0419 3.16296 12.3608 3.4603 12.5123C4.07258 12.8241 4.76575 13 5.5 13C6.02595 13 6.53083 12.9098 7 12.7439ZM7 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 12.7439V19C17 19.5523 16.5523 20 16 20H15C14.4477 20 14 19.5523 14 19L14 8.5C14 6.01472 16.0147 4 18.5 4C19.2342 4 19.9274 4.17585 20.5397 4.48774C20.837 4.63919 21 4.95806 21 5.29175V11.7082C21 12.0419 20.837 12.3608 20.5397 12.5123C19.9274 12.8241 19.2342 13 18.5 13C17.974 13 17.4692 12.9098 17 12.7439ZM17 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={maskInner("<path d=\"M7 12.7439V19C7 19.5523 7.44772 20 8 20H9C9.55228 20 10 19.5523 10 19L10 8.5C10 6.01472 7.98528 4 5.5 4C4.76575 4 4.07258 4.17585 3.4603 4.48774C3.16296 4.63919 3 4.95806 3 5.29175V11.7082C3 12.0419 3.16296 12.3608 3.4603 12.5123C4.07258 12.8241 4.76575 13 5.5 13C6.02595 13 6.53083 12.9098 7 12.7439ZM7 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 12.7439V19C17 19.5523 16.5523 20 16 20H15C14.4477 20 14 19.5523 14 19L14 8.5C14 6.01472 16.0147 4 18.5 4C19.2342 4 19.9274 4.17585 20.5397 4.48774C20.837 4.63919 21 4.95806 21 5.29175V11.7082C21 12.0419 20.837 12.3608 20.5397 12.5123C19.9274 12.8241 19.2342 13 18.5 13C17.974 13 17.4692 12.9098 17 12.7439ZM17 12.7439V12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAirpods", props.mode)} />
 );
 
 export default IconAirpods;

package/IconAlbums/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlbums = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={"<path d=\"M4 6V18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 5V19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 19.0078V4.99258C12 4.35419 12.5901 3.87926 13.2137 4.01568L19.2137 5.32818C19.6728 5.42861 20 5.83514 20 6.30508V17.6953C20 18.1652 19.6728 18.5718 19.2137 18.6722L13.2137 19.9847C12.5901 20.1211 12 19.6462 12 19.0078Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={maskInner("<path d=\"M4 6V18\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 5V19\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 19.0078V4.99258C12 4.35419 12.5901 3.87926 13.2137 4.01568L19.2137 5.32818C19.6728 5.42861 20 5.83514 20 6.30508V17.6953C20 18.1652 19.6728 18.5718 19.2137 18.6722L13.2137 19.9847C12.5901 20.1211 12 19.6462 12 19.0078Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAlbums", props.mode)} />
 );
 
 export default IconAlbums;

package/IconAlbums2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlbums2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={"<path d=\"M18 4H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19 8H5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.99221 12H19.0074C19.6458 12 20.1207 12.5901 19.9843 13.2137L18.6718 19.2137C18.5714 19.6728 18.1649 20 17.6949 20H6.30471C5.83477 20 5.42823 19.6728 5.32781 19.2137L4.01531 13.2137C3.87889 12.5901 4.35382 12 4.99221 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={maskInner("<path d=\"M18 4H6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19 8H5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.99221 12H19.0074C19.6458 12 20.1207 12.5901 19.9843 13.2137L18.6718 19.2137C18.5714 19.6728 18.1649 20 17.6949 20H6.30471C5.83477 20 5.42823 19.6728 5.32781 19.2137L4.01531 13.2137C3.87889 12.5901 4.35382 12 4.99221 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAlbums2", props.mode)} />
 );
 
 export default IconAlbums2;

package/IconAlien/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlien = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={"<path d=\"M20 11C20 17 14 22 12 22C10 22 4 17 4 11C4 6.58172 7.58172 3 12 3C16.4183 3 20 6.58172 20 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M7.5 11.0086C8.96473 10.9201 9.88847 11.5134 10 12.9944C8.56755 13.0583 7.55498 12.5838 7.5 11.0086Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M16.5 11.0086C15.0353 10.9201 14.1115 11.5134 14 12.9944C15.4325 13.0583 16.445 12.5838 16.5 11.0086Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={maskInner("<path d=\"M20 11C20 17 14 22 12 22C10 22 4 17 4 11C4 6.58172 7.58172 3 12 3C16.4183 3 20 6.58172 20 11Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M7.5 11.0086C8.96473 10.9201 9.88847 11.5134 10 12.9944C8.56755 13.0583 7.55498 12.5838 7.5 11.0086Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M16.5 11.0086C15.0353 10.9201 14.1115 11.5134 14 12.9944C15.4325 13.0583 16.445 12.5838 16.5 11.0086Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-2-IconAlien", props.mode)} />
 );
 
 export default IconAlien;