@central-icons-solid/round-filled-radius-2-stroke-1 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\"/>", "round-filled-radius-2-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.25 11.8562C11.4047 11.7669 11.5 11.6019 11.5 11.4232V2.32783C11.5 1.94295 11.0834 1.70239 10.75 1.8948L3.87325 5.86427C3.09963 6.31082 2.62305 7.13621 2.62305 8.02945V15.9718C2.62305 16.3567 3.03975 16.5973 3.37308 16.4048L11.25 11.8562Z\" fill=\"currentColor\"/><path d=\"M21.377 8.02945C21.377 7.13621 20.9004 6.31082 20.1268 5.86427L13.25 1.8948C12.9166 1.70239 12.5 1.94295 12.5 2.32783V11.4232C12.5 11.6019 12.5953 11.7669 12.75 11.8562L20.6269 16.4048C20.9603 16.5973 21.377 16.3567 21.377 15.9718V8.02945Z\" fill=\"currentColor\"/><path d=\"M20.125 18.1361C20.4584 17.9437 20.4584 17.4625 20.1251 17.2701L12.249 12.7225C12.0943 12.6331 11.9037 12.6331 11.749 12.7225L3.87308 17.27C3.53974 17.4625 3.53977 17.9437 3.87313 18.1361L10.7501 22.1056C11.5235 22.5521 12.4764 22.5521 13.2499 22.1055L20.125 18.1361Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M11.25 11.8562C11.4047 11.7669 11.5 11.6019 11.5 11.4232V2.32783C11.5 1.94295 11.0834 1.70239 10.75 1.8948L3.87325 5.86427C3.09963 6.31082 2.62305 7.13621 2.62305 8.02945V15.9718C2.62305 16.3567 3.03975 16.5973 3.37308 16.4048L11.25 11.8562Z\" fill=\"currentColor\"/><path d=\"M21.377 8.02945C21.377 7.13621 20.9004 6.31082 20.1268 5.86427L13.25 1.8948C12.9166 1.70239 12.5 1.94295 12.5 2.32783V11.4232C12.5 11.6019 12.5953 11.7669 12.75 11.8562L20.6269 16.4048C20.9603 16.5973 21.377 16.3567 21.377 15.9718V8.02945Z\" fill=\"currentColor\"/><path d=\"M20.125 18.1361C20.4584 17.9437 20.4584 17.4625 20.1251 17.2701L12.249 12.7225C12.0943 12.6331 11.9037 12.6331 11.749 12.7225L3.87308 17.27C3.53974 17.4625 3.53977 17.9437 3.87313 18.1361L10.7501 22.1056C11.5235 22.5521 12.4764 22.5521 13.2499 22.1055L20.125 18.1361Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.25 12.1437C11.4047 12.233 11.5 12.3981 11.5 12.5767V21.6721C11.5 22.057 11.0834 22.2976 10.75 22.1052L3.87325 18.1357C3.09963 17.6891 2.62305 16.8638 2.62305 15.9705V8.02819C2.62305 7.64327 3.03975 7.40271 3.37308 7.59519L11.25 12.1437Z\" fill=\"currentColor\"/><path d=\"M21.377 15.9705C21.377 16.8638 20.9004 17.6891 20.1268 18.1357L13.25 22.1052C12.9166 22.2976 12.5 22.057 12.5 21.6721V12.5767C12.5 12.3981 12.5953 12.233 12.75 12.1437L20.6269 7.59519C20.9603 7.40271 21.377 7.64327 21.377 8.02819V15.9705Z\" fill=\"currentColor\"/><path d=\"M20.125 5.86386C20.4584 6.05631 20.4584 6.53742 20.1251 6.72988L12.249 11.2775C12.0943 11.3668 11.9037 11.3668 11.749 11.2775L3.87308 6.72992C3.53974 6.53745 3.53977 6.05631 3.87313 5.86388L10.7501 1.89433C11.5235 1.44786 12.4764 1.4479 13.2499 1.89445L20.125 5.86386Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.25 12.1437C11.4047 12.233 11.5 12.3981 11.5 12.5767V21.6721C11.5 22.057 11.0834 22.2976 10.75 22.1052L3.87325 18.1357C3.09963 17.6891 2.62305 16.8638 2.62305 15.9705V8.02819C2.62305 7.64327 3.03975 7.40271 3.37308 7.59519L11.25 12.1437Z\" fill=\"currentColor\"/><path d=\"M21.377 15.9705C21.377 16.8638 20.9004 17.6891 20.1268 18.1357L13.25 22.1052C12.9166 22.2976 12.5 22.057 12.5 21.6721V12.5767C12.5 12.3981 12.5953 12.233 12.75 12.1437L20.6269 7.59519C20.9603 7.40271 21.377 7.64327 21.377 8.02819V15.9705Z\" fill=\"currentColor\"/><path d=\"M20.125 5.86386C20.4584 6.05631 20.4584 6.53742 20.1251 6.72988L12.249 11.2775C12.0943 11.3668 11.9037 11.3668 11.749 11.2775L3.87308 6.72992C3.53974 6.53745 3.53977 6.05631 3.87313 5.86388L10.7501 1.89433C11.5235 1.44786 12.4764 1.4479 13.2499 1.89445L20.125 5.86386Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M2.625 8.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3984 11.502 12.5771V21.6718C11.502 22.0566 11.0853 22.2977 10.752 22.1054L3.875 18.1357C3.10152 17.6891 2.62507 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9024 17.6891 20.1289 18.1357L13.252 22.1054C12.9186 22.2977 12.502 22.0566 12.502 21.6718V12.5771C12.502 12.3984 12.5973 12.2328 12.752 12.1435L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3666 11.9057 11.3666 11.751 11.2773L3.875 6.72941C3.54194 6.53691 3.54194 6.05666 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.4601 6.05666 20.4601 6.53694 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M2.625 8.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3984 11.502 12.5771V21.6718C11.502 22.0566 11.0853 22.2977 10.752 22.1054L3.875 18.1357C3.10152 17.6891 2.62507 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9024 17.6891 20.1289 18.1357L13.252 22.1054C12.9186 22.2977 12.502 22.0566 12.502 21.6718V12.5771C12.502 12.3984 12.5973 12.2328 12.752 12.1435L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3666 11.9057 11.3666 11.751 11.2773L3.875 6.72941C3.54194 6.53691 3.54194 6.05666 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.4601 6.05666 20.4601 6.53694 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M2.625 8.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3985 11.502 12.5771V21.6718C11.5018 22.0565 11.0852 22.2976 10.752 22.1054L3.875 18.1357C3.10156 17.6892 2.62513 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9023 17.6892 20.1289 18.1357L13.252 22.1054C12.9187 22.2976 12.5021 22.0565 12.502 21.6718V12.5771C12.502 12.3985 12.5973 12.2328 12.752 12.1435L16.752 9.83293V14.456C16.752 14.6065 16.7525 14.6817 16.7705 14.7314C16.8203 14.8682 16.9611 14.95 17.1045 14.9247C17.1565 14.9154 17.2216 14.8776 17.3516 14.8027C17.4484 14.7468 17.4969 14.7182 17.5371 14.6845C17.6452 14.5938 17.7187 14.468 17.7432 14.329C17.7523 14.2774 17.752 14.2212 17.752 14.1093V9.25578L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3665 11.9057 11.3665 11.751 11.2773L3.875 6.72941C3.54197 6.53692 3.54201 6.05668 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.46 6.05669 20.4601 6.53695 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M2.625 8.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3985 11.502 12.5771V21.6718C11.5018 22.0565 11.0852 22.2976 10.752 22.1054L3.875 18.1357C3.10156 17.6892 2.62513 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9023 17.6892 20.1289 18.1357L13.252 22.1054C12.9187 22.2976 12.5021 22.0565 12.502 21.6718V12.5771C12.502 12.3985 12.5973 12.2328 12.752 12.1435L16.752 9.83293V14.456C16.752 14.6065 16.7525 14.6817 16.7705 14.7314C16.8203 14.8682 16.9611 14.95 17.1045 14.9247C17.1565 14.9154 17.2216 14.8776 17.3516 14.8027C17.4484 14.7468 17.4969 14.7182 17.5371 14.6845C17.6452 14.5938 17.7187 14.468 17.7432 14.329C17.7523 14.2774 17.752 14.2212 17.752 14.1093V9.25578L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3665 11.9057 11.3665 11.751 11.2773L3.875 6.72941C3.54197 6.53692 3.54201 6.05668 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.46 6.05669 20.4601 6.53695 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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\"/>", "round-filled-radius-2-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.29346 8.90234V13.3496H6.39038V13.3159C7.04736 12.1423 7.89526 10.8733 9.271 8.90234H9.29346Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 6.5C2 5.11929 3.11929 4 4.5 4H19.5C20.8807 4 22 5.11929 22 6.5V17.5C22 18.8807 20.8807 20 19.5 20H4.5C3.11929 20 2 18.8807 2 17.5V6.5ZM9.28223 15.4778C9.28223 15.8652 9.53491 16.1067 9.88306 16.1067C10.2368 16.1067 10.4895 15.8652 10.4895 15.4778V14.3884H11.1296C11.4609 14.3884 11.6799 14.175 11.6799 13.8606C11.6799 13.5461 11.4609 13.3328 11.1296 13.3328H10.4895V8.7395C10.4895 8.13306 10.1133 7.79053 9.4563 7.79053C8.92847 7.79053 8.6084 8.01514 8.11426 8.74512C7.06982 10.2612 6.0647 11.7661 5.49194 12.7937C5.27856 13.1643 5.21118 13.3889 5.21118 13.6753C5.21118 14.1077 5.49756 14.3884 5.94678 14.3884H9.28223V15.4778ZM12.6794 15.4385C12.6794 15.8428 12.9153 16.0898 13.3083 16.0898C13.6958 16.0898 13.9373 15.8428 13.9373 15.4385V13.2991L14.802 12.3726L17.5984 15.7698C17.7893 16.0056 17.9521 16.0955 18.1992 16.0955C18.5417 16.0955 18.8057 15.8315 18.8057 15.489C18.8057 15.3318 18.7383 15.1577 18.5811 14.9668L15.7173 11.5078L18.3059 8.81812C18.4407 8.67212 18.5024 8.53735 18.5024 8.38013C18.5024 8.05444 18.2554 7.80176 17.9128 7.80176C17.7163 7.80176 17.5647 7.87476 17.3962 8.06006L13.9878 11.7156H13.9373V8.45874C13.9373 8.05444 13.6958 7.80737 13.3083 7.80737C12.9153 7.80737 12.6794 8.05444 12.6794 8.45874V15.4385Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M9.29346 8.90234V13.3496H6.39038V13.3159C7.04736 12.1423 7.89526 10.8733 9.271 8.90234H9.29346Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 6.5C2 5.11929 3.11929 4 4.5 4H19.5C20.8807 4 22 5.11929 22 6.5V17.5C22 18.8807 20.8807 20 19.5 20H4.5C3.11929 20 2 18.8807 2 17.5V6.5ZM9.28223 15.4778C9.28223 15.8652 9.53491 16.1067 9.88306 16.1067C10.2368 16.1067 10.4895 15.8652 10.4895 15.4778V14.3884H11.1296C11.4609 14.3884 11.6799 14.175 11.6799 13.8606C11.6799 13.5461 11.4609 13.3328 11.1296 13.3328H10.4895V8.7395C10.4895 8.13306 10.1133 7.79053 9.4563 7.79053C8.92847 7.79053 8.6084 8.01514 8.11426 8.74512C7.06982 10.2612 6.0647 11.7661 5.49194 12.7937C5.27856 13.1643 5.21118 13.3889 5.21118 13.6753C5.21118 14.1077 5.49756 14.3884 5.94678 14.3884H9.28223V15.4778ZM12.6794 15.4385C12.6794 15.8428 12.9153 16.0898 13.3083 16.0898C13.6958 16.0898 13.9373 15.8428 13.9373 15.4385V13.2991L14.802 12.3726L17.5984 15.7698C17.7893 16.0056 17.9521 16.0955 18.1992 16.0955C18.5417 16.0955 18.8057 15.8315 18.8057 15.489C18.8057 15.3318 18.7383 15.1577 18.5811 14.9668L15.7173 11.5078L18.3059 8.81812C18.4407 8.67212 18.5024 8.53735 18.5024 8.38013C18.5024 8.05444 18.2554 7.80176 17.9128 7.80176C17.7163 7.80176 17.5647 7.87476 17.3962 8.06006L13.9878 11.7156H13.9373V8.45874C13.9373 8.05444 13.6958 7.80737 13.3083 7.80737C12.9153 7.80737 12.6794 8.05444 12.6794 8.45874V15.4385Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M18.5 15C18.7761 15 19 15.2239 19 15.5V18H21.5C21.7761 18 22 18.2239 22 18.5C22 18.7761 21.7761 19 21.5 19H19V21.5C19 21.7761 18.7761 22 18.5 22C18.2239 22 18 21.7761 18 21.5V19H15.5C15.2239 19 15 18.7761 15 18.5C15 18.2239 15.2239 18 15.5 18H18V15.5C18 15.2239 18.2239 15 18.5 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 3C19.8807 3 21 4.11929 21 5.5V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L9.06055 13.0605C8.47479 12.4749 7.52521 12.4749 6.93945 13.0605L4 16V18.5C4 19.3284 4.67157 20 5.5 20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H5.5C4.11929 21 3 19.8807 3 18.5V5.5C3 4.11929 4.11929 3 5.5 3H18.5ZM15 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=\"M18.5 15C18.7761 15 19 15.2239 19 15.5V18H21.5C21.7761 18 22 18.2239 22 18.5C22 18.7761 21.7761 19 21.5 19H19V21.5C19 21.7761 18.7761 22 18.5 22C18.2239 22 18 21.7761 18 21.5V19H15.5C15.2239 19 15 18.7761 15 18.5C15 18.2239 15.2239 18 15.5 18H18V15.5C18 15.2239 18.2239 15 18.5 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 3C19.8807 3 21 4.11929 21 5.5V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L9.06055 13.0605C8.47479 12.4749 7.52521 12.4749 6.93945 13.0605L4 16V18.5C4 19.3284 4.67157 20 5.5 20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H5.5C4.11929 21 3 19.8807 3 18.5V5.5C3 4.11929 4.11929 3 5.5 3H18.5ZM15 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\"/>", "round-filled-radius-2-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=\"M10.2319 2.56035C11.2082 1.58405 12.7912 1.58405 13.7675 2.56035L21.439 10.2319C22.4153 11.2082 22.4153 12.7911 21.439 13.7674L13.7675 21.439C12.7912 22.4153 11.2082 22.4153 10.2319 21.439L2.56035 13.7674C1.58405 12.7911 1.58405 11.2082 2.56036 10.2319L10.2319 2.56035ZM12.4998 8.99976C12.4998 8.72361 12.2759 8.49976 11.9998 8.49976C11.7236 8.49976 11.4998 8.72361 11.4998 8.99976V11.4998H8.99976C8.72361 11.4998 8.49976 11.7236 8.49976 11.9998C8.49976 12.2759 8.72361 12.4998 8.99976 12.4998H11.4998V14.9998C11.4998 15.2759 11.7236 15.4998 11.9998 15.4998C12.2759 15.4998 12.4998 15.2759 12.4998 14.9998V12.4998H14.9998C15.2759 12.4998 15.4998 12.2759 15.4998 11.9998C15.4998 11.7236 15.2759 11.4998 14.9998 11.4998H12.4998V8.99976Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M10.2319 2.56035C11.2082 1.58405 12.7912 1.58405 13.7675 2.56035L21.439 10.2319C22.4153 11.2082 22.4153 12.7911 21.439 13.7674L13.7675 21.439C12.7912 22.4153 11.2082 22.4153 10.2319 21.439L2.56035 13.7674C1.58405 12.7911 1.58405 11.2082 2.56036 10.2319L10.2319 2.56035ZM12.4998 8.99976C12.4998 8.72361 12.2759 8.49976 11.9998 8.49976C11.7236 8.49976 11.4998 8.72361 11.4998 8.99976V11.4998H8.99976C8.72361 11.4998 8.49976 11.7236 8.49976 11.9998C8.49976 12.2759 8.72361 12.4998 8.99976 12.4998H11.4998V14.9998C11.4998 15.2759 11.7236 15.4998 11.9998 15.4998C12.2759 15.4998 12.4998 15.2759 12.4998 14.9998V12.4998H14.9998C15.2759 12.4998 15.4998 12.2759 15.4998 11.9998C15.4998 11.7236 15.2759 11.4998 14.9998 11.4998H12.4998V8.99976Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.1818 10.303C20.3884 10.7469 19.4738 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L4.25551 3.55028C4.0461 2.64282 3.23804 2 2.30673 2H1.5C1.22386 2 1 2.22386 1 2.5C1 2.77614 1.22386 3 1.5 3H2.30673C2.77239 3 3.17641 3.32141 3.28112 3.77514L5.65505 14.0621C5.91682 15.1965 6.92689 16 8.09103 16H17.9C19.0693 16 20.0824 15.1895 20.339 14.0488L21.1818 10.303Z\" 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=\"M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C18.7761 2 19 2.22386 19 2.5V5H21.5C21.7761 5 22 5.22386 22 5.5C22 5.77614 21.7761 6 21.5 6H19V8.5C19 8.77614 18.7761 9 18.5 9C18.2239 9 18 8.77614 18 8.5V6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H18V2.5C18 2.22386 18.2239 2 18.5 2Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M21.1818 10.303C20.3884 10.7469 19.4738 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L4.25551 3.55028C4.0461 2.64282 3.23804 2 2.30673 2H1.5C1.22386 2 1 2.22386 1 2.5C1 2.77614 1.22386 3 1.5 3H2.30673C2.77239 3 3.17641 3.32141 3.28112 3.77514L5.65505 14.0621C5.91682 15.1965 6.92689 16 8.09103 16H17.9C19.0693 16 20.0824 15.1895 20.339 14.0488L21.1818 10.303Z\" 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=\"M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C18.7761 2 19 2.22386 19 2.5V5H21.5C21.7761 5 22 5.22386 22 5.5C22 5.77614 21.7761 6 21.5 6H19V8.5C19 8.77614 18.7761 9 18.5 9C18.2239 9 18 8.77614 18 8.5V6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H18V2.5C18 2.22386 18.2239 2 18.5 2Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.1857 3.03589C8.44209 3.13845 8.5668 3.42944 8.46424 3.68583L6.73857 8H17.2614L15.5358 3.68583C15.4332 3.42944 15.5579 3.13845 15.8143 3.03589C16.0707 2.93334 16.3617 3.05805 16.4642 3.31444L18.3385 8H20.3191C21.246 8 21.9511 8.8323 21.7987 9.7466L21.0412 14.2916C20.0844 13.4856 18.8489 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H6.19385C4.97175 21 3.92878 20.1165 3.72787 18.911L2.20047 9.7466C2.04808 8.8323 2.75315 8 3.68006 8H5.66154L7.53576 3.31444C7.63832 3.05805 7.92931 2.93334 8.1857 3.03589Z\" 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.1857 3.03589C8.44209 3.13845 8.5668 3.42944 8.46424 3.68583L6.73857 8H17.2614L15.5358 3.68583C15.4332 3.42944 15.5579 3.13845 15.8143 3.03589C16.0707 2.93334 16.3617 3.05805 16.4642 3.31444L18.3385 8H20.3191C21.246 8 21.9511 8.8323 21.7987 9.7466L21.0412 14.2916C20.0844 13.4856 18.8489 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H6.19385C4.97175 21 3.92878 20.1165 3.72787 18.911L2.20047 9.7466C2.04808 8.8323 2.75315 8 3.68006 8H5.66154L7.53576 3.31444C7.63832 3.05805 7.92931 2.93334 8.1857 3.03589Z\" 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\"/>", "round-filled-radius-2-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.2923L11.6464 11.6464C11.8417 11.4512 12.1583 11.4512 12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536L6.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.2923L11.6464 11.6464C11.8417 11.4512 12.1583 11.4512 12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536L6.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\"/>", "round-filled-radius-2-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\"/>", "round-filled-radius-2-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\"/>", "round-filled-radius-2-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.5H15.5C16.8807 11.5 18 12.6193 18 14V14.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.5352V14C17 13.1716 16.3284 12.5 15.5 12.5H8.5C7.67157 12.5 7 13.1716 7 14V14.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.5352V14C6 12.6193 7.11929 11.5 8.5 11.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.5H15.5C16.8807 11.5 18 12.6193 18 14V14.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.5352V14C17 13.1716 16.3284 12.5 15.5 12.5H8.5C7.67157 12.5 7 13.1716 7 14V14.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.5352V14C6 12.6193 7.11929 11.5 8.5 11.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\"/>", "round-filled-radius-2-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\"/>", "round-filled-radius-2-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 11C18.3012 11 18.5716 11.1856 18.6797 11.4668L19.5508 13.7314C19.6777 14.0615 19.9385 14.3223 20.2686 14.4492L22.5332 15.3203C22.8144 15.4284 23 15.6988 23 16C23 16.3012 22.8144 16.5716 22.5332 16.6797L20.2686 17.5508C19.9385 17.6777 19.6777 17.9385 19.5508 18.2686L18.6797 20.5332C18.5716 20.8144 18.3012 21 18 21C17.6988 21 17.4284 20.8144 17.3203 20.5332L16.4492 18.2686C16.3223 17.9385 16.0615 17.6777 15.7314 17.5508L13.4668 16.6797C13.1856 16.5716 13 16.3012 13 16C13 15.6988 13.1856 15.4284 13.4668 15.3203L15.7314 14.4492C16.0615 14.3223 16.3223 14.0615 16.4492 13.7314L17.3203 11.4668C17.4284 11.1856 17.6988 11 18 11Z\" fill=\"currentColor\"/><path d=\"M9.5 17C9.77614 17 10 17.2239 10 17.5C10 17.7761 9.77614 18 9.5 18H3.5C3.22386 18 3 17.7761 3 17.5C3 17.2239 3.22386 17 3.5 17H9.5Z\" fill=\"currentColor\"/><path d=\"M5.5 11C5.77614 11 6 11.2239 6 11.5C6 11.7761 5.77614 12 5.5 12H3.5C3.22386 12 3 11.7761 3 11.5C3 11.2239 3.22386 11 3.5 11H5.5Z\" fill=\"currentColor\"/><path d=\"M12.5 11C12.7761 11 13 11.2239 13 11.5C13 11.7761 12.7761 12 12.5 12H8.5C8.22386 12 8 11.7761 8 11.5C8 11.2239 8.22386 11 8.5 11H12.5Z\" fill=\"currentColor\"/><path d=\"M12.5 5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H3.5C3.22386 6 3 5.77614 3 5.5C3 5.22386 3.22386 5 3.5 5H12.5Z\" fill=\"currentColor\"/><path d=\"M20.5 5C20.7761 5 21 5.22386 21 5.5C21 5.77614 20.7761 6 20.5 6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H20.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M18 11C18.3012 11 18.5716 11.1856 18.6797 11.4668L19.5508 13.7314C19.6777 14.0615 19.9385 14.3223 20.2686 14.4492L22.5332 15.3203C22.8144 15.4284 23 15.6988 23 16C23 16.3012 22.8144 16.5716 22.5332 16.6797L20.2686 17.5508C19.9385 17.6777 19.6777 17.9385 19.5508 18.2686L18.6797 20.5332C18.5716 20.8144 18.3012 21 18 21C17.6988 21 17.4284 20.8144 17.3203 20.5332L16.4492 18.2686C16.3223 17.9385 16.0615 17.6777 15.7314 17.5508L13.4668 16.6797C13.1856 16.5716 13 16.3012 13 16C13 15.6988 13.1856 15.4284 13.4668 15.3203L15.7314 14.4492C16.0615 14.3223 16.3223 14.0615 16.4492 13.7314L17.3203 11.4668C17.4284 11.1856 17.6988 11 18 11Z\" fill=\"currentColor\"/><path d=\"M9.5 17C9.77614 17 10 17.2239 10 17.5C10 17.7761 9.77614 18 9.5 18H3.5C3.22386 18 3 17.7761 3 17.5C3 17.2239 3.22386 17 3.5 17H9.5Z\" fill=\"currentColor\"/><path d=\"M5.5 11C5.77614 11 6 11.2239 6 11.5C6 11.7761 5.77614 12 5.5 12H3.5C3.22386 12 3 11.7761 3 11.5C3 11.2239 3.22386 11 3.5 11H5.5Z\" fill=\"currentColor\"/><path d=\"M12.5 11C12.7761 11 13 11.2239 13 11.5C13 11.7761 12.7761 12 12.5 12H8.5C8.22386 12 8 11.7761 8 11.5C8 11.2239 8.22386 11 8.5 11H12.5Z\" fill=\"currentColor\"/><path d=\"M12.5 5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H3.5C3.22386 6 3 5.77614 3 5.5C3 5.22386 3.22386 5 3.5 5H12.5Z\" fill=\"currentColor\"/><path d=\"M20.5 5C20.7761 5 21 5.22386 21 5.5C21 5.77614 20.7761 6 20.5 6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H20.5Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.5H14.8701C14.7757 12.9644 14.5496 13.4074 14.1895 13.7676L13.7676 14.1895C12.7913 15.1656 11.2087 15.1656 10.2324 14.1895L9.81055 13.7676C9.4504 13.4074 9.22427 12.9644 9.12988 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.5H9.12988C9.22427 11.0356 9.4504 10.5926 9.81055 10.2324L10.2324 9.81055C11.2087 8.83444 12.7913 8.83444 13.7676 9.81055L14.1895 10.2324C14.5496 10.5926 14.7757 11.0356 14.8701 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.5H14.8701C14.7757 12.9644 14.5496 13.4074 14.1895 13.7676L13.7676 14.1895C12.7913 15.1656 11.2087 15.1656 10.2324 14.1895L9.81055 13.7676C9.4504 13.4074 9.22427 12.9644 9.12988 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.5H9.12988C9.22427 11.0356 9.4504 10.5926 9.81055 10.2324L10.2324 9.81055C11.2087 8.83444 12.7913 8.83444 13.7676 9.81055L14.1895 10.2324C14.5496 10.5926 14.7757 11.0356 14.8701 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\"/>", "round-filled-radius-2-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=\"M13.9385 2C15.0856 2.00001 16.086 2.78065 16.3643 3.89355L16.8906 6H20.5C20.7761 6 21 6.22386 21 6.5C21 6.77614 20.7761 7 20.5 7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L18.1699 19.7363C18.048 21.0193 16.9704 21.9996 15.6816 22H8.32129C7.03123 21.9998 5.95357 21.0178 5.83301 19.7334L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3.5C3.22386 7 3 6.77614 3 6.5C3 6.22386 3.22386 6 3.5 6H7.10938L7.63574 3.89355C7.91397 2.78065 8.91437 2.00001 10.0615 2H13.9385ZM14 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.75ZM10.0615 3C9.37339 3.00001 8.77354 3.46824 8.60645 4.13574L8.14062 6H15.8594L15.3936 4.13574C15.2265 3.46824 14.6266 3.00001 13.9385 3H10.0615Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.9385 2C15.0856 2.00001 16.086 2.78065 16.3643 3.89355L16.8906 6H20.5C20.7761 6 21 6.22386 21 6.5C21 6.77614 20.7761 7 20.5 7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L18.1699 19.7363C18.048 21.0193 16.9704 21.9996 15.6816 22H8.32129C7.03123 21.9998 5.95357 21.0178 5.83301 19.7334L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3.5C3.22386 7 3 6.77614 3 6.5C3 6.22386 3.22386 6 3.5 6H7.10938L7.63574 3.89355C7.91397 2.78065 8.91437 2.00001 10.0615 2H13.9385ZM14 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.75ZM10.0615 3C9.37339 3.00001 8.77354 3.46824 8.60645 4.13574L8.14062 6H15.8594L15.3936 4.13574C15.2265 3.46824 14.6266 3.00001 13.9385 3H10.0615Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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 2ZM12 6.84863C11.6988 6.84863 11.4284 7.03428 11.3203 7.31543L10.3701 9.78711C10.2939 9.98518 10.1365 10.1426 9.93848 10.2188L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.93848 13.4785C10.1365 13.5547 10.2939 13.7121 10.3701 13.9102L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.6299 13.9102C13.7061 13.7121 13.8635 13.5547 14.0615 13.4785L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.0615 10.2188C13.8635 10.1426 13.7061 9.98518 13.6299 9.78711L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 6.84863C11.6988 6.84863 11.4284 7.03428 11.3203 7.31543L10.3701 9.78711C10.2939 9.98518 10.1365 10.1426 9.93848 10.2188L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.93848 13.4785C10.1365 13.5547 10.2939 13.7121 10.3701 13.9102L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.6299 13.9102C13.7061 13.7121 13.8635 13.5547 14.0615 13.4785L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.0615 10.2188C13.8635 10.1426 13.7061 9.98518 13.6299 9.78711L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.00011 4C7.27625 4 7.50011 4.22386 7.50011 4.5V6H11.5001C11.7763 6 12.0001 6.22386 12.0001 6.5C12.0001 6.77614 11.7763 7 11.5001 7H10.9683C10.5922 9.43184 9.77268 11.3845 8.41063 12.8783C8.22166 13.0856 8.02301 13.2831 7.81461 13.4713C8.8438 14.1517 10.0993 14.6625 11.6129 15.0129C11.8819 15.0752 12.0495 15.3438 11.9872 15.6128C11.9249 15.8818 11.6564 16.0494 11.3873 15.9871C9.65777 15.5867 8.19793 14.9769 6.99933 14.1248C5.80101 14.9767 4.34171 15.5866 2.61296 15.9871C2.34395 16.0494 2.07534 15.8819 2.01301 15.6129C1.95069 15.3438 2.11824 15.0752 2.38726 15.0129C3.90006 14.6624 5.15509 14.1517 6.18406 13.4713C5.97576 13.2833 5.77721 13.0858 5.58835 12.8786C4.22631 11.3848 3.40723 9.43204 3.03188 7H2.50011C2.22397 7 2.00011 6.77614 2.00011 6.5C2.00011 6.22386 2.22397 6 2.50011 6H6.50011V4.5C6.50011 4.22386 6.72397 4 7.00011 4ZM4.04444 7C4.40833 9.22033 5.15901 10.9235 6.32731 12.2049C6.53653 12.4343 6.76033 12.6516 6.99932 12.8568C7.23842 12.6515 7.46235 12.4341 7.67167 12.2046C8.84003 10.9231 9.59109 9.22004 9.95567 7H4.04444ZM14.6214 11.9477C15.1409 10.7355 16.8593 10.7355 17.3788 11.9477L20.9596 20.303C21.0684 20.5568 20.9508 20.8508 20.697 20.9596C20.4432 21.0683 20.1493 20.9508 20.0405 20.6969L19.3132 19H12.687L11.9597 20.6969C11.8509 20.9508 11.557 21.0683 11.3032 20.9596C11.0493 20.8508 10.9318 20.5568 11.0405 20.303L14.6214 11.9477ZM13.1155 18H18.8846L16.4597 12.3416C16.2865 11.9376 15.7137 11.9376 15.5405 12.3416L13.1155 18Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.00011 4C7.27625 4 7.50011 4.22386 7.50011 4.5V6H11.5001C11.7763 6 12.0001 6.22386 12.0001 6.5C12.0001 6.77614 11.7763 7 11.5001 7H10.9683C10.5922 9.43184 9.77268 11.3845 8.41063 12.8783C8.22166 13.0856 8.02301 13.2831 7.81461 13.4713C8.8438 14.1517 10.0993 14.6625 11.6129 15.0129C11.8819 15.0752 12.0495 15.3438 11.9872 15.6128C11.9249 15.8818 11.6564 16.0494 11.3873 15.9871C9.65777 15.5867 8.19793 14.9769 6.99933 14.1248C5.80101 14.9767 4.34171 15.5866 2.61296 15.9871C2.34395 16.0494 2.07534 15.8819 2.01301 15.6129C1.95069 15.3438 2.11824 15.0752 2.38726 15.0129C3.90006 14.6624 5.15509 14.1517 6.18406 13.4713C5.97576 13.2833 5.77721 13.0858 5.58835 12.8786C4.22631 11.3848 3.40723 9.43204 3.03188 7H2.50011C2.22397 7 2.00011 6.77614 2.00011 6.5C2.00011 6.22386 2.22397 6 2.50011 6H6.50011V4.5C6.50011 4.22386 6.72397 4 7.00011 4ZM4.04444 7C4.40833 9.22033 5.15901 10.9235 6.32731 12.2049C6.53653 12.4343 6.76033 12.6516 6.99932 12.8568C7.23842 12.6515 7.46235 12.4341 7.67167 12.2046C8.84003 10.9231 9.59109 9.22004 9.95567 7H4.04444ZM14.6214 11.9477C15.1409 10.7355 16.8593 10.7355 17.3788 11.9477L20.9596 20.303C21.0684 20.5568 20.9508 20.8508 20.697 20.9596C20.4432 21.0683 20.1493 20.9508 20.0405 20.6969L19.3132 19H12.687L11.9597 20.6969C11.8509 20.9508 11.557 21.0683 11.3032 20.9596C11.0493 20.8508 10.9318 20.5568 11.0405 20.303L14.6214 11.9477ZM13.1155 18H18.8846L16.4597 12.3416C16.2865 11.9376 15.7137 11.9376 15.5405 12.3416L13.1155 18Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.7958C7.73859 19.9341 7.82024 20.24 7.68195 20.479C7.54365 20.718 7.23778 20.7997 6.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.6614C16.7622 20.7997 16.4563 20.718 16.318 20.479C16.1797 20.24 16.2614 19.9341 16.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.3307C9.73812 16.469 9.81972 16.7749 9.68138 17.0139C9.54304 17.2529 9.23715 17.3345 8.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.1961C14.7628 17.3345 14.457 17.2529 14.3186 17.0139C14.1803 16.7749 14.2619 16.469 14.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.7958C7.73859 19.9341 7.82024 20.24 7.68195 20.479C7.54365 20.718 7.23778 20.7997 6.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.6614C16.7622 20.7997 16.4563 20.718 16.318 20.479C16.1797 20.24 16.2614 19.9341 16.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.3307C9.73812 16.469 9.81972 16.7749 9.68138 17.0139C9.54304 17.2529 9.23715 17.3345 8.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.1961C14.7628 17.3345 14.457 17.2529 14.3186 17.0139C14.1803 16.7749 14.2619 16.469 14.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\"/>", "round-filled-radius-2-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.5511 11.4974C3.41034 11.5118 3.27003 11.466 3.16499 11.3712C3.05995 11.2764 3 11.1415 3 11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11C21 11.1415 20.94 11.2764 20.835 11.3712C20.73 11.466 20.5897 11.5118 20.4489 11.4974L20.4354 11.496C20.4034 11.5527 20.3597 11.6041 20.3049 11.6463L14.64 16.0039C15.9556 16.0765 17 17.1663 17 18.5V19.5C17 20.8807 15.8807 22 14.5 22H9.5C8.11929 22 7 20.8807 7 19.5V18.5C7 17.1663 8.04439 16.0765 9.35995 16.0039L3.69514 11.6463C3.64027 11.6041 3.59657 11.5527 3.56456 11.496L3.5511 11.4974ZM17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537C13.1416 15.8949 13.0986 15.9449 13.0668 16H12.5V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329ZM11.5 10.9725V16H10.9332C10.9014 15.9449 10.8584 15.8949 10.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.9725Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.5511 11.4974C3.41034 11.5118 3.27003 11.466 3.16499 11.3712C3.05995 11.2764 3 11.1415 3 11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11C21 11.1415 20.94 11.2764 20.835 11.3712C20.73 11.466 20.5897 11.5118 20.4489 11.4974L20.4354 11.496C20.4034 11.5527 20.3597 11.6041 20.3049 11.6463L14.64 16.0039C15.9556 16.0765 17 17.1663 17 18.5V19.5C17 20.8807 15.8807 22 14.5 22H9.5C8.11929 22 7 20.8807 7 19.5V18.5C7 17.1663 8.04439 16.0765 9.35995 16.0039L3.69514 11.6463C3.64027 11.6041 3.59657 11.5527 3.56456 11.496L3.5511 11.4974ZM17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537C13.1416 15.8949 13.0986 15.9449 13.0668 16H12.5V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329ZM11.5 10.9725V16H10.9332C10.9014 15.9449 10.8584 15.8949 10.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.9725Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.5072 2C18.2851 2 17.113 2.48549 16.2488 3.34968L13.4526 6.14585L5.96612 3.50356C5.05825 3.18314 4.04707 3.4125 3.3663 4.09327L2.14646 5.31311C2.04472 5.41485 1.99174 5.55549 2.00106 5.69907C2.01038 5.84265 2.08111 5.97525 2.19515 6.06298L8.6049 10.9936L7.0429 12.5556H5.96733C5.30428 12.5556 4.6684 12.8189 4.19956 13.2878L2.14646 15.3409C2.02625 15.4611 1.97535 15.6341 2.01134 15.8003C2.04733 15.9664 2.16527 16.1029 2.32445 16.1626L5.69546 17.4267C6.1011 17.5789 6.42116 17.8989 6.57327 18.3045L7.8374 21.6756C7.89709 21.8347 8.03357 21.9527 8.19971 21.9887C8.36586 22.0247 8.53891 21.9738 8.65912 21.8536L10.7122 19.8005C11.1811 19.3316 11.4445 18.6957 11.4445 18.0327V16.9571L13.0065 15.3951L17.937 21.8049C18.0248 21.9189 18.1574 21.9896 18.3009 21.9989C18.4445 22.0083 18.5852 21.9553 18.6869 21.8536L19.9067 20.6337C20.5875 19.9529 20.8169 18.9418 20.4964 18.0339L17.8542 10.5474L20.6503 7.75124C21.5145 6.88705 22 5.71496 22 4.49281V2.5C22 2.22386 21.7762 2 21.5 2H19.5072Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.5072 2C18.2851 2 17.113 2.48549 16.2488 3.34968L13.4526 6.14585L5.96612 3.50356C5.05825 3.18314 4.04707 3.4125 3.3663 4.09327L2.14646 5.31311C2.04472 5.41485 1.99174 5.55549 2.00106 5.69907C2.01038 5.84265 2.08111 5.97525 2.19515 6.06298L8.6049 10.9936L7.0429 12.5556H5.96733C5.30428 12.5556 4.6684 12.8189 4.19956 13.2878L2.14646 15.3409C2.02625 15.4611 1.97535 15.6341 2.01134 15.8003C2.04733 15.9664 2.16527 16.1029 2.32445 16.1626L5.69546 17.4267C6.1011 17.5789 6.42116 17.8989 6.57327 18.3045L7.8374 21.6756C7.89709 21.8347 8.03357 21.9527 8.19971 21.9887C8.36586 22.0247 8.53891 21.9738 8.65912 21.8536L10.7122 19.8005C11.1811 19.3316 11.4445 18.6957 11.4445 18.0327V16.9571L13.0065 15.3951L17.937 21.8049C18.0248 21.9189 18.1574 21.9896 18.3009 21.9989C18.4445 22.0083 18.5852 21.9553 18.6869 21.8536L19.9067 20.6337C20.5875 19.9529 20.8169 18.9418 20.4964 18.0339L17.8542 10.5474L20.6503 7.75124C21.5145 6.88705 22 5.71496 22 4.49281V2.5C22 2.22386 21.7762 2 21.5 2H19.5072Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M4.1857 2.01698C4.0376 1.97737 3.87951 2.0079 3.75679 2.09981C3.63408 2.19171 3.56032 2.33484 3.55667 2.48811L3.45555 6.73632L3.19031 6.87372C2.62205 7.16811 2.2118 7.69726 2.06829 8.32095C1.7499 9.70466 2.5743 11.1061 3.94433 11.463L7.29473 12.3357L6.51095 13.8281C6.06372 14.6796 6.52222 15.7261 7.45142 15.9746L8.58166 16.2768C9.20043 16.4423 9.85911 16.364 10.4218 16.058L14.0424 14.0892L19.3074 15.3452C20.1848 15.5545 21.0946 15.1972 21.6063 14.4524C22.2089 13.5752 22.1114 12.3855 21.3711 11.6215L19.7126 9.91005C19.3816 9.5685 18.9672 9.32504 18.5064 9.20664C16.797 8.76741 11.6516 7.44332 9.48152 6.863C9.01487 6.7382 8.62556 6.40566 8.42232 5.94909L7.49322 3.86188C7.18628 3.17236 6.58427 2.65841 5.85514 2.46343L4.1857 2.01698Z\" fill=\"currentColor\"/><path d=\"M2.5 19C2.22386 19 2 19.2239 2 19.5C2 19.7761 2.22386 20 2.5 20H21.5C21.7761 20 22 19.7761 22 19.5C22 19.2239 21.7761 19 21.5 19H2.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M4.1857 2.01698C4.0376 1.97737 3.87951 2.0079 3.75679 2.09981C3.63408 2.19171 3.56032 2.33484 3.55667 2.48811L3.45555 6.73632L3.19031 6.87372C2.62205 7.16811 2.2118 7.69726 2.06829 8.32095C1.7499 9.70466 2.5743 11.1061 3.94433 11.463L7.29473 12.3357L6.51095 13.8281C6.06372 14.6796 6.52222 15.7261 7.45142 15.9746L8.58166 16.2768C9.20043 16.4423 9.85911 16.364 10.4218 16.058L14.0424 14.0892L19.3074 15.3452C20.1848 15.5545 21.0946 15.1972 21.6063 14.4524C22.2089 13.5752 22.1114 12.3855 21.3711 11.6215L19.7126 9.91005C19.3816 9.5685 18.9672 9.32504 18.5064 9.20664C16.797 8.76741 11.6516 7.44332 9.48152 6.863C9.01487 6.7382 8.62556 6.40566 8.42232 5.94909L7.49322 3.86188C7.18628 3.17236 6.58427 2.65841 5.85514 2.46343L4.1857 2.01698Z\" fill=\"currentColor\"/><path d=\"M2.5 19C2.22386 19 2 19.2239 2 19.5C2 19.7761 2.22386 20 2.5 20H21.5C21.7761 20 22 19.7761 22 19.5C22 19.2239 21.7761 19 21.5 19H2.5Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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 fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 19.4999C2 19.2237 2.22386 18.9999 2.5 18.9999H21.5C21.7761 18.9999 22 19.2237 22 19.4999C22 19.776 21.7761 19.9999 21.5 19.9999H2.5C2.22386 19.9999 2 19.776 2 19.4999Z\" fill=\"currentColor\"/><path d=\"M18.035 4.35844C17.5863 4.27646 17.1263 4.31734 16.6984 4.48029C15.1194 5.08171 10.3653 6.89047 8.34851 7.6364C7.91817 7.79557 7.44054 7.75253 7.04377 7.51791L5.23238 6.44681C4.58453 6.06372 3.79856 5.99289 3.09265 6.25399L1.57655 6.81475C1.43319 6.86777 1.32195 6.98347 1.2746 7.12881C1.22725 7.27415 1.24898 7.43316 1.33359 7.56047L3.53457 10.8719L3.46609 11.0004C3.13849 11.6151 3.09872 12.3429 3.3574 12.9896C3.83533 14.1844 5.18141 14.7772 6.3855 14.3231L9.57954 13.1185L9.75376 14.5709C9.86924 15.5336 10.854 16.1354 11.7634 15.7991L12.7303 15.4415C13.3207 15.2231 13.8071 14.7899 14.0921 14.2286L15.8606 10.7455L20.6676 8.82027C21.4724 8.49796 22 7.71832 22 6.8514C22 5.8271 21.2679 4.94915 20.2603 4.76504L18.035 4.35844Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 19.4999C2 19.2237 2.22386 18.9999 2.5 18.9999H21.5C21.7761 18.9999 22 19.2237 22 19.4999C22 19.776 21.7761 19.9999 21.5 19.9999H2.5C2.22386 19.9999 2 19.776 2 19.4999Z\" fill=\"currentColor\"/><path d=\"M18.035 4.35844C17.5863 4.27646 17.1263 4.31734 16.6984 4.48029C15.1194 5.08171 10.3653 6.89047 8.34851 7.6364C7.91817 7.79557 7.44054 7.75253 7.04377 7.51791L5.23238 6.44681C4.58453 6.06372 3.79856 5.99289 3.09265 6.25399L1.57655 6.81475C1.43319 6.86777 1.32195 6.98347 1.2746 7.12881C1.22725 7.27415 1.24898 7.43316 1.33359 7.56047L3.53457 10.8719L3.46609 11.0004C3.13849 11.6151 3.09872 12.3429 3.3574 12.9896C3.83533 14.1844 5.18141 14.7772 6.3855 14.3231L9.57954 13.1185L9.75376 14.5709C9.86924 15.5336 10.854 16.1354 11.7634 15.7991L12.7303 15.4415C13.3207 15.2231 13.8071 14.7899 14.0921 14.2286L15.8606 10.7455L20.6676 8.82027C21.4724 8.49796 22 7.71832 22 6.8514C22 5.8271 21.2679 4.94915 20.2603 4.76504L18.035 4.35844Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M5.6786 3H18.3214C18.8633 3 19.3004 2.99999 19.6543 3.02891C20.0187 3.05868 20.3388 3.12159 20.635 3.27248C21.1054 3.51217 21.4878 3.89462 21.7275 4.36502C21.8784 4.66117 21.9413 4.98126 21.9711 5.34569C22 5.69963 22 6.1367 22 6.67859V14.3214C22 14.8633 22 15.3004 21.9711 15.6543C21.9413 16.0187 21.8784 16.3388 21.7275 16.635C21.4878 17.1054 21.1054 17.4878 20.635 17.7275C20.3388 17.8784 20.0187 17.9413 19.6543 17.9711C19.3004 18 18.8633 18 18.3215 18H17.5C17.2239 18 17 17.7761 17 17.5C17 17.2239 17.2239 17 17.5 17H18.3C18.8683 17 19.2645 16.9996 19.5729 16.9744C19.8755 16.9497 20.0493 16.9036 20.181 16.8365C20.4632 16.6927 20.6927 16.4632 20.8365 16.181C20.9036 16.0493 20.9497 15.8755 20.9744 15.5729C20.9996 15.2645 21 14.8683 21 14.3V6.7C21 6.1317 20.9996 5.73554 20.9744 5.42712C20.9497 5.12454 20.9036 4.95069 20.8365 4.81901C20.6927 4.53677 20.4632 4.3073 20.181 4.16349C20.0493 4.0964 19.8755 4.05031 19.5729 4.02559C19.2645 4.00039 18.8683 4 18.3 4H5.7C5.1317 4 4.73554 4.00039 4.42712 4.02559C4.12454 4.05031 3.95069 4.0964 3.81901 4.16349C3.53677 4.3073 3.3073 4.53677 3.16349 4.81901C3.0964 4.95069 3.05031 5.12454 3.02559 5.42712C3.00039 5.73554 3 6.1317 3 6.7V14.3C3 14.8683 3.00039 15.2645 3.02559 15.5729C3.05031 15.8755 3.0964 16.0493 3.16349 16.181C3.3073 16.4632 3.53677 16.6927 3.81901 16.8365C3.95069 16.9036 4.12454 16.9497 4.42712 16.9744C4.73554 16.9996 5.1317 17 5.7 17H6.5C6.77614 17 7 17.2239 7 17.5C7 17.7761 6.77614 18 6.5 18H5.67858C5.13672 18 4.69961 18 4.34569 17.9711C3.98126 17.9413 3.66117 17.8784 3.36502 17.7275C2.89462 17.4878 2.51217 17.1054 2.27248 16.635C2.12159 16.3388 2.05868 16.0187 2.02891 15.6543C1.99999 15.3004 2 14.8633 2 14.3214V6.6786C2 6.1367 1.99999 5.69963 2.02891 5.34569C2.05868 4.98126 2.12159 4.66117 2.27248 4.36502C2.51217 3.89462 2.89462 3.51217 3.36502 3.27248C3.66117 3.12159 3.98126 3.05868 4.34569 3.02891C4.69963 2.99999 5.1367 3 5.6786 3Z\" fill=\"currentColor\"/><path d=\"M12.4044 14.7059C12.3103 14.5765 12.16 14.5 12 14.5C11.84 14.5 11.6897 14.5765 11.5956 14.7059L7.59563 20.2059C7.48502 20.358 7.46911 20.5593 7.55444 20.7269C7.63978 20.8945 7.81194 21 8 21H16C16.1881 21 16.3602 20.8945 16.4456 20.7269C16.5309 20.5593 16.515 20.358 16.4044 20.2059L12.4044 14.7059Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={maskInner("<path d=\"M5.6786 3H18.3214C18.8633 3 19.3004 2.99999 19.6543 3.02891C20.0187 3.05868 20.3388 3.12159 20.635 3.27248C21.1054 3.51217 21.4878 3.89462 21.7275 4.36502C21.8784 4.66117 21.9413 4.98126 21.9711 5.34569C22 5.69963 22 6.1367 22 6.67859V14.3214C22 14.8633 22 15.3004 21.9711 15.6543C21.9413 16.0187 21.8784 16.3388 21.7275 16.635C21.4878 17.1054 21.1054 17.4878 20.635 17.7275C20.3388 17.8784 20.0187 17.9413 19.6543 17.9711C19.3004 18 18.8633 18 18.3215 18H17.5C17.2239 18 17 17.7761 17 17.5C17 17.2239 17.2239 17 17.5 17H18.3C18.8683 17 19.2645 16.9996 19.5729 16.9744C19.8755 16.9497 20.0493 16.9036 20.181 16.8365C20.4632 16.6927 20.6927 16.4632 20.8365 16.181C20.9036 16.0493 20.9497 15.8755 20.9744 15.5729C20.9996 15.2645 21 14.8683 21 14.3V6.7C21 6.1317 20.9996 5.73554 20.9744 5.42712C20.9497 5.12454 20.9036 4.95069 20.8365 4.81901C20.6927 4.53677 20.4632 4.3073 20.181 4.16349C20.0493 4.0964 19.8755 4.05031 19.5729 4.02559C19.2645 4.00039 18.8683 4 18.3 4H5.7C5.1317 4 4.73554 4.00039 4.42712 4.02559C4.12454 4.05031 3.95069 4.0964 3.81901 4.16349C3.53677 4.3073 3.3073 4.53677 3.16349 4.81901C3.0964 4.95069 3.05031 5.12454 3.02559 5.42712C3.00039 5.73554 3 6.1317 3 6.7V14.3C3 14.8683 3.00039 15.2645 3.02559 15.5729C3.05031 15.8755 3.0964 16.0493 3.16349 16.181C3.3073 16.4632 3.53677 16.6927 3.81901 16.8365C3.95069 16.9036 4.12454 16.9497 4.42712 16.9744C4.73554 16.9996 5.1317 17 5.7 17H6.5C6.77614 17 7 17.2239 7 17.5C7 17.7761 6.77614 18 6.5 18H5.67858C5.13672 18 4.69961 18 4.34569 17.9711C3.98126 17.9413 3.66117 17.8784 3.36502 17.7275C2.89462 17.4878 2.51217 17.1054 2.27248 16.635C2.12159 16.3388 2.05868 16.0187 2.02891 15.6543C1.99999 15.3004 2 14.8633 2 14.3214V6.6786C2 6.1367 1.99999 5.69963 2.02891 5.34569C2.05868 4.98126 2.12159 4.66117 2.27248 4.36502C2.51217 3.89462 2.89462 3.51217 3.36502 3.27248C3.66117 3.12159 3.98126 3.05868 4.34569 3.02891C4.69963 2.99999 5.1367 3 5.6786 3Z\" fill=\"currentColor\"/><path d=\"M12.4044 14.7059C12.3103 14.5765 12.16 14.5 12 14.5C11.84 14.5 11.6897 14.5765 11.5956 14.7059L7.59563 20.2059C7.48502 20.358 7.46911 20.5593 7.55444 20.7269C7.63978 20.8945 7.81194 21 8 21H16C16.1881 21 16.3602 20.8945 16.4456 20.7269C16.5309 20.5593 16.515 20.358 16.4044 20.2059L12.4044 14.7059Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M11.2715 15.166C11.692 14.7156 12.4352 14.7479 12.8096 15.2627L15.8271 19.4121L15.9062 19.5391C16.2469 20.1853 15.7843 21.0006 15.0186 21.001H8.98242C8.16517 21.001 7.69323 20.0731 8.17383 19.4121L11.1914 15.2627L11.2715 15.166Z\" fill=\"currentColor\"/><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 15.0557 20.6279 17.7899 18.4678 19.624C18.2537 19.8055 17.9328 19.7572 17.7676 19.5303C17.6082 19.3112 17.6529 19.0056 17.8584 18.8291C19.7809 17.1788 21 14.7324 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.7322 4.21846 17.1787 6.14062 18.8291C6.34615 19.0056 6.3908 19.3112 6.23145 19.5303C6.06626 19.7572 5.7453 19.8055 5.53125 19.624C3.37155 17.7899 2 15.0554 2 12C2 6.47715 6.47715 2 12 2Z\" fill=\"currentColor\"/><path d=\"M12 5C15.866 5 19 8.13401 19 12C19 14.0563 18.1123 15.9042 16.7002 17.1846C16.4906 17.3746 16.1654 17.3264 15.999 17.0977C15.8414 16.8806 15.8835 16.578 16.0801 16.3955C17.2602 15.3001 18 13.7372 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 13.7369 6.73917 15.3001 7.91895 16.3955C8.11549 16.578 8.15759 16.8806 8 17.0977C7.83361 17.3264 7.50836 17.3736 7.29883 17.1836C5.88737 15.9032 5 14.0558 5 12C5 8.13401 8.13401 5 12 5Z\" fill=\"currentColor\"/><path d=\"M12 8C14.2091 8 16 9.79086 16 12C16 13.0539 15.5921 14.0122 14.9258 14.7266C14.7295 14.937 14.3959 14.8938 14.2266 14.6611L14.2207 14.6523C14.0671 14.4414 14.1052 14.1499 14.2754 13.9521C14.7266 13.4277 15 12.7462 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 12.746 9.2728 13.4276 9.72363 13.9521C9.89355 14.1498 9.93238 14.4405 9.7793 14.6514L9.77246 14.6611C9.60306 14.8938 9.26948 14.9371 9.07324 14.7266C8.40734 14.0122 8 13.0537 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=\"M11.2715 15.166C11.692 14.7156 12.4352 14.7479 12.8096 15.2627L15.8271 19.4121L15.9062 19.5391C16.2469 20.1853 15.7843 21.0006 15.0186 21.001H8.98242C8.16517 21.001 7.69323 20.0731 8.17383 19.4121L11.1914 15.2627L11.2715 15.166Z\" fill=\"currentColor\"/><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 15.0557 20.6279 17.7899 18.4678 19.624C18.2537 19.8055 17.9328 19.7572 17.7676 19.5303C17.6082 19.3112 17.6529 19.0056 17.8584 18.8291C19.7809 17.1788 21 14.7324 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.7322 4.21846 17.1787 6.14062 18.8291C6.34615 19.0056 6.3908 19.3112 6.23145 19.5303C6.06626 19.7572 5.7453 19.8055 5.53125 19.624C3.37155 17.7899 2 15.0554 2 12C2 6.47715 6.47715 2 12 2Z\" fill=\"currentColor\"/><path d=\"M12 5C15.866 5 19 8.13401 19 12C19 14.0563 18.1123 15.9042 16.7002 17.1846C16.4906 17.3746 16.1654 17.3264 15.999 17.0977C15.8414 16.8806 15.8835 16.578 16.0801 16.3955C17.2602 15.3001 18 13.7372 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 13.7369 6.73917 15.3001 7.91895 16.3955C8.11549 16.578 8.15759 16.8806 8 17.0977C7.83361 17.3264 7.50836 17.3736 7.29883 17.1836C5.88737 15.9032 5 14.0558 5 12C5 8.13401 8.13401 5 12 5Z\" fill=\"currentColor\"/><path d=\"M12 8C14.2091 8 16 9.79086 16 12C16 13.0539 15.5921 14.0122 14.9258 14.7266C14.7295 14.937 14.3959 14.8938 14.2266 14.6611L14.2207 14.6523C14.0671 14.4414 14.1052 14.1499 14.2754 13.9521C14.7266 13.4277 15 12.7462 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 12.746 9.2728 13.4276 9.72363 13.9521C9.89355 14.1498 9.93238 14.4405 9.7793 14.6514L9.77246 14.6611C9.60306 14.8938 9.26948 14.9371 9.07324 14.7266C8.40734 14.0122 8 13.0537 8 12C8 9.79086 9.79086 8 12 8Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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\"/>", "round-filled-radius-2-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.3358 3 11.5495 3.5235 12.4463 4.37695C12.8385 4.75021 12.9999 5.29254 13 5.83398V10.165C13 10.7064 12.8384 11.2487 12.4463 11.6221C11.5495 12.4759 10.336 13 9 13C8.6575 13 8.32314 12.965 8 12.8994V19C8 20.1046 7.10457 21 6 21C4.89543 21 4 20.1046 4 19V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M15.5 13C15.7761 13 16 13.2239 16 13.5V20H19.5C19.7761 20 20 20.2239 20 20.5C20 20.7761 19.7761 21 19.5 21H15.5C15.2239 21 15 20.7761 15 20.5V13.5C15 13.2239 15.2239 13 15.5 13Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={maskInner("<path d=\"M9 3C10.3358 3 11.5495 3.5235 12.4463 4.37695C12.8385 4.75021 12.9999 5.29254 13 5.83398V10.165C13 10.7064 12.8384 11.2487 12.4463 11.6221C11.5495 12.4759 10.336 13 9 13C8.6575 13 8.32314 12.965 8 12.8994V19C8 20.1046 7.10457 21 6 21C4.89543 21 4 20.1046 4 19V8C4 5.23858 6.23858 3 9 3Z\" fill=\"currentColor\"/><path d=\"M15.5 13C15.7761 13 16 13.2239 16 13.5V20H19.5C19.7761 20 20 20.2239 20 20.5C20 20.7761 19.7761 21 19.5 21H15.5C15.2239 21 15 20.7761 15 20.5V13.5C15 13.2239 15.2239 13 15.5 13Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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.3569 9.06825 17.112 8.41113 17.5625C8.61667 17.7153 8.79173 17.8983 8.9375 18.1104C9.40478 18.7903 9.49901 19.6731 9.49902 20.5C9.49902 20.7761 9.27507 20.9999 8.99902 21C8.72288 21 8.49902 20.7761 8.49902 20.5C8.49901 19.706 8.39768 19.0906 8.11328 18.6768C7.88993 18.3518 7.50033 18.0787 6.73242 18.0156L6.37988 18.002L6.35938 18H5V20.5C5 20.7761 4.77614 21 4.5 21C4.22386 21 4 20.7761 4 20.5V13.5L4.00977 13.3994C4.05629 13.1714 4.25829 13 4.5 13H7ZM5 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 8V19C20 20.1046 19.1046 21 18 21C16.8954 21 16 20.1046 16 19V12.8994C15.6769 12.965 15.3425 13 15 13C13.664 13 12.4505 12.4759 11.5537 11.6221C11.1616 11.2487 11 10.7064 11 10.165V5.83398C11.0001 5.29254 11.1615 4.75021 11.5537 4.37695C12.4505 3.5235 13.6642 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.3569 9.06825 17.112 8.41113 17.5625C8.61667 17.7153 8.79173 17.8983 8.9375 18.1104C9.40478 18.7903 9.49901 19.6731 9.49902 20.5C9.49902 20.7761 9.27507 20.9999 8.99902 21C8.72288 21 8.49902 20.7761 8.49902 20.5C8.49901 19.706 8.39768 19.0906 8.11328 18.6768C7.88993 18.3518 7.50033 18.0787 6.73242 18.0156L6.37988 18.002L6.35938 18H5V20.5C5 20.7761 4.77614 21 4.5 21C4.22386 21 4 20.7761 4 20.5V13.5L4.00977 13.3994C4.05629 13.1714 4.25829 13 4.5 13H7ZM5 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 8V19C20 20.1046 19.1046 21 18 21C16.8954 21 16 20.1046 16 19V12.8994C15.6769 12.965 15.3425 13 15 13C13.664 13 12.4505 12.4759 11.5537 11.6221C11.1616 11.2487 11 10.7064 11 10.165V5.83398C11.0001 5.29254 11.1615 4.75021 11.5537 4.37695C12.4505 3.5235 13.6642 3 15 3Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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 8V19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19V12.8994C6.67686 12.965 6.3425 13 6 13C4.66386 13 3.4506 12.4756 2.55381 11.6216C2.1617 11.2482 2 10.7063 2 10.1648V5.8344C2 5.29282 2.16178 4.75075 2.5541 4.37739C3.45094 3.52393 4.66422 3 6 3Z\" fill=\"currentColor\"/><path d=\"M18 3C15.2386 3 13 5.23858 13 8V19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19V12.8994C17.3231 12.965 17.6575 13 18 13C19.3361 13 20.5494 12.4756 21.4462 11.6216C21.8383 11.2482 22 10.7063 22 10.1648V5.8344C22 5.29282 21.8382 4.75075 21.4459 4.37739C20.5491 3.52393 19.3358 3 18 3Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={maskInner("<path d=\"M6 3C8.76142 3 11 5.23858 11 8V19C11 20.1046 10.1046 21 9 21C7.89543 21 7 20.1046 7 19V12.8994C6.67686 12.965 6.3425 13 6 13C4.66386 13 3.4506 12.4756 2.55381 11.6216C2.1617 11.2482 2 10.7063 2 10.1648V5.8344C2 5.29282 2.16178 4.75075 2.5541 4.37739C3.45094 3.52393 4.66422 3 6 3Z\" fill=\"currentColor\"/><path d=\"M18 3C15.2386 3 13 5.23858 13 8V19C13 20.1046 13.8954 21 15 21C16.1046 21 17 20.1046 17 19V12.8994C17.3231 12.965 17.6575 13 18 13C19.3361 13 20.5494 12.4756 21.4462 11.6216C21.8383 11.2482 22 10.7063 22 10.1648V5.8344C22 5.29282 21.8382 4.75075 21.4459 4.37739C20.5491 3.52393 19.3358 3 18 3Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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 5.45237C11 3.7724 12.6239 2.57057 14.2305 3.06149L19.2305 4.58927C20.2819 4.91051 21 5.88083 21 6.98015V17.0198C21 18.1191 20.2819 19.0894 19.2305 19.4107L14.2305 20.9385C12.6239 21.4294 11 20.2276 11 18.5476V5.45237ZM7.5 3.99998C7.77614 3.99998 8 4.22383 8 4.49998V19.5C8 19.7761 7.77614 20 7.5 20C7.22386 20 7 19.7761 7 19.5V4.49998C7 4.22383 7.22386 3.99998 7.5 3.99998ZM3.5 4.99998C3.77614 4.99998 4 5.22383 4 5.49998V18.5C4 18.7761 3.77614 19 3.5 19C3.22386 19 3 18.7761 3 18.5V5.49998C3 5.22383 3.22386 4.99998 3.5 4.99998Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M11 5.45237C11 3.7724 12.6239 2.57057 14.2305 3.06149L19.2305 4.58927C20.2819 4.91051 21 5.88083 21 6.98015V17.0198C21 18.1191 20.2819 19.0894 19.2305 19.4107L14.2305 20.9385C12.6239 21.4294 11 20.2276 11 18.5476V5.45237ZM7.5 3.99998C7.77614 3.99998 8 4.22383 8 4.49998V19.5C8 19.7761 7.77614 20 7.5 20C7.22386 20 7 19.7761 7 19.5V4.49998C7 4.22383 7.22386 3.99998 7.5 3.99998ZM3.5 4.99998C3.77614 4.99998 4 5.22383 4 5.49998V18.5C4 18.7761 3.77614 19 3.5 19C3.22386 19 3 18.7761 3 18.5V5.49998C3 5.22383 3.22386 4.99998 3.5 4.99998Z\" fill=\"currentColor\"/>", "round-filled-radius-2-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=\"M18.5491 11C20.2291 11 21.4309 12.6239 20.94 14.2305L19.4122 19.2305C19.091 20.2819 18.1206 21 17.0213 21H6.98166C5.88234 21 4.91202 20.2819 4.59078 19.2305L3.063 14.2305C2.57208 12.6239 3.77391 11 5.45388 11H18.5491ZM20.0015 7.5C20.0015 7.77614 19.7776 8 19.5015 8H4.50149C4.22535 8 4.00149 7.77614 4.00149 7.5C4.00149 7.22386 4.22535 7 4.50149 7H19.5015C19.7776 7 20.0015 7.22386 20.0015 7.5ZM19.0015 3.5C19.0015 3.77614 18.7776 4 18.5015 4H5.50149C5.22535 4 5.00149 3.77614 5.00149 3.5C5.00149 3.22386 5.22535 3 5.50149 3H18.5015C18.7776 3 19.0015 3.22386 19.0015 3.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5491 11C20.2291 11 21.4309 12.6239 20.94 14.2305L19.4122 19.2305C19.091 20.2819 18.1206 21 17.0213 21H6.98166C5.88234 21 4.91202 20.2819 4.59078 19.2305L3.063 14.2305C2.57208 12.6239 3.77391 11 5.45388 11H18.5491ZM20.0015 7.5C20.0015 7.77614 19.7776 8 19.5015 8H4.50149C4.22535 8 4.00149 7.77614 4.00149 7.5C4.00149 7.22386 4.22535 7 4.50149 7H19.5015C19.7776 7 20.0015 7.22386 20.0015 7.5ZM19.0015 3.5C19.0015 3.77614 18.7776 4 18.5015 4H5.50149C5.22535 4 5.00149 3.77614 5.00149 3.5C5.00149 3.22386 5.22535 3 5.50149 3H18.5015C18.7776 3 19.0015 3.22386 19.0015 3.5Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAlbums2", props.mode)} />
 );
 
 export default IconAlbums2;