@central-icons-solid/square-filled-radius-0-stroke-2 1.1.294 → 1.1.296

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-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=\"M20.6592 18.1543L12 23.1543L3.33984 18.1543L12 13.1543L20.6592 18.1543ZM11 11.4219L2.33984 16.4219V6.42285L11 1.42383V11.4219ZM21.6602 6.42285V16.4219L13 11.4219V1.42383L21.6602 6.42285Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M20.6592 18.1543L12 23.1543L3.33984 18.1543L12 13.1543L20.6592 18.1543ZM11 11.4219L2.33984 16.4219V6.42285L11 1.42383V11.4219ZM21.6602 6.42285V16.4219L13 11.4219V1.42383L21.6602 6.42285Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-Icon3dBoxBottom", props.mode)} />
 );
 
 export default Icon3dBoxBottom;

package/Icon3dBoxTop/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dBoxTop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={"<path d=\"M11 12.5771V22.5762L2.33984 17.5771V7.57715L11 12.5771Z\" fill=\"currentColor\"/><path d=\"M21.6602 17.5771L13 22.5762V12.5771L21.6602 7.57715V17.5771Z\" fill=\"currentColor\"/><path d=\"M20.6592 5.84473L12 10.8447L3.33984 5.84473L12 0.845703L20.6592 5.84473Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11 12.5771V22.5762L2.33984 17.5771V7.57715L11 12.5771Z\" fill=\"currentColor\"/><path d=\"M21.6602 17.5771L13 22.5762V12.5771L21.6602 7.57715V17.5771Z\" fill=\"currentColor\"/><path d=\"M20.6592 5.84473L12 10.8447L3.33984 5.84473L12 0.845703L20.6592 5.84473Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-Icon3dBoxTop", props.mode)} />
 );
 
 export default Icon3dBoxTop;

package/Icon3dPackage/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dPackage = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={"<path d=\"M11 12.5771V22.5762L2.33984 17.5771V7.57715L11 12.5771Z\" fill=\"currentColor\"/><path d=\"M21.6602 17.5771L13 22.5762V12.5771L21.6602 7.57715V17.5771Z\" fill=\"currentColor\"/><path d=\"M15.3291 8.92188L12 10.8447L3.33984 5.84473L6.66895 3.92285L15.3291 8.92188Z\" fill=\"currentColor\"/><path d=\"M20.6592 5.84473L17.3281 7.76758L8.66895 2.76758L12 0.845703L20.6592 5.84473Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M11 12.5771V22.5762L2.33984 17.5771V7.57715L11 12.5771Z\" fill=\"currentColor\"/><path d=\"M21.6602 17.5771L13 22.5762V12.5771L21.6602 7.57715V17.5771Z\" fill=\"currentColor\"/><path d=\"M15.3291 8.92188L12 10.8447L3.33984 5.84473L6.66895 3.92285L15.3291 8.92188Z\" fill=\"currentColor\"/><path d=\"M20.6592 5.84473L17.3281 7.76758L8.66895 2.76758L12 0.845703L20.6592 5.84473Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-Icon3dPackage", props.mode)} />
 );
 
 export default Icon3dPackage;

package/Icon3dPackage2/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const Icon3dPackage2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={"<path d=\"M11 12.5771V22.5762L2.33984 17.5771V7.57715L11 12.5771Z\" fill=\"currentColor\"/><path d=\"M21.6602 17.5771L13 22.5762V12.5771L16.3301 10.6543V15.6543L18.3301 14.499V9.49902L21.6602 7.57715V17.5771Z\" fill=\"currentColor\"/><path d=\"M15.3291 8.92188L12 10.8447L3.33984 5.84473L6.66895 3.92285L15.3291 8.92188Z\" fill=\"currentColor\"/><path d=\"M20.6592 5.84473L17.3281 7.76758L8.66895 2.76758L12 0.845703L20.6592 5.84473Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M11 12.5771V22.5762L2.33984 17.5771V7.57715L11 12.5771Z\" fill=\"currentColor\"/><path d=\"M21.6602 17.5771L13 22.5762V12.5771L16.3301 10.6543V15.6543L18.3301 14.499V9.49902L21.6602 7.57715V17.5771Z\" fill=\"currentColor\"/><path d=\"M15.3291 8.92188L12 10.8447L3.33984 5.84473L6.66895 3.92285L15.3291 8.92188Z\" fill=\"currentColor\"/><path d=\"M20.6592 5.84473L17.3281 7.76758L8.66895 2.76758L12 0.845703L20.6592 5.84473Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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\"/>", "square-filled-radius-0-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 12.8779H7.03418V12.8193L8.82617 9.83594H8.86523V12.8779Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 20V4H22V20H2ZM8.80664 14.3818V15.5H10.7598V14.3818H11.624V12.7949H10.7598V8.4541H7.89844L5.33984 12.7168V14.3818H8.80664ZM12.4102 8.4541V15.5H14.4805V13.6543L15.0322 12.9072L16.5703 15.5H18.9775L16.5508 11.5791L18.8701 8.4541H16.6973L14.5195 11.4424H14.4805V8.4541H12.4102Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M8.86523 12.8779H7.03418V12.8193L8.82617 9.83594H8.86523V12.8779Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 20V4H22V20H2ZM8.80664 14.3818V15.5H10.7598V14.3818H11.624V12.7949H10.7598V8.4541H7.89844L5.33984 12.7168V14.3818H8.80664ZM12.4102 8.4541V15.5H14.4805V13.6543L15.0322 12.9072L16.5703 15.5H18.9775L16.5508 11.5791L18.8701 8.4541H16.6973L14.5195 11.4424H14.4805V8.4541H12.4102Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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=\"M19 17H22V19H19V22H17V19H14V17H17V14H19V17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 12.498C20.2304 12.1771 19.3859 12 18.5 12C15.6596 12 13.2458 13.8223 12.3613 16.3613L8 12L5 15V19H12.0215C12.0751 19.704 12.239 20.3765 12.499 21H3V3H21V12.498ZM15 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=\"M19 17H22V19H19V22H17V19H14V17H17V14H19V17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 12.498C20.2304 12.1771 19.3859 12 18.5 12C15.6596 12 13.2458 13.8223 12.3613 16.3613L8 12L5 15V19H12.0215C12.0751 19.704 12.239 20.3765 12.499 21H3V3H21V12.498ZM15 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\"/>", "square-filled-radius-0-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=\"M1.08594 12.0001L12.0002 1.08594L22.9144 12.0001L12.0002 22.9144L1.08594 12.0001ZM13 8H11V11H8V13H11V16H13V13H16V11H13V8Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.08594 12.0001L12.0002 1.08594L22.9144 12.0001L12.0002 22.9144L1.08594 12.0001ZM13 8H11V11H8V13H11V16H13V13H16V11H13V8Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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.3088 10.2297C20.4867 10.719 19.5262 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H5.34713L4.84713 2H1V4H3.15287L5.15287 16H20.3471L21.3088 10.2297Z\" 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=\"M19.5 2V4.5H22V6.5H19.5V9H17.5V6.5H15V4.5H17.5V2H19.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M21.3088 10.2297C20.4867 10.719 19.5262 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H5.34713L4.84713 2H1V4H3.15287L5.15287 16H20.3471L21.3088 10.2297Z\" 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=\"M19.5 2V4.5H22V6.5H19.5V9H17.5V6.5H15V4.5H17.5V2H19.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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=\"M17.999 14.0001V17.0001H20.999V19.0001H17.999V22.0001H15.999V19.0001H12.999V17.0001H15.999V14.0001H17.999Z\" fill=\"currentColor\"/><path d=\"M7.94191 2.7002L9.79886 3.44298L7.97603 8.00006H16.022L14.1991 3.44298L16.0561 2.7002L18.176 8.00006H22.1972L21.1642 13.6814C20.0851 12.6404 18.6168 12.0001 16.999 12.0001C13.6853 12.0001 10.999 14.6864 10.999 18.0001C10.999 19.093 11.2912 20.1176 11.8017 21.0001H4.16442L1.80078 8.00006H5.82196L7.94191 2.7002Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.999 14.0001V17.0001H20.999V19.0001H17.999V22.0001H15.999V19.0001H12.999V17.0001H15.999V14.0001H17.999Z\" fill=\"currentColor\"/><path d=\"M7.94191 2.7002L9.79886 3.44298L7.97603 8.00006H16.022L14.1991 3.44298L16.0561 2.7002L18.176 8.00006H22.1972L21.1642 13.6814C20.0851 12.6404 18.6168 12.0001 16.999 12.0001C13.6853 12.0001 10.999 14.6864 10.999 18.0001C10.999 19.093 11.2912 20.1176 11.8017 21.0001H4.16442L1.80078 8.00006H5.82196L7.94191 2.7002Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-IconAddToBasket2", props.mode)} />
 );
 
 export default IconAddToBasket2;

package/IconAdjustPhoto/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAdjustPhoto = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={"<path d=\"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.8487 4.62708 15.551 5.68014 16.9056L12 10.5858L13.4142 12L7.09436 18.3199C8.44904 19.3729 10.1513 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=\"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.8487 4.62708 15.551 5.68014 16.9056L12 10.5858L13.4142 12L7.09436 18.3199C8.44904 19.3729 10.1513 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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\"/>", "square-filled-radius-0-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\"/>", "square-filled-radius-0-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.35352V11H19V14.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.6455V11H11V9.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.35352V11H19V14.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.6455V11H11V9.35352C9.55447 8.92311 8.5 7.58536 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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\"/>", "square-filled-radius-0-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.5 11L19.75 14.25L23 15.5V16.5L19.75 17.75L18.5 21H17.5L16.25 17.75L13 16.5V15.5L16.25 14.25L17.5 11H18.5Z\" fill=\"currentColor\"/><path d=\"M10 19H3V17H10V19Z\" fill=\"currentColor\"/><path d=\"M6 13H3V11H6V13Z\" fill=\"currentColor\"/><path d=\"M13 13H8V11H13V13Z\" fill=\"currentColor\"/><path d=\"M13 7H3V5H13V7Z\" fill=\"currentColor\"/><path d=\"M21 7H15V5H21V7Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M18.5 11L19.75 14.25L23 15.5V16.5L19.75 17.75L18.5 21H17.5L16.25 17.75L13 16.5V15.5L16.25 14.25L17.5 11H18.5Z\" fill=\"currentColor\"/><path d=\"M10 19H3V17H10V19Z\" fill=\"currentColor\"/><path d=\"M6 13H3V11H6V13Z\" fill=\"currentColor\"/><path d=\"M13 13H8V11H13V13Z\" fill=\"currentColor\"/><path d=\"M13 7H3V5H13V7Z\" fill=\"currentColor\"/><path d=\"M21 7H15V5H21V7Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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.4141L12 16.4141L8.58594 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.58594L12 7.58594L15.4141 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.4141L12 16.4141L8.58594 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.58594L12 7.58594L15.4141 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\"/>", "square-filled-radius-0-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=\"M15.9697 2.75781L16.7803 6H21V8H20V11.75C20 12.6736 19.6137 13.5061 18.9951 14.0977L18.4307 22H5.56836L5.08008 15.165C4.41837 14.5701 4 13.7099 4 12.75V8H3V6H7.21973L8.03027 2.75781L8.21875 2H15.7812L15.9697 2.75781ZM13 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.2197 4H9.78027L9.28027 6Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.9697 2.75781L16.7803 6H21V8H20V11.75C20 12.6736 19.6137 13.5061 18.9951 14.0977L18.4307 22H5.56836L5.08008 15.165C4.41837 14.5701 4 13.7099 4 12.75V8H3V6H7.21973L8.03027 2.75781L8.21875 2H15.7812L15.9697 2.75781ZM13 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.2197 4H9.78027L9.28027 6Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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 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-2-IconAiTokens", props.mode)} />
 );
 
 export default IconAiTokens;

package/IconAiTranslate/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAiTranslate = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={"<path d=\"M21.3301 20.4814L19.5186 21.3301L18.4268 19H13.5732L12.4805 21.3301L10.6699 20.4814L15.1143 11H16.8857L21.3301 20.4814ZM14.5107 17H17.4893L16 13.8223L14.5107 17ZM8 6H12V8H10.3721C10.0596 9.91164 9.44305 11.5249 8.43652 12.8193C9.18743 13.3442 10.1107 13.7474 11.2422 14.0303L12.2129 14.2725L11.7275 16.2129L10.7568 15.9707C9.29625 15.6055 8.0407 15.0424 7 14.2451C5.9592 15.0425 4.70294 15.6045 3.24219 15.9697L2.27246 16.2129L1.78711 14.2725L2.75684 14.0303C3.8883 13.7474 4.8116 13.3432 5.5625 12.8184C4.55614 11.524 3.93935 9.91149 3.62695 8H2V6H6V4H8V6ZM5.6582 8C5.92419 9.41421 6.37373 10.5272 7 11.4014C7.62628 10.5272 8.07581 9.41419 8.3418 8H5.6582ZM17.8496 2L18.7246 4.27539L21 5.15039V5.84961L18.7246 6.72461L17.8496 9H17.1504L16.2754 6.72461L14 5.84961V5.15039L16.2754 4.27539L17.1504 2H17.8496Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path d=\"M21.3301 20.4814L19.5186 21.3301L18.4268 19H13.5732L12.4805 21.3301L10.6699 20.4814L15.1143 11H16.8857L21.3301 20.4814ZM14.5107 17H17.4893L16 13.8223L14.5107 17ZM8 6H12V8H10.3721C10.0596 9.91164 9.44305 11.5249 8.43652 12.8193C9.18743 13.3442 10.1107 13.7474 11.2422 14.0303L12.2129 14.2725L11.7275 16.2129L10.7568 15.9707C9.29625 15.6055 8.0407 15.0424 7 14.2451C5.9592 15.0425 4.70294 15.6045 3.24219 15.9697L2.27246 16.2129L1.78711 14.2725L2.75684 14.0303C3.8883 13.7474 4.8116 13.3432 5.5625 12.8184C4.55614 11.524 3.93935 9.91149 3.62695 8H2V6H6V4H8V6ZM5.6582 8C5.92419 9.41421 6.37373 10.5272 7 11.4014C7.62628 10.5272 8.07581 9.41419 8.3418 8H5.6582ZM17.8496 2L18.7246 4.27539L21 5.15039V5.84961L18.7246 6.72461L17.8496 9H17.1504L16.2754 6.72461L14 5.84961V5.15039L16.2754 4.27539L17.1504 2H17.8496Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-IconAiTranslate", props.mode)} />
 );
 
 export default IconAiTranslate;

package/IconAirdrop/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirdrop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={"<path d=\"M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.9597 5.60667 17.5452 8.00019 18.93L6.9986 20.6612C4.01258 18.9335 2 15.7024 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7024 19.9874 18.9336 17.0014 20.6612L15.9998 18.9301C18.3933 17.5452 20 14.9597 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 8C9.79086 8 8 9.79086 8 12C8 13.4792 8.8024 14.7722 10.0005 15.4653L8.99889 17.1965C7.20831 16.1605 6 14.2219 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2219 16.7917 16.1605 15.0011 17.1965L13.9995 15.4653C15.1976 14.7722 16 13.4792 16 12C16 9.79086 14.2091 8 12 8Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<path d=\"M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.9597 5.60667 17.5452 8.00019 18.93L6.9986 20.6612C4.01258 18.9335 2 15.7024 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7024 19.9874 18.9336 17.0014 20.6612L15.9998 18.9301C18.3933 17.5452 20 14.9597 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 8C9.79086 8 8 9.79086 8 12C8 13.4792 8.8024 14.7722 10.0005 15.4653L8.99889 17.1965C7.20831 16.1605 6 14.2219 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2219 16.7917 16.1605 15.0011 17.1965L13.9995 15.4653C15.1976 14.7722 16 13.4792 16 12C16 9.79086 14.2091 8 12 8Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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=\"M15.255 16H17V22H7V16H8.74505L3 11.486V11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11V11.486L15.255 16ZM17.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.747ZM11 11.5148V15.2282L6.59981 11.771C6.69932 11.763 6.80066 11.755 6.90361 11.747C8.17443 11.6482 9.67378 11.5509 11 11.5148Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M15.255 16H17V22H7V16H8.74505L3 11.486V11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11V11.486L15.255 16ZM17.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.747ZM11 11.5148V15.2282L6.59981 11.771C6.69932 11.763 6.80066 11.755 6.90361 11.747C8.17443 11.6482 9.67378 11.5509 11 11.5148Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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.1574 2C17.8313 2 16.5596 2.52678 15.6219 3.46446L13.2391 5.84726L4.73909 2.84726L1.48812 6.09822L7.98812 11.0982L7.08635 12H5.08635L1.19531 15.891L6.22383 17.7767L8.10953 22.8052L12.0006 18.9142V16.9142L12.9023 16.0124L17.9023 22.5124L21.1533 19.2615L18.1533 10.7615L20.5361 8.37868C21.4738 7.441 22.0006 6.16923 22.0006 4.84315V2H19.1574Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.1574 2C17.8313 2 16.5596 2.52678 15.6219 3.46446L13.2391 5.84726L4.73909 2.84726L1.48812 6.09822L7.98812 11.0982L7.08635 12H5.08635L1.19531 15.891L6.22383 17.7767L8.10953 22.8052L12.0006 18.9142V16.9142L12.9023 16.0124L17.9023 22.5124L21.1533 19.2615L18.1533 10.7615L20.5361 8.37868C21.4738 7.441 22.0006 6.16923 22.0006 4.84315V2H19.1574Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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=\"M2.98687 1.79102L3.3373 6.59913L2.31004 7.31442L2.04902 8.74811C1.7476 10.4037 2.86827 11.9805 4.52867 12.2458L6.99565 12.6399L5.85221 14.9785L10.4244 15.7904L14.3908 13.9294L18.5232 14.6632C19.7485 14.8808 20.9801 14.3093 21.6033 13.2317C22.284 12.0549 22.0733 10.5665 21.0936 9.62423L19.6499 8.23569C19.2141 7.81647 18.6624 7.5386 18.0653 7.43837C16.3695 7.15374 11.6088 6.35281 9.58276 5.99304C9.28858 5.94081 9.03306 5.76121 8.88503 5.50446L7.17257 2.53428L2.98687 1.79102Z\" fill=\"currentColor\"/><path d=\"M2.00021 18.0004V20.0004H22.0002V18.0004H2.00021Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M2.98687 1.79102L3.3373 6.59913L2.31004 7.31442L2.04902 8.74811C1.7476 10.4037 2.86827 11.9805 4.52867 12.2458L6.99565 12.6399L5.85221 14.9785L10.4244 15.7904L14.3908 13.9294L18.5232 14.6632C19.7485 14.8808 20.9801 14.3093 21.6033 13.2317C22.284 12.0549 22.0733 10.5665 21.0936 9.62423L19.6499 8.23569C19.2141 7.81647 18.6624 7.5386 18.0653 7.43837C16.3695 7.15374 11.6088 6.35281 9.58276 5.99304C9.28858 5.94081 9.03306 5.76121 8.88503 5.50446L7.17257 2.53428L2.98687 1.79102Z\" fill=\"currentColor\"/><path d=\"M2.00021 18.0004V20.0004H22.0002V18.0004H2.00021Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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.0906 4.17827C17.5037 4.03266 16.8871 4.06733 16.3198 4.27892C14.7105 4.8792 10.1914 6.56286 8.25887 7.26297C7.97909 7.36432 7.66852 7.33661 7.41173 7.18788L4.44418 5.46921L0.449219 6.91644L3.15814 10.9083L2.62727 12.0414L3.11859 13.4137C3.68544 14.9969 5.44272 15.805 7.01362 15.2049L9.34478 14.3143L9.5257 16.912L13.888 15.3317L16.388 11.7381L20.3291 10.3103C21.4994 9.88639 22.2789 8.77499 22.2789 7.53031C22.2789 6.17157 21.3529 4.98773 20.0341 4.66051L18.0906 4.17827Z\" fill=\"currentColor\"/><path d=\"M1.99861 17.9997V19.9997H21.9986V17.9997H1.99861Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M18.0906 4.17827C17.5037 4.03266 16.8871 4.06733 16.3198 4.27892C14.7105 4.8792 10.1914 6.56286 8.25887 7.26297C7.97909 7.36432 7.66852 7.33661 7.41173 7.18788L4.44418 5.46921L0.449219 6.91644L3.15814 10.9083L2.62727 12.0414L3.11859 13.4137C3.68544 14.9969 5.44272 15.805 7.01362 15.2049L9.34478 14.3143L9.5257 16.912L13.888 15.3317L16.388 11.7381L20.3291 10.3103C21.4994 9.88639 22.2789 8.77499 22.2789 7.53031C22.2789 6.17157 21.3529 4.98773 20.0341 4.66051L18.0906 4.17827Z\" fill=\"currentColor\"/><path d=\"M1.99861 17.9997V19.9997H21.9986V17.9997H1.99861Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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=\"M2 3H22V18H17.5V16H20V5H4V16H6.5V18H2V3Z\" fill=\"currentColor\"/><path d=\"M11.9996 13.3984L5.91895 20.9992H18.0802L11.9996 13.3984Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 3H22V18H17.5V16H20V5H4V16H6.5V18H2V3Z\" fill=\"currentColor\"/><path d=\"M11.9996 13.3984L5.91895 20.9992H18.0802L11.9996 13.3984Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-IconAirplay", props.mode)} />
 );
 
 export default IconAirplay;

package/IconAirplayAudio/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplayAudio = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={"<path d=\"M18.0811 21.0001H5.91898L12 13.3995L18.0811 21.0001Z\" fill=\"currentColor\"/><path d=\"M4.92875 4.92877C8.83394 1.02372 15.1661 1.02377 19.0713 4.92877L19.4258 5.30181C22.8556 9.09778 22.8581 14.8904 19.4336 18.6895L18.1641 17.1026C20.6853 14.0639 20.6101 9.59631 17.9405 6.64166L17.6573 6.34283C14.5331 3.21888 9.46695 3.21883 6.34281 6.34283C3.39765 9.288 3.22932 13.9597 5.83695 17.1026L4.56645 18.6895C1.02785 14.7637 1.14838 8.70913 4.92875 4.92877Z\" fill=\"currentColor\"/><path d=\"M7.98148 7.54498C10.3367 5.41706 13.9723 5.48816 16.2422 7.75787L16.4375 7.96197C18.3618 10.0731 18.508 13.2246 16.878 15.4952L15.5538 13.8399C16.3063 12.3872 16.1071 10.5682 14.958 9.30767L14.8282 9.17193C13.3151 7.65904 10.8915 7.61126 9.32133 9.02935L9.17191 9.17193C7.9089 10.4349 7.66635 12.3341 8.44633 13.8399L7.12211 15.4952C5.43869 13.1501 5.65005 9.86567 7.75785 7.75787L7.98148 7.54498Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={maskInner("<path d=\"M18.0811 21.0001H5.91898L12 13.3995L18.0811 21.0001Z\" fill=\"currentColor\"/><path d=\"M4.92875 4.92877C8.83394 1.02372 15.1661 1.02377 19.0713 4.92877L19.4258 5.30181C22.8556 9.09778 22.8581 14.8904 19.4336 18.6895L18.1641 17.1026C20.6853 14.0639 20.6101 9.59631 17.9405 6.64166L17.6573 6.34283C14.5331 3.21888 9.46695 3.21883 6.34281 6.34283C3.39765 9.288 3.22932 13.9597 5.83695 17.1026L4.56645 18.6895C1.02785 14.7637 1.14838 8.70913 4.92875 4.92877Z\" fill=\"currentColor\"/><path d=\"M7.98148 7.54498C10.3367 5.41706 13.9723 5.48816 16.2422 7.75787L16.4375 7.96197C18.3618 10.0731 18.508 13.2246 16.878 15.4952L15.5538 13.8399C16.3063 12.3872 16.1071 10.5682 14.958 9.30767L14.8282 9.17193C13.3151 7.65904 10.8915 7.61126 9.32133 9.02935L9.17191 9.17193C7.9089 10.4349 7.66635 12.3341 8.44633 13.8399L7.12211 15.4952C5.43869 13.1501 5.65005 9.86567 7.75785 7.75787L7.98148 7.54498Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 3C5.01472 3 3 5.01472 3 7.5V9H21V7.5C21 5.01472 18.9853 3 16.5 3H7.5ZM3 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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.5 3C5.01472 3 3 5.01472 3 7.5V9H21V7.5C21 5.01472 18.9853 3 16.5 3H7.5ZM3 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\"/>", "square-filled-radius-0-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.6355 3 12.0878 3.78503 13 4.99902V11.001C12.0878 12.215 10.6355 13 9 13C8.65756 13 8.32308 12.966 8 12.9004V21H4V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M17 19H20V21H15V13H17V19Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={maskInner("<path d=\"M9 3C10.6355 3 12.0878 3.78503 13 4.99902V11.001C12.0878 12.215 10.6355 13 9 13C8.65756 13 8.32308 12.966 8 12.9004V21H4V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M17 19H20V21H15V13H17V19Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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.492 9.70425 17.1635 9.22656 17.6582C9.26966 17.7122 9.31079 17.7683 9.35059 17.8262C9.90946 18.6392 9.99999 19.6566 10 20.5V21H8V20.5C7.99999 19.7224 7.8951 19.2407 7.70215 18.96C7.56758 18.7643 7.27694 18.502 6.38086 18.502V18.5H6V21H4V13H7.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 8V21H16V12.9004C15.6769 12.966 15.3424 13 15 13C13.3645 13 11.9122 12.215 11 11.001V4.99902C11.9122 3.78503 13.3645 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.492 9.70425 17.1635 9.22656 17.6582C9.26966 17.7122 9.31079 17.7683 9.35059 17.8262C9.90946 18.6392 9.99999 19.6566 10 20.5V21H8V20.5C7.99999 19.7224 7.8951 19.2407 7.70215 18.96C7.56758 18.7643 7.27694 18.502 6.38086 18.502V18.5H6V21H4V13H7.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 8V21H16V12.9004C15.6769 12.966 15.3424 13 15 13C13.3645 13 11.9122 12.215 11 11.001V4.99902C11.9122 3.78503 13.3645 3 15 3Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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.3644 13 2.91223 12.2147 2 11.0005V4.99951C2.91223 3.78534 4.3644 3 6 3C8.76142 3 11 5.23858 11 8L11 21H7V12.9C6.67689 12.9656 6.34247 13 6 13Z\" fill=\"currentColor\"/><path d=\"M18 13C19.6356 13 21.0878 12.2147 22 11.0005V4.99951C21.0878 3.78534 19.6356 3 18 3C15.2386 3 13 5.23858 13 8L13 21H17V12.9C17.3231 12.9656 17.6575 13 18 13Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={maskInner("<path d=\"M6 13C4.3644 13 2.91223 12.2147 2 11.0005V4.99951C2.91223 3.78534 4.3644 3 6 3C8.76142 3 11 5.23858 11 8L11 21H7V12.9C6.67689 12.9656 6.34247 13 6 13Z\" fill=\"currentColor\"/><path d=\"M18 13C19.6356 13 21.0878 12.2147 22 11.0005V4.99951C21.0878 3.78534 19.6356 3 18 3C15.2386 3 13 5.23858 13 8L13 21H17V12.9C17.3231 12.9656 17.6575 13 18 13Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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 2.79492L21 4.66992V19.3298L11 21.2048V2.79492ZM9 3.99985V19.9998H7V3.99985H9ZM5 4.99985V18.9998H3V4.99985H5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 2.79492L21 4.66992V19.3298L11 21.2048V2.79492ZM9 3.99985V19.9998H7V3.99985H9ZM5 4.99985V18.9998H3V4.99985H5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-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=\"M21.2031 11L19.3281 21H4.66827L2.79327 11H21.2031ZM19.9982 9H3.9982V7H19.9982V9ZM18.9982 5H4.9982V3H18.9982V5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.2031 11L19.3281 21H4.66827L2.79327 11H21.2031ZM19.9982 9H3.9982V7H19.9982V9ZM18.9982 5H4.9982V3H18.9982V5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-IconAlbums2", props.mode)} />
 );
 
 export default IconAlbums2;

package/IconAlien/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlien = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11C21 14.3272 19.3454 17.3024 17.5026 19.4085C16.5746 20.4691 15.5716 21.3416 14.6484 21.9571C14.187 22.2647 13.7316 22.5174 13.3033 22.6962C12.8885 22.8694 12.4365 23 12 23C11.5635 23 11.1115 22.8694 10.6967 22.6962C10.2684 22.5174 9.81298 22.2647 9.35155 21.9571C8.42837 21.3416 7.4254 20.4691 6.49742 19.4085C4.65457 17.3024 3 14.3272 3 11ZM6.5 9.99999C10.5 9.49996 11 11.5 11 14C7 14.5 6.5 12.5 6.5 9.99999ZM17.5 9.99999C13.5 9.49996 13 11.5 13 14C17 14.5 17.5 12.5 17.5 9.99999Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11C21 14.3272 19.3454 17.3024 17.5026 19.4085C16.5746 20.4691 15.5716 21.3416 14.6484 21.9571C14.187 22.2647 13.7316 22.5174 13.3033 22.6962C12.8885 22.8694 12.4365 23 12 23C11.5635 23 11.1115 22.8694 10.6967 22.6962C10.2684 22.5174 9.81298 22.2647 9.35155 21.9571C8.42837 21.3416 7.4254 20.4691 6.49742 19.4085C4.65457 17.3024 3 14.3272 3 11ZM6.5 9.99999C10.5 9.49996 11 11.5 11 14C7 14.5 6.5 12.5 6.5 9.99999ZM17.5 9.99999C13.5 9.49996 13 11.5 13 14C17 14.5 17.5 12.5 17.5 9.99999Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-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 17H13V7H11L11 17Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "align-horizontal-center, alignment" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 21V3H21V21H3ZM11 17H13V7H11L11 17Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-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 11V13H17V11H7Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "align-vertical-center, alignment" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 21V3H21V21H3ZM7 11V13H17V11H7Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-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 4H21V6H3V4ZM3 4H21V6H3V4ZM3 4H21V6H3V4Z\" fill=\"currentColor\"/><path d=\"M17 11V13H7V11H17Z\" fill=\"currentColor\"/><path d=\"M21 18V20H3V18H21Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-center" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V6H3V4ZM3 4H21V6H3V4ZM3 4H21V6H3V4Z\" fill=\"currentColor\"/><path d=\"M17 11V13H7V11H17Z\" fill=\"currentColor\"/><path d=\"M21 18V20H3V18H21Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-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 4H21V6H3V4ZM3 4H21V6H3V4ZM3 4H21V6H3V4Z\" fill=\"currentColor\"/><path d=\"M21 11V13H3V11H21Z\" fill=\"currentColor\"/><path d=\"M21 18V20H3V18H21Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-justify" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V6H3V4ZM3 4H21V6H3V4ZM3 4H21V6H3V4Z\" fill=\"currentColor\"/><path d=\"M21 11V13H3V11H21Z\" fill=\"currentColor\"/><path d=\"M21 18V20H3V18H21Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-IconAlignmentJustify", props.mode)} />
 );
 
 export default IconAlignmentJustify;

package/IconAlignmentLeft/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlignmentLeft = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-left" })} innerHTML={"<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V6H3V4ZM3 4H21V6H3V4ZM3 4H21V6H3V4Z\" fill=\"currentColor\"/><path d=\"M13 11V13H3V11H13Z\" fill=\"currentColor\"/><path d=\"M21 18V20H3V18H21Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alignment-left" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3 4H21V6H3V4ZM3 4H21V6H3V4ZM3 4H21V6H3V4Z\" fill=\"currentColor\"/><path d=\"M13 11V13H3V11H13Z\" fill=\"currentColor\"/><path d=\"M21 18V20H3V18H21Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-2-IconAlignmentLeft", props.mode)} />
 );
 
 export default IconAlignmentLeft;