@central-icons-solid/round-filled-radius-1-stroke-2 1.1.293 → 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={"<path d=\"M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z\" fill=\"currentColor\"/><path d=\"M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z\" fill=\"currentColor\"/><path d=\"M9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7C8.55228 7 9 7.44772 9 8Z\" fill=\"currentColor\"/><path d=\"M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12Z\" fill=\"currentColor\"/><path d=\"M21 12C21 12.5523 20.5523 13 20 13C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12Z\" fill=\"currentColor\"/><path d=\"M13 4C13 4.55228 12.5523 5 12 5C11.4477 5 11 4.55228 11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4Z\" fill=\"currentColor\"/><path d=\"M13 20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20C11 19.4477 11.4477 19 12 19C12.5523 19 13 19.4477 13 20Z\" fill=\"currentColor\"/><path d=\"M8.75 4C8.75 4.41421 8.41421 4.75 8 4.75C7.58579 4.75 7.25 4.41421 7.25 4C7.25 3.58579 7.58579 3.25 8 3.25C8.41421 3.25 8.75 3.58579 8.75 4Z\" fill=\"currentColor\"/><path d=\"M16.75 4C16.75 4.41421 16.4142 4.75 16 4.75C15.5858 4.75 15.25 4.41421 15.25 4C15.25 3.58579 15.5858 3.25 16 3.25C16.4142 3.25 16.75 3.58579 16.75 4Z\" fill=\"currentColor\"/><path d=\"M4.5 4C4.5 4.27614 4.27614 4.5 4 4.5C3.72386 4.5 3.5 4.27614 3.5 4C3.5 3.72386 3.72386 3.5 4 3.5C4.27614 3.5 4.5 3.72386 4.5 4Z\" fill=\"currentColor\"/><path d=\"M20.5 4C20.5 4.27614 20.2761 4.5 20 4.5C19.7239 4.5 19.5 4.27614 19.5 4C19.5 3.72386 19.7239 3.5 20 3.5C20.2761 3.5 20.5 3.72386 20.5 4Z\" fill=\"currentColor\"/><path d=\"M4.75 8C4.75 8.41421 4.41421 8.75 4 8.75C3.58579 8.75 3.25 8.41421 3.25 8C3.25 7.58579 3.58579 7.25 4 7.25C4.41421 7.25 4.75 7.58579 4.75 8Z\" fill=\"currentColor\"/><path d=\"M20.75 8C20.75 8.41421 20.4142 8.75 20 8.75C19.5858 8.75 19.25 8.41421 19.25 8C19.25 7.58579 19.5858 7.25 20 7.25C20.4142 7.25 20.75 7.58579 20.75 8Z\" fill=\"currentColor\"/><path d=\"M4.75 16C4.75 16.4142 4.41421 16.75 4 16.75C3.58579 16.75 3.25 16.4142 3.25 16C3.25 15.5858 3.58579 15.25 4 15.25C4.41421 15.25 4.75 15.5858 4.75 16Z\" fill=\"currentColor\"/><path d=\"M20.75 16C20.75 16.4142 20.4142 16.75 20 16.75C19.5858 16.75 19.25 16.4142 19.25 16C19.25 15.5858 19.5858 15.25 20 15.25C20.4142 15.25 20.75 15.5858 20.75 16Z\" fill=\"currentColor\"/><path d=\"M4.5 20C4.5 20.2761 4.27614 20.5 4 20.5C3.72386 20.5 3.5 20.2761 3.5 20C3.5 19.7239 3.72386 19.5 4 19.5C4.27614 19.5 4.5 19.7239 4.5 20Z\" fill=\"currentColor\"/><path d=\"M20.5 20C20.5 20.2761 20.2761 20.5 20 20.5C19.7239 20.5 19.5 20.2761 19.5 20C19.5 19.7239 19.7239 19.5 20 19.5C20.2761 19.5 20.5 19.7239 20.5 20Z\" fill=\"currentColor\"/><path d=\"M13.5 8C13.5 8.82843 12.8284 9.5 12 9.5C11.1716 9.5 10.5 8.82843 10.5 8C10.5 7.17157 11.1716 6.5 12 6.5C12.8284 6.5 13.5 7.17157 13.5 8Z\" fill=\"currentColor\"/><path d=\"M17 8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8C15 7.44772 15.4477 7 16 7C16.5523 7 17 7.44772 17 8Z\" fill=\"currentColor\"/><path d=\"M17.5 12C17.5 12.8284 16.8284 13.5 16 13.5C15.1716 13.5 14.5 12.8284 14.5 12C14.5 11.1716 15.1716 10.5 16 10.5C16.8284 10.5 17.5 11.1716 17.5 12Z\" fill=\"currentColor\"/><path d=\"M9.5 12C9.5 12.8284 8.82843 13.5 8 13.5C7.17157 13.5 6.5 12.8284 6.5 12C6.5 11.1716 7.17157 10.5 8 10.5C8.82843 10.5 9.5 11.1716 9.5 12Z\" fill=\"currentColor\"/><path d=\"M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z\" fill=\"currentColor\"/><path d=\"M16.75 20C16.75 20.4142 16.4142 20.75 16 20.75C15.5858 20.75 15.25 20.4142 15.25 20C15.25 19.5858 15.5858 19.25 16 19.25C16.4142 19.25 16.75 19.5858 16.75 20Z\" fill=\"currentColor\"/><path d=\"M9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16Z\" fill=\"currentColor\"/><path d=\"M8.75 20C8.75 20.4142 8.41421 20.75 8 20.75C7.58579 20.75 7.25 20.4142 7.25 20C7.25 19.5858 7.58579 19.25 8 19.25C8.41421 19.25 8.75 19.5858 8.75 20Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<path d=\"M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z\" fill=\"currentColor\"/><path d=\"M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z\" fill=\"currentColor\"/><path d=\"M9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7C8.55228 7 9 7.44772 9 8Z\" fill=\"currentColor\"/><path d=\"M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12Z\" fill=\"currentColor\"/><path d=\"M21 12C21 12.5523 20.5523 13 20 13C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12Z\" fill=\"currentColor\"/><path d=\"M13 4C13 4.55228 12.5523 5 12 5C11.4477 5 11 4.55228 11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4Z\" fill=\"currentColor\"/><path d=\"M13 20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20C11 19.4477 11.4477 19 12 19C12.5523 19 13 19.4477 13 20Z\" fill=\"currentColor\"/><path d=\"M8.75 4C8.75 4.41421 8.41421 4.75 8 4.75C7.58579 4.75 7.25 4.41421 7.25 4C7.25 3.58579 7.58579 3.25 8 3.25C8.41421 3.25 8.75 3.58579 8.75 4Z\" fill=\"currentColor\"/><path d=\"M16.75 4C16.75 4.41421 16.4142 4.75 16 4.75C15.5858 4.75 15.25 4.41421 15.25 4C15.25 3.58579 15.5858 3.25 16 3.25C16.4142 3.25 16.75 3.58579 16.75 4Z\" fill=\"currentColor\"/><path d=\"M4.5 4C4.5 4.27614 4.27614 4.5 4 4.5C3.72386 4.5 3.5 4.27614 3.5 4C3.5 3.72386 3.72386 3.5 4 3.5C4.27614 3.5 4.5 3.72386 4.5 4Z\" fill=\"currentColor\"/><path d=\"M20.5 4C20.5 4.27614 20.2761 4.5 20 4.5C19.7239 4.5 19.5 4.27614 19.5 4C19.5 3.72386 19.7239 3.5 20 3.5C20.2761 3.5 20.5 3.72386 20.5 4Z\" fill=\"currentColor\"/><path d=\"M4.75 8C4.75 8.41421 4.41421 8.75 4 8.75C3.58579 8.75 3.25 8.41421 3.25 8C3.25 7.58579 3.58579 7.25 4 7.25C4.41421 7.25 4.75 7.58579 4.75 8Z\" fill=\"currentColor\"/><path d=\"M20.75 8C20.75 8.41421 20.4142 8.75 20 8.75C19.5858 8.75 19.25 8.41421 19.25 8C19.25 7.58579 19.5858 7.25 20 7.25C20.4142 7.25 20.75 7.58579 20.75 8Z\" fill=\"currentColor\"/><path d=\"M4.75 16C4.75 16.4142 4.41421 16.75 4 16.75C3.58579 16.75 3.25 16.4142 3.25 16C3.25 15.5858 3.58579 15.25 4 15.25C4.41421 15.25 4.75 15.5858 4.75 16Z\" fill=\"currentColor\"/><path d=\"M20.75 16C20.75 16.4142 20.4142 16.75 20 16.75C19.5858 16.75 19.25 16.4142 19.25 16C19.25 15.5858 19.5858 15.25 20 15.25C20.4142 15.25 20.75 15.5858 20.75 16Z\" fill=\"currentColor\"/><path d=\"M4.5 20C4.5 20.2761 4.27614 20.5 4 20.5C3.72386 20.5 3.5 20.2761 3.5 20C3.5 19.7239 3.72386 19.5 4 19.5C4.27614 19.5 4.5 19.7239 4.5 20Z\" fill=\"currentColor\"/><path d=\"M20.5 20C20.5 20.2761 20.2761 20.5 20 20.5C19.7239 20.5 19.5 20.2761 19.5 20C19.5 19.7239 19.7239 19.5 20 19.5C20.2761 19.5 20.5 19.7239 20.5 20Z\" fill=\"currentColor\"/><path d=\"M13.5 8C13.5 8.82843 12.8284 9.5 12 9.5C11.1716 9.5 10.5 8.82843 10.5 8C10.5 7.17157 11.1716 6.5 12 6.5C12.8284 6.5 13.5 7.17157 13.5 8Z\" fill=\"currentColor\"/><path d=\"M17 8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8C15 7.44772 15.4477 7 16 7C16.5523 7 17 7.44772 17 8Z\" fill=\"currentColor\"/><path d=\"M17.5 12C17.5 12.8284 16.8284 13.5 16 13.5C15.1716 13.5 14.5 12.8284 14.5 12C14.5 11.1716 15.1716 10.5 16 10.5C16.8284 10.5 17.5 11.1716 17.5 12Z\" fill=\"currentColor\"/><path d=\"M9.5 12C9.5 12.8284 8.82843 13.5 8 13.5C7.17157 13.5 6.5 12.8284 6.5 12C6.5 11.1716 7.17157 10.5 8 10.5C8.82843 10.5 9.5 11.1716 9.5 12Z\" fill=\"currentColor\"/><path d=\"M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z\" fill=\"currentColor\"/><path d=\"M16.75 20C16.75 20.4142 16.4142 20.75 16 20.75C15.5858 20.75 15.25 20.4142 15.25 20C15.25 19.5858 15.5858 19.25 16 19.25C16.4142 19.25 16.75 19.5858 16.75 20Z\" fill=\"currentColor\"/><path d=\"M9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16Z\" fill=\"currentColor\"/><path d=\"M8.75 20C8.75 20.4142 8.41421 20.75 8 20.75C7.58579 20.75 7.25 20.4142 7.25 20C7.25 19.5858 7.58579 19.25 8 19.25C8.41421 19.25 8.75 19.5858 8.75 20Z\" fill=\"currentColor\"/>", "round-filled-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=\"M10.75 11.5669C10.9047 11.4776 11 11.3125 11 11.1339V2.2895C11 1.90462 10.5834 1.66406 10.25 1.85647L3.33998 5.84526C2.7211 6.2025 2.33984 6.8628 2.33984 7.57739V15.5566C2.33984 15.9415 2.75651 16.182 3.08985 15.9896L10.75 11.5669Z\" fill=\"currentColor\"/><path d=\"M21.6602 7.57739C21.6602 6.8628 21.2789 6.2025 20.66 5.84526L13.75 1.85647C13.4166 1.66406 13 1.90462 13 2.2895V11.1339C13 11.3125 13.0953 11.4776 13.25 11.5669L20.9102 15.9896C21.2435 16.182 21.6602 15.9415 21.6602 15.5566V7.57739Z\" fill=\"currentColor\"/><path d=\"M19.9092 18.588C20.2425 18.3955 20.2425 17.9144 19.9092 17.722L12.25 13.2994C12.0953 13.21 11.9047 13.21 11.75 13.2994L4.08991 17.7219C3.75656 17.9144 3.75658 18.3956 4.08994 18.588L11.0001 22.5768C11.6188 22.934 12.3811 22.934 12.9999 22.5768L19.9092 18.588Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M10.75 11.5669C10.9047 11.4776 11 11.3125 11 11.1339V2.2895C11 1.90462 10.5834 1.66406 10.25 1.85647L3.33998 5.84526C2.7211 6.2025 2.33984 6.8628 2.33984 7.57739V15.5566C2.33984 15.9415 2.75651 16.182 3.08985 15.9896L10.75 11.5669Z\" fill=\"currentColor\"/><path d=\"M21.6602 7.57739C21.6602 6.8628 21.2789 6.2025 20.66 5.84526L13.75 1.85647C13.4166 1.66406 13 1.90462 13 2.2895V11.1339C13 11.3125 13.0953 11.4776 13.25 11.5669L20.9102 15.9896C21.2435 16.182 21.6602 15.9415 21.6602 15.5566V7.57739Z\" fill=\"currentColor\"/><path d=\"M19.9092 18.588C20.2425 18.3955 20.2425 17.9144 19.9092 17.722L12.25 13.2994C12.0953 13.21 11.9047 13.21 11.75 13.2994L4.08991 17.7219C3.75656 17.9144 3.75658 18.3956 4.08994 18.588L11.0001 22.5768C11.6188 22.934 12.3811 22.934 12.9999 22.5768L19.9092 18.588Z\" fill=\"currentColor\"/>", "round-filled-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=\"M10.75 12.4328C10.9047 12.5221 11 12.6872 11 12.8658V21.7102C11 22.0951 10.5834 22.3357 10.25 22.1433L3.33998 18.1545C2.7211 17.7972 2.33984 17.1369 2.33984 16.4223V8.44318C2.33984 8.05828 2.75651 7.81771 3.08985 8.01017L10.75 12.4328Z\" fill=\"currentColor\"/><path d=\"M21.6602 16.4223C21.6602 17.1369 21.2789 17.7972 20.66 18.1545L13.75 22.1433C13.4166 22.3357 13 22.0951 13 21.7102V12.8658C13 12.6872 13.0953 12.5221 13.25 12.4328L20.9102 8.01017C21.2435 7.81771 21.6602 8.05828 21.6602 8.44318V16.4223Z\" fill=\"currentColor\"/><path d=\"M19.9092 5.41175C20.2425 5.60419 20.2425 6.0853 19.9092 6.27777L12.25 10.7004C12.0953 10.7897 11.9047 10.7897 11.75 10.7004L4.08991 6.27778C3.75656 6.08532 3.75658 5.60417 4.08994 5.41173L11.0001 1.4229C11.6188 1.06572 12.3811 1.06574 12.9999 1.42295L19.9092 5.41175Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M10.75 12.4328C10.9047 12.5221 11 12.6872 11 12.8658V21.7102C11 22.0951 10.5834 22.3357 10.25 22.1433L3.33998 18.1545C2.7211 17.7972 2.33984 17.1369 2.33984 16.4223V8.44318C2.33984 8.05828 2.75651 7.81771 3.08985 8.01017L10.75 12.4328Z\" fill=\"currentColor\"/><path d=\"M21.6602 16.4223C21.6602 17.1369 21.2789 17.7972 20.66 18.1545L13.75 22.1433C13.4166 22.3357 13 22.0951 13 21.7102V12.8658C13 12.6872 13.0953 12.5221 13.25 12.4328L20.9102 8.01017C21.2435 7.81771 21.6602 8.05828 21.6602 8.44318V16.4223Z\" fill=\"currentColor\"/><path d=\"M19.9092 5.41175C20.2425 5.60419 20.2425 6.0853 19.9092 6.27777L12.25 10.7004C12.0953 10.7897 11.9047 10.7897 11.75 10.7004L4.08991 6.27778C3.75656 6.08532 3.75658 5.60417 4.08994 5.41173L11.0001 1.4229C11.6188 1.06572 12.3811 1.06574 12.9999 1.42295L19.9092 5.41175Z\" fill=\"currentColor\"/>", "round-filled-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=\"M2.33984 8.44319C2.34009 8.05848 2.75661 7.81817 3.08984 8.01057L10.75 12.4334C10.9046 12.5227 11 12.6875 11 12.866V21.7108C10.9999 22.0955 10.5833 22.3358 10.25 22.1434L3.33984 18.1551C2.72096 17.7979 2.33984 17.1373 2.33984 16.4227V8.44319Z\" fill=\"currentColor\"/><path d=\"M20.9102 8.01057C21.2434 7.81817 21.6599 8.05848 21.6602 8.44319V16.4227C21.6602 17.1373 21.279 17.7979 20.6602 18.1551L13.75 22.1434C13.4167 22.3358 13.0001 22.0955 13 21.7108V12.866C13 12.6875 13.0954 12.5227 13.25 12.4334L20.9102 8.01057Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.9217L12.25 10.701C12.0954 10.7902 11.9046 10.7902 11.75 10.701L4.08984 6.27815C3.75654 6.08567 3.7565 5.60437 4.08984 5.41194L6.66895 3.92268L15.3301 8.9217Z\" fill=\"currentColor\"/><path d=\"M11 1.42366C11.6188 1.06648 12.3813 1.06645 13 1.42366L19.9092 5.41194C20.2425 5.60437 20.2425 6.08568 19.9092 6.27815L17.3291 7.76741L8.66992 2.76741L11 1.42366Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M2.33984 8.44319C2.34009 8.05848 2.75661 7.81817 3.08984 8.01057L10.75 12.4334C10.9046 12.5227 11 12.6875 11 12.866V21.7108C10.9999 22.0955 10.5833 22.3358 10.25 22.1434L3.33984 18.1551C2.72096 17.7979 2.33984 17.1373 2.33984 16.4227V8.44319Z\" fill=\"currentColor\"/><path d=\"M20.9102 8.01057C21.2434 7.81817 21.6599 8.05848 21.6602 8.44319V16.4227C21.6602 17.1373 21.279 17.7979 20.6602 18.1551L13.75 22.1434C13.4167 22.3358 13.0001 22.0955 13 21.7108V12.866C13 12.6875 13.0954 12.5227 13.25 12.4334L20.9102 8.01057Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.9217L12.25 10.701C12.0954 10.7902 11.9046 10.7902 11.75 10.701L4.08984 6.27815C3.75654 6.08567 3.7565 5.60437 4.08984 5.41194L6.66895 3.92268L15.3301 8.9217Z\" fill=\"currentColor\"/><path d=\"M11 1.42366C11.6188 1.06648 12.3813 1.06645 13 1.42366L19.9092 5.41194C20.2425 5.60437 20.2425 6.08568 19.9092 6.27815L17.3291 7.76741L8.66992 2.76741L11 1.42366Z\" fill=\"currentColor\"/>", "round-filled-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=\"M2.33984 8.44308C2.34039 8.0587 2.75676 7.81833 3.08984 8.01046L10.75 12.4333C10.9045 12.5226 10.9998 12.6876 11 12.8659V21.7107C10.9999 22.0954 10.5833 22.3357 10.25 22.1433L3.33984 18.155C2.72107 17.7977 2.33984 17.1371 2.33984 16.4226V8.44308Z\" fill=\"currentColor\"/><path d=\"M20.9102 8.01046C21.2432 7.81833 21.6596 8.0587 21.6602 8.44308V16.4226C21.6602 17.1371 21.2789 17.7977 20.6602 18.155L13.75 22.1433C13.4167 22.3357 13.0001 22.0954 13 21.7107V12.8659C13.0002 12.6876 13.0955 12.5226 13.25 12.4333L16.3301 10.654V14.7878C16.3301 15.1727 16.7468 15.4138 17.0801 15.2214L17.8301 14.7878C18.1394 14.6091 18.3301 14.2788 18.3301 13.9216V9.49972L20.9102 8.01046Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.9216L12.25 10.7009C12.0954 10.7901 11.9046 10.7901 11.75 10.7009L4.08984 6.27804C3.75672 6.0855 3.75657 5.60422 4.08984 5.41183L6.66895 3.92257L15.3301 8.9216Z\" fill=\"currentColor\"/><path d=\"M11 1.42355C11.6187 1.06651 12.3813 1.06648 13 1.42355L19.9092 5.41183C20.2425 5.60423 20.2423 6.08551 19.9092 6.27804L17.3291 7.7673L8.66992 2.7673L11 1.42355Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M2.33984 8.44308C2.34039 8.0587 2.75676 7.81833 3.08984 8.01046L10.75 12.4333C10.9045 12.5226 10.9998 12.6876 11 12.8659V21.7107C10.9999 22.0954 10.5833 22.3357 10.25 22.1433L3.33984 18.155C2.72107 17.7977 2.33984 17.1371 2.33984 16.4226V8.44308Z\" fill=\"currentColor\"/><path d=\"M20.9102 8.01046C21.2432 7.81833 21.6596 8.0587 21.6602 8.44308V16.4226C21.6602 17.1371 21.2789 17.7977 20.6602 18.155L13.75 22.1433C13.4167 22.3357 13.0001 22.0954 13 21.7107V12.8659C13.0002 12.6876 13.0955 12.5226 13.25 12.4333L16.3301 10.654V14.7878C16.3301 15.1727 16.7468 15.4138 17.0801 15.2214L17.8301 14.7878C18.1394 14.6091 18.3301 14.2788 18.3301 13.9216V9.49972L20.9102 8.01046Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.9216L12.25 10.7009C12.0954 10.7901 11.9046 10.7901 11.75 10.7009L4.08984 6.27804C3.75672 6.0855 3.75657 5.60422 4.08984 5.41183L6.66895 3.92257L15.3301 8.9216Z\" fill=\"currentColor\"/><path d=\"M11 1.42355C11.6187 1.06651 12.3813 1.06648 13 1.42355L19.9092 5.41183C20.2425 5.60423 20.2423 6.08551 19.9092 6.27804L17.3291 7.7673L8.66992 2.7673L11 1.42355Z\" fill=\"currentColor\"/>", "round-filled-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=\"M9.99995 12C9.99995 9.02506 10.3299 6.36771 10.8434 4.48495C11.1021 3.53641 11.3923 2.84109 11.6726 2.40636C11.8732 2.09533 11.9998 2.01683 12.0326 2.00006C17.5295 2.01761 21.9823 6.47041 21.9999 11.9674C21.9831 12.0001 21.9046 12.1268 21.5936 12.3273C21.1589 12.6076 20.4635 12.8979 19.515 13.1566C17.6323 13.67 14.9749 14 11.9999 14C11.3316 14 10.6793 13.9834 10.0482 13.9517C10.0166 13.3206 9.99995 12.6683 9.99995 12Z\" fill=\"currentColor\"/><path d=\"M8.03867 13.7939C6.68364 13.6467 5.47677 13.4271 4.48489 13.1566C3.53635 12.8979 2.84103 12.6076 2.40629 12.3273C2.09527 12.1268 2.01677 12.0001 2 11.9674C2.0148 7.33262 5.18262 3.44015 9.47087 2.32258C9.26073 2.81339 9.07563 3.36556 8.91386 3.95872C8.34156 6.05718 7.99995 8.89983 7.99995 12C7.99995 12.6091 8.01314 13.2083 8.03867 13.7939Z\" fill=\"currentColor\"/><path d=\"M8.18077 15.8192C8.33654 17.4082 8.58775 18.8456 8.91386 20.0413C9.07563 20.6345 9.26073 21.1866 9.47087 21.6774C5.98036 20.7678 3.23219 18.0196 2.32252 14.5291C2.81333 14.7392 3.3655 14.9243 3.95866 15.0861C5.1544 15.4122 6.59179 15.6634 8.18077 15.8192Z\" fill=\"currentColor\"/><path d=\"M12.0326 22C16.6673 21.9852 20.5598 18.8173 21.6774 14.5291C21.1866 14.7392 20.6344 14.9243 20.0412 15.0861C17.9428 15.6584 15.1001 16 11.9999 16C11.3908 16 10.7916 15.9868 10.2061 15.9613C10.3533 17.3163 10.5729 18.5232 10.8434 19.5151C11.1021 20.4636 11.3923 21.1589 11.6726 21.5937C11.8732 21.9047 11.9998 21.9832 12.0326 22Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={maskInner("<path d=\"M9.99995 12C9.99995 9.02506 10.3299 6.36771 10.8434 4.48495C11.1021 3.53641 11.3923 2.84109 11.6726 2.40636C11.8732 2.09533 11.9998 2.01683 12.0326 2.00006C17.5295 2.01761 21.9823 6.47041 21.9999 11.9674C21.9831 12.0001 21.9046 12.1268 21.5936 12.3273C21.1589 12.6076 20.4635 12.8979 19.515 13.1566C17.6323 13.67 14.9749 14 11.9999 14C11.3316 14 10.6793 13.9834 10.0482 13.9517C10.0166 13.3206 9.99995 12.6683 9.99995 12Z\" fill=\"currentColor\"/><path d=\"M8.03867 13.7939C6.68364 13.6467 5.47677 13.4271 4.48489 13.1566C3.53635 12.8979 2.84103 12.6076 2.40629 12.3273C2.09527 12.1268 2.01677 12.0001 2 11.9674C2.0148 7.33262 5.18262 3.44015 9.47087 2.32258C9.26073 2.81339 9.07563 3.36556 8.91386 3.95872C8.34156 6.05718 7.99995 8.89983 7.99995 12C7.99995 12.6091 8.01314 13.2083 8.03867 13.7939Z\" fill=\"currentColor\"/><path d=\"M8.18077 15.8192C8.33654 17.4082 8.58775 18.8456 8.91386 20.0413C9.07563 20.6345 9.26073 21.1866 9.47087 21.6774C5.98036 20.7678 3.23219 18.0196 2.32252 14.5291C2.81333 14.7392 3.3655 14.9243 3.95866 15.0861C5.1544 15.4122 6.59179 15.6634 8.18077 15.8192Z\" fill=\"currentColor\"/><path d=\"M12.0326 22C16.6673 21.9852 20.5598 18.8173 21.6774 14.5291C21.1866 14.7392 20.6344 14.9243 20.0412 15.0861C17.9428 15.6584 15.1001 16 11.9999 16C11.3908 16 10.7916 15.9868 10.2061 15.9613C10.3533 17.3163 10.5729 18.5232 10.8434 19.5151C11.1021 20.4636 11.3923 21.1589 11.6726 21.5937C11.8732 21.9047 11.9998 21.9832 12.0326 22Z\" fill=\"currentColor\"/>", "round-filled-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=\"M8.86523 9.83594V12.8779H7.03418V12.8193C7.60547 11.6914 8.11816 10.8711 8.82617 9.83594H8.86523Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6ZM8.80664 14.6406C8.80664 15.3047 9.2168 15.6221 9.7832 15.6221C10.3447 15.6221 10.7598 15.3047 10.7598 14.6406V14.3818H10.916C11.458 14.3818 11.7217 14.0498 11.7217 13.5908C11.7217 13.1318 11.4629 12.7949 10.9209 12.7949H10.7598V9.76758C10.7598 8.90332 10.0762 8.33203 9.0459 8.33203C8.24023 8.33203 7.76172 8.64941 7.17578 9.57227C6.63379 10.4219 6.19922 11.1396 5.74023 11.9648C5.4668 12.4531 5.33984 12.8486 5.33984 13.2246C5.33984 13.9082 5.85742 14.3818 6.60449 14.3818H8.80664V14.6406ZM12.4102 14.5381C12.4102 15.2314 12.7861 15.6221 13.4453 15.6221C14.1045 15.6221 14.4805 15.2314 14.4805 14.5381V13.6543L15.0957 13.0195L16.6777 15.0264C17.0146 15.4561 17.3174 15.6221 17.7617 15.6221C18.3281 15.6221 18.7578 15.1875 18.7578 14.6211C18.7578 14.3281 18.6064 14.0156 18.25 13.5762L16.7266 11.6914L18.1816 10.1387C18.4746 9.82617 18.582 9.60156 18.582 9.28906C18.582 8.75684 18.1426 8.33203 17.6006 8.33203C17.249 8.33203 16.9805 8.46875 16.6826 8.80078L14.5195 11.2471H14.4805V9.41602C14.4805 8.72266 14.1045 8.33203 13.4453 8.33203C12.7861 8.33203 12.4102 8.72266 12.4102 9.41602V14.5381Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M8.86523 9.83594V12.8779H7.03418V12.8193C7.60547 11.6914 8.11816 10.8711 8.82617 9.83594H8.86523Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 6C2 4.89543 2.89543 4 4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6ZM8.80664 14.6406C8.80664 15.3047 9.2168 15.6221 9.7832 15.6221C10.3447 15.6221 10.7598 15.3047 10.7598 14.6406V14.3818H10.916C11.458 14.3818 11.7217 14.0498 11.7217 13.5908C11.7217 13.1318 11.4629 12.7949 10.9209 12.7949H10.7598V9.76758C10.7598 8.90332 10.0762 8.33203 9.0459 8.33203C8.24023 8.33203 7.76172 8.64941 7.17578 9.57227C6.63379 10.4219 6.19922 11.1396 5.74023 11.9648C5.4668 12.4531 5.33984 12.8486 5.33984 13.2246C5.33984 13.9082 5.85742 14.3818 6.60449 14.3818H8.80664V14.6406ZM12.4102 14.5381C12.4102 15.2314 12.7861 15.6221 13.4453 15.6221C14.1045 15.6221 14.4805 15.2314 14.4805 14.5381V13.6543L15.0957 13.0195L16.6777 15.0264C17.0146 15.4561 17.3174 15.6221 17.7617 15.6221C18.3281 15.6221 18.7578 15.1875 18.7578 14.6211C18.7578 14.3281 18.6064 14.0156 18.25 13.5762L16.7266 11.6914L18.1816 10.1387C18.4746 9.82617 18.582 9.60156 18.582 9.28906C18.582 8.75684 18.1426 8.33203 17.6006 8.33203C17.249 8.33203 16.9805 8.46875 16.6826 8.80078L14.5195 11.2471H14.4805V9.41602C14.4805 8.72266 14.1045 8.33203 13.4453 8.33203C12.7861 8.33203 12.4102 8.72266 12.4102 9.41602V14.5381Z\" fill=\"currentColor\"/>", "round-filled-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=\"M18 14C18.5523 14 19 14.4477 19 15V17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H19V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V19H15C14.4477 19 14 18.5523 14 18C14 17.4477 14.4477 17 15 17H17V15C17 14.4477 17.4477 14 18 14Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19 3C20.1046 3 21 3.89543 21 5V12.498C20.2304 12.1771 19.3859 12 18.5 12C15.6596 12 13.2458 13.8223 12.3613 16.3613L8.70703 12.707C8.31653 12.3166 7.68347 12.3166 7.29297 12.707L5 15V18.75C5 18.8881 5.11193 19 5.25 19H12.0215C12.0751 19.704 12.239 20.3765 12.499 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H19ZM15 6.5C13.6193 6.5 12.5 7.61929 12.5 9C12.5 10.3807 13.6193 11.5 15 11.5C16.3807 11.5 17.5 10.3807 17.5 9C17.5 7.61929 16.3807 6.5 15 6.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M18 14C18.5523 14 19 14.4477 19 15V17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H19V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V19H15C14.4477 19 14 18.5523 14 18C14 17.4477 14.4477 17 15 17H17V15C17 14.4477 17.4477 14 18 14Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19 3C20.1046 3 21 3.89543 21 5V12.498C20.2304 12.1771 19.3859 12 18.5 12C15.6596 12 13.2458 13.8223 12.3613 16.3613L8.70703 12.707C8.31653 12.3166 7.68347 12.3166 7.29297 12.707L5 15V18.75C5 18.8881 5.11193 19 5.25 19H12.0215C12.0751 19.704 12.239 20.3765 12.499 21H5C3.89543 21 3 20.1046 3 19V5C3 3.89543 3.89543 3 5 3H19ZM15 6.5C13.6193 6.5 12.5 7.61929 12.5 9C12.5 10.3807 13.6193 11.5 15 11.5C16.3807 11.5 17.5 10.3807 17.5 9C17.5 7.61929 16.3807 6.5 15 6.5Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5856 2.49985C11.3667 1.7188 12.633 1.7188 13.4141 2.49985L21.4998 10.5856C22.2809 11.3666 22.2809 12.633 21.4999 13.414L13.4141 21.4998C12.633 22.2809 11.3667 22.2809 10.5856 21.4998L2.49985 13.414C1.7188 12.633 1.7188 11.3666 2.49985 10.5856L10.5856 2.49985ZM13 9C13 8.44771 12.5523 8 12 8C11.4477 8 11 8.44771 11 9V11H9C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13H11V15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H13V9Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.5856 2.49985C11.3667 1.7188 12.633 1.7188 13.4141 2.49985L21.4998 10.5856C22.2809 11.3666 22.2809 12.633 21.4999 13.414L13.4141 21.4998C12.633 22.2809 11.3667 22.2809 10.5856 21.4998L2.49985 13.414C1.7188 12.633 1.7188 11.3666 2.49985 10.5856L10.5856 2.49985ZM13 9C13 8.44771 12.5523 8 12 8C11.4477 8 11 8.44771 11 9V11H9C8.44772 11 8 11.4477 8 12C8 12.5523 8.44772 13 9 13H11V15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15V13H15C15.5523 13 16 12.5523 16 12C16 11.4477 15.5523 11 15 11H13V9Z\" fill=\"currentColor\"/>", "round-filled-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=\"M21.4651 10.1331C20.6095 10.6818 19.5919 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H5.34713L5.12566 3.6712C4.96493 2.70683 4.13055 2 3.15287 2H2C1.44772 2 1 2.44772 1 3C1 3.55228 1.44772 4 2 4H3.15287L4.87434 14.3288C5.03507 15.2932 5.86945 16 6.84713 16H18.6757C19.6331 16 20.4562 15.3215 20.6389 14.3817L21.4651 10.1331Z\" fill=\"currentColor\"/><path d=\"M8 17C6.89543 17 6 17.8954 6 19C6 20.1046 6.89543 21 8 21C9.10457 21 10 20.1046 10 19C10 17.8954 9.10457 17 8 17Z\" fill=\"currentColor\"/><path d=\"M15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C19.0523 2 19.5 2.44772 19.5 3V4.5H21C21.5523 4.5 22 4.94772 22 5.5C22 6.05228 21.5523 6.5 21 6.5H19.5V8C19.5 8.55228 19.0523 9 18.5 9C17.9477 9 17.5 8.55228 17.5 8V6.5H16C15.4477 6.5 15 6.05228 15 5.5C15 4.94772 15.4477 4.5 16 4.5H17.5V3C17.5 2.44772 17.9477 2 18.5 2Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M21.4651 10.1331C20.6095 10.6818 19.5919 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H5.34713L5.12566 3.6712C4.96493 2.70683 4.13055 2 3.15287 2H2C1.44772 2 1 2.44772 1 3C1 3.55228 1.44772 4 2 4H3.15287L4.87434 14.3288C5.03507 15.2932 5.86945 16 6.84713 16H18.6757C19.6331 16 20.4562 15.3215 20.6389 14.3817L21.4651 10.1331Z\" fill=\"currentColor\"/><path d=\"M8 17C6.89543 17 6 17.8954 6 19C6 20.1046 6.89543 21 8 21C9.10457 21 10 20.1046 10 19C10 17.8954 9.10457 17 8 17Z\" fill=\"currentColor\"/><path d=\"M15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C19.0523 2 19.5 2.44772 19.5 3V4.5H21C21.5523 4.5 22 4.94772 22 5.5C22 6.05228 21.5523 6.5 21 6.5H19.5V8C19.5 8.55228 19.0523 9 18.5 9C17.9477 9 17.5 8.55228 17.5 8V6.5H16C15.4477 6.5 15 6.05228 15 5.5C15 4.94772 15.4477 4.5 16 4.5H17.5V3C17.5 2.44772 17.9477 2 18.5 2Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.0818 13.6042L21.7774 9.77043H21.7874C21.9474 8.85043 21.2474 8.00043 20.3074 8.00043H18.0874L16.3374 3.63043C16.1274 3.11043 15.5474 2.86043 15.0374 3.07043C14.5174 3.28043 14.2674 3.86043 14.4774 4.37043L15.9274 8.00043H7.87744L9.32744 4.37043C9.52744 3.86043 9.27744 3.28043 8.76744 3.07043C8.25744 2.87043 7.67744 3.12043 7.46744 3.63043L5.71744 8.00043H3.49744C2.55744 8.00043 1.84744 8.85043 2.01744 9.77043L3.76744 19.3604C3.94744 20.3104 4.76744 21.0004 5.73744 21.0004H11.801C11.2903 20.1178 10.998 19.093 10.998 18C10.998 14.6863 13.6843 12 16.998 12C18.5755 12 20.0108 12.6088 21.0818 13.6042Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.998 14C17.5503 14 17.998 14.4477 17.998 15V17H19.998C20.5503 17 20.998 17.4477 20.998 18C20.998 18.5523 20.5503 19 19.998 19H17.998V21C17.998 21.5523 17.5503 22 16.998 22C16.4458 22 15.998 21.5523 15.998 21V19H13.998C13.4458 19 12.998 18.5523 12.998 18C12.998 17.4477 13.4458 17 13.998 17H15.998V15C15.998 14.4477 16.4458 14 16.998 14Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.0818 13.6042L21.7774 9.77043H21.7874C21.9474 8.85043 21.2474 8.00043 20.3074 8.00043H18.0874L16.3374 3.63043C16.1274 3.11043 15.5474 2.86043 15.0374 3.07043C14.5174 3.28043 14.2674 3.86043 14.4774 4.37043L15.9274 8.00043H7.87744L9.32744 4.37043C9.52744 3.86043 9.27744 3.28043 8.76744 3.07043C8.25744 2.87043 7.67744 3.12043 7.46744 3.63043L5.71744 8.00043H3.49744C2.55744 8.00043 1.84744 8.85043 2.01744 9.77043L3.76744 19.3604C3.94744 20.3104 4.76744 21.0004 5.73744 21.0004H11.801C11.2903 20.1178 10.998 19.093 10.998 18C10.998 14.6863 13.6843 12 16.998 12C18.5755 12 20.0108 12.6088 21.0818 13.6042Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.998 14C17.5503 14 17.998 14.4477 17.998 15V17H19.998C20.5503 17 20.998 17.4477 20.998 18C20.998 18.5523 20.5503 19 19.998 19H17.998V21C17.998 21.5523 17.5503 22 16.998 22C16.4458 22 15.998 21.5523 15.998 21V19H13.998C13.4458 19 12.998 18.5523 12.998 18C12.998 17.4477 13.4458 17 13.998 17H15.998V15C15.998 14.4477 16.4458 14 16.998 14Z\" fill=\"currentColor\"/>", "round-filled-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={"<g clip-path=\"url(#clip0_11449_32823)\"><path d=\"M11.9999 2.2C12.6074 2.2 13.0999 1.70751 13.0999 1.1C13.0999 0.492487 12.6074 0 11.9999 0C11.3924 0 10.8999 0.492487 10.8999 1.1C10.8999 1.70751 11.3924 2.2 11.9999 2.2Z\" fill=\"currentColor\"/><path d=\"M3.51479 3.51479C3.94437 3.08521 4.64085 3.08521 5.07043 3.51479C5.5 3.94436 5.5 4.64084 5.07043 5.07042C4.64085 5.5 3.94437 5.5 3.51479 5.07042C3.08522 4.64084 3.08522 3.94436 3.51479 3.51479Z\" fill=\"currentColor\"/><path d=\"M2.2 12C2.2 12.6075 1.70751 13.1 1.1 13.1C0.492487 13.1 0 12.6075 0 12C0 11.3925 0.492487 10.9 1.1 10.9C1.70751 10.9 2.2 11.3925 2.2 12Z\" fill=\"currentColor\"/><path d=\"M24 12C24 12.6075 23.5075 13.1 22.9 13.1C22.2925 13.1 21.8 12.6075 21.8 12C21.8 11.3925 22.2925 10.9 22.9 10.9C23.5075 10.9 24 11.3925 24 12Z\" fill=\"currentColor\"/><path d=\"M20.4853 18.9297C20.0558 18.5002 19.3593 18.5002 18.9297 18.9297C18.5001 19.3593 18.5001 20.0558 18.9297 20.4854C19.3593 20.9149 20.0558 20.9149 20.4853 20.4854C20.9149 20.0558 20.9149 19.3593 20.4853 18.9297Z\" fill=\"currentColor\"/><path d=\"M18.9297 3.5148C18.5002 3.94438 18.5002 4.64086 18.9297 5.07044C19.3593 5.50001 20.0558 5.50001 20.4854 5.07044C20.9149 4.64086 20.9149 3.94438 20.4854 3.5148C20.0558 3.08522 19.3593 3.08522 18.9297 3.5148Z\" fill=\"currentColor\"/><path d=\"M3.51479 20.4853C3.08521 20.0558 3.08521 19.3593 3.51479 18.9297C3.94436 18.5001 4.64084 18.5001 5.07042 18.9297C5.5 19.3593 5.5 20.0558 5.07042 20.4853C4.64084 20.9149 3.94436 20.9149 3.51479 20.4853Z\" fill=\"currentColor\"/><path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 13.8534 4.63025 15.5596 5.68813 16.9159C5.7192 16.8728 5.75412 16.8317 5.79289 16.7929L11.2929 11.2929C11.6834 10.9024 12.3166 10.9024 12.7071 11.2929C13.0976 11.6834 13.0976 12.3166 12.7071 12.7071L7.20711 18.2071C7.16834 18.2459 7.12717 18.2808 7.08409 18.3119C8.44044 19.3697 10.1466 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_11449_32823\"><rect width=\"24\" height=\"24\" fill=\"white\"/></clipPath></defs>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<g clip-path=\"url(#clip0_11449_32823)\"><path d=\"M11.9999 2.2C12.6074 2.2 13.0999 1.70751 13.0999 1.1C13.0999 0.492487 12.6074 0 11.9999 0C11.3924 0 10.8999 0.492487 10.8999 1.1C10.8999 1.70751 11.3924 2.2 11.9999 2.2Z\" fill=\"currentColor\"/><path d=\"M3.51479 3.51479C3.94437 3.08521 4.64085 3.08521 5.07043 3.51479C5.5 3.94436 5.5 4.64084 5.07043 5.07042C4.64085 5.5 3.94437 5.5 3.51479 5.07042C3.08522 4.64084 3.08522 3.94436 3.51479 3.51479Z\" fill=\"currentColor\"/><path d=\"M2.2 12C2.2 12.6075 1.70751 13.1 1.1 13.1C0.492487 13.1 0 12.6075 0 12C0 11.3925 0.492487 10.9 1.1 10.9C1.70751 10.9 2.2 11.3925 2.2 12Z\" fill=\"currentColor\"/><path d=\"M24 12C24 12.6075 23.5075 13.1 22.9 13.1C22.2925 13.1 21.8 12.6075 21.8 12C21.8 11.3925 22.2925 10.9 22.9 10.9C23.5075 10.9 24 11.3925 24 12Z\" fill=\"currentColor\"/><path d=\"M20.4853 18.9297C20.0558 18.5002 19.3593 18.5002 18.9297 18.9297C18.5001 19.3593 18.5001 20.0558 18.9297 20.4854C19.3593 20.9149 20.0558 20.9149 20.4853 20.4854C20.9149 20.0558 20.9149 19.3593 20.4853 18.9297Z\" fill=\"currentColor\"/><path d=\"M18.9297 3.5148C18.5002 3.94438 18.5002 4.64086 18.9297 5.07044C19.3593 5.50001 20.0558 5.50001 20.4854 5.07044C20.9149 4.64086 20.9149 3.94438 20.4854 3.5148C20.0558 3.08522 19.3593 3.08522 18.9297 3.5148Z\" fill=\"currentColor\"/><path d=\"M3.51479 20.4853C3.08521 20.0558 3.08521 19.3593 3.51479 18.9297C3.94436 18.5001 4.64084 18.5001 5.07042 18.9297C5.5 19.3593 5.5 20.0558 5.07042 20.4853C4.64084 20.9149 3.94436 20.9149 3.51479 20.4853Z\" fill=\"currentColor\"/><path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 13.8534 4.63025 15.5596 5.68813 16.9159C5.7192 16.8728 5.75412 16.8317 5.79289 16.7929L11.2929 11.2929C11.6834 10.9024 12.3166 10.9024 12.7071 11.2929C13.0976 11.6834 13.0976 12.3166 12.7071 12.7071L7.20711 18.2071C7.16834 18.2459 7.12717 18.2808 7.08409 18.3119C8.44044 19.3697 10.1466 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_11449_32823\"><rect width=\"24\" height=\"24\" fill=\"white\"/></clipPath></defs>", "round-filled-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-filled-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-filled-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={"<path d=\"M12 2.5C13.933 2.5 15.5 4.067 15.5 6C15.5 7.58536 14.4455 8.92311 13 9.35352V11H17C18.1046 11 19 11.8954 19 13V14.6455C20.4457 15.0758 21.5 16.4145 21.5 18C21.5 19.933 19.933 21.5 18 21.5C16.067 21.5 14.5 19.933 14.5 18C14.5 16.4145 15.5543 15.0758 17 14.6455V13H7V14.6455C8.44566 15.0758 9.5 16.4145 9.5 18C9.5 19.933 7.933 21.5 6 21.5C4.067 21.5 2.5 19.933 2.5 18C2.5 16.4145 3.55434 15.0758 5 14.6455V13C5 11.8954 5.89543 11 7 11H11V9.35352C9.55447 8.92311 8.5 7.58536 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<path d=\"M12 2.5C13.933 2.5 15.5 4.067 15.5 6C15.5 7.58536 14.4455 8.92311 13 9.35352V11H17C18.1046 11 19 11.8954 19 13V14.6455C20.4457 15.0758 21.5 16.4145 21.5 18C21.5 19.933 19.933 21.5 18 21.5C16.067 21.5 14.5 19.933 14.5 18C14.5 16.4145 15.5543 15.0758 17 14.6455V13H7V14.6455C8.44566 15.0758 9.5 16.4145 9.5 18C9.5 19.933 7.933 21.5 6 21.5C4.067 21.5 2.5 19.933 2.5 18C2.5 16.4145 3.55434 15.0758 5 14.6455V13C5 11.8954 5.89543 11 7 11H11V9.35352C9.55447 8.92311 8.5 7.58536 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "round-filled-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={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.5 2C10.7961 2 12.6887 3.71982 12.9639 5.94141L15.2607 6.17188C15.7838 4.89747 17.0371 4 18.5 4C20.433 4 22 5.567 22 7.5C22 9.433 20.433 11 18.5 11L18.4941 10.999L17.7178 13.585C19.0802 14.3584 20 15.8213 20 17.5C20 19.9853 17.9853 22 15.5 22C13.2039 22 11.3103 20.2802 11.0352 18.0586L8.7373 17.8291C8.21386 19.1027 6.9623 20 5.5 20C3.567 20 2 18.433 2 16.5C2 14.567 3.567 13 5.5 13H5.50488L6.28125 10.4141C4.91941 9.64042 4 8.17818 4 6.5C4 4.01472 6.01472 2 8.5 2ZM10.0117 10.7383C9.53911 10.9069 9.03051 11 8.5 11C8.39823 11 8.29735 10.9949 8.19727 10.9883L7.42188 13.5752C8.19661 14.0853 8.75594 14.8945 8.93652 15.8389L11.2334 16.0684C11.4543 15.4097 11.823 14.819 12.3008 14.3359L10.0117 10.7383ZM12.7656 7.93164C12.5447 8.59022 12.1759 9.18011 11.6982 9.66309L13.9873 13.2607C14.4601 13.092 14.9693 13 15.5 13C15.6014 13 15.702 13.0041 15.8018 13.0107L16.5781 10.4248C15.8036 9.91487 15.2443 9.10602 15.0635 8.16211L12.7656 7.93164Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.5 2C10.7961 2 12.6887 3.71982 12.9639 5.94141L15.2607 6.17188C15.7838 4.89747 17.0371 4 18.5 4C20.433 4 22 5.567 22 7.5C22 9.433 20.433 11 18.5 11L18.4941 10.999L17.7178 13.585C19.0802 14.3584 20 15.8213 20 17.5C20 19.9853 17.9853 22 15.5 22C13.2039 22 11.3103 20.2802 11.0352 18.0586L8.7373 17.8291C8.21386 19.1027 6.9623 20 5.5 20C3.567 20 2 18.433 2 16.5C2 14.567 3.567 13 5.5 13H5.50488L6.28125 10.4141C4.91941 9.64042 4 8.17818 4 6.5C4 4.01472 6.01472 2 8.5 2ZM10.0117 10.7383C9.53911 10.9069 9.03051 11 8.5 11C8.39823 11 8.29735 10.9949 8.19727 10.9883L7.42188 13.5752C8.19661 14.0853 8.75594 14.8945 8.93652 15.8389L11.2334 16.0684C11.4543 15.4097 11.823 14.819 12.3008 14.3359L10.0117 10.7383ZM12.7656 7.93164C12.5447 8.59022 12.1759 9.18011 11.6982 9.66309L13.9873 13.2607C14.4601 13.092 14.9693 13 15.5 13C15.6014 13 15.702 13.0041 15.8018 13.0107L16.5781 10.4248C15.8036 9.91487 15.2443 9.10602 15.0635 8.16211L12.7656 7.93164Z\" fill=\"currentColor\"/>", "round-filled-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=\"M18 11C18.3012 11 18.5716 11.1856 18.6797 11.4668L19.5508 13.7314C19.6777 14.0615 19.9385 14.3223 20.2686 14.4492L22.5332 15.3203C22.8144 15.4284 23 15.6988 23 16C23 16.3012 22.8144 16.5716 22.5332 16.6797L20.2686 17.5508C19.9385 17.6777 19.6777 17.9385 19.5508 18.2686L18.6797 20.5332C18.5716 20.8144 18.3012 21 18 21C17.6988 21 17.4284 20.8144 17.3203 20.5332L16.4492 18.2686C16.3223 17.9385 16.0615 17.6777 15.7314 17.5508L13.4668 16.6797C13.1856 16.5716 13 16.3012 13 16C13 15.6988 13.1856 15.4284 13.4668 15.3203L15.7314 14.4492C16.0615 14.3223 16.3223 14.0615 16.4492 13.7314L17.3203 11.4668C17.4284 11.1856 17.6988 11 18 11Z\" fill=\"currentColor\"/><path d=\"M9 17C9.55228 17 10 17.4477 10 18C10 18.5523 9.55228 19 9 19H4C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17H9Z\" fill=\"currentColor\"/><path d=\"M5 11C5.55228 11 6 11.4477 6 12C6 12.5523 5.55228 13 5 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H5Z\" fill=\"currentColor\"/><path d=\"M12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12Z\" fill=\"currentColor\"/><path d=\"M12 5C12.5523 5 13 5.44772 13 6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5H12Z\" fill=\"currentColor\"/><path d=\"M20 5C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H16C15.4477 7 15 6.55228 15 6C15 5.44772 15.4477 5 16 5H20Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M18 11C18.3012 11 18.5716 11.1856 18.6797 11.4668L19.5508 13.7314C19.6777 14.0615 19.9385 14.3223 20.2686 14.4492L22.5332 15.3203C22.8144 15.4284 23 15.6988 23 16C23 16.3012 22.8144 16.5716 22.5332 16.6797L20.2686 17.5508C19.9385 17.6777 19.6777 17.9385 19.5508 18.2686L18.6797 20.5332C18.5716 20.8144 18.3012 21 18 21C17.6988 21 17.4284 20.8144 17.3203 20.5332L16.4492 18.2686C16.3223 17.9385 16.0615 17.6777 15.7314 17.5508L13.4668 16.6797C13.1856 16.5716 13 16.3012 13 16C13 15.6988 13.1856 15.4284 13.4668 15.3203L15.7314 14.4492C16.0615 14.3223 16.3223 14.0615 16.4492 13.7314L17.3203 11.4668C17.4284 11.1856 17.6988 11 18 11Z\" fill=\"currentColor\"/><path d=\"M9 17C9.55228 17 10 17.4477 10 18C10 18.5523 9.55228 19 9 19H4C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17H9Z\" fill=\"currentColor\"/><path d=\"M5 11C5.55228 11 6 11.4477 6 12C6 12.5523 5.55228 13 5 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H5Z\" fill=\"currentColor\"/><path d=\"M12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12Z\" fill=\"currentColor\"/><path d=\"M12 5C12.5523 5 13 5.44772 13 6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5H12Z\" fill=\"currentColor\"/><path d=\"M20 5C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H16C15.4477 7 15 6.55228 15 6C15 5.44772 15.4477 5 16 5H20Z\" fill=\"currentColor\"/>", "round-filled-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={"<path d=\"M6 2C7.30585 2 8.41406 2.83532 8.82617 4H16.5C18.9853 4 21 6.01472 21 8.5C21 10.9853 18.9853 13 16.5 13H15.3174C15.2648 13.0909 15.2057 13.1793 15.1377 13.2627L15 13.4141L13.4141 15C12.633 15.7809 11.367 15.7809 10.5859 15L9 13.4141C8.87372 13.2878 8.77001 13.1476 8.68457 13H7.5C6.11929 13 5 14.1193 5 15.5C5 16.8807 6.11929 18 7.5 18H15.1738C15.5859 16.8353 16.6941 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.6941 22 15.5859 21.1647 15.1738 20H7.5C5.01472 20 3 17.9853 3 15.5C3 13.0147 5.01472 11 7.5 11H8.68457C8.77001 10.8524 8.87372 10.7122 9 10.5859L10.5859 9C11.367 8.21905 12.633 8.21905 13.4141 9L15 10.5859C15.1265 10.7125 15.2318 10.8521 15.3174 11H16.5C17.8807 11 19 9.88071 19 8.5C19 7.11929 17.8807 6 16.5 6H8.82617C8.41406 7.16468 7.30585 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={maskInner("<path d=\"M6 2C7.30585 2 8.41406 2.83532 8.82617 4H16.5C18.9853 4 21 6.01472 21 8.5C21 10.9853 18.9853 13 16.5 13H15.3174C15.2648 13.0909 15.2057 13.1793 15.1377 13.2627L15 13.4141L13.4141 15C12.633 15.7809 11.367 15.7809 10.5859 15L9 13.4141C8.87372 13.2878 8.77001 13.1476 8.68457 13H7.5C6.11929 13 5 14.1193 5 15.5C5 16.8807 6.11929 18 7.5 18H15.1738C15.5859 16.8353 16.6941 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.6941 22 15.5859 21.1647 15.1738 20H7.5C5.01472 20 3 17.9853 3 15.5C3 13.0147 5.01472 11 7.5 11H8.68457C8.77001 10.8524 8.87372 10.7122 9 10.5859L10.5859 9C11.367 8.21905 12.633 8.21905 13.4141 9L15 10.5859C15.1265 10.7125 15.2318 10.8521 15.3174 11H16.5C17.8807 11 19 9.88071 19 8.5C19 7.11929 17.8807 6 16.5 6H8.82617C8.41406 7.16468 7.30585 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.2188 2C15.1364 2 15.9365 2.6245 16.1592 3.51465L16.7803 6H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8V11.75C20 12.6736 19.6137 13.5061 18.9951 14.0977L18.5635 20.1426C18.4887 21.1891 17.6176 22 16.5684 22H7.43066C6.38157 21.9998 5.51133 21.189 5.43652 20.1426L5.08008 15.165C4.41837 14.5701 4 13.7099 4 12.75V8C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H7.21973L7.84082 3.51465C8.06352 2.6245 8.86363 2 9.78125 2H14.2188ZM13 13.75C13 14.4404 13.5596 15 14.25 15C14.9404 15 15.5 14.4404 15.5 13.75V11.75C15.5 12.4404 16.0596 13 16.75 13C17.4404 13 18 12.4404 18 11.75V8H13V13.75ZM6 12.75C6 13.4404 6.55964 14 7.25 14C7.94036 14 8.5 13.4404 8.5 12.75V8H6V12.75ZM9.28027 6H14.7197L14.2188 4H9.78125L9.28027 6Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.2188 2C15.1364 2 15.9365 2.6245 16.1592 3.51465L16.7803 6H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8V11.75C20 12.6736 19.6137 13.5061 18.9951 14.0977L18.5635 20.1426C18.4887 21.1891 17.6176 22 16.5684 22H7.43066C6.38157 21.9998 5.51133 21.189 5.43652 20.1426L5.08008 15.165C4.41837 14.5701 4 13.7099 4 12.75V8C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H7.21973L7.84082 3.51465C8.06352 2.6245 8.86363 2 9.78125 2H14.2188ZM13 13.75C13 14.4404 13.5596 15 14.25 15C14.9404 15 15.5 14.4404 15.5 13.75V11.75C15.5 12.4404 16.0596 13 16.75 13C17.4404 13 18 12.4404 18 11.75V8H13V13.75ZM6 12.75C6 13.4404 6.55964 14 7.25 14C7.94036 14 8.5 13.4404 8.5 12.75V8H6V12.75ZM9.28027 6H14.7197L14.2188 4H9.78125L9.28027 6Z\" fill=\"currentColor\"/>", "round-filled-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={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 6.84863C11.6988 6.84863 11.4284 7.03428 11.3203 7.31543L10.4092 9.68359C10.3076 9.94769 10.0991 10.1562 9.83496 10.2578L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.83496 13.4395C10.0991 13.541 10.3076 13.7496 10.4092 14.0137L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.5908 14.0137C13.6924 13.7496 13.9009 13.541 14.165 13.4395L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.165 10.2578C13.9009 10.1562 13.6924 9.94769 13.5908 9.68359L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 6.84863C11.6988 6.84863 11.4284 7.03428 11.3203 7.31543L10.4092 9.68359C10.3076 9.94769 10.0991 10.1562 9.83496 10.2578L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.83496 13.4395C10.0991 13.541 10.3076 13.7496 10.4092 14.0137L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.5908 14.0137C13.6924 13.7496 13.9009 13.541 14.165 13.4395L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.165 10.2578C13.9009 10.1562 13.6924 9.94769 13.5908 9.68359L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1567 12.3008C14.8438 10.669 17.1562 10.6689 17.8433 12.3008L20.9214 19.6123C21.1355 20.1212 20.8971 20.7076 20.3882 20.9219C19.8792 21.1362 19.2929 20.8967 19.0786 20.3877L18.4937 19H13.5063L12.9214 20.3877C12.7071 20.8967 12.1208 21.1362 11.6118 20.9219C11.1029 20.7076 10.8645 20.1213 11.0786 19.6123L14.1567 12.3008ZM14.3481 17H17.6519L15.9995 13.0771L14.3481 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.99951 4C7.5518 4 7.99951 4.44772 7.99951 5V6H10.9995C11.5518 6 11.9995 6.44772 11.9995 7C11.9995 7.55228 11.5518 8 10.9995 8H10.3726C10.0601 9.91166 9.44355 11.5249 8.43701 12.8193C9.18792 13.3442 10.1112 13.7474 11.2427 14.0303C11.7782 14.1643 12.1039 14.7066 11.9702 15.2422C11.8363 15.778 11.2931 16.1047 10.7573 15.9707C9.29651 15.6055 8.04032 15.0425 6.99951 14.2451C5.95884 15.0423 4.70317 15.6046 3.24268 15.9697C2.70688 16.1037 2.16373 15.778 2.02979 15.2422C1.89606 14.7066 2.22174 14.1643 2.75732 14.0303C3.88879 13.7474 4.81208 13.3432 5.56299 12.8184C4.55655 11.5239 3.93985 9.91157 3.62744 8H2.99951C2.44744 7.99975 1.99951 7.55213 1.99951 7C1.99951 6.44787 2.44744 6.00025 2.99951 6H5.99951V5C5.99951 4.44787 6.44744 4.00025 6.99951 4ZM5.65771 8C5.92368 9.41414 6.3733 10.5272 6.99951 11.4014C7.62582 10.5272 8.07629 9.41425 8.34229 8H5.65771Z\" fill=\"currentColor\"/><path d=\"M17.5005 3C17.7112 3.00012 17.9004 3.13043 17.9761 3.32715L18.5659 4.86035C18.6675 5.12433 18.8761 5.33303 19.1401 5.43457L20.6733 6.02441C20.8701 6.10011 21.0005 6.28914 21.0005 6.5C21.0005 6.71086 20.8701 6.89989 20.6733 6.97559L19.1401 7.56543C18.8761 7.66697 18.6675 7.87567 18.5659 8.13965L17.9761 9.67285C17.9004 9.86957 17.7112 9.99988 17.5005 10C17.2896 10 17.1006 9.86966 17.0249 9.67285L16.4351 8.13965C16.3335 7.87571 16.1247 7.66705 15.8608 7.56543L14.3267 6.97559C14.13 6.89984 14.0005 6.71079 14.0005 6.5C14.0005 6.28921 14.13 6.10016 14.3267 6.02441L15.8608 5.43457C16.1247 5.33295 16.3335 5.12429 16.4351 4.86035L17.0249 3.32715C17.1006 3.13034 17.2896 3 17.5005 3Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M14.1567 12.3008C14.8438 10.669 17.1562 10.6689 17.8433 12.3008L20.9214 19.6123C21.1355 20.1212 20.8971 20.7076 20.3882 20.9219C19.8792 21.1362 19.2929 20.8967 19.0786 20.3877L18.4937 19H13.5063L12.9214 20.3877C12.7071 20.8967 12.1208 21.1362 11.6118 20.9219C11.1029 20.7076 10.8645 20.1213 11.0786 19.6123L14.1567 12.3008ZM14.3481 17H17.6519L15.9995 13.0771L14.3481 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6.99951 4C7.5518 4 7.99951 4.44772 7.99951 5V6H10.9995C11.5518 6 11.9995 6.44772 11.9995 7C11.9995 7.55228 11.5518 8 10.9995 8H10.3726C10.0601 9.91166 9.44355 11.5249 8.43701 12.8193C9.18792 13.3442 10.1112 13.7474 11.2427 14.0303C11.7782 14.1643 12.1039 14.7066 11.9702 15.2422C11.8363 15.778 11.2931 16.1047 10.7573 15.9707C9.29651 15.6055 8.04032 15.0425 6.99951 14.2451C5.95884 15.0423 4.70317 15.6046 3.24268 15.9697C2.70688 16.1037 2.16373 15.778 2.02979 15.2422C1.89606 14.7066 2.22174 14.1643 2.75732 14.0303C3.88879 13.7474 4.81208 13.3432 5.56299 12.8184C4.55655 11.5239 3.93985 9.91157 3.62744 8H2.99951C2.44744 7.99975 1.99951 7.55213 1.99951 7C1.99951 6.44787 2.44744 6.00025 2.99951 6H5.99951V5C5.99951 4.44787 6.44744 4.00025 6.99951 4ZM5.65771 8C5.92368 9.41414 6.3733 10.5272 6.99951 11.4014C7.62582 10.5272 8.07629 9.41425 8.34229 8H5.65771Z\" fill=\"currentColor\"/><path d=\"M17.5005 3C17.7112 3.00012 17.9004 3.13043 17.9761 3.32715L18.5659 4.86035C18.6675 5.12433 18.8761 5.33303 19.1401 5.43457L20.6733 6.02441C20.8701 6.10011 21.0005 6.28914 21.0005 6.5C21.0005 6.71086 20.8701 6.89989 20.6733 6.97559L19.1401 7.56543C18.8761 7.66697 18.6675 7.87567 18.5659 8.13965L17.9761 9.67285C17.9004 9.86957 17.7112 9.99988 17.5005 10C17.2896 10 17.1006 9.86966 17.0249 9.67285L16.4351 8.13965C16.3335 7.87571 16.1247 7.66705 15.8608 7.56543L14.3267 6.97559C14.13 6.89984 14.0005 6.71079 14.0005 6.5C14.0005 6.28921 14.13 6.10016 14.3267 6.02441L15.8608 5.43457C16.1247 5.33295 16.3335 5.12429 16.4351 4.86035L17.0249 3.32715C17.1006 3.13034 17.2896 3 17.5005 3Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.7727 5.40977 17.2166 7.55626 18.6534C8.01521 18.9607 8.13822 19.5818 7.83101 20.0407C7.52379 20.4997 6.90269 20.6227 6.44374 20.3155C3.76629 18.5232 2 15.4681 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.4681 20.2337 18.5232 17.5563 20.3155C17.0973 20.6227 16.4762 20.4997 16.169 20.0407C15.8618 19.5818 15.9848 18.9607 16.4437 18.6534C18.5902 17.2166 20 14.7727 20 12C20 7.58172 16.4183 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 13.308 8.62676 14.4693 9.60058 15.2008C10.0422 15.5325 10.1313 16.1594 9.79957 16.6009C9.46788 17.0425 8.84101 17.1316 8.39942 16.7999C6.94434 15.707 6 13.9636 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 13.9636 17.0557 15.707 15.6006 16.7999C15.159 17.1316 14.5321 17.0425 14.2004 16.6009C13.8687 16.1594 13.9578 15.5325 14.3994 15.2008C15.3732 14.4693 16 13.308 16 12C16 9.79086 14.2091 8 12 8ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.7727 5.40977 17.2166 7.55626 18.6534C8.01521 18.9607 8.13822 19.5818 7.83101 20.0407C7.52379 20.4997 6.90269 20.6227 6.44374 20.3155C3.76629 18.5232 2 15.4681 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.4681 20.2337 18.5232 17.5563 20.3155C17.0973 20.6227 16.4762 20.4997 16.169 20.0407C15.8618 19.5818 15.9848 18.9607 16.4437 18.6534C18.5902 17.2166 20 14.7727 20 12C20 7.58172 16.4183 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 13.308 8.62676 14.4693 9.60058 15.2008C10.0422 15.5325 10.1313 16.1594 9.79957 16.6009C9.46788 17.0425 8.84101 17.1316 8.39942 16.7999C6.94434 15.707 6 13.9636 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 13.9636 17.0557 15.707 15.6006 16.7999C15.159 17.1316 14.5321 17.0425 14.2004 16.6009C13.8687 16.1594 13.9578 15.5325 14.3994 15.2008C15.3732 14.4693 16 13.308 16 12C16 9.79086 14.2091 8 12 8ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.38218 11.7863L8.76277 16.0139C7.77002 16.1312 7 16.9757 7 18V20C7 21.1046 7.89543 22 9 22H15C16.1046 22 17 21.1046 17 20V18C17 16.9757 16.23 16.1312 15.2372 16.0139L20.6178 11.7863C20.8591 11.5967 21 11.3069 21 11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11C3 11.3069 3.14089 11.5967 3.38218 11.7863ZM17.0964 11.747C17.1993 11.755 17.3007 11.763 17.4002 11.771L13 15.2282V11.5148C14.3262 11.5509 15.8256 11.6482 17.0964 11.747ZM6.90361 11.747C8.17443 11.6482 9.67378 11.5509 11 11.5148V15.2282L6.59981 11.771C6.69932 11.763 6.80066 11.755 6.90361 11.747Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.38218 11.7863L8.76277 16.0139C7.77002 16.1312 7 16.9757 7 18V20C7 21.1046 7.89543 22 9 22H15C16.1046 22 17 21.1046 17 20V18C17 16.9757 16.23 16.1312 15.2372 16.0139L20.6178 11.7863C20.8591 11.5967 21 11.3069 21 11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11C3 11.3069 3.14089 11.5967 3.38218 11.7863ZM17.0964 11.747C17.1993 11.755 17.3007 11.763 17.4002 11.771L13 15.2282V11.5148C14.3262 11.5509 15.8256 11.6482 17.0964 11.747ZM6.90361 11.747C8.17443 11.6482 9.67378 11.5509 11 11.5148V15.2282L6.59981 11.771C6.69932 11.763 6.80066 11.755 6.90361 11.747Z\" fill=\"currentColor\"/>", "round-filled-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=\"M19.1569 2C17.8308 2 16.559 2.52678 15.6213 3.46446L13.2385 5.84726L5.92713 3.26676C5.20084 3.01042 4.39189 3.19391 3.84728 3.73853L2.29291 5.29289C2.08943 5.49637 1.98347 5.77765 2.00212 6.06481C2.02077 6.35196 2.16222 6.61717 2.39031 6.79262L7.98758 11.0982L7.0858 12H5.50002C5.2348 12 4.98045 12.1054 4.79291 12.2929L2.29291 14.7929C2.0525 15.0333 1.95071 15.3794 2.02268 15.7117C2.09466 16.044 2.33054 16.3169 2.64889 16.4363L6.22329 17.7767L7.56369 21.3511C7.68307 21.6695 7.95603 21.9054 8.28832 21.9773C8.62061 22.0493 8.96671 21.9475 9.20712 21.7071L11.7071 19.2071C11.8947 19.0196 12 18.7652 12 18.5V16.9142L12.9018 16.0124L17.2074 21.6097C17.3828 21.8378 17.6481 21.9792 17.9352 21.9979C18.2224 22.0165 18.5036 21.9106 18.7071 21.7071L20.2615 20.1527C20.8061 19.6081 20.9896 18.7992 20.7333 18.0729L18.1528 10.7615L20.5356 8.37868C21.4732 7.441 22 6.16923 22 4.84315V3C22 2.44772 21.5523 2 21 2H19.1569Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.1569 2C17.8308 2 16.559 2.52678 15.6213 3.46446L13.2385 5.84726L5.92713 3.26676C5.20084 3.01042 4.39189 3.19391 3.84728 3.73853L2.29291 5.29289C2.08943 5.49637 1.98347 5.77765 2.00212 6.06481C2.02077 6.35196 2.16222 6.61717 2.39031 6.79262L7.98758 11.0982L7.0858 12H5.50002C5.2348 12 4.98045 12.1054 4.79291 12.2929L2.29291 14.7929C2.0525 15.0333 1.95071 15.3794 2.02268 15.7117C2.09466 16.044 2.33054 16.3169 2.64889 16.4363L6.22329 17.7767L7.56369 21.3511C7.68307 21.6695 7.95603 21.9054 8.28832 21.9773C8.62061 22.0493 8.96671 21.9475 9.20712 21.7071L11.7071 19.2071C11.8947 19.0196 12 18.7652 12 18.5V16.9142L12.9018 16.0124L17.2074 21.6097C17.3828 21.8378 17.6481 21.9792 17.9352 21.9979C18.2224 22.0165 18.5036 21.9106 18.7071 21.7071L20.2615 20.1527C20.8061 19.6081 20.9896 18.7992 20.7333 18.0729L18.1528 10.7615L20.5356 8.37868C21.4732 7.441 22 6.16923 22 4.84315V3C22 2.44772 21.5523 2 21 2H19.1569Z\" fill=\"currentColor\"/>", "round-filled-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=\"M4.25303 2.01552C3.94921 1.96138 3.6374 2.05056 3.40815 2.25716C3.1789 2.46377 3.05789 2.76465 3.08024 3.07245L3.33746 6.6138L2.98564 6.85961C2.5523 7.16239 2.25652 7.6242 2.16221 8.14399L2.04887 8.76869C1.74842 10.4246 2.86508 12.0071 4.5281 12.2737L6.99825 12.6696C6.44996 13.8553 7.16787 15.2503 8.46419 15.4813L9.79818 15.719C10.2059 15.7917 10.6261 15.7359 11.0008 15.5595L14.3911 13.9633L18.5226 14.6994C19.75 14.9181 20.9817 14.3433 21.604 13.2635C22.2832 12.0852 22.0735 10.5948 21.0948 9.65027L19.6511 8.25697C19.2155 7.8365 18.6636 7.55742 18.0658 7.45673C16.37 7.17112 11.6093 6.36744 9.58329 6.00645C9.29022 5.95423 9.03439 5.77446 8.88572 5.51571L7.63881 3.34557C7.34411 2.83269 6.83763 2.47604 6.25482 2.3722L4.25303 2.01552Z\" fill=\"currentColor\"/><path d=\"M3.00016 18C2.44788 18 2.00016 18.4477 2.00016 19C2.00016 19.5523 2.44788 20 3.00016 20H21.0002C21.5524 20 22.0002 19.5523 22.0002 19C22.0002 18.4477 21.5524 18 21.0002 18H3.00016Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M4.25303 2.01552C3.94921 1.96138 3.6374 2.05056 3.40815 2.25716C3.1789 2.46377 3.05789 2.76465 3.08024 3.07245L3.33746 6.6138L2.98564 6.85961C2.5523 7.16239 2.25652 7.6242 2.16221 8.14399L2.04887 8.76869C1.74842 10.4246 2.86508 12.0071 4.5281 12.2737L6.99825 12.6696C6.44996 13.8553 7.16787 15.2503 8.46419 15.4813L9.79818 15.719C10.2059 15.7917 10.6261 15.7359 11.0008 15.5595L14.3911 13.9633L18.5226 14.6994C19.75 14.9181 20.9817 14.3433 21.604 13.2635C22.2832 12.0852 22.0735 10.5948 21.0948 9.65027L19.6511 8.25697C19.2155 7.8365 18.6636 7.55742 18.0658 7.45673C16.37 7.17112 11.6093 6.36744 9.58329 6.00645C9.29022 5.95423 9.03439 5.77446 8.88572 5.51571L7.63881 3.34557C7.34411 2.83269 6.83763 2.47604 6.25482 2.3722L4.25303 2.01552Z\" fill=\"currentColor\"/><path d=\"M3.00016 18C2.44788 18 2.00016 18.4477 2.00016 19C2.00016 19.5523 2.44788 20 3.00016 20H21.0002C21.5524 20 22.0002 19.5523 22.0002 19C22.0002 18.4477 21.5524 18 21.0002 18H3.00016Z\" fill=\"currentColor\"/>", "round-filled-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=\"M18.092 4.17827C17.5051 4.03266 16.8885 4.06733 16.3212 4.27892C14.7119 4.8792 10.1928 6.56286 8.26027 7.26297C7.98049 7.36432 7.66992 7.33661 7.41313 7.18788L5.25245 5.93651C4.74096 5.64028 4.12464 5.58547 3.5689 5.78679L1.6594 6.47854C1.36927 6.58364 1.14391 6.81681 1.04875 7.11035C0.953582 7.40389 0.999268 7.72493 1.17254 7.98027L3.15954 10.9083L2.97842 11.2949C2.7544 11.7731 2.72857 12.3204 2.90656 12.8176L3.11999 13.4137C3.68684 14.9969 5.44412 15.805 7.01502 15.2049L9.34669 14.3141C9.46653 15.6132 10.7849 16.4564 12.0193 16.0092L13.2918 15.5482C13.6806 15.4073 14.0162 15.1494 14.2524 14.8099L16.3894 11.7381L20.3305 10.3103C21.5008 9.88639 22.2803 8.77499 22.2803 7.53031C22.2803 6.17157 21.3543 4.98773 20.0355 4.66051L18.092 4.17827Z\" fill=\"currentColor\"/><path d=\"M3.00001 17.9996C2.44772 17.9996 2.00001 18.4473 2.00001 18.9996C2.00001 19.5519 2.44772 19.9996 3.00001 19.9996H21C21.5523 19.9996 22 19.5519 22 18.9996C22 18.4473 21.5523 17.9996 21 17.9996H3.00001Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M18.092 4.17827C17.5051 4.03266 16.8885 4.06733 16.3212 4.27892C14.7119 4.8792 10.1928 6.56286 8.26027 7.26297C7.98049 7.36432 7.66992 7.33661 7.41313 7.18788L5.25245 5.93651C4.74096 5.64028 4.12464 5.58547 3.5689 5.78679L1.6594 6.47854C1.36927 6.58364 1.14391 6.81681 1.04875 7.11035C0.953582 7.40389 0.999268 7.72493 1.17254 7.98027L3.15954 10.9083L2.97842 11.2949C2.7544 11.7731 2.72857 12.3204 2.90656 12.8176L3.11999 13.4137C3.68684 14.9969 5.44412 15.805 7.01502 15.2049L9.34669 14.3141C9.46653 15.6132 10.7849 16.4564 12.0193 16.0092L13.2918 15.5482C13.6806 15.4073 14.0162 15.1494 14.2524 14.8099L16.3894 11.7381L20.3305 10.3103C21.5008 9.88639 22.2803 8.77499 22.2803 7.53031C22.2803 6.17157 21.3543 4.98773 20.0355 4.66051L18.092 4.17827Z\" fill=\"currentColor\"/><path d=\"M3.00001 17.9996C2.44772 17.9996 2.00001 18.4473 2.00001 18.9996C2.00001 19.5519 2.44772 19.9996 3.00001 19.9996H21C21.5523 19.9996 22 19.5519 22 18.9996C22 18.4473 21.5523 17.9996 21 17.9996H3.00001Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.56811 3C4.57873 3 4.58936 3.00001 4.60001 3.00001L19.4319 3C19.6843 2.99997 19.9301 2.99994 20.1382 3.01695C20.3668 3.03563 20.6366 3.07969 20.908 3.21799C21.2843 3.40974 21.5903 3.7157 21.782 4.09202C21.9203 4.36345 21.9644 4.63318 21.9831 4.86178C22.0001 5.06993 22 5.31571 22 5.56809V15.4319C22 15.6843 22.0001 15.9301 21.9831 16.1382C21.9644 16.3668 21.9203 16.6366 21.782 16.908C21.5903 17.2843 21.2843 17.5903 20.908 17.782C20.6366 17.9203 20.3668 17.9644 20.1382 17.9831C19.9301 18.0001 19.6843 18 19.4319 18L18.5 18C17.9477 18 17.5 17.5523 17.5 17C17.5 16.4477 17.9477 16 18.5 16H19.4C19.6965 16 19.8588 15.9992 19.9754 15.9897C19.98 15.9893 19.9844 15.9889 19.9886 15.9885C19.9889 15.9844 19.9893 15.98 19.9897 15.9754C19.9992 15.8588 20 15.6965 20 15.4V5.60001C20 5.30348 19.9992 5.14122 19.9897 5.02464C19.9893 5.02 19.9889 5.0156 19.9885 5.01145C19.9844 5.01107 19.98 5.01069 19.9754 5.01031C19.8588 5.00078 19.6965 5.00001 19.4 5.00001H4.60001C4.30348 5.00001 4.14122 5.00078 4.02464 5.01031C4.02 5.01069 4.0156 5.01107 4.01145 5.01145C4.01107 5.0156 4.01069 5.02 4.01031 5.02464C4.00078 5.14122 4.00001 5.30348 4.00001 5.60001V15.4C4.00001 15.6965 4.00078 15.8588 4.01031 15.9754C4.01069 15.98 4.01107 15.9844 4.01145 15.9886C4.0156 15.9889 4.02 15.9893 4.02464 15.9897C4.14122 15.9992 4.30348 16 4.60001 16H5.50001C6.05229 16 6.50001 16.4477 6.50001 17C6.50001 17.5523 6.05229 18 5.50001 18L4.56812 18C4.31574 18 4.06994 18.0001 3.86178 17.9831C3.63318 17.9644 3.36345 17.9203 3.09202 17.782C2.7157 17.5903 2.40974 17.2843 2.21799 16.908C2.07969 16.6366 2.03563 16.3668 2.01695 16.1382C1.99994 15.9301 1.99997 15.6843 2 15.4319L2.00001 5.60001C2.00001 5.58936 2 5.57873 2 5.56811C1.99997 5.31572 1.99994 5.06993 2.01695 4.86178C2.03563 4.63318 2.07969 4.36345 2.21799 4.09202C2.40974 3.7157 2.7157 3.40974 3.09202 3.21799C3.36345 3.07969 3.63318 3.03563 3.86178 3.01695C4.06993 2.99994 4.31572 2.99997 4.56811 3Z\" fill=\"currentColor\"/><path d=\"M12.7809 14.3753C12.5911 14.1381 12.3038 14 12 14C11.6962 14 11.4089 14.1381 11.2191 14.3753L7.21915 19.3753C6.97901 19.6755 6.93219 20.0867 7.09871 20.4332C7.26523 20.7797 7.61561 21 8.00001 21H16C16.3844 21 16.7348 20.7797 16.9013 20.4332C17.0678 20.0867 17.021 19.6755 16.7809 19.3753L12.7809 14.3753Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4.56811 3C4.57873 3 4.58936 3.00001 4.60001 3.00001L19.4319 3C19.6843 2.99997 19.9301 2.99994 20.1382 3.01695C20.3668 3.03563 20.6366 3.07969 20.908 3.21799C21.2843 3.40974 21.5903 3.7157 21.782 4.09202C21.9203 4.36345 21.9644 4.63318 21.9831 4.86178C22.0001 5.06993 22 5.31571 22 5.56809V15.4319C22 15.6843 22.0001 15.9301 21.9831 16.1382C21.9644 16.3668 21.9203 16.6366 21.782 16.908C21.5903 17.2843 21.2843 17.5903 20.908 17.782C20.6366 17.9203 20.3668 17.9644 20.1382 17.9831C19.9301 18.0001 19.6843 18 19.4319 18L18.5 18C17.9477 18 17.5 17.5523 17.5 17C17.5 16.4477 17.9477 16 18.5 16H19.4C19.6965 16 19.8588 15.9992 19.9754 15.9897C19.98 15.9893 19.9844 15.9889 19.9886 15.9885C19.9889 15.9844 19.9893 15.98 19.9897 15.9754C19.9992 15.8588 20 15.6965 20 15.4V5.60001C20 5.30348 19.9992 5.14122 19.9897 5.02464C19.9893 5.02 19.9889 5.0156 19.9885 5.01145C19.9844 5.01107 19.98 5.01069 19.9754 5.01031C19.8588 5.00078 19.6965 5.00001 19.4 5.00001H4.60001C4.30348 5.00001 4.14122 5.00078 4.02464 5.01031C4.02 5.01069 4.0156 5.01107 4.01145 5.01145C4.01107 5.0156 4.01069 5.02 4.01031 5.02464C4.00078 5.14122 4.00001 5.30348 4.00001 5.60001V15.4C4.00001 15.6965 4.00078 15.8588 4.01031 15.9754C4.01069 15.98 4.01107 15.9844 4.01145 15.9886C4.0156 15.9889 4.02 15.9893 4.02464 15.9897C4.14122 15.9992 4.30348 16 4.60001 16H5.50001C6.05229 16 6.50001 16.4477 6.50001 17C6.50001 17.5523 6.05229 18 5.50001 18L4.56812 18C4.31574 18 4.06994 18.0001 3.86178 17.9831C3.63318 17.9644 3.36345 17.9203 3.09202 17.782C2.7157 17.5903 2.40974 17.2843 2.21799 16.908C2.07969 16.6366 2.03563 16.3668 2.01695 16.1382C1.99994 15.9301 1.99997 15.6843 2 15.4319L2.00001 5.60001C2.00001 5.58936 2 5.57873 2 5.56811C1.99997 5.31572 1.99994 5.06993 2.01695 4.86178C2.03563 4.63318 2.07969 4.36345 2.21799 4.09202C2.40974 3.7157 2.7157 3.40974 3.09202 3.21799C3.36345 3.07969 3.63318 3.03563 3.86178 3.01695C4.06993 2.99994 4.31572 2.99997 4.56811 3Z\" fill=\"currentColor\"/><path d=\"M12.7809 14.3753C12.5911 14.1381 12.3038 14 12 14C11.6962 14 11.4089 14.1381 11.2191 14.3753L7.21915 19.3753C6.97901 19.6755 6.93219 20.0867 7.09871 20.4332C7.26523 20.7797 7.61561 21 8.00001 21H16C16.3844 21 16.7348 20.7797 16.9013 20.4332C17.0678 20.0867 17.021 19.6755 16.7809 19.3753L12.7809 14.3753Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.9473 14.7311C11.5282 14.1567 12.4719 14.1565 13.0528 14.7311L13.1709 14.8629L16.1309 18.5631L16.2002 18.6568C16.8719 19.6351 16.1773 20.9996 14.959 20.9996H9.04006C7.78267 20.9994 7.08395 19.5451 7.86916 18.5631L10.8281 14.8629L10.9473 14.7311Z\" fill=\"currentColor\"/><path d=\"M4.92873 4.92833C8.83393 1.0232 15.1661 1.02327 19.0713 4.92833C22.725 8.58205 22.9599 14.3586 19.7774 18.2867L19.709 18.3639C19.3518 18.7234 18.7724 18.7601 18.3701 18.4342C17.9416 18.0864 17.8752 17.4569 18.2227 17.0279L18.4541 16.7291C20.7538 13.5996 20.4881 9.17323 17.6573 6.3424C14.5331 3.21838 9.46694 3.21831 6.3428 6.3424C3.51199 9.1732 3.2463 13.5996 5.54592 16.7291L5.77737 17.0279L5.83694 17.111C6.11455 17.5348 6.03183 18.1082 5.62991 18.4342C5.22764 18.7601 4.64829 18.7234 4.29104 18.3639L4.22268 18.2867L3.93459 17.9137C1.05821 14.0002 1.3891 8.46797 4.92873 4.92833Z\" fill=\"currentColor\"/><path d=\"M12 5.99962C15.3137 5.99962 17.9999 8.68602 18 11.9996C18 12.9664 17.7706 13.8827 17.3623 14.694C17.1141 15.1871 16.5128 15.3863 16.0196 15.1383C15.5266 14.89 15.3274 14.2887 15.5752 13.7955C15.8464 13.2568 16 12.6472 16 11.9996C15.9999 9.79059 14.2091 7.99962 12 7.99962C9.79101 7.99968 8.00014 9.79062 8.00002 11.9996C8.00002 12.5661 8.1173 13.1033 8.32815 13.5895L8.42483 13.7955L8.46584 13.8883C8.64704 14.3618 8.44308 14.9054 7.98049 15.1383C7.51796 15.3709 6.96081 15.2104 6.6885 14.7828L6.63772 14.694L6.49319 14.3854C6.17568 13.6532 6.00002 12.8457 6.00002 11.9996C6.00014 8.68605 8.68644 5.99968 12 5.99962Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.9473 14.7311C11.5282 14.1567 12.4719 14.1565 13.0528 14.7311L13.1709 14.8629L16.1309 18.5631L16.2002 18.6568C16.8719 19.6351 16.1773 20.9996 14.959 20.9996H9.04006C7.78267 20.9994 7.08395 19.5451 7.86916 18.5631L10.8281 14.8629L10.9473 14.7311Z\" fill=\"currentColor\"/><path d=\"M4.92873 4.92833C8.83393 1.0232 15.1661 1.02327 19.0713 4.92833C22.725 8.58205 22.9599 14.3586 19.7774 18.2867L19.709 18.3639C19.3518 18.7234 18.7724 18.7601 18.3701 18.4342C17.9416 18.0864 17.8752 17.4569 18.2227 17.0279L18.4541 16.7291C20.7538 13.5996 20.4881 9.17323 17.6573 6.3424C14.5331 3.21838 9.46694 3.21831 6.3428 6.3424C3.51199 9.1732 3.2463 13.5996 5.54592 16.7291L5.77737 17.0279L5.83694 17.111C6.11455 17.5348 6.03183 18.1082 5.62991 18.4342C5.22764 18.7601 4.64829 18.7234 4.29104 18.3639L4.22268 18.2867L3.93459 17.9137C1.05821 14.0002 1.3891 8.46797 4.92873 4.92833Z\" fill=\"currentColor\"/><path d=\"M12 5.99962C15.3137 5.99962 17.9999 8.68602 18 11.9996C18 12.9664 17.7706 13.8827 17.3623 14.694C17.1141 15.1871 16.5128 15.3863 16.0196 15.1383C15.5266 14.89 15.3274 14.2887 15.5752 13.7955C15.8464 13.2568 16 12.6472 16 11.9996C15.9999 9.79059 14.2091 7.99962 12 7.99962C9.79101 7.99968 8.00014 9.79062 8.00002 11.9996C8.00002 12.5661 8.1173 13.1033 8.32815 13.5895L8.42483 13.7955L8.46584 13.8883C8.64704 14.3618 8.44308 14.9054 7.98049 15.1383C7.51796 15.3709 6.96081 15.2104 6.6885 14.7828L6.63772 14.694L6.49319 14.3854C6.17568 13.6532 6.00002 12.8457 6.00002 11.9996C6.00014 8.68605 8.68644 5.99968 12 5.99962Z\" fill=\"currentColor\"/>", "round-filled-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=\"M7.5 3C5.01472 3 3 5.01472 3 7.5V9H21V7.5C21 5.01472 18.9853 3 16.5 3H7.5Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 16.5V11H21V16.5C21 18.9853 18.9853 21 16.5 21H7.5C5.01472 21 3 18.9853 3 16.5ZM12.0005 15.5C11.3101 15.5 10.7505 14.9404 10.7505 14.25C10.7505 13.5596 11.3101 13 12.0005 13C12.6908 13 13.2505 13.5596 13.2505 14.25C13.2505 14.9404 12.6908 15.5 12.0005 15.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-case, airpods" })} innerHTML={maskInner("<path d=\"M7.5 3C5.01472 3 3 5.01472 3 7.5V9H21V7.5C21 5.01472 18.9853 3 16.5 3H7.5Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 16.5V11H21V16.5C21 18.9853 18.9853 21 16.5 21H7.5C5.01472 21 3 18.9853 3 16.5ZM12.0005 15.5C11.3101 15.5 10.7505 14.9404 10.7505 14.25C10.7505 13.5596 11.3101 13 12.0005 13C12.6908 13 13.2505 13.5596 13.2505 14.25C13.2505 14.9404 12.6908 15.5 12.0005 15.5Z\" fill=\"currentColor\"/>", "round-filled-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=\"M9 3C10.3956 3 11.6574 3.57205 12.5645 4.49414C12.8683 4.80303 13 5.23372 13 5.66699V10.333C13 10.7663 12.8683 11.197 12.5645 11.5059C11.6574 12.428 10.3956 13 9 13C8.65756 13 8.32308 12.966 8 12.9004V19.5C8 20.3284 7.32843 21 6.5 21H5.5C4.67157 21 4 20.3284 4 19.5V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M16 13C16.5523 13 17 13.4477 17 14V19H19C19.5523 19 20 19.4477 20 20C20 20.5523 19.5523 21 19 21H16C15.4477 21 15 20.5523 15 20V14C15 13.4477 15.4477 13 16 13Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={maskInner("<path d=\"M9 3C10.3956 3 11.6574 3.57205 12.5645 4.49414C12.8683 4.80303 13 5.23372 13 5.66699V10.333C13 10.7663 12.8683 11.197 12.5645 11.5059C11.6574 12.428 10.3956 13 9 13C8.65756 13 8.32308 12.966 8 12.9004V19.5C8 20.3284 7.32843 21 6.5 21H5.5C4.67157 21 4 20.3284 4 19.5V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M16 13C16.5523 13 17 13.4477 17 14V19H19C19.5523 19 20 19.4477 20 20C20 20.5523 19.5523 21 19 21H16C15.4477 21 15 20.5523 15 20V14C15 13.4477 15.4477 13 16 13Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.25 13C8.76878 13 10 14.2312 10 15.75C10 16.4925 9.70384 17.1644 9.22559 17.6592C9.70258 18.2548 9.88835 18.9763 9.95898 19.6426L9.9834 19.9375L9.98438 20.04C9.96469 20.5465 9.56458 20.9657 9.04785 20.998C8.53112 21.0303 8.08156 20.6641 7.99902 20.1641L7.9873 20.0625L7.96875 19.8418C7.91562 19.3552 7.79763 19.0605 7.64453 18.8838C7.52054 18.7409 7.26834 18.5557 6.66309 18.5117L6.38086 18.502L6.33984 18.5H6V20C6 20.5523 5.55228 21 5 21C4.44772 21 4 20.5523 4 20V14L4.00488 13.8975C4.05621 13.3933 4.48232 13 5 13H7.25ZM6 16.5H7.25C7.66421 16.5 8 16.1642 8 15.75C8 15.3358 7.66421 15 7.25 15H6V16.5Z\" fill=\"currentColor\"/><path d=\"M15 3C17.7614 3 20 5.23858 20 8V19.5C20 20.3284 19.3284 21 18.5 21H17.5C16.6716 21 16 20.3284 16 19.5V12.9004C15.6769 12.966 15.3424 13 15 13C13.6044 13 12.3426 12.428 11.4355 11.5059C11.1317 11.197 11 10.7663 11 10.333V5.66699C11 5.23372 11.1317 4.80303 11.4355 4.49414C12.3426 3.57205 13.6044 3 15 3Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-right" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.25 13C8.76878 13 10 14.2312 10 15.75C10 16.4925 9.70384 17.1644 9.22559 17.6592C9.70258 18.2548 9.88835 18.9763 9.95898 19.6426L9.9834 19.9375L9.98438 20.04C9.96469 20.5465 9.56458 20.9657 9.04785 20.998C8.53112 21.0303 8.08156 20.6641 7.99902 20.1641L7.9873 20.0625L7.96875 19.8418C7.91562 19.3552 7.79763 19.0605 7.64453 18.8838C7.52054 18.7409 7.26834 18.5557 6.66309 18.5117L6.38086 18.502L6.33984 18.5H6V20C6 20.5523 5.55228 21 5 21C4.44772 21 4 20.5523 4 20V14L4.00488 13.8975C4.05621 13.3933 4.48232 13 5 13H7.25ZM6 16.5H7.25C7.66421 16.5 8 16.1642 8 15.75C8 15.3358 7.66421 15 7.25 15H6V16.5Z\" fill=\"currentColor\"/><path d=\"M15 3C17.7614 3 20 5.23858 20 8V19.5C20 20.3284 19.3284 21 18.5 21H17.5C16.6716 21 16 20.3284 16 19.5V12.9004C15.6769 12.966 15.3424 13 15 13C13.6044 13 12.3426 12.428 11.4355 11.5059C11.1317 11.197 11 10.7663 11 10.333V5.66699C11 5.23372 11.1317 4.80303 11.4355 4.49414C12.3426 3.57205 13.6044 3 15 3Z\" fill=\"currentColor\"/>", "round-filled-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=\"M6 13C4.60437 13 3.34229 12.4282 2.43526 11.5061C2.13139 11.1972 2 10.7662 2 10.3329V5.66712C2 5.2338 2.13139 4.80284 2.43526 4.49392C3.34229 3.5718 4.60437 3 6 3C8.76142 3 11 5.23858 11 8L11 19.5C11 20.3284 10.3284 21 9.5 21H8.5C7.67157 21 7 20.3284 7 19.5V12.9C6.67689 12.9656 6.34247 13 6 13Z\" fill=\"currentColor\"/><path d=\"M18 13C19.3956 13 20.6577 12.4282 21.5647 11.5061C21.8686 11.1972 22 10.7662 22 10.3329V5.66712C22 5.2338 21.8686 4.80284 21.5647 4.49392C20.6577 3.5718 19.3956 3 18 3C15.2386 3 13 5.23858 13 8L13 19.5C13 20.3284 13.6716 21 14.5 21H15.5C16.3284 21 17 20.3284 17 19.5V12.9C17.3231 12.9656 17.6575 13 18 13Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={maskInner("<path d=\"M6 13C4.60437 13 3.34229 12.4282 2.43526 11.5061C2.13139 11.1972 2 10.7662 2 10.3329V5.66712C2 5.2338 2.13139 4.80284 2.43526 4.49392C3.34229 3.5718 4.60437 3 6 3C8.76142 3 11 5.23858 11 8L11 19.5C11 20.3284 10.3284 21 9.5 21H8.5C7.67157 21 7 20.3284 7 19.5V12.9C6.67689 12.9656 6.34247 13 6 13Z\" fill=\"currentColor\"/><path d=\"M18 13C19.3956 13 20.6577 12.4282 21.5647 11.5061C21.8686 11.1972 22 10.7662 22 10.3329V5.66712C22 5.2338 21.8686 4.80284 21.5647 4.49392C20.6577 3.5718 19.3956 3 18 3C15.2386 3 13 5.23858 13 8L13 19.5C13 20.3284 13.6716 21 14.5 21H15.5C16.3284 21 17 20.3284 17 19.5V12.9C17.3231 12.9656 17.6575 13 18 13Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 4.99249C11 3.71571 12.1801 2.76585 13.4274 3.03869L19.4274 4.35119C20.3456 4.55204 21 5.36511 21 6.30499V17.6952C21 18.6351 20.3456 19.4481 19.4274 19.649L13.4274 20.9615C12.1801 21.2343 11 20.2845 11 19.0077V4.99249ZM8 4.00009C8.55228 4.00009 9 4.44781 9 5.00009V19.0001C9 19.5524 8.55228 20.0001 8 20.0001C7.44772 20.0001 7 19.5524 7 19.0001V5.00009C7 4.44781 7.44772 4.00009 8 4.00009ZM4 5.00009C4.55228 5.00009 5 5.44781 5 6.00009V18.0001C5 18.5524 4.55228 19.0001 4 19.0001C3.44772 19.0001 3 18.5524 3 18.0001V6.00009C3 5.44781 3.44772 5.00009 4 5.00009Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 4.99249C11 3.71571 12.1801 2.76585 13.4274 3.03869L19.4274 4.35119C20.3456 4.55204 21 5.36511 21 6.30499V17.6952C21 18.6351 20.3456 19.4481 19.4274 19.649L13.4274 20.9615C12.1801 21.2343 11 20.2845 11 19.0077V4.99249ZM8 4.00009C8.55228 4.00009 9 4.44781 9 5.00009V19.0001C9 19.5524 8.55228 20.0001 8 20.0001C7.44772 20.0001 7 19.5524 7 19.0001V5.00009C7 4.44781 7.44772 4.00009 8 4.00009ZM4 5.00009C4.55228 5.00009 5 5.44781 5 6.00009V18.0001C5 18.5524 4.55228 19.0001 4 19.0001C3.44772 19.0001 3 18.5524 3 18.0001V6.00009C3 5.44781 3.44772 5.00009 4 5.00009Z\" fill=\"currentColor\"/>", "round-filled-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.007 11C20.2838 11 21.2337 12.1801 20.9608 13.4274L19.6483 19.4274C19.4475 20.3456 18.6344 21 17.6945 21H6.30431C5.36443 21 4.55136 20.3456 4.35051 19.4274L3.03801 13.4274C2.76517 12.1801 3.71503 11 4.99181 11H19.007ZM19.9994 8C19.9994 8.55228 19.5517 9 18.9994 9H4.99942C4.44713 9 3.99942 8.55228 3.99942 8C3.99942 7.44772 4.44713 7 4.99942 7H18.9994C19.5517 7 19.9994 7.44772 19.9994 8ZM18.9994 4C18.9994 4.55228 18.5517 5 17.9994 5H5.99942C5.44713 5 4.99942 4.55228 4.99942 4C4.99942 3.44772 5.44713 3 5.99942 3H17.9994C18.5517 3 18.9994 3.44772 18.9994 4Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19.007 11C20.2838 11 21.2337 12.1801 20.9608 13.4274L19.6483 19.4274C19.4475 20.3456 18.6344 21 17.6945 21H6.30431C5.36443 21 4.55136 20.3456 4.35051 19.4274L3.03801 13.4274C2.76517 12.1801 3.71503 11 4.99181 11H19.007ZM19.9994 8C19.9994 8.55228 19.5517 9 18.9994 9H4.99942C4.44713 9 3.99942 8.55228 3.99942 8C3.99942 7.44772 4.44713 7 4.99942 7H18.9994C19.5517 7 19.9994 7.44772 19.9994 8ZM18.9994 4C18.9994 4.55228 18.5517 5 17.9994 5H5.99942C5.44713 5 4.99942 4.55228 4.99942 4C4.99942 3.44772 5.44713 3 5.99942 3H17.9994C18.5517 3 18.9994 3.44772 18.9994 4Z\" fill=\"currentColor\"/>", "round-filled-radius-1-stroke-2-IconAlbums2", props.mode)} />
 );
 
 export default IconAlbums2;