@central-icons-solid/square-filled-radius-0-stroke-1 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\"/>", "square-filled-radius-0-stroke-1-Icon3d", props.mode)} />
 );
 
 export default Icon3d;

package/Icon3dBoxBottom/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dBoxBottom = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={"<path d=\"M11.5 11.7119V1.46191L2.87305 6.44238L2.62305 6.58594V16.8379L11.5 11.7119Z\" fill=\"currentColor\"/><path d=\"M21.377 6.58594L21.127 6.44238L12.5 1.46191V11.7119L21.377 16.8379V6.58594Z\" fill=\"currentColor\"/><path d=\"M20.875 17.7031L11.999 12.5781L3.12305 17.7031L12 22.8271L20.875 17.7031Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M11.5 11.7119V1.46191L2.87305 6.44238L2.62305 6.58594V16.8379L11.5 11.7119Z\" fill=\"currentColor\"/><path d=\"M21.377 6.58594L21.127 6.44238L12.5 1.46191V11.7119L21.377 16.8379V6.58594Z\" fill=\"currentColor\"/><path d=\"M20.875 17.7031L11.999 12.5781L3.12305 17.7031L12 22.8271L20.875 17.7031Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dBoxBottom", props.mode)} />
 );
 
 export default Icon3dBoxBottom;

package/Icon3dBoxTop/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dBoxTop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={"<path d=\"M11.5 12.2881V22.5381L2.87305 17.5576L2.62305 17.4141V7.16211L11.5 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.377 17.4141L21.127 17.5576L12.5 22.5381V12.2881L21.377 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M20.875 6.29688L11.999 11.4219L3.12305 6.29688L12 1.17285L20.875 6.29688Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.5 12.2881V22.5381L2.87305 17.5576L2.62305 17.4141V7.16211L11.5 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.377 17.4141L21.127 17.5576L12.5 22.5381V12.2881L21.377 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M20.875 6.29688L11.999 11.4219L3.12305 6.29688L12 1.17285L20.875 6.29688Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dBoxTop", props.mode)} />
 );
 
 export default Icon3dBoxTop;

package/Icon3dPackage/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dPackage = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={"<path d=\"M11.502 12.2881V22.5381L2.875 17.5576L2.625 17.4141V7.16211L11.502 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.3789 17.4141L21.1289 17.5576L12.502 22.5381V12.2881L21.3789 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16797L15.9375 9.14844L12.001 11.4219L3.125 6.29688L7.0625 4.02344L7.31348 4.16797Z\" fill=\"currentColor\"/><path d=\"M20.877 6.29688L16.9385 8.57031L8.0625 3.44629L12.002 1.17285L20.877 6.29688Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M11.502 12.2881V22.5381L2.875 17.5576L2.625 17.4141V7.16211L11.502 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.3789 17.4141L21.1289 17.5576L12.502 22.5381V12.2881L21.3789 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16797L15.9375 9.14844L12.001 11.4219L3.125 6.29688L7.0625 4.02344L7.31348 4.16797Z\" fill=\"currentColor\"/><path d=\"M20.877 6.29688L16.9385 8.57031L8.0625 3.44629L12.002 1.17285L20.877 6.29688Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dPackage", props.mode)} />
 );
 
 export default Icon3dPackage;

package/Icon3dPackage2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dPackage2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={"<path d=\"M11.502 12.2881V22.5381L2.875 17.5576L2.625 17.4141V7.16211L11.502 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.3789 17.4141L21.1289 17.5576L12.502 22.5381V12.2881L16.752 9.83301V15.1484L17.752 14.5713V9.25586L21.3789 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16797L15.9375 9.14844L12.001 11.4219L3.125 6.29688L7.0625 4.02344L7.31348 4.16797Z\" fill=\"currentColor\"/><path d=\"M20.877 6.29688L16.9385 8.57031L8.0625 3.44629L12.002 1.17285L20.877 6.29688Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M11.502 12.2881V22.5381L2.875 17.5576L2.625 17.4141V7.16211L11.502 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.3789 17.4141L21.1289 17.5576L12.502 22.5381V12.2881L16.752 9.83301V15.1484L17.752 14.5713V9.25586L21.3789 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16797L15.9375 9.14844L12.001 11.4219L3.125 6.29688L7.0625 4.02344L7.31348 4.16797Z\" fill=\"currentColor\"/><path d=\"M20.877 6.29688L16.9385 8.57031L8.0625 3.44629L12.002 1.17285L20.877 6.29688Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.50005 12.0001C9.50005 8.99379 9.83293 6.29012 10.3611 4.35344C10.6262 3.38151 10.9329 2.63112 11.2525 2.13544C11.2784 2.09535 11.3038 2.05765 11.3288 2.02223C11.5506 2.00753 11.7744 2.00006 12 2.00006C17.5228 2.00006 22 6.47721 22 12.0001C22 12.2256 21.9925 12.4495 21.9778 12.6713C21.9424 12.6963 21.9047 12.7217 21.8647 12.7476C21.369 13.0672 20.6186 13.3739 19.6467 13.639C17.71 14.1672 15.0063 14.5001 12.0001 14.5001C11.1648 14.5001 10.3528 14.4744 9.5742 14.4259C9.52575 13.6473 9.50005 12.8354 9.50005 12.0001Z\" fill=\"currentColor\"/><path d=\"M21.8166 13.9165C21.2818 14.1762 20.636 14.4057 19.9098 14.6038C17.8652 15.1614 15.0689 15.5001 12.0001 15.5001C11.1954 15.5001 10.4095 15.4768 9.65101 15.4324C9.79758 17.0464 10.0442 18.4846 10.3611 19.6467C10.6262 20.6186 10.9329 21.369 11.2525 21.8647C11.2784 21.9048 11.3038 21.9425 11.3288 21.9779C11.5507 21.9926 11.7745 22.0001 12 22.0001C16.8674 22.0001 20.9226 18.5225 21.8166 13.9165Z\" fill=\"currentColor\"/><path d=\"M10.0837 21.8166C9.82394 21.2819 9.59442 20.636 9.39635 19.9098C9.05099 18.6435 8.7896 17.0887 8.64065 15.3594C6.91139 15.2105 5.35665 14.9491 4.09032 14.6038C3.36406 14.4057 2.71818 14.1762 2.18343 13.9164C2.957 17.9023 6.0978 21.0431 10.0837 21.8166Z\" fill=\"currentColor\"/><path d=\"M2.02217 12.6712C2.00747 12.4494 2 12.2256 2 12.0001C2 7.13263 5.47757 3.07742 10.0837 2.18348C9.82393 2.71823 9.59441 3.36408 9.39635 4.09032C8.83875 6.13485 8.50005 8.93118 8.50005 12.0001C8.50005 12.8047 8.52334 13.5906 8.56774 14.3491C6.95371 14.2025 5.5155 13.9559 4.35344 13.639C3.38151 13.3739 2.63112 13.0672 2.13544 12.7476C2.09533 12.7217 2.05761 12.6963 2.02217 12.6712Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={maskInner("<path d=\"M9.50005 12.0001C9.50005 8.99379 9.83293 6.29012 10.3611 4.35344C10.6262 3.38151 10.9329 2.63112 11.2525 2.13544C11.2784 2.09535 11.3038 2.05765 11.3288 2.02223C11.5506 2.00753 11.7744 2.00006 12 2.00006C17.5228 2.00006 22 6.47721 22 12.0001C22 12.2256 21.9925 12.4495 21.9778 12.6713C21.9424 12.6963 21.9047 12.7217 21.8647 12.7476C21.369 13.0672 20.6186 13.3739 19.6467 13.639C17.71 14.1672 15.0063 14.5001 12.0001 14.5001C11.1648 14.5001 10.3528 14.4744 9.5742 14.4259C9.52575 13.6473 9.50005 12.8354 9.50005 12.0001Z\" fill=\"currentColor\"/><path d=\"M21.8166 13.9165C21.2818 14.1762 20.636 14.4057 19.9098 14.6038C17.8652 15.1614 15.0689 15.5001 12.0001 15.5001C11.1954 15.5001 10.4095 15.4768 9.65101 15.4324C9.79758 17.0464 10.0442 18.4846 10.3611 19.6467C10.6262 20.6186 10.9329 21.369 11.2525 21.8647C11.2784 21.9048 11.3038 21.9425 11.3288 21.9779C11.5507 21.9926 11.7745 22.0001 12 22.0001C16.8674 22.0001 20.9226 18.5225 21.8166 13.9165Z\" fill=\"currentColor\"/><path d=\"M10.0837 21.8166C9.82394 21.2819 9.59442 20.636 9.39635 19.9098C9.05099 18.6435 8.7896 17.0887 8.64065 15.3594C6.91139 15.2105 5.35665 14.9491 4.09032 14.6038C3.36406 14.4057 2.71818 14.1762 2.18343 13.9164C2.957 17.9023 6.0978 21.0431 10.0837 21.8166Z\" fill=\"currentColor\"/><path d=\"M2.02217 12.6712C2.00747 12.4494 2 12.2256 2 12.0001C2 7.13263 5.47757 3.07742 10.0837 2.18348C9.82393 2.71823 9.59441 3.36408 9.39635 4.09032C8.83875 6.13485 8.50005 8.93118 8.50005 12.0001C8.50005 12.8047 8.52334 13.5906 8.56774 14.3491C6.95371 14.2025 5.5155 13.9559 4.35344 13.639C3.38151 13.3739 2.63112 13.0672 2.13544 12.7476C2.09533 12.7217 2.05761 12.6963 2.02217 12.6712Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M9.36084 13.3496H6.46338V13.3159L9.32715 8.89111H9.36084V13.3496Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 20V4H22V20H2ZM9.34961 14.3884V16H10.5569V14.3884H11.6743V13.3328H10.5569V7.89722H8.73755L5.29541 13.2935V14.3884H9.34961ZM12.7468 7.89722V16H14.0046V13.2935L14.8301 12.3389L17.5085 16H19.064L15.7285 11.4797L18.8 7.89722H17.3064L14.0383 11.7773H14.0046V7.89722H12.7468Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M9.36084 13.3496H6.46338V13.3159L9.32715 8.89111H9.36084V13.3496Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 20V4H22V20H2ZM9.34961 14.3884V16H10.5569V14.3884H11.6743V13.3328H10.5569V7.89722H8.73755L5.29541 13.2935V14.3884H9.34961ZM12.7468 7.89722V16H14.0046V13.2935L14.8301 12.3389L17.5085 16H19.064L15.7285 11.4797L18.8 7.89722H17.3064L14.0383 11.7773H14.0046V7.89722H12.7468Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M19 18H22V19H19V22H18V19H15V18H18V15H19V18Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L8 12L4 16V20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H3V3H21V14.1699ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M19 18H22V19H19V22H18V19H15V18H18V15H19V18Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L8 12L4 16V20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H3V3H21V14.1699ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M1.29297 12L12.0001 1.29297L22.7072 12L12.0001 22.7072L1.29297 12ZM12.5 8.5H11.5V11.5H8.5V12.5H11.5V15.5H12.5V12.5H15.5V11.5H12.5V8.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.29297 12L12.0001 1.29297L22.7072 12L12.0001 22.7072L1.29297 12ZM12.5 8.5H11.5V11.5H8.5V12.5H11.5V15.5H12.5V12.5H15.5V11.5H12.5V8.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.0333 10.3831C20.2751 10.7773 19.4136 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L3.89776 2H1V3H3.10224L6.10224 16H19.9099L21.0333 10.3831Z\" fill=\"currentColor\"/><path d=\"M9 17C7.89543 17 7 17.8954 7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 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=\"M19 2V5H22V6H19V9H18V6H15V5H18V2H19Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M21.0333 10.3831C20.2751 10.7773 19.4136 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L3.89776 2H1V3H3.10224L6.10224 16H19.9099L21.0333 10.3831Z\" fill=\"currentColor\"/><path d=\"M9 17C7.89543 17 7 17.8954 7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 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=\"M19 2V5H22V6H19V9H18V6H15V5H18V2H19Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAddToBasket", props.mode)} />
 );
 
 export default IconAddToBasket;

package/IconAddToBasket2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAddToBasket2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={"<path d=\"M8.65017 3.221L6.73875 7.99954H17.2617L15.3503 3.221L16.2788 2.84961L18.3389 8H22.0906L21.0419 14.2921C20.085 13.4858 18.8493 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H4.07682L1.91016 8H5.66154L7.72169 2.84961L8.65017 3.221Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 15C17.7761 15 18 15.2239 18 15.5V18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H18V21.5C18 21.7761 17.7761 22 17.5 22C17.2239 22 17 21.7761 17 21.5V19H14.5C14.2239 19 14 18.7761 14 18.5C14 18.2239 14.2239 18 14.5 18H17V15.5C17 15.2239 17.2239 15 17.5 15Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={maskInner("<path d=\"M8.65017 3.221L6.73875 7.99954H17.2617L15.3503 3.221L16.2788 2.84961L18.3389 8H22.0906L21.0419 14.2921C20.085 13.4858 18.8493 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H4.07682L1.91016 8H5.66154L7.72169 2.84961L8.65017 3.221Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 15C17.7761 15 18 15.2239 18 15.5V18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H18V21.5C18 21.7761 17.7761 22 17.5 22C17.2239 22 17 21.7761 17 21.5V19H14.5C14.2239 19 14 18.7761 14 18.5C14 18.2239 14.2239 18 14.5 18H17V15.5C17 15.2239 17.2239 15 17.5 15Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAddToBasket2", props.mode)} />
 );
 
 export default IconAddToBasket2;

package/IconAdjustPhoto/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAdjustPhoto = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={"<path d=\"M12 0C11.4477 0 11 0.447715 11 1C11 1.55228 11.4477 2 12 2C12.5523 2 13 1.55228 13 1C13 0.447715 12.5523 0 12 0Z\" fill=\"currentColor\"/><path d=\"M4.92893 3.51472C4.53841 3.12419 3.90524 3.12419 3.51472 3.51472C3.12419 3.90524 3.12419 4.53841 3.51472 4.92893C3.90524 5.31946 4.53841 5.31946 4.92893 4.92893C5.31946 4.53841 5.31946 3.90524 4.92893 3.51472Z\" fill=\"currentColor\"/><path d=\"M20.4853 3.51472C20.0948 3.12419 19.4616 3.12419 19.0711 3.51472C18.6805 3.90524 18.6805 4.53841 19.0711 4.92893C19.4616 5.31946 20.0948 5.31946 20.4853 4.92893C20.8758 4.53841 20.8758 3.90524 20.4853 3.51472Z\" fill=\"currentColor\"/><path d=\"M1 11C0.447715 11 0 11.4477 0 12C0 12.5523 0.447715 13 1 13C1.55228 13 2 12.5523 2 12C2 11.4477 1.55228 11 1 11Z\" fill=\"currentColor\"/><path d=\"M23 11C22.4477 11 22 11.4477 22 12C22 12.5523 22.4477 13 23 13C23.5523 13 24 12.5523 24 12C24 11.4477 23.5523 11 23 11Z\" fill=\"currentColor\"/><path d=\"M3.51472 19.0711C3.12419 19.4616 3.12419 20.0948 3.51472 20.4853C3.90524 20.8758 4.53841 20.8758 4.92893 20.4853C5.31946 20.0948 5.31946 19.4616 4.92893 19.0711C4.53841 18.6805 3.90524 18.6805 3.51472 19.0711Z\" fill=\"currentColor\"/><path d=\"M20.4853 19.0711C20.0948 18.6805 19.4616 18.6805 19.0711 19.0711C18.6805 19.4616 18.6805 20.0948 19.0711 20.4853C19.4616 20.8758 20.0948 20.8758 20.4853 20.4853C20.8758 20.0948 20.8758 19.4616 20.4853 19.0711Z\" fill=\"currentColor\"/><path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.0292 4.75551 15.882 6.00058 17.2923L12 11.2929L12.7071 12L6.70769 17.9994C8.11804 19.2445 9.97079 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<path d=\"M12 0C11.4477 0 11 0.447715 11 1C11 1.55228 11.4477 2 12 2C12.5523 2 13 1.55228 13 1C13 0.447715 12.5523 0 12 0Z\" fill=\"currentColor\"/><path d=\"M4.92893 3.51472C4.53841 3.12419 3.90524 3.12419 3.51472 3.51472C3.12419 3.90524 3.12419 4.53841 3.51472 4.92893C3.90524 5.31946 4.53841 5.31946 4.92893 4.92893C5.31946 4.53841 5.31946 3.90524 4.92893 3.51472Z\" fill=\"currentColor\"/><path d=\"M20.4853 3.51472C20.0948 3.12419 19.4616 3.12419 19.0711 3.51472C18.6805 3.90524 18.6805 4.53841 19.0711 4.92893C19.4616 5.31946 20.0948 5.31946 20.4853 4.92893C20.8758 4.53841 20.8758 3.90524 20.4853 3.51472Z\" fill=\"currentColor\"/><path d=\"M1 11C0.447715 11 0 11.4477 0 12C0 12.5523 0.447715 13 1 13C1.55228 13 2 12.5523 2 12C2 11.4477 1.55228 11 1 11Z\" fill=\"currentColor\"/><path d=\"M23 11C22.4477 11 22 11.4477 22 12C22 12.5523 22.4477 13 23 13C23.5523 13 24 12.5523 24 12C24 11.4477 23.5523 11 23 11Z\" fill=\"currentColor\"/><path d=\"M3.51472 19.0711C3.12419 19.4616 3.12419 20.0948 3.51472 20.4853C3.90524 20.8758 4.53841 20.8758 4.92893 20.4853C5.31946 20.0948 5.31946 19.4616 4.92893 19.0711C4.53841 18.6805 3.90524 18.6805 3.51472 19.0711Z\" fill=\"currentColor\"/><path d=\"M20.4853 19.0711C20.0948 18.6805 19.4616 18.6805 19.0711 19.0711C18.6805 19.4616 18.6805 20.0948 19.0711 20.4853C19.4616 20.8758 20.0948 20.8758 20.4853 20.4853C20.8758 20.0948 20.8758 19.4616 20.4853 19.0711Z\" fill=\"currentColor\"/><path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.0292 4.75551 15.882 6.00058 17.2923L12 11.2929L12.7071 12L6.70769 17.9994C8.11804 19.2445 9.97079 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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\"/>", "square-filled-radius-0-stroke-1-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\"/>", "square-filled-radius-0-stroke-1-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.7632 14.1961 9.22121 12.5 9.46387V11.5H18V14.5352C19.6962 14.7778 21 16.2367 21 18C21 19.933 19.433 21.5 17.5 21.5C15.567 21.5 14 19.933 14 18C14 16.2367 15.3038 14.7778 17 14.5352V12.5H7V14.5352C8.69617 14.7778 10 16.2367 10 18C10 19.933 8.433 21.5 6.5 21.5C4.567 21.5 3 19.933 3 18C3 16.2367 4.30383 14.7778 6 14.5352V11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 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.7632 14.1961 9.22121 12.5 9.46387V11.5H18V14.5352C19.6962 14.7778 21 16.2367 21 18C21 19.933 19.433 21.5 17.5 21.5C15.567 21.5 14 19.933 14 18C14 16.2367 15.3038 14.7778 17 14.5352V12.5H7V14.5352C8.69617 14.7778 10 16.2367 10 18C10 19.933 8.433 21.5 6.5 21.5C4.567 21.5 3 19.933 3 18C3 16.2367 4.30383 14.7778 6 14.5352V11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 2.25C10.787 2.25 12.6509 4.05647 12.7451 6.32031L15.3828 6.57812C15.7802 5.23224 17.0253 4.25 18.5 4.25C20.2949 4.25 21.75 5.70507 21.75 7.5C21.75 9.29493 20.2949 10.75 18.5 10.75C18.4271 10.75 18.3549 10.7469 18.2832 10.7422L17.3789 13.6875C18.7836 14.3811 19.75 15.8274 19.75 17.5C19.75 19.8472 17.8472 21.75 15.5 21.75C13.213 21.75 11.3481 19.9436 11.2539 17.6797L8.61523 17.4219C8.21765 18.7675 6.97449 19.75 5.5 19.75C3.70507 19.75 2.25 18.2949 2.25 16.5C2.25 14.7051 3.70507 13.25 5.5 13.25C5.57284 13.25 5.64515 13.2521 5.7168 13.2568L6.62109 10.3125C5.21643 9.61892 4.25 8.17256 4.25 6.5C4.25 4.15279 6.15279 2.25 8.5 2.25ZM10.3213 10.3398C9.76916 10.6022 9.15196 10.75 8.5 10.75C8.17848 10.75 7.86555 10.7132 7.56445 10.6455L6.69434 13.4775C7.87751 13.9455 8.71954 15.0869 8.74805 16.4297L11.3281 16.6826C11.5229 15.6829 12.0685 14.8085 12.8311 14.1924L10.3213 10.3398ZM12.6699 7.31836C12.4749 8.31787 11.9296 9.19077 11.167 9.80664L13.6768 13.6592C14.2292 13.3965 14.8476 13.25 15.5 13.25C15.8211 13.25 16.1338 13.286 16.4346 13.3535L17.3047 10.5215C16.1218 10.0532 15.2791 8.91208 15.251 7.56934L12.6699 7.31836Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.5 2.25C10.787 2.25 12.6509 4.05647 12.7451 6.32031L15.3828 6.57812C15.7802 5.23224 17.0253 4.25 18.5 4.25C20.2949 4.25 21.75 5.70507 21.75 7.5C21.75 9.29493 20.2949 10.75 18.5 10.75C18.4271 10.75 18.3549 10.7469 18.2832 10.7422L17.3789 13.6875C18.7836 14.3811 19.75 15.8274 19.75 17.5C19.75 19.8472 17.8472 21.75 15.5 21.75C13.213 21.75 11.3481 19.9436 11.2539 17.6797L8.61523 17.4219C8.21765 18.7675 6.97449 19.75 5.5 19.75C3.70507 19.75 2.25 18.2949 2.25 16.5C2.25 14.7051 3.70507 13.25 5.5 13.25C5.57284 13.25 5.64515 13.2521 5.7168 13.2568L6.62109 10.3125C5.21643 9.61892 4.25 8.17256 4.25 6.5C4.25 4.15279 6.15279 2.25 8.5 2.25ZM10.3213 10.3398C9.76916 10.6022 9.15196 10.75 8.5 10.75C8.17848 10.75 7.86555 10.7132 7.56445 10.6455L6.69434 13.4775C7.87751 13.9455 8.71954 15.0869 8.74805 16.4297L11.3281 16.6826C11.5229 15.6829 12.0685 14.8085 12.8311 14.1924L10.3213 10.3398ZM12.6699 7.31836C12.4749 8.31787 11.9296 9.19077 11.167 9.80664L13.6768 13.6592C14.2292 13.3965 14.8476 13.25 15.5 13.25C15.8211 13.25 16.1338 13.286 16.4346 13.3535L17.3047 10.5215C16.1218 10.0532 15.2791 8.91208 15.251 7.56934L12.6699 7.31836Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.917 11.3203L19.9619 14.0371L22.6797 15.083L23 15.207V16.793L22.6797 16.917L19.9619 17.9619L18.917 20.6797L18.793 21H17.207L17.083 20.6797L16.0371 17.9619L13.3203 16.917L13 16.793V15.207L13.3203 15.083L16.0371 14.0371L17.083 11.3203L17.207 11H18.793L18.917 11.3203Z\" fill=\"currentColor\"/><path d=\"M10 18H3V17H10V18Z\" fill=\"currentColor\"/><path d=\"M6 12H3V11H6V12Z\" fill=\"currentColor\"/><path d=\"M13 12H8V11H13V12Z\" fill=\"currentColor\"/><path d=\"M13 6H3V5H13V6Z\" fill=\"currentColor\"/><path d=\"M21 6H15V5H21V6Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M18.917 11.3203L19.9619 14.0371L22.6797 15.083L23 15.207V16.793L22.6797 16.917L19.9619 17.9619L18.917 20.6797L18.793 21H17.207L17.083 20.6797L16.0371 17.9619L13.3203 16.917L13 16.793V15.207L13.3203 15.083L16.0371 14.0371L17.083 11.3203L17.207 11H18.793L18.917 11.3203Z\" fill=\"currentColor\"/><path d=\"M10 18H3V17H10V18Z\" fill=\"currentColor\"/><path d=\"M6 12H3V11H6V12Z\" fill=\"currentColor\"/><path d=\"M13 12H8V11H13V12Z\" fill=\"currentColor\"/><path d=\"M13 6H3V5H13V6Z\" fill=\"currentColor\"/><path d=\"M21 6H15V5H21V6Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.48647 2 8.71993 3.08118 8.95801 4.5H17C19.2091 4.5 21 6.29086 21 8.5C21 10.7091 19.2091 12.5 17 12.5H15.457L12 15.957L8.54297 12.5H7C5.34315 12.5 4 13.8431 4 15.5C4 17.1569 5.34315 18.5 7 18.5H15.042C15.2801 17.0812 16.5135 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.5135 22 15.2801 20.9188 15.042 19.5H7C4.79086 19.5 3 17.7091 3 15.5C3 13.2909 4.79086 11.5 7 11.5H8.54297L12 8.04297L15.457 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 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.48647 2 8.71993 3.08118 8.95801 4.5H17C19.2091 4.5 21 6.29086 21 8.5C21 10.7091 19.2091 12.5 17 12.5H15.457L12 15.957L8.54297 12.5H7C5.34315 12.5 4 13.8431 4 15.5C4 17.1569 5.34315 18.5 7 18.5H15.042C15.2801 17.0812 16.5135 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.5135 22 15.2801 20.9188 15.042 19.5H7C4.79086 19.5 3 17.7091 3 15.5C3 13.2909 4.79086 11.5 7 11.5H8.54297L12 8.04297L15.457 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M16.8906 6H21V7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L17.9551 22H6.04492L6.00293 21.5469L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3V6H7.10938L8.10938 2H15.8906L16.8906 6ZM14 13.75C14 14.4404 14.5596 15 15.25 15C15.9404 15 16.5 14.4404 16.5 13.75V11.75C16.5 12.4404 17.0596 13 17.75 13C18.4404 13 19 12.4404 19 11.75V7.5H14V13.75ZM5.5 12.75C5.5 13.4404 6.05964 14 6.75 14C7.44036 14 8 13.4404 8 12.75V7H5.5V12.75ZM8.14062 6H15.8594L15.1094 3H8.89062L8.14062 6Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.8906 6H21V7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L17.9551 22H6.04492L6.00293 21.5469L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3V6H7.10938L8.10938 2H15.8906L16.8906 6ZM14 13.75C14 14.4404 14.5596 15 15.25 15C15.9404 15 16.5 14.4404 16.5 13.75V11.75C16.5 12.4404 17.0596 13 17.75 13C18.4404 13 19 12.4404 19 11.75V7.5H14V13.75ZM5.5 12.75C5.5 13.4404 6.05964 14 6.75 14C7.44036 14 8 13.4404 8 12.75V7H5.5V12.75ZM8.14062 6H15.8594L15.1094 3H8.89062L8.14062 6Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 2ZM10.25 10.0986L7 11.3486V12.3486L10.25 13.5986L11.5 16.8486H12.5L13.75 13.5986L17 12.3486V11.3486L13.75 10.0986L12.5 6.84863H11.5L10.25 10.0986Z\" 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 2ZM10.25 10.0986L7 11.3486V12.3486L10.25 13.5986L11.5 16.8486H12.5L13.75 13.5986L17 12.3486V11.3486L13.75 10.0986L12.5 6.84863H11.5L10.25 10.0986Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M7.49985 4V6H11.9999V7H10.968C10.5919 9.43184 9.77242 11.3845 8.41037 12.8783C8.22141 13.0856 8.02275 13.2831 7.81435 13.4713C8.84354 14.1517 10.099 14.6625 11.6126 15.0129L12.0997 15.1257L11.8742 16.0999L11.3871 15.9871C9.65751 15.5867 8.19767 14.9769 6.99908 14.1248C5.80075 14.9767 4.34145 15.5866 2.61271 15.9871L2.12561 16.1L1.8999 15.1258L2.387 15.0129C3.8998 14.6624 5.15483 14.1517 6.1838 13.4713C5.9755 13.2833 5.77695 13.0858 5.5881 12.8786C4.22605 11.3848 3.40698 9.43204 3.03162 7H1.99985V6H6.49985V4H7.49985ZM4.04418 7C4.40807 9.22033 5.15875 10.9235 6.32705 12.2049C6.53627 12.4343 6.76008 12.6516 6.99906 12.8568C7.23817 12.6515 7.46209 12.4341 7.67141 12.2046C8.83977 10.9231 9.59084 9.22004 9.95542 7H4.04418ZM15.433 11H16.5667L21.1654 20.7386L20.2612 21.1656L19.2385 19H12.7611L11.7385 21.1656L10.8342 20.7386L15.433 11ZM13.2334 18H18.7663L15.9999 12.1415L13.2334 18Z\" fill=\"currentColor\"/><path d=\"M17.85 2H17.15L16.275 4.275L14 5.15V5.85L16.275 6.725L17.15 9H17.85L18.725 6.725L21 5.85V5.15L18.725 4.275L17.85 2Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.49985 4V6H11.9999V7H10.968C10.5919 9.43184 9.77242 11.3845 8.41037 12.8783C8.22141 13.0856 8.02275 13.2831 7.81435 13.4713C8.84354 14.1517 10.099 14.6625 11.6126 15.0129L12.0997 15.1257L11.8742 16.0999L11.3871 15.9871C9.65751 15.5867 8.19767 14.9769 6.99908 14.1248C5.80075 14.9767 4.34145 15.5866 2.61271 15.9871L2.12561 16.1L1.8999 15.1258L2.387 15.0129C3.8998 14.6624 5.15483 14.1517 6.1838 13.4713C5.9755 13.2833 5.77695 13.0858 5.5881 12.8786C4.22605 11.3848 3.40698 9.43204 3.03162 7H1.99985V6H6.49985V4H7.49985ZM4.04418 7C4.40807 9.22033 5.15875 10.9235 6.32705 12.2049C6.53627 12.4343 6.76008 12.6516 6.99906 12.8568C7.23817 12.6515 7.46209 12.4341 7.67141 12.2046C8.83977 10.9231 9.59084 9.22004 9.95542 7H4.04418ZM15.433 11H16.5667L21.1654 20.7386L20.2612 21.1656L19.2385 19H12.7611L11.7385 21.1656L10.8342 20.7386L15.433 11ZM13.2334 18H18.7663L15.9999 12.1415L13.2334 18Z\" fill=\"currentColor\"/><path d=\"M17.85 2H17.15L16.275 4.275L14 5.15V5.85L16.275 6.725L17.15 9H17.85L18.725 6.725L21 5.85V5.15L18.725 4.275L17.85 2Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 3C7.02944 3 3 7.02944 3 12C3 15.3303 4.8086 18.2388 7.49958 19.7958L7.93235 20.0462L7.43154 20.9118L6.99876 20.6614C4.01154 18.933 2 15.7017 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7017 19.9884 18.933 17.0012 20.6614L16.5684 20.9118L16.0676 20.0462L16.5004 19.7958C19.1914 18.2388 21 15.3303 21 12C21 7.02944 16.9706 3 12 3ZM12 7C9.23858 7 7 9.23858 7 12C7 13.8496 8.004 15.4652 9.49913 16.3307L9.93187 16.5812L9.43089 17.4466L8.99816 17.1961C7.20688 16.1593 6 14.2209 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2209 16.7931 16.1593 15.0018 17.1961L14.5691 17.4466L14.0681 16.5812L14.5009 16.3307C15.996 15.4652 17 13.8496 17 12C17 9.23858 14.7614 7 12 7ZM10 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 3C7.02944 3 3 7.02944 3 12C3 15.3303 4.8086 18.2388 7.49958 19.7958L7.93235 20.0462L7.43154 20.9118L6.99876 20.6614C4.01154 18.933 2 15.7017 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7017 19.9884 18.933 17.0012 20.6614L16.5684 20.9118L16.0676 20.0462L16.5004 19.7958C19.1914 18.2388 21 15.3303 21 12C21 7.02944 16.9706 3 12 3ZM12 7C9.23858 7 7 9.23858 7 12C7 13.8496 8.004 15.4652 9.49913 16.3307L9.93187 16.5812L9.43089 17.4466L8.99816 17.1961C7.20688 16.1593 6 14.2209 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2209 16.7931 16.1593 15.0018 17.1961L14.5691 17.4466L14.0681 16.5812L14.5009 16.3307C15.996 15.4652 17 13.8496 17 12C17 9.23858 14.7614 7 12 7ZM10 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\"/>", "square-filled-radius-0-stroke-1-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.55107 11.4974L3.60893 11.4915L3.77767 11.4748L3.83112 11.4695L3.69514 11.6463L9.35494 16H7V22H17V16H14.6451L20.3049 11.6463L20.1689 11.4695L20.2223 11.4748L20.3911 11.4915L20.4481 11.4973L21 11.554V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V11.554L3.55107 11.4974ZM10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725V16H10.6923L10.8049 15.8537ZM12.5 16V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537L13.3077 16H12.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.55107 11.4974L3.60893 11.4915L3.77767 11.4748L3.83112 11.4695L3.69514 11.6463L9.35494 16H7V22H17V16H14.6451L20.3049 11.6463L20.1689 11.4695L20.2223 11.4748L20.3911 11.4915L20.4481 11.4973L21 11.554V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V11.554L3.55107 11.4974ZM10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725V16H10.6923L10.8049 15.8537ZM12.5 16V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537L13.3077 16H12.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.5075 2C18.2853 2 17.1132 2.48549 16.249 3.34968L13.4529 6.14585L4.48065 2.97919L1.74406 5.71578L8.60517 10.9936L7.04317 12.5556H4.93206L1.59766 15.89L6.33414 17.6661L8.11032 22.4026L11.4447 19.0682V16.9571L13.0067 15.3951L18.2845 22.2562L21.0211 19.5196L17.8544 10.5474L20.6506 7.75124C21.5148 6.88705 22.0003 5.71496 22.0003 4.49281V2H19.5075Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.5075 2C18.2853 2 17.1132 2.48549 16.249 3.34968L13.4529 6.14585L4.48065 2.97919L1.74406 5.71578L8.60517 10.9936L7.04317 12.5556H4.93206L1.59766 15.89L6.33414 17.6661L8.11032 22.4026L11.4447 19.0682V16.9571L13.0067 15.3951L18.2845 22.2562L21.0211 19.5196L17.8544 10.5474L20.6506 7.75124C21.5148 6.88705 22.0003 5.71496 22.0003 4.49281V2H19.5075Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirplane", props.mode)} />
 );
 
 export default IconAirplane;

package/IconAirplaneDown/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplaneDown = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={"<path d=\"M3.5718 1.85254L3.45555 6.73605L2.29452 7.33752L2.06829 8.32068C1.7499 9.70439 2.5743 11.1058 3.94433 11.4627L7.29473 12.3355L5.63825 15.4894L9.5454 16.5343L14.0424 14.0889L19.3074 15.345C20.1848 15.5543 21.0946 15.197 21.6063 14.4521C22.2089 13.575 22.1114 12.3852 21.3711 11.6212L19.7126 9.90979C19.3816 9.56823 18.9672 9.32478 18.5064 9.20638C16.797 8.76714 11.6516 7.44305 9.48152 6.86273C9.01487 6.73794 8.62556 6.40539 8.42232 5.94883L7.00794 2.77145L3.5718 1.85254Z\" fill=\"currentColor\"/><path d=\"M2 18.9997V19.9997H22V18.9997H2Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M3.5718 1.85254L3.45555 6.73605L2.29452 7.33752L2.06829 8.32068C1.7499 9.70439 2.5743 11.1058 3.94433 11.4627L7.29473 12.3355L5.63825 15.4894L9.5454 16.5343L14.0424 14.0889L19.3074 15.345C20.1848 15.5543 21.0946 15.197 21.6063 14.4521C22.2089 13.575 22.1114 12.3852 21.3711 11.6212L19.7126 9.90979C19.3816 9.56823 18.9672 9.32478 18.5064 9.20638C16.797 8.76714 11.6516 7.44305 9.48152 6.86273C9.01487 6.73794 8.62556 6.40539 8.42232 5.94883L7.00794 2.77145L3.5718 1.85254Z\" fill=\"currentColor\"/><path d=\"M2 18.9997V19.9997H22V18.9997H2Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.0356 4.35844C17.587 4.27646 17.1269 4.31734 16.6991 4.48029C15.12 5.08171 10.3659 6.89047 8.34919 7.6364C7.91886 7.79557 7.44123 7.75253 7.04445 7.51791L4.20908 5.84131L0.984375 7.03403L3.53525 10.8719L2.95014 11.9698L3.30828 12.8651C3.81387 14.1291 5.23788 14.7562 6.51166 14.2758L9.58023 13.1185L9.9809 16.4586L13.6494 15.1018L15.8613 10.7455L20.6683 8.82027C21.4731 8.49796 22.0007 7.71832 22.0007 6.8514C22.0007 5.8271 21.2686 4.94915 20.261 4.76504L18.0356 4.35844Z\" fill=\"currentColor\"/><path d=\"M2.00069 18.9999V19.9999H22.0007V18.9999H2.00069Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M18.0356 4.35844C17.587 4.27646 17.1269 4.31734 16.6991 4.48029C15.12 5.08171 10.3659 6.89047 8.34919 7.6364C7.91886 7.79557 7.44123 7.75253 7.04445 7.51791L4.20908 5.84131L0.984375 7.03403L3.53525 10.8719L2.95014 11.9698L3.30828 12.8651C3.81387 14.1291 5.23788 14.7562 6.51166 14.2758L9.58023 13.1185L9.9809 16.4586L13.6494 15.1018L15.8613 10.7455L20.6683 8.82027C21.4731 8.49796 22.0007 7.71832 22.0007 6.8514C22.0007 5.8271 21.2686 4.94915 20.261 4.76504L18.0356 4.35844Z\" fill=\"currentColor\"/><path d=\"M2.00069 18.9999V19.9999H22.0007V18.9999H2.00069Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirplaneUp", props.mode)} />
 );
 
 export default IconAirplaneUp;

package/IconAirplay/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplay = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={"<path d=\"M2 3H22V18H17V17H21V4H3V17H7V18H2V3Z\" fill=\"currentColor\"/><path d=\"M16.9813 21.0005L11.9995 14.1504L7.01758 21.0005H16.9813Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={maskInner("<path d=\"M2 3H22V18H17V17H21V4H3V17H7V18H2V3Z\" fill=\"currentColor\"/><path d=\"M16.9813 21.0005L11.9995 14.1504L7.01758 21.0005H16.9813Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M16.9814 21H7.01855L12 14.1504L16.9814 21Z\" fill=\"currentColor\"/><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 15.2398 20.458 18.1179 18.0693 19.9453L17.4805 19.1357C19.6196 17.4904 21 14.9074 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.9071 4.37977 17.4903 6.51855 19.1357L5.92969 19.9453C3.54141 18.1179 2 15.2395 2 12C2 6.47715 6.47715 2 12 2Z\" fill=\"currentColor\"/><path d=\"M12 5C15.866 5 19 8.13401 19 12C19 14.2425 17.9438 16.2365 16.3037 17.5176L15.7158 16.708C17.1062 15.6092 18 13.9098 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 13.9095 6.89318 15.6091 8.2832 16.708L7.69531 17.5176C6.05553 16.2364 5 14.2422 5 12C5 8.13401 8.13401 5 12 5Z\" fill=\"currentColor\"/><path d=\"M12 8C14.2091 8 16 9.79086 16 12C16 13.2449 15.4308 14.3562 14.5391 15.0898L13.9482 14.2783C14.5911 13.7281 15 12.9125 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 12.9122 9.40827 13.7281 10.0508 14.2783L9.45996 15.0898C8.56857 14.3562 8 13.2446 8 12C8 9.79086 9.79086 8 12 8Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.9814 21H7.01855L12 14.1504L16.9814 21Z\" fill=\"currentColor\"/><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 15.2398 20.458 18.1179 18.0693 19.9453L17.4805 19.1357C19.6196 17.4904 21 14.9074 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.9071 4.37977 17.4903 6.51855 19.1357L5.92969 19.9453C3.54141 18.1179 2 15.2395 2 12C2 6.47715 6.47715 2 12 2Z\" fill=\"currentColor\"/><path d=\"M12 5C15.866 5 19 8.13401 19 12C19 14.2425 17.9438 16.2365 16.3037 17.5176L15.7158 16.708C17.1062 15.6092 18 13.9098 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 13.9095 6.89318 15.6091 8.2832 16.708L7.69531 17.5176C6.05553 16.2364 5 14.2422 5 12C5 8.13401 8.13401 5 12 5Z\" fill=\"currentColor\"/><path d=\"M12 8C14.2091 8 16 9.79086 16 12C16 13.2449 15.4308 14.3562 14.5391 15.0898L13.9482 14.2783C14.5911 13.7281 15 12.9125 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 12.9122 9.40827 13.7281 10.0508 14.2783L9.45996 15.0898C8.56857 14.3562 8 13.2446 8 12C8 9.79086 9.79086 8 12 8Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 3C4.79086 3 3 4.79086 3 7V9H21V7C21 4.79086 19.2091 3 17 3H7Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 10H3V17C3 19.2091 4.79086 21 7 21H17C19.2091 21 21 19.2091 21 17V10ZM12 13.5C12.4142 13.5 12.75 13.1642 12.75 12.75C12.75 12.3358 12.4142 12 12 12C11.5858 12 11.25 12.3358 11.25 12.75C11.25 13.1642 11.5858 13.5 12 13.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-case, airpods" })} innerHTML={maskInner("<path d=\"M7 3C4.79086 3 3 4.79086 3 7V9H21V7C21 4.79086 19.2091 3 17 3H7Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 10H3V17C3 19.2091 4.79086 21 7 21H17C19.2091 21 21 19.2091 21 17V10ZM12 13.5C12.4142 13.5 12.75 13.1642 12.75 12.75C12.75 12.3358 12.4142 12 12 12C11.5858 12 11.25 12.3358 11.25 12.75C11.25 13.1642 11.5858 13.5 12 13.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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.6357 3 12.0878 3.78565 13 5V10.999C12.0878 12.2137 10.636 13 9 13C8.6575 13 8.32314 12.965 8 12.8994V21H4V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M16 20H20V21H15V13H16V20Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={maskInner("<path d=\"M9 3C10.6357 3 12.0878 3.78565 13 5V10.999C12.0878 12.2137 10.636 13 9 13C8.6575 13 8.32314 12.965 8 12.8994V21H4V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M16 20H20V21H15V13H16V20Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 13C8.38071 13 9.5 14.1193 9.5 15.5C9.5 16.3571 9.06764 17.1121 8.41016 17.5625C8.61595 17.7154 8.79159 17.8981 8.9375 18.1104C9.40478 18.7903 9.49901 19.6731 9.49902 20.5V21H8.49902V20.5C8.49901 19.706 8.39768 19.0906 8.11328 18.6768C7.85805 18.3055 7.3856 18.002 6.37988 18.002V18H5V21H4V13H7ZM5 17H7C7.82843 17 8.5 16.3284 8.5 15.5C8.5 14.6716 7.82843 14 7 14H5V17Z\" fill=\"currentColor\"/><path d=\"M15 3C17.7614 3 20 5.23858 20 8V21H16V12.8994C15.6769 12.965 15.3425 13 15 13C13.364 13 11.9122 12.2137 11 10.999V5C11.9122 3.78565 13.3643 3 15 3Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-right" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7 13C8.38071 13 9.5 14.1193 9.5 15.5C9.5 16.3571 9.06764 17.1121 8.41016 17.5625C8.61595 17.7154 8.79159 17.8981 8.9375 18.1104C9.40478 18.7903 9.49901 19.6731 9.49902 20.5V21H8.49902V20.5C8.49901 19.706 8.39768 19.0906 8.11328 18.6768C7.85805 18.3055 7.3856 18.002 6.37988 18.002V18H5V21H4V13H7ZM5 17H7C7.82843 17 8.5 16.3284 8.5 15.5C8.5 14.6716 7.82843 14 7 14H5V17Z\" fill=\"currentColor\"/><path d=\"M15 3C17.7614 3 20 5.23858 20 8V21H16V12.8994C15.6769 12.965 15.3425 13 15 13C13.364 13 11.9122 12.2137 11 10.999V5C11.9122 3.78565 13.3643 3 15 3Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 3C8.76142 3 11 5.23858 11 8V21H7V12.8994C6.67686 12.965 6.3425 13 6 13C4.36398 13 2.91219 12.2137 2 10.999V5C2.91221 3.78565 4.36426 3 6 3Z\" fill=\"currentColor\"/><path d=\"M18 3C15.2386 3 13 5.23858 13 8V21H17V12.8994C17.3231 12.965 17.6575 13 18 13C19.636 13 21.0878 12.2137 22 10.999V5C21.0878 3.78565 19.6357 3 18 3Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={maskInner("<path d=\"M6 3C8.76142 3 11 5.23858 11 8V21H7V12.8994C6.67686 12.965 6.3425 13 6 13C4.36398 13 2.91219 12.2137 2 10.999V5C2.91221 3.78565 4.36426 3 6 3Z\" fill=\"currentColor\"/><path d=\"M18 3C15.2386 3 13 5.23858 13 8V21H17V12.8994C17.3231 12.965 17.6575 13 18 13C19.636 13 21.0878 12.2137 22 10.999V5C21.0878 3.78565 19.6357 3 18 3Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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 2.87646L21 5.09869V18.9009L11 21.1231V2.87646ZM8 3.99977V19.9998H7V3.99977H8ZM4 4.99977V18.9998H3V4.99977H4Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 2.87646L21 5.09869V18.9009L11 21.1231V2.87646ZM8 3.99977V19.9998H7V3.99977H8ZM4 4.99977V18.9998H3V4.99977H4Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-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=\"M21.125 11L18.9028 21H5.10061L2.87838 11H21.125ZM20.0017 8H4.00169V7H20.0017V8ZM19.0017 4H5.00169V3H19.0017V4Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.125 11L18.9028 21H5.10061L2.87838 11H21.125ZM20.0017 8H4.00169V7H20.0017V8ZM19.0017 4H5.00169V3H19.0017V4Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAlbums2", props.mode)} />
 );
 
 export default IconAlbums2;

package/IconAlien/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlien = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C7.03385 2 3 5.9897 3 10.9211C3 14.2441 4.67247 17.252 6.57836 19.4099C7.53472 20.4928 8.56366 21.3778 9.49983 21.9962C9.96785 22.3053 10.4196 22.5523 10.8335 22.7235C11.2408 22.892 11.642 23 12 23C12.358 23 12.7592 22.892 13.1665 22.7235C13.5804 22.5523 14.0322 22.3053 14.5002 21.9962C15.4363 21.3778 16.4653 20.4928 17.4216 19.4099C19.3275 17.252 21 14.2441 21 10.9211C21 5.9897 16.9662 2 12 2ZM9.87727 10.5578C10.6259 11.2021 10.9681 12.2397 10.9696 13.57L10.9702 14.0294L10.5125 14.0688C9.40189 14.1644 8.34899 14.0118 7.58608 13.4031C6.80022 12.776 6.4388 11.7621 6.51351 10.4069L6.53589 10.001L6.93778 9.94006C8.09251 9.76492 9.12861 9.91346 9.87727 10.5578ZM14.1218 10.5578C13.3732 11.2021 13.031 12.2397 13.0295 13.57L13.029 14.0294L13.4866 14.0688C14.5972 14.1644 15.6501 14.0118 16.413 13.4031C17.1989 12.776 17.5603 11.7621 17.4856 10.4069L17.4632 10.001L17.0613 9.94006C15.9066 9.76492 14.8705 9.91346 14.1218 10.5578Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C7.03385 2 3 5.9897 3 10.9211C3 14.2441 4.67247 17.252 6.57836 19.4099C7.53472 20.4928 8.56366 21.3778 9.49983 21.9962C9.96785 22.3053 10.4196 22.5523 10.8335 22.7235C11.2408 22.892 11.642 23 12 23C12.358 23 12.7592 22.892 13.1665 22.7235C13.5804 22.5523 14.0322 22.3053 14.5002 21.9962C15.4363 21.3778 16.4653 20.4928 17.4216 19.4099C19.3275 17.252 21 14.2441 21 10.9211C21 5.9897 16.9662 2 12 2ZM9.87727 10.5578C10.6259 11.2021 10.9681 12.2397 10.9696 13.57L10.9702 14.0294L10.5125 14.0688C9.40189 14.1644 8.34899 14.0118 7.58608 13.4031C6.80022 12.776 6.4388 11.7621 6.51351 10.4069L6.53589 10.001L6.93778 9.94006C8.09251 9.76492 9.12861 9.91346 9.87727 10.5578ZM14.1218 10.5578C13.3732 11.2021 13.031 12.2397 13.0295 13.57L13.029 14.0294L13.4866 14.0688C14.5972 14.1644 15.6501 14.0118 16.413 13.4031C17.1989 12.776 17.5603 11.7621 17.4856 10.4069L17.4632 10.001L17.0613 9.94006C15.9066 9.76492 14.8705 9.91346 14.1218 10.5578Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAlien", props.mode)} />
 );
 
 export default IconAlien;

package/IconAlignHorizontalCenter/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlignHorizontalCenter = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "align-horizontal-center, alignment" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 21V3H21V21H3ZM11.5 17H12.5V7H11.5V17Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "align-horizontal-center, alignment" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 21V3H21V21H3ZM11.5 17H12.5V7H11.5V17Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAlignHorizontalCenter", props.mode)} />
 );
 
 export default IconAlignHorizontalCenter;

package/IconAlignVerticalCenter/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlignVerticalCenter = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "align-vertical-center, alignment" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 21V3H21V21H3ZM7 11.5V12.5H17V11.5H7Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "align-vertical-center, alignment" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 21V3H21V21H3ZM7 11.5V12.5H17V11.5H7Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAlignVerticalCenter", props.mode)} />
 );
 
 export default IconAlignVerticalCenter;

package/IconAlignmentCenter/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlignmentCenter = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-center" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V5H3V4ZM3 4H21V5H3V4ZM3 4H21V5H3V4Z\" fill=\"currentColor\"/><path d=\"M17 11.5V12.5H7V11.5H17Z\" fill=\"currentColor\"/><path d=\"M21 19V20H3V19H21Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-center" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V5H3V4ZM3 4H21V5H3V4ZM3 4H21V5H3V4Z\" fill=\"currentColor\"/><path d=\"M17 11.5V12.5H7V11.5H17Z\" fill=\"currentColor\"/><path d=\"M21 19V20H3V19H21Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAlignmentCenter", props.mode)} />
 );
 
 export default IconAlignmentCenter;

package/IconAlignmentJustify/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlignmentJustify = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-justify" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V5H3V4ZM3 4H21V5H3V4ZM3 4H21V5H3V4Z\" fill=\"currentColor\"/><path d=\"M21 11.5V12.5H3V11.5H21Z\" fill=\"currentColor\"/><path d=\"M21 19V20H3V19H21Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-justify" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V5H3V4ZM3 4H21V5H3V4ZM3 4H21V5H3V4Z\" fill=\"currentColor\"/><path d=\"M21 11.5V12.5H3V11.5H21Z\" fill=\"currentColor\"/><path d=\"M21 19V20H3V19H21Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAlignmentJustify", props.mode)} />
 );
 
 export default IconAlignmentJustify;