@central-icons-solid/round-outlined-radius-3-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={"<circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"4\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"4\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/>", "round-outlined-radius-3-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=\"M9.59981 20.8646C10.4741 21.3694 10.9113 21.6218 11.3761 21.7206C11.7873 21.808 12.2123 21.808 12.6235 21.7206C13.0883 21.6218 13.5255 21.3694 14.3998 20.8646L18.4766 18.5109C19.3509 18.0061 19.7881 17.7537 20.106 17.4006C20.3873 17.0882 20.5998 16.7201 20.7297 16.3203C20.8766 15.8684 20.8766 15.3636 20.8766 14.354V9.64653C20.8766 8.63695 20.8766 8.13215 20.7297 7.68025C20.5998 7.28041 20.3873 6.91234 20.106 6.59991C19.7881 6.2468 19.3509 5.99441 18.4766 5.48961L14.3998 3.13589C13.5255 2.6311 13.0883 2.3787 12.6235 2.27991C12.2123 2.1925 11.7873 2.1925 11.3761 2.27991C10.9113 2.3787 10.4741 2.6311 9.59981 3.13589L5.52305 5.48961C4.64872 5.99441 4.21155 6.2468 3.89361 6.59991C3.6123 6.91234 3.39979 7.28041 3.26988 7.68025C3.12305 8.13215 3.12305 8.63695 3.12305 9.64653V14.354C3.12305 15.3636 3.12305 15.8684 3.26988 16.3203C3.39979 16.7201 3.6123 17.0882 3.89361 17.4006C4.21155 17.7537 4.64872 18.0061 5.52305 18.5109L9.59981 20.8646Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0002 12.0005L12.0005 2.5M12.0002 12.0005L20.3128 16.7998M12.0002 12.0005L3.6875 16.7998\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M9.59981 20.8646C10.4741 21.3694 10.9113 21.6218 11.3761 21.7206C11.7873 21.808 12.2123 21.808 12.6235 21.7206C13.0883 21.6218 13.5255 21.3694 14.3998 20.8646L18.4766 18.5109C19.3509 18.0061 19.7881 17.7537 20.106 17.4006C20.3873 17.0882 20.5998 16.7201 20.7297 16.3203C20.8766 15.8684 20.8766 15.3636 20.8766 14.354V9.64653C20.8766 8.63695 20.8766 8.13215 20.7297 7.68025C20.5998 7.28041 20.3873 6.91234 20.106 6.59991C19.7881 6.2468 19.3509 5.99441 18.4766 5.48961L14.3998 3.13589C13.5255 2.6311 13.0883 2.3787 12.6235 2.27991C12.2123 2.1925 11.7873 2.1925 11.3761 2.27991C10.9113 2.3787 10.4741 2.6311 9.59981 3.13589L5.52305 5.48961C4.64872 5.99441 4.21155 6.2468 3.89361 6.59991C3.6123 6.91234 3.39979 7.28041 3.26988 7.68025C3.12305 8.13215 3.12305 8.63695 3.12305 9.64653V14.354C3.12305 15.3636 3.12305 15.8684 3.26988 16.3203C3.39979 16.7201 3.6123 17.0882 3.89361 17.4006C4.21155 17.7537 4.64872 18.0061 5.52305 18.5109L9.59981 20.8646Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0002 12.0005L12.0005 2.5M12.0002 12.0005L20.3128 16.7998M12.0002 12.0005L3.6875 16.7998\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M9.59981 3.13565C10.4741 2.63086 10.9113 2.37846 11.3761 2.27967C11.7873 2.19226 12.2123 2.19226 12.6235 2.27967C13.0883 2.37846 13.5255 2.63086 14.3998 3.13565L18.4766 5.48937C19.3509 5.99416 19.7881 6.24656 20.106 6.59967C20.3873 6.9121 20.5998 7.28017 20.7297 7.68001C20.8766 8.13191 20.8766 8.6367 20.8766 9.64629V14.3537C20.8766 15.3633 20.8766 15.8681 20.7297 16.32C20.5998 16.7199 20.3873 17.0879 20.106 17.4004C19.7881 17.7535 19.3509 18.0059 18.4766 18.5107L14.3998 20.8644C13.5255 21.3692 13.0883 21.6216 12.6235 21.7204C12.2123 21.8078 11.7873 21.8078 11.3761 21.7204C10.9113 21.6216 10.4741 21.3692 9.59981 20.8644L5.52305 18.5107C4.64872 18.0059 4.21155 17.7535 3.89361 17.4004C3.6123 17.0879 3.39979 16.7199 3.26988 16.32C3.12305 15.8681 3.12305 15.3633 3.12305 14.3537V9.64629C3.12305 8.6367 3.12305 8.13191 3.26988 7.68001C3.39979 7.28017 3.6123 6.9121 3.89361 6.59967C4.21155 6.24656 4.64872 5.99416 5.52305 5.48937L9.59981 3.13565Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.9992 12L11.9995 21.5005M11.9992 12L20.3119 7.20068M11.9992 12L3.68652 7.20068\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M9.59981 3.13565C10.4741 2.63086 10.9113 2.37846 11.3761 2.27967C11.7873 2.19226 12.2123 2.19226 12.6235 2.27967C13.0883 2.37846 13.5255 2.63086 14.3998 3.13565L18.4766 5.48937C19.3509 5.99416 19.7881 6.24656 20.106 6.59967C20.3873 6.9121 20.5998 7.28017 20.7297 7.68001C20.8766 8.13191 20.8766 8.6367 20.8766 9.64629V14.3537C20.8766 15.3633 20.8766 15.8681 20.7297 16.32C20.5998 16.7199 20.3873 17.0879 20.106 17.4004C19.7881 17.7535 19.3509 18.0059 18.4766 18.5107L14.3998 20.8644C13.5255 21.3692 13.0883 21.6216 12.6235 21.7204C12.2123 21.8078 11.7873 21.8078 11.3761 21.7204C10.9113 21.6216 10.4741 21.3692 9.59981 20.8644L5.52305 18.5107C4.64872 18.0059 4.21155 17.7535 3.89361 17.4004C3.6123 17.0879 3.39979 16.7199 3.26988 16.32C3.12305 15.8681 3.12305 15.3633 3.12305 14.3537V9.64629C3.12305 8.6367 3.12305 8.13191 3.26988 7.68001C3.39979 7.28017 3.6123 6.9121 3.89361 6.59967C4.21155 6.24656 4.64872 5.99416 5.52305 5.48937L9.59981 3.13565Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.9992 12L11.9995 21.5005M11.9992 12L20.3119 7.20068M11.9992 12L3.68652 7.20068\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M9.60176 3.13541C10.4761 2.63061 10.9133 2.37821 11.378 2.27942C11.7893 2.19201 12.2143 2.19201 12.6255 2.27942C13.0903 2.37821 13.5274 2.63061 14.4018 3.13541L18.4785 5.48913C19.3529 5.99392 19.79 6.24632 20.108 6.59942C20.3893 6.91186 20.6018 7.27992 20.7317 7.67977C20.8785 8.13166 20.8785 8.63646 20.8785 9.64605V14.3535C20.8785 15.3631 20.8785 15.8679 20.7317 16.3198C20.6018 16.7196 20.3893 17.0877 20.108 17.4001C19.79 17.7532 19.3529 18.0056 18.4785 18.5104L14.4018 20.8641C13.5274 21.3689 13.0903 21.6213 12.6255 21.7201C12.2143 21.8075 11.7893 21.8075 11.378 21.7201C10.9133 21.6213 10.4761 21.3689 9.60176 20.8641L5.525 18.5104C4.65067 18.0056 4.21351 17.7532 3.89557 17.4001C3.61425 17.0877 3.40175 16.7196 3.27183 16.3198C3.125 15.8679 3.125 15.3631 3.125 14.3535V9.64605C3.125 8.63646 3.125 8.13166 3.27183 7.67977C3.40175 7.27992 3.61425 6.91186 3.89557 6.59942C4.21351 6.24632 4.65067 5.99392 5.525 5.48913L9.60176 3.13541Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0002 12L12.0005 21.5005M12.0002 12L20.3128 7.20068M12.0002 12L3.6875 7.20068\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5625 4.3125L16.4393 9.4375\" stroke=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M9.60176 3.13541C10.4761 2.63061 10.9133 2.37821 11.378 2.27942C11.7893 2.19201 12.2143 2.19201 12.6255 2.27942C13.0903 2.37821 13.5274 2.63061 14.4018 3.13541L18.4785 5.48913C19.3529 5.99392 19.79 6.24632 20.108 6.59942C20.3893 6.91186 20.6018 7.27992 20.7317 7.67977C20.8785 8.13166 20.8785 8.63646 20.8785 9.64605V14.3535C20.8785 15.3631 20.8785 15.8679 20.7317 16.3198C20.6018 16.7196 20.3893 17.0877 20.108 17.4001C19.79 17.7532 19.3529 18.0056 18.4785 18.5104L14.4018 20.8641C13.5274 21.3689 13.0903 21.6213 12.6255 21.7201C12.2143 21.8075 11.7893 21.8075 11.378 21.7201C10.9133 21.6213 10.4761 21.3689 9.60176 20.8641L5.525 18.5104C4.65067 18.0056 4.21351 17.7532 3.89557 17.4001C3.61425 17.0877 3.40175 16.7196 3.27183 16.3198C3.125 15.8679 3.125 15.3631 3.125 14.3535V9.64605C3.125 8.63646 3.125 8.13166 3.27183 7.67977C3.40175 7.27992 3.61425 6.91186 3.89557 6.59942C4.21351 6.24632 4.65067 5.99392 5.525 5.48913L9.60176 3.13541Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0002 12L12.0005 21.5005M12.0002 12L20.3128 7.20068M12.0002 12L3.6875 7.20068\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5625 4.3125L16.4393 9.4375\" stroke=\"currentColor\"/>", "round-outlined-radius-3-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=\"M9.60176 3.13541C10.4761 2.63061 10.9133 2.37821 11.378 2.27942C11.7893 2.19201 12.2143 2.19201 12.6255 2.27942C13.0903 2.37821 13.5274 2.63061 14.4018 3.13541L18.4785 5.48913C19.3529 5.99392 19.79 6.24632 20.108 6.59942C20.3893 6.91186 20.6018 7.27992 20.7317 7.67977C20.8785 8.13166 20.8785 8.63646 20.8785 9.64605V14.3535C20.8785 15.3631 20.8785 15.8679 20.7317 16.3198C20.6018 16.7196 20.3893 17.0877 20.108 17.4001C19.79 17.7532 19.3529 18.0056 18.4785 18.5104L14.4018 20.8641C13.5274 21.3689 13.0903 21.6213 12.6255 21.7201C12.2143 21.8075 11.7893 21.8075 11.378 21.7201C10.9133 21.6213 10.4761 21.3689 9.60176 20.8641L5.525 18.5104C4.65067 18.0056 4.21351 17.7532 3.89557 17.4001C3.61425 17.0877 3.40175 16.7196 3.27183 16.3198C3.125 15.8679 3.125 15.3631 3.125 14.3535V9.64605C3.125 8.63646 3.125 8.13166 3.27183 7.67977C3.40175 7.27992 3.61425 6.91186 3.89557 6.59942C4.21351 6.24632 4.65067 5.99392 5.525 5.48913L9.60176 3.13541Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0002 12L12.0005 21.5005M12.0002 12L20.3128 7.20068M12.0002 12L3.6875 7.20068\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.6895 9.00454L16.9395 9.1481V14.109C16.9395 14.221 16.9395 14.277 16.9303 14.3287C16.9058 14.4676 16.8332 14.5935 16.7251 14.6842C16.6848 14.7179 16.6363 14.7459 16.5394 14.8019C16.4089 14.8772 16.3436 14.9148 16.2915 14.924C16.1481 14.9493 16.0073 14.868 15.9575 14.7312C15.9395 14.6815 15.9395 14.6061 15.9395 14.4554V9.72525L7.3125 4.74478L8.32785 4.17725L16.6895 9.00454Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M9.60176 3.13541C10.4761 2.63061 10.9133 2.37821 11.378 2.27942C11.7893 2.19201 12.2143 2.19201 12.6255 2.27942C13.0903 2.37821 13.5274 2.63061 14.4018 3.13541L18.4785 5.48913C19.3529 5.99392 19.79 6.24632 20.108 6.59942C20.3893 6.91186 20.6018 7.27992 20.7317 7.67977C20.8785 8.13166 20.8785 8.63646 20.8785 9.64605V14.3535C20.8785 15.3631 20.8785 15.8679 20.7317 16.3198C20.6018 16.7196 20.3893 17.0877 20.108 17.4001C19.79 17.7532 19.3529 18.0056 18.4785 18.5104L14.4018 20.8641C13.5274 21.3689 13.0903 21.6213 12.6255 21.7201C12.2143 21.8075 11.7893 21.8075 11.378 21.7201C10.9133 21.6213 10.4761 21.3689 9.60176 20.8641L5.525 18.5104C4.65067 18.0056 4.21351 17.7532 3.89557 17.4001C3.61425 17.0877 3.40175 16.7196 3.27183 16.3198C3.125 15.8679 3.125 15.3631 3.125 14.3535V9.64605C3.125 8.63646 3.125 8.13166 3.27183 7.67977C3.40175 7.27992 3.61425 6.91186 3.89557 6.59942C4.21351 6.24632 4.65067 5.99392 5.525 5.48913L9.60176 3.13541Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0002 12L12.0005 21.5005M12.0002 12L20.3128 7.20068M12.0002 12L3.6875 7.20068\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.6895 9.00454L16.9395 9.1481V14.109C16.9395 14.221 16.9395 14.277 16.9303 14.3287C16.9058 14.4676 16.8332 14.5935 16.7251 14.6842C16.6848 14.7179 16.6363 14.7459 16.5394 14.8019C16.4089 14.8772 16.3436 14.9148 16.2915 14.924C16.1481 14.9493 16.0073 14.868 15.9575 14.7312C15.9395 14.6815 15.9395 14.6061 15.9395 14.4554V9.72525L7.3125 4.74478L8.32785 4.17725L16.6895 9.00454Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-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=\"M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M2.60645 12.4757C3.29491 13.9989 7.23833 15.1666 12 15.1666C16.6988 15.1666 20.6009 14.0295 21.3646 12.5357\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M11.4997 21.3822C9.98835 20.6631 8.83301 16.7363 8.83301 12C8.83301 7.3877 9.92863 3.54312 11.3817 2.68079\" stroke=\"currentColor\" stroke-linecap=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={maskInner("<path d=\"M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M2.60645 12.4757C3.29491 13.9989 7.23833 15.1666 12 15.1666C16.6988 15.1666 20.6009 14.0295 21.3646 12.5357\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M11.4997 21.3822C9.98835 20.6631 8.83301 16.7363 8.83301 12C8.83301 7.3877 9.92863 3.54312 11.3817 2.68079\" stroke=\"currentColor\" stroke-linecap=\"round\"/>", "round-outlined-radius-3-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=\"M18.5 4.5H5.5C3.84315 4.5 2.5 5.84315 2.5 7.5V16.5C2.5 18.1569 3.84315 19.5 5.5 19.5H18.5C20.1569 19.5 21.5 18.1569 21.5 16.5V7.5C21.5 5.84315 20.1569 4.5 18.5 4.5Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.88281 16.1067C9.53467 16.1067 9.28198 15.8652 9.28198 15.4778V14.3884H5.94653C5.49731 14.3884 5.21094 14.1077 5.21094 13.6753C5.21094 13.3889 5.27832 13.1643 5.4917 12.7937C6.06445 11.7661 7.06958 10.2612 8.11401 8.74512C8.60815 8.01514 8.92822 7.79053 9.45605 7.79053C10.113 7.79053 10.4893 8.13306 10.4893 8.7395V13.3328H11.1294C11.4607 13.3328 11.6797 13.5461 11.6797 13.8606C11.6797 14.175 11.4607 14.3884 11.1294 14.3884H10.4893V15.4778C10.4893 15.8652 10.2366 16.1067 9.88281 16.1067ZM9.29321 13.3496V8.90234H9.27075C7.89502 10.8733 7.04712 12.1423 6.39014 13.3159V13.3496H9.29321Z\" fill=\"currentColor\"/><path d=\"M13.3081 16.0898C12.915 16.0898 12.6792 15.8428 12.6792 15.4385V8.45874C12.6792 8.05444 12.915 7.80737 13.3081 7.80737C13.6956 7.80737 13.937 8.05444 13.937 8.45874V11.7156H13.9875L17.396 8.06006C17.5645 7.87476 17.7161 7.80176 17.9126 7.80176C18.2551 7.80176 18.5022 8.05444 18.5022 8.38013C18.5022 8.53735 18.4404 8.67212 18.3057 8.81812L15.717 11.5078L18.5808 14.9668C18.738 15.1577 18.8054 15.3318 18.8054 15.489C18.8054 15.8315 18.5415 16.0955 18.199 16.0955C17.9519 16.0955 17.7891 16.0056 17.5981 15.7698L14.8018 12.3726L13.937 13.2991V15.4385C13.937 15.8428 13.6956 16.0898 13.3081 16.0898Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M18.5 4.5H5.5C3.84315 4.5 2.5 5.84315 2.5 7.5V16.5C2.5 18.1569 3.84315 19.5 5.5 19.5H18.5C20.1569 19.5 21.5 18.1569 21.5 16.5V7.5C21.5 5.84315 20.1569 4.5 18.5 4.5Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.88281 16.1067C9.53467 16.1067 9.28198 15.8652 9.28198 15.4778V14.3884H5.94653C5.49731 14.3884 5.21094 14.1077 5.21094 13.6753C5.21094 13.3889 5.27832 13.1643 5.4917 12.7937C6.06445 11.7661 7.06958 10.2612 8.11401 8.74512C8.60815 8.01514 8.92822 7.79053 9.45605 7.79053C10.113 7.79053 10.4893 8.13306 10.4893 8.7395V13.3328H11.1294C11.4607 13.3328 11.6797 13.5461 11.6797 13.8606C11.6797 14.175 11.4607 14.3884 11.1294 14.3884H10.4893V15.4778C10.4893 15.8652 10.2366 16.1067 9.88281 16.1067ZM9.29321 13.3496V8.90234H9.27075C7.89502 10.8733 7.04712 12.1423 6.39014 13.3159V13.3496H9.29321Z\" fill=\"currentColor\"/><path d=\"M13.3081 16.0898C12.915 16.0898 12.6792 15.8428 12.6792 15.4385V8.45874C12.6792 8.05444 12.915 7.80737 13.3081 7.80737C13.6956 7.80737 13.937 8.05444 13.937 8.45874V11.7156H13.9875L17.396 8.06006C17.5645 7.87476 17.7161 7.80176 17.9126 7.80176C18.2551 7.80176 18.5022 8.05444 18.5022 8.38013C18.5022 8.53735 18.4404 8.67212 18.3057 8.81812L15.717 11.5078L18.5808 14.9668C18.738 15.1577 18.8054 15.3318 18.8054 15.489C18.8054 15.8315 18.5415 16.0955 18.199 16.0955C17.9519 16.0955 17.7891 16.0056 17.5981 15.7698L14.8018 12.3726L13.937 13.2991V15.4385C13.937 15.8428 13.6956 16.0898 13.3081 16.0898Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-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=\"M12.5 20.5H6.5C4.84315 20.5 3.5 19.1569 3.5 17.5V6.5C3.5 4.84315 4.84315 3.5 6.5 3.5L17.5 3.5C19.1569 3.5 20.5 4.84315 20.5 6.5V12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M14.5 11.5C15.6046 11.5 16.5 10.6046 16.5 9.5C16.5 8.39543 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 8.39543 12.5 9.5C12.5 10.6046 13.3954 11.5 14.5 11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 16.5L5.87868 14.1213C7.05025 12.9497 8.94975 12.9497 10.1213 14.1213L12.5 16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 18.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18.5 15.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M12.5 20.5H6.5C4.84315 20.5 3.5 19.1569 3.5 17.5V6.5C3.5 4.84315 4.84315 3.5 6.5 3.5L17.5 3.5C19.1569 3.5 20.5 4.84315 20.5 6.5V12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M14.5 11.5C15.6046 11.5 16.5 10.6046 16.5 9.5C16.5 8.39543 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 8.39543 12.5 9.5C12.5 10.6046 13.3954 11.5 14.5 11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 16.5L5.87868 14.1213C7.05025 12.9497 8.94975 12.9497 10.1213 14.1213L12.5 16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 18.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18.5 15.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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 d=\"M14.1209 3.37135C12.9493 2.19978 11.0498 2.19978 9.87823 3.37135L3.37087 9.87868C2.1993 11.0503 2.19929 12.9497 3.37086 14.1213L9.87822 20.6287C11.0498 21.8003 12.9493 21.8003 14.1209 20.6287L20.6282 14.1213C21.7998 12.9497 21.7998 11.0503 20.6282 9.87868L14.1209 3.37135Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path d=\"M14.1209 3.37135C12.9493 2.19978 11.0498 2.19978 9.87823 3.37135L3.37087 9.87868C2.1993 11.0503 2.19929 12.9497 3.37086 14.1213L9.87822 20.6287C11.0498 21.8003 12.9493 21.8003 14.1209 20.6287L20.6282 14.1213C21.7998 12.9497 21.7998 11.0503 20.6282 9.87868L14.1209 3.37135Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M1.5 2.5H2.30673C3.00522 2.5 3.61126 2.98211 3.76832 3.66271L5.96336 13.1746C6.27749 14.5358 7.48957 15.5 8.88654 15.5H17.0406C18.4706 15.5 19.7019 14.4906 19.9823 13.0883L21.5 5.5M9.5 7H13M13 7H16.5M13 7V3.5M13 7V10.5M10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19ZM18.5 19C18.5 19.8284 17.8284 20.5 17 20.5C16.1716 20.5 15.5 19.8284 15.5 19C15.5 18.1716 16.1716 17.5 17 17.5C17.8284 17.5 18.5 18.1716 18.5 19Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M1.5 2.5H2.30673C3.00522 2.5 3.61126 2.98211 3.76832 3.66271L5.96336 13.1746C6.27749 14.5358 7.48957 15.5 8.88654 15.5H17.0406C18.4706 15.5 19.7019 14.4906 19.9823 13.0883L21.5 5.5M9.5 7H13M13 7H16.5M13 7V3.5M13 7V10.5M10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19ZM18.5 19C18.5 19.8284 17.8284 20.5 17 20.5C16.1716 20.5 15.5 19.8284 15.5 19C15.5 18.1716 16.1716 17.5 17 17.5C17.8284 17.5 18.5 18.1716 18.5 19Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M17.9992 8.5H19.7285C20.6554 8.5 21.3605 9.3323 21.2081 10.2466L20.8325 12.5M17.9992 8.5H5.99921M17.9992 8.5L15.9992 3.5M5.99921 8.5H4.2699C3.34299 8.5 2.63793 9.3323 2.79031 10.2466L4.08141 17.9932C4.32251 19.4398 5.57408 20.5 7.04059 20.5H11.4993M5.99921 8.5L7.99921 3.5M14.4993 18.5H17.4993M17.4993 18.5H20.4993M17.4993 18.5V15.5M17.4993 18.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={maskInner("<path d=\"M17.9992 8.5H19.7285C20.6554 8.5 21.3605 9.3323 21.2081 10.2466L20.8325 12.5M17.9992 8.5H5.99921M17.9992 8.5L15.9992 3.5M5.99921 8.5H4.2699C3.34299 8.5 2.63793 9.3323 2.79031 10.2466L4.08141 17.9932C4.32251 19.4398 5.57408 20.5 7.04059 20.5H11.4993M5.99921 8.5L7.99921 3.5M14.4993 18.5H17.4993M17.4993 18.5H20.4993M17.4993 18.5V15.5M17.4993 18.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 17L12 12\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M1.5 12C1.5 12.2761 1.27614 12.5 1 12.5C0.723858 12.5 0.5 12.2761 0.5 12C0.5 11.7239 0.723858 11.5 1 11.5C1.27614 11.5 1.5 11.7239 1.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 1C12.5 1.27614 12.2761 1.5 12 1.5C11.7239 1.5 11.5 1.27614 11.5 1C11.5 0.723858 11.7239 0.5 12 0.5C12.2761 0.5 12.5 0.723858 12.5 1Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M23.5 12C23.5 12.2761 23.2761 12.5 23 12.5C22.7239 12.5 22.5 12.2761 22.5 12C22.5 11.7239 22.7239 11.5 23 11.5C23.2761 11.5 23.5 11.7239 23.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 19.4246C4.77064 19.6199 4.77064 19.9365 4.57538 20.1317C4.38012 20.327 4.06353 20.327 3.86827 20.1317C3.67301 19.9365 3.67301 19.6199 3.86827 19.4246C4.06353 19.2294 4.38012 19.2294 4.57538 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 19.4246C20.327 19.6199 20.327 19.9365 20.1317 20.1317C19.9365 20.327 19.6199 20.327 19.4246 20.1317C19.2294 19.9365 19.2294 19.6199 19.4246 19.4246C19.6199 19.2294 19.9365 19.2294 20.1317 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 3.86827C4.77064 4.06353 4.77064 4.38012 4.57538 4.57538C4.38012 4.77064 4.06353 4.77064 3.86827 4.57538C3.67301 4.38012 3.67301 4.06353 3.86827 3.86827C4.06353 3.67301 4.38012 3.67301 4.57538 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 3.86827C20.327 4.06353 20.327 4.38012 20.1317 4.57538C19.9365 4.77064 19.6199 4.77064 19.4246 4.57538C19.2294 4.38012 19.2294 4.06353 19.4246 3.86827C19.6199 3.67301 19.9365 3.67301 20.1317 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<path d=\"M19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 17L12 12\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M1.5 12C1.5 12.2761 1.27614 12.5 1 12.5C0.723858 12.5 0.5 12.2761 0.5 12C0.5 11.7239 0.723858 11.5 1 11.5C1.27614 11.5 1.5 11.7239 1.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 1C12.5 1.27614 12.2761 1.5 12 1.5C11.7239 1.5 11.5 1.27614 11.5 1C11.5 0.723858 11.7239 0.5 12 0.5C12.2761 0.5 12.5 0.723858 12.5 1Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M23.5 12C23.5 12.2761 23.2761 12.5 23 12.5C22.7239 12.5 22.5 12.2761 22.5 12C22.5 11.7239 22.7239 11.5 23 11.5C23.2761 11.5 23.5 11.7239 23.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 19.4246C4.77064 19.6199 4.77064 19.9365 4.57538 20.1317C4.38012 20.327 4.06353 20.327 3.86827 20.1317C3.67301 19.9365 3.67301 19.6199 3.86827 19.4246C4.06353 19.2294 4.38012 19.2294 4.57538 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 19.4246C20.327 19.6199 20.327 19.9365 20.1317 20.1317C19.9365 20.327 19.6199 20.327 19.4246 20.1317C19.2294 19.9365 19.2294 19.6199 19.4246 19.4246C19.6199 19.2294 19.9365 19.2294 20.1317 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 3.86827C4.77064 4.06353 4.77064 4.38012 4.57538 4.57538C4.38012 4.77064 4.06353 4.77064 3.86827 4.57538C3.67301 4.38012 3.67301 4.06353 3.86827 3.86827C4.06353 3.67301 4.38012 3.67301 4.57538 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 3.86827C20.327 4.06353 20.327 4.38012 20.1317 4.57538C19.9365 4.77064 19.6199 4.77064 19.4246 4.57538C19.2294 4.38012 19.2294 4.06353 19.4246 3.86827C19.6199 3.67301 19.9365 3.67301 20.1317 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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-outlined-radius-3-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-outlined-radius-3-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={"<circle cx=\"12\" cy=\"6\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"6.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"17.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><path d=\"M12 9V12M12 12H9.5C7.84315 12 6.5 13.3431 6.5 15M12 12H14.5C16.1569 12 17.5 13.3431 17.5 15\" stroke=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"6\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"6.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"17.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><path d=\"M12 9V12M12 12H9.5C7.84315 12 6.5 13.3431 6.5 15M12 12H14.5C16.1569 12 17.5 13.3431 17.5 15\" stroke=\"currentColor\"/>", "round-outlined-radius-3-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={"<circle cx=\"18.5\" cy=\"7.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.75\" stroke=\"currentColor\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.75\" stroke=\"currentColor\"/><path d=\"M12.3643 6.78564L15.5903 7.10081M17.9026 10.2759L16.826 13.7821M13.4093 14.1646L10.4993 9.6972M7.17742 10.2023L6.07812 13.7821M8.20985 16.8798L11.6071 17.2117\" stroke=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={maskInner("<circle cx=\"18.5\" cy=\"7.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.75\" stroke=\"currentColor\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.75\" stroke=\"currentColor\"/><path d=\"M12.3643 6.78564L15.5903 7.10081M17.9026 10.2759L16.826 13.7821M13.4093 14.1646L10.4993 9.6972M7.17742 10.2023L6.07812 13.7821M8.20985 16.8798L11.6071 17.2117\" stroke=\"currentColor\"/>", "round-outlined-radius-3-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=\"M3.5 5.5H12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 5.5L20.5 5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 11.5H5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 11.5L12.5 11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 17.5H9.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.2559 13.5954L18.6115 11.92C18.5142 11.667 18.2711 11.5 18 11.5C17.7289 11.5 17.4858 11.667 17.3885 11.92L16.7441 13.5954C16.5409 14.1235 16.1235 14.5409 15.5954 14.7441L13.92 15.3885C13.667 15.4858 13.5 15.7289 13.5 16C13.5 16.2711 13.667 16.5142 13.92 16.6115L15.5954 17.2559C16.1235 17.4591 16.5409 17.8765 16.7441 18.4046L17.3885 20.08C17.4858 20.333 17.7289 20.5 18 20.5C18.2711 20.5 18.5142 20.333 18.6115 20.08L19.2559 18.4046C19.4591 17.8765 19.8765 17.4591 20.4046 17.2559L22.08 16.6115C22.333 16.5142 22.5 16.2711 22.5 16C22.5 15.7289 22.333 15.4858 22.08 15.3885L20.4046 14.7441C19.8765 14.5409 19.4591 14.1235 19.2559 13.5954Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M3.5 5.5H12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 5.5L20.5 5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 11.5H5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 11.5L12.5 11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 17.5H9.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.2559 13.5954L18.6115 11.92C18.5142 11.667 18.2711 11.5 18 11.5C17.7289 11.5 17.4858 11.667 17.3885 11.92L16.7441 13.5954C16.5409 14.1235 16.1235 14.5409 15.5954 14.7441L13.92 15.3885C13.667 15.4858 13.5 15.7289 13.5 16C13.5 16.2711 13.667 16.5142 13.92 16.6115L15.5954 17.2559C16.1235 17.4591 16.5409 17.8765 16.7441 18.4046L17.3885 20.08C17.4858 20.333 17.7289 20.5 18 20.5C18.2711 20.5 18.5142 20.333 18.6115 20.08L19.2559 18.4046C19.4591 17.8765 19.8765 17.4591 20.4046 17.2559L22.08 16.6115C22.333 16.5142 22.5 16.2711 22.5 16C22.5 15.7289 22.333 15.4858 22.08 15.3885L20.4046 14.7441C19.8765 14.5409 19.4591 14.1235 19.2559 13.5954Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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={"<circle cx=\"6\" cy=\"5\" r=\"2.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"18\" cy=\"19\" r=\"2.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 5H17C18.933 5 20.5 6.567 20.5 8.5C20.5 10.433 18.933 12 17 12H14.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.5 12H7C5.067 12 3.5 13.567 3.5 15.5C3.5 17.433 5.067 19 7 19H15.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.625 10.375C14.5225 11.2725 14.5225 12.7275 13.625 13.625C12.7275 14.5225 11.2725 14.5225 10.375 13.625C9.47754 12.7275 9.47754 11.2725 10.375 10.375C11.2725 9.47754 12.7275 9.47754 13.625 10.375Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={maskInner("<circle cx=\"6\" cy=\"5\" r=\"2.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><circle cx=\"18\" cy=\"19\" r=\"2.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 5H17C18.933 5 20.5 6.567 20.5 8.5C20.5 10.433 18.933 12 17 12H14.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.5 12H7C5.067 12 3.5 13.567 3.5 15.5C3.5 17.433 5.067 19 7 19H15.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.625 10.375C14.5225 11.2725 14.5225 12.7275 13.625 13.625C12.7275 14.5225 11.2725 14.5225 10.375 13.625C9.47754 12.7275 9.47754 11.2725 10.375 10.375C11.2725 9.47754 12.7275 9.47754 13.625 10.375Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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 d=\"M3.5 6.5H20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 6.5L7.9319 4.77239C8.26578 3.43689 9.46573 2.5 10.8423 2.5H13.1577C14.5343 2.5 15.7342 3.43689 16.0681 4.77239L16.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.82959 14.3508L6.24488 18.7805C6.3894 20.3222 7.68341 21.5005 9.23178 21.5005H14.768C16.3163 21.5005 17.6103 20.3222 17.7549 18.7805L18.2184 13.8359\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 6.5V12.75C5 13.7165 5.7835 14.5 6.75 14.5C7.7165 14.5 8.5 13.7165 8.5 12.75V10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path d=\"M3.5 6.5H20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 6.5L7.9319 4.77239C8.26578 3.43689 9.46573 2.5 10.8423 2.5H13.1577C14.5343 2.5 15.7342 3.43689 16.0681 4.77239L16.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.82959 14.3508L6.24488 18.7805C6.3894 20.3222 7.68341 21.5005 9.23178 21.5005H14.768C16.3163 21.5005 17.6103 20.3222 17.7549 18.7805L18.2184 13.8359\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 6.5V12.75C5 13.7165 5.7835 14.5 6.75 14.5C7.7165 14.5 8.5 13.7165 8.5 12.75V10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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={"<circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke=\"currentColor\"/><path d=\"M13.6303 9.78752L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.3697 9.78752C10.2935 9.98559 10.137 10.1421 9.93888 10.2183L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.93888 13.479C10.137 13.5552 10.2935 13.7117 10.3697 13.9097L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.6303 13.9097C13.7065 13.7117 13.863 13.5552 14.0611 13.479L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.0611 10.2183C13.863 10.1421 13.7065 9.98559 13.6303 9.78752Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke=\"currentColor\"/><path d=\"M13.6303 9.78752L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.3697 9.78752C10.2935 9.98559 10.137 10.1421 9.93888 10.2183L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.93888 13.479C10.137 13.5552 10.2935 13.7117 10.3697 13.9097L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.6303 13.9097C13.7065 13.7117 13.863 13.5552 14.0611 13.479L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.0611 10.2183C13.863 10.1421 13.7065 9.98559 13.6303 9.78752Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-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 d=\"M2.5 6.5L11.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 6.5V4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.5 15.5C6.6822 14.3846 4.20506 11.6434 3.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.5 15.5C7.31602 14.3842 9.79342 11.6429 10.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 18.5H19.5M20.4999 20.5L16.9191 12.1447C16.5728 11.3365 15.4272 11.3365 15.0808 12.1447L11.5 20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><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 d=\"M2.5 6.5L11.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 6.5V4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.5 15.5C6.6822 14.3846 4.20506 11.6434 3.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.5 15.5C7.31602 14.3842 9.79342 11.6429 10.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 18.5H19.5M20.4999 20.5L16.9191 12.1447C16.5728 11.3365 15.4272 11.3365 15.0808 12.1447L11.5 20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><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-outlined-radius-3-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={"<circle cx=\"12\" cy=\"12\" r=\"1.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 11.5H11.5V12.5H12.5V11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.7508 20.2286C19.5899 18.5859 21.5 15.516 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 15.516 4.41007 18.5859 7.24917 20.2286\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.24865 16.7634C7.60544 15.8122 6.5 14.0352 6.5 12C6.5 8.96243 8.96243 6.5 12 6.5C15.0376 6.5 17.5 8.96243 17.5 12C17.5 14.0352 16.3946 15.8122 14.7514 16.7634\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"1.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 11.5H11.5V12.5H12.5V11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.7508 20.2286C19.5899 18.5859 21.5 15.516 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 15.516 4.41007 18.5859 7.24917 20.2286\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.24865 16.7634C7.60544 15.8122 6.5 14.0352 6.5 12C6.5 8.96243 8.96243 6.5 12 6.5C15.0376 6.5 17.5 8.96243 17.5 12C17.5 14.0352 16.3946 15.8122 14.7514 16.7634\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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 d=\"M14 21.5H10C8.61929 21.5 7.5 20.3807 7.5 19C7.5 17.6193 8.61929 16.5 10 16.5H14C15.3807 16.5 16.5 17.6193 16.5 19C16.5 20.3807 15.3807 21.5 14 21.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 16.25L20 11.25M4 11.25L10.5 16.25M12 10.5V16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 2.5C7.30558 2.5 3.5 6.30558 3.5 11C3.5 11 8.67407 10.4688 12 10.4688C15.3259 10.4688 20.5 11 20.5 11C20.5 6.30558 16.6944 2.5 12 2.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path d=\"M14 21.5H10C8.61929 21.5 7.5 20.3807 7.5 19C7.5 17.6193 8.61929 16.5 10 16.5H14C15.3807 16.5 16.5 17.6193 16.5 19C16.5 20.3807 15.3807 21.5 14 21.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 16.25L20 11.25M4 11.25L10.5 16.25M12 10.5V16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 2.5C7.30558 2.5 3.5 6.30558 3.5 11C3.5 11 8.67407 10.4688 12 10.4688C15.3259 10.4688 20.5 11 20.5 11C20.5 6.30558 16.6944 2.5 12 2.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M16.6023 3.70324L13.5833 6.72222L6.39399 4.18481C5.30456 3.8003 4.09113 4.07554 3.27421 4.89246L2.5 5.66667L9.36111 10.9444L7.25 13.0556H6.38153C5.58588 13.0556 4.82282 13.3716 4.26021 13.9342L2.5 15.6944L5.44541 16.799C6.25668 17.1032 6.8968 17.7433 7.20103 18.5546L8.30556 21.5L10.0658 19.7398C10.6284 19.1772 10.9444 18.4141 10.9444 17.6185V16.75L13.0556 14.6389L18.3333 21.5L19.1075 20.7258C19.9245 19.9089 20.1997 18.6954 19.8152 17.606L17.2778 10.4167L20.2968 7.39768C21.0672 6.62726 21.5 5.58235 21.5 4.49281V2.5H19.5072C18.4177 2.5 17.3727 2.93282 16.6023 3.70324Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M16.6023 3.70324L13.5833 6.72222L6.39399 4.18481C5.30456 3.8003 4.09113 4.07554 3.27421 4.89246L2.5 5.66667L9.36111 10.9444L7.25 13.0556H6.38153C5.58588 13.0556 4.82282 13.3716 4.26021 13.9342L2.5 15.6944L5.44541 16.799C6.25668 17.1032 6.8968 17.7433 7.20103 18.5546L8.30556 21.5L10.0658 19.7398C10.6284 19.1772 10.9444 18.4141 10.9444 17.6185V16.75L13.0556 14.6389L18.3333 21.5L19.1075 20.7258C19.9245 19.9089 20.1997 18.6954 19.8152 17.606L17.2778 10.4167L20.2968 7.39768C21.0672 6.62726 21.5 5.58235 21.5 4.49281V2.5H19.5072C18.4177 2.5 17.3727 2.93282 16.6023 3.70324Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M2.5 19.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.23054 4.50128C6.86222 3.67386 6.13981 3.05712 5.26485 2.82314L4.05653 2.5L3.94836 7.04412L3.4203 7.31768C2.98234 7.54456 2.66616 7.95239 2.55556 8.43306C2.29612 9.56056 2.9695 10.6924 4.07037 10.9791L8.03023 12.0106L6.95361 14.0605C6.65546 14.6282 6.96113 15.3259 7.58059 15.4916L8.32533 15.6907C9.06786 15.8893 9.85828 15.7953 10.5335 15.4281L13.972 13.5584L19.4235 14.8589C20.0965 15.0194 20.7977 14.7464 21.1941 14.1693C21.6626 13.4874 21.586 12.5617 21.012 11.9695L19.3535 10.258C19.0855 9.98141 18.7518 9.78594 18.382 9.69091C16.6737 9.25195 11.5253 7.92713 9.35235 7.34602C8.73702 7.18147 8.22895 6.74418 7.96553 6.15242L7.23054 4.50128Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M2.5 19.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.23054 4.50128C6.86222 3.67386 6.13981 3.05712 5.26485 2.82314L4.05653 2.5L3.94836 7.04412L3.4203 7.31768C2.98234 7.54456 2.66616 7.95239 2.55556 8.43306C2.29612 9.56056 2.9695 10.6924 4.07037 10.9791L8.03023 12.0106L6.95361 14.0605C6.65546 14.6282 6.96113 15.3259 7.58059 15.4916L8.32533 15.6907C9.06786 15.8893 9.85828 15.7953 10.5335 15.4281L13.972 13.5584L19.4235 14.8589C20.0965 15.0194 20.7977 14.7464 21.1941 14.1693C21.6626 13.4874 21.586 12.5617 21.012 11.9695L19.3535 10.258C19.0855 9.98141 18.7518 9.78594 18.382 9.69091C16.6737 9.25195 11.5253 7.92713 9.35235 7.34602C8.73702 7.18147 8.22895 6.74418 7.96553 6.15242L7.23054 4.50128Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-1-IconAirplaneDown", props.mode)} />
 );
 
 export default IconAirplaneDown;

package/IconAirplaneUp/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAirplaneUp = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={"<path d=\"M2.81981 6.88801L1.75 7.2837L4.11619 10.8437L3.90733 11.2356C3.64904 11.7202 3.61769 12.2941 3.82163 12.8039C4.19844 13.7459 5.25973 14.2133 6.20906 13.8553L10 12.4256L10.2502 14.5113C10.3272 15.1531 10.9837 15.5544 11.59 15.3301L12.1894 15.1084C12.898 14.8463 13.4816 14.3265 13.8236 13.6529L15.5 10.3513L20.4817 8.35611C21.0968 8.10979 21.5 7.51394 21.5 6.85141C21.5 6.06858 20.9405 5.39761 20.1704 5.2569L17.9451 4.85029C17.5854 4.78458 17.2181 4.81742 16.8764 4.94754C15.2983 5.54857 10.5415 7.35838 8.52196 8.10535C7.95008 8.31688 7.31528 8.25934 6.78927 7.9483L5.38748 7.11939C4.61005 6.65969 3.66689 6.5747 2.81981 6.88801Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.5 19.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M2.81981 6.88801L1.75 7.2837L4.11619 10.8437L3.90733 11.2356C3.64904 11.7202 3.61769 12.2941 3.82163 12.8039C4.19844 13.7459 5.25973 14.2133 6.20906 13.8553L10 12.4256L10.2502 14.5113C10.3272 15.1531 10.9837 15.5544 11.59 15.3301L12.1894 15.1084C12.898 14.8463 13.4816 14.3265 13.8236 13.6529L15.5 10.3513L20.4817 8.35611C21.0968 8.10979 21.5 7.51394 21.5 6.85141C21.5 6.06858 20.9405 5.39761 20.1704 5.2569L17.9451 4.85029C17.5854 4.78458 17.2181 4.81742 16.8764 4.94754C15.2983 5.54857 10.5415 7.35838 8.52196 8.10535C7.95008 8.31688 7.31528 8.25934 6.78927 7.9483L5.38748 7.11939C4.61005 6.65969 3.66689 6.5747 2.81981 6.88801Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.5 19.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M21.3978 15.2765L20.9148 15.147V15.147L21.3978 15.2765ZM17.5 17C17.2239 17 17 17.2239 17 17.5C17 17.7761 17.2239 18 17.5 18V17ZM19.2765 17.3978L19.4059 17.8807L19.2765 17.3978ZM19.862 3.82698L19.635 4.27248V4.27248L19.862 3.82698ZM21.173 5.13803L21.6185 4.91103V4.91103L21.173 5.13803ZM2.82698 5.13803L3.27248 5.36502L2.82698 5.13803ZM4.13803 3.82698L4.36502 4.27248L4.13803 3.82698ZM6.5 18C6.77614 18 7 17.7761 7 17.5C7 17.2239 6.77614 17 6.5 17V18ZM4.72354 17.3978L4.59413 17.8807H4.59413L4.72354 17.3978ZM2.60222 15.2765L3.08519 15.147L2.60222 15.2765ZM2.5 13.5H3V8.3H2.5H2V13.5H2.5ZM7.3 3.5V4H16.7V3.5V3H7.3V3.5ZM21.5 8.3H21V13.5H21.5H22V8.3H21.5ZM21.5 13.5H21C21 14.4622 20.9957 14.8452 20.9148 15.147L21.3978 15.2765L21.8807 15.4059C22.0043 14.9448 22 14.3978 22 13.5H21.5ZM17.5 17.5V18C18.3978 18 18.9448 18.0043 19.4059 17.8807L19.2765 17.3978L19.147 16.9148C18.8452 16.9957 18.4622 17 17.5 17V17.5ZM21.3978 15.2765L20.9148 15.147C20.6836 16.0098 20.0098 16.6836 19.147 16.9148L19.2765 17.3978L19.4059 17.8807C20.6137 17.5571 21.5571 16.6137 21.8807 15.4059L21.3978 15.2765ZM16.7 3.5V4C17.5483 4 18.1545 4.00039 18.6297 4.03921C19.099 4.07756 19.3963 4.15089 19.635 4.27248L19.862 3.82698L20.089 3.38148C19.6859 3.17609 19.2423 3.08593 18.7111 3.04253C18.1858 2.99961 17.5318 3 16.7 3V3.5ZM21.5 8.3H22C22 7.46817 22.0004 6.81423 21.9575 6.28889C21.9141 5.75771 21.8239 5.31413 21.6185 4.91103L21.173 5.13803L20.7275 5.36502C20.8491 5.60366 20.9224 5.90099 20.9608 6.37032C20.9996 6.84549 21 7.45167 21 8.3H21.5ZM19.862 3.82698L19.635 4.27248C20.1054 4.51217 20.4878 4.89462 20.7275 5.36502L21.173 5.13803L21.6185 4.91103C21.283 4.25247 20.7475 3.71703 20.089 3.38148L19.862 3.82698ZM2.5 8.3H3C3 7.45167 3.00039 6.84549 3.03921 6.37032C3.07756 5.90099 3.15089 5.60366 3.27248 5.36502L2.82698 5.13803L2.38148 4.91103C2.17609 5.31413 2.08593 5.75771 2.04253 6.28889C1.99961 6.81423 2 7.46817 2 8.3H2.5ZM7.3 3.5V3C6.46817 3 5.81423 2.99961 5.28889 3.04253C4.75771 3.08593 4.31413 3.17609 3.91103 3.38148L4.13803 3.82698L4.36502 4.27248C4.60366 4.15089 4.90099 4.07756 5.37032 4.03921C5.84549 4.00039 6.45167 4 7.3 4V3.5ZM2.82698 5.13803L3.27248 5.36502C3.51217 4.89462 3.89462 4.51217 4.36502 4.27248L4.13803 3.82698L3.91103 3.38148C3.25247 3.71703 2.71703 4.25247 2.38148 4.91103L2.82698 5.13803ZM6.5 17.5V17C5.53784 17 5.15484 16.9957 4.85295 16.9148L4.72354 17.3978L4.59413 17.8807C5.05524 18.0043 5.60222 18 6.5 18V17.5ZM2.5 13.5H2C2 14.3978 1.99571 14.9448 2.11926 15.4059L2.60222 15.2765L3.08519 15.147C3.00429 14.8452 3 14.4622 3 13.5H2.5ZM4.72354 17.3978L4.85295 16.9148C3.99022 16.6836 3.31635 16.0098 3.08519 15.147L2.60222 15.2765L2.11926 15.4059C2.44289 16.6137 3.38631 17.5571 4.59413 17.8807L4.72354 17.3978Z\" fill=\"currentColor\"/><path d=\"M12 15L12.4044 14.7059C12.3103 14.5765 12.16 14.5 12 14.5C11.84 14.5 11.6897 14.5765 11.5956 14.7059L12 15ZM8 20.5L7.59563 20.2059C7.48502 20.358 7.4691 20.5593 7.55444 20.7269C7.63978 20.8945 7.81194 21 8 21V20.5ZM16 20.5V21C16.1881 21 16.3602 20.8945 16.4456 20.7269C16.5309 20.5593 16.515 20.358 16.4044 20.2059L16 20.5ZM12 15L11.5956 14.7059L7.59563 20.2059L8 20.5L8.40437 20.7941L12.4044 15.2941L12 15ZM8 20.5V21H16V20.5V20H8V20.5ZM16 20.5L16.4044 20.2059L12.4044 14.7059L12 15L11.5956 15.2941L15.5956 20.7941L16 20.5Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay" })} innerHTML={maskInner("<path d=\"M21.3978 15.2765L20.9148 15.147V15.147L21.3978 15.2765ZM17.5 17C17.2239 17 17 17.2239 17 17.5C17 17.7761 17.2239 18 17.5 18V17ZM19.2765 17.3978L19.4059 17.8807L19.2765 17.3978ZM19.862 3.82698L19.635 4.27248V4.27248L19.862 3.82698ZM21.173 5.13803L21.6185 4.91103V4.91103L21.173 5.13803ZM2.82698 5.13803L3.27248 5.36502L2.82698 5.13803ZM4.13803 3.82698L4.36502 4.27248L4.13803 3.82698ZM6.5 18C6.77614 18 7 17.7761 7 17.5C7 17.2239 6.77614 17 6.5 17V18ZM4.72354 17.3978L4.59413 17.8807H4.59413L4.72354 17.3978ZM2.60222 15.2765L3.08519 15.147L2.60222 15.2765ZM2.5 13.5H3V8.3H2.5H2V13.5H2.5ZM7.3 3.5V4H16.7V3.5V3H7.3V3.5ZM21.5 8.3H21V13.5H21.5H22V8.3H21.5ZM21.5 13.5H21C21 14.4622 20.9957 14.8452 20.9148 15.147L21.3978 15.2765L21.8807 15.4059C22.0043 14.9448 22 14.3978 22 13.5H21.5ZM17.5 17.5V18C18.3978 18 18.9448 18.0043 19.4059 17.8807L19.2765 17.3978L19.147 16.9148C18.8452 16.9957 18.4622 17 17.5 17V17.5ZM21.3978 15.2765L20.9148 15.147C20.6836 16.0098 20.0098 16.6836 19.147 16.9148L19.2765 17.3978L19.4059 17.8807C20.6137 17.5571 21.5571 16.6137 21.8807 15.4059L21.3978 15.2765ZM16.7 3.5V4C17.5483 4 18.1545 4.00039 18.6297 4.03921C19.099 4.07756 19.3963 4.15089 19.635 4.27248L19.862 3.82698L20.089 3.38148C19.6859 3.17609 19.2423 3.08593 18.7111 3.04253C18.1858 2.99961 17.5318 3 16.7 3V3.5ZM21.5 8.3H22C22 7.46817 22.0004 6.81423 21.9575 6.28889C21.9141 5.75771 21.8239 5.31413 21.6185 4.91103L21.173 5.13803L20.7275 5.36502C20.8491 5.60366 20.9224 5.90099 20.9608 6.37032C20.9996 6.84549 21 7.45167 21 8.3H21.5ZM19.862 3.82698L19.635 4.27248C20.1054 4.51217 20.4878 4.89462 20.7275 5.36502L21.173 5.13803L21.6185 4.91103C21.283 4.25247 20.7475 3.71703 20.089 3.38148L19.862 3.82698ZM2.5 8.3H3C3 7.45167 3.00039 6.84549 3.03921 6.37032C3.07756 5.90099 3.15089 5.60366 3.27248 5.36502L2.82698 5.13803L2.38148 4.91103C2.17609 5.31413 2.08593 5.75771 2.04253 6.28889C1.99961 6.81423 2 7.46817 2 8.3H2.5ZM7.3 3.5V3C6.46817 3 5.81423 2.99961 5.28889 3.04253C4.75771 3.08593 4.31413 3.17609 3.91103 3.38148L4.13803 3.82698L4.36502 4.27248C4.60366 4.15089 4.90099 4.07756 5.37032 4.03921C5.84549 4.00039 6.45167 4 7.3 4V3.5ZM2.82698 5.13803L3.27248 5.36502C3.51217 4.89462 3.89462 4.51217 4.36502 4.27248L4.13803 3.82698L3.91103 3.38148C3.25247 3.71703 2.71703 4.25247 2.38148 4.91103L2.82698 5.13803ZM6.5 17.5V17C5.53784 17 5.15484 16.9957 4.85295 16.9148L4.72354 17.3978L4.59413 17.8807C5.05524 18.0043 5.60222 18 6.5 18V17.5ZM2.5 13.5H2C2 14.3978 1.99571 14.9448 2.11926 15.4059L2.60222 15.2765L3.08519 15.147C3.00429 14.8452 3 14.4622 3 13.5H2.5ZM4.72354 17.3978L4.85295 16.9148C3.99022 16.6836 3.31635 16.0098 3.08519 15.147L2.60222 15.2765L2.11926 15.4059C2.44289 16.6137 3.38631 17.5571 4.59413 17.8807L4.72354 17.3978Z\" fill=\"currentColor\"/><path d=\"M12 15L12.4044 14.7059C12.3103 14.5765 12.16 14.5 12 14.5C11.84 14.5 11.6897 14.5765 11.5956 14.7059L12 15ZM8 20.5L7.59563 20.2059C7.48502 20.358 7.4691 20.5593 7.55444 20.7269C7.63978 20.8945 7.81194 21 8 21V20.5ZM16 20.5V21C16.1881 21 16.3602 20.8945 16.4456 20.7269C16.5309 20.5593 16.515 20.358 16.4044 20.2059L16 20.5ZM12 15L11.5956 14.7059L7.59563 20.2059L8 20.5L8.40437 20.7941L12.4044 15.2941L12 15ZM8 20.5V21H16V20.5V20H8V20.5ZM16 20.5L16.4044 20.2059L12.4044 14.7059L12 15L11.5956 15.2941L15.5956 20.7941L16 20.5Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-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 d=\"M8.98136 20.5C8.57272 20.5 8.33664 20.0364 8.57699 19.7059L11.5951 15.556C11.7948 15.2815 12.2042 15.2815 12.4038 15.556L15.422 19.7059C15.6623 20.0364 15.4262 20.5 15.0176 20.5H8.98136Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 15.0557 20.6282 17.7897 18.4681 19.6238C18.254 19.8056 17.9326 19.7574 17.7674 19.5302C17.608 19.3111 17.6526 19.0052 17.8582 18.8287C19.7807 17.1784 21 14.7324 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.7322 4.21875 17.1783 6.14091 18.8287C6.34645 19.0052 6.39101 19.3111 6.23165 19.5302C6.06642 19.7573 5.74502 19.8056 5.53092 19.6238C3.37123 17.7896 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.1119 15.9037 16.6998 17.1841C16.4901 17.3742 16.1649 17.3265 15.9986 17.0975C15.841 16.8804 15.8837 16.5782 16.0802 16.3957C17.2604 15.3003 18 13.7372 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 13.737 6.73906 15.3003 7.91887 16.3957C8.11541 16.5782 8.15802 16.8804 8.00043 17.0974C7.83412 17.3264 7.50891 17.3742 7.29926 17.184C5.88755 15.9036 5 14.056 5 12C5 8.13401 8.13401 5 12 5Z\" fill=\"currentColor\"/><path d=\"M12 8C14.2091 8 16 9.79086 16 12C16 13.0541 15.5919 14.0125 14.9254 14.7269C14.7291 14.9373 14.3962 14.8936 14.2268 14.661L14.2203 14.6519C14.0667 14.441 14.105 14.15 14.2752 13.9523C14.7265 13.4278 15 12.7463 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 12.7461 9.27308 13.4277 9.72405 13.9522C9.89412 14.1501 9.93237 14.441 9.77884 14.6519L9.77225 14.6609C9.60285 14.8936 9.26991 14.9372 9.07366 14.7267C8.40761 14.0123 8 13.0538 8 12C8 9.79086 9.79086 8 12 8Z\" fill=\"currentColor\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airplay-audio, audio-stream" })} innerHTML={maskInner("<path d=\"M8.98136 20.5C8.57272 20.5 8.33664 20.0364 8.57699 19.7059L11.5951 15.556C11.7948 15.2815 12.2042 15.2815 12.4038 15.556L15.422 19.7059C15.6623 20.0364 15.4262 20.5 15.0176 20.5H8.98136Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M12 2C17.5228 2 22 6.47715 22 12C22 15.0557 20.6282 17.7897 18.4681 19.6238C18.254 19.8056 17.9326 19.7574 17.7674 19.5302C17.608 19.3111 17.6526 19.0052 17.8582 18.8287C19.7807 17.1784 21 14.7324 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 14.7322 4.21875 17.1783 6.14091 18.8287C6.34645 19.0052 6.39101 19.3111 6.23165 19.5302C6.06642 19.7573 5.74502 19.8056 5.53092 19.6238C3.37123 17.7896 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.1119 15.9037 16.6998 17.1841C16.4901 17.3742 16.1649 17.3265 15.9986 17.0975C15.841 16.8804 15.8837 16.5782 16.0802 16.3957C17.2604 15.3003 18 13.7372 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 13.737 6.73906 15.3003 7.91887 16.3957C8.11541 16.5782 8.15802 16.8804 8.00043 17.0974C7.83412 17.3264 7.50891 17.3742 7.29926 17.184C5.88755 15.9036 5 14.056 5 12C5 8.13401 8.13401 5 12 5Z\" fill=\"currentColor\"/><path d=\"M12 8C14.2091 8 16 9.79086 16 12C16 13.0541 15.5919 14.0125 14.9254 14.7269C14.7291 14.9373 14.3962 14.8936 14.2268 14.661L14.2203 14.6519C14.0667 14.441 14.105 14.15 14.2752 13.9523C14.7265 13.4278 15 12.7463 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 12.7461 9.27308 13.4277 9.72405 13.9522C9.89412 14.1501 9.93237 14.441 9.77884 14.6519L9.77225 14.6609C9.60285 14.8936 9.26991 14.9372 9.07366 14.7267C8.40761 14.0123 8 13.0538 8 12C8 9.79086 9.79086 8 12 8Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-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=\"M17 20.5H7C5.067 20.5 3.5 18.933 3.5 17V9.5V7C3.5 5.067 5.067 3.5 7 3.5H17C18.933 3.5 20.5 5.067 20.5 7V9.5V17C20.5 18.933 18.933 20.5 17 20.5Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M20.5 9.5H3.5\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M12 12.125C12.3452 12.125 12.625 12.4048 12.625 12.75C12.625 13.0952 12.3452 13.375 12 13.375C11.6548 13.375 11.375 13.0952 11.375 12.75C11.375 12.4048 11.6548 12.125 12 12.125Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0.25\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-case, airpods" })} innerHTML={maskInner("<path d=\"M17 20.5H7C5.067 20.5 3.5 18.933 3.5 17V9.5V7C3.5 5.067 5.067 3.5 7 3.5H17C18.933 3.5 20.5 5.067 20.5 7V9.5V17C20.5 18.933 18.933 20.5 17 20.5Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M20.5 9.5H3.5\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M12 12.125C12.3452 12.125 12.625 12.4048 12.625 12.75C12.625 13.0952 12.3452 13.375 12 13.375C11.6548 13.375 11.375 13.0952 11.375 12.75C11.375 12.4048 11.6548 12.125 12 12.125Z\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"0.25\"/>", "round-outlined-radius-3-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=\"M7.5 13.083V19C7.5 19.8284 6.82843 20.5 6 20.5C5.17157 20.5 4.5 19.8284 4.5 19V8.5C4.5 5.73858 6.73858 3.5 9.5 3.5C10.0916 3.5 10.6592 3.60281 11.1859 3.7915C12.0741 4.10969 12.5 5.0551 12.5 5.99856V11.0007C12.5 11.944 12.0742 12.8893 11.1863 13.2079C10.6595 13.3969 10.0919 13.5 9.5 13.5C8.78876 13.5 8.11255 13.3507 7.5 13.083ZM7.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 13.5V20.5H19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-left" })} innerHTML={maskInner("<path d=\"M7.5 13.083V19C7.5 19.8284 6.82843 20.5 6 20.5C5.17157 20.5 4.5 19.8284 4.5 19V8.5C4.5 5.73858 6.73858 3.5 9.5 3.5C10.0916 3.5 10.6592 3.60281 11.1859 3.7915C12.0741 4.10969 12.5 5.0551 12.5 5.99856V11.0007C12.5 11.944 12.0742 12.8893 11.1863 13.2079C10.6595 13.3969 10.0919 13.5 9.5 13.5C8.78876 13.5 8.11255 13.3507 7.5 13.083ZM7.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 13.5V20.5H19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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 d=\"M16.5 13.083V19C16.5 19.8284 17.1716 20.5 18 20.5C18.8284 20.5 19.5 19.8284 19.5 19V8.5C19.5 5.73858 17.2614 3.5 14.5 3.5C13.9084 3.5 13.3408 3.60281 12.8141 3.7915C11.9259 4.10969 11.5 5.0551 11.5 5.99856V11.0007C11.5 11.944 11.9258 12.8893 12.8137 13.2079C13.3405 13.3969 13.9081 13.5 14.5 13.5C15.2112 13.5 15.8874 13.3507 16.5 13.083ZM16.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.5 17.5V13.5H7C8.10457 13.5 9 14.3954 9 15.5C9 16.6046 8.10457 17.5 7 17.5H4.5ZM4.5 17.5V20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.99784 20.5001C8.99784 18.879 8.60925 17.502 6.37891 17.502\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpod-right" })} innerHTML={maskInner("<path d=\"M16.5 13.083V19C16.5 19.8284 17.1716 20.5 18 20.5C18.8284 20.5 19.5 19.8284 19.5 19V8.5C19.5 5.73858 17.2614 3.5 14.5 3.5C13.9084 3.5 13.3408 3.60281 12.8141 3.7915C11.9259 4.10969 11.5 5.0551 11.5 5.99856V11.0007C11.5 11.944 11.9258 12.8893 12.8137 13.2079C13.3405 13.3969 13.9081 13.5 14.5 13.5C15.2112 13.5 15.8874 13.3507 16.5 13.083ZM16.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.5 17.5V13.5H7C8.10457 13.5 9 14.3954 9 15.5C9 16.6046 8.10457 17.5 7 17.5H4.5ZM4.5 17.5V20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.99784 20.5001C8.99784 18.879 8.60925 17.502 6.37891 17.502\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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=\"M16.5 13.083V19C16.5 19.8284 15.8284 20.5 15 20.5C14.1716 20.5 13.5 19.8284 13.5 19V8.5C13.5 5.73858 15.7386 3.5 18.5 3.5C19.0916 3.5 19.6592 3.60281 20.1859 3.7915C21.0741 4.10969 21.5 5.0551 21.5 5.99856V11.0007C21.5 11.944 21.0742 12.8893 20.1863 13.2079C19.6595 13.3969 19.0919 13.5 18.5 13.5C17.7888 13.5 17.1126 13.3507 16.5 13.083ZM16.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 13.083V19C7.5 19.8284 8.17157 20.5 9 20.5V20.5C9.82843 20.5 10.5 19.8284 10.5 19V8.5C10.5 5.73858 8.26142 3.5 5.5 3.5C4.90839 3.5 4.34082 3.60281 3.81413 3.7915C2.92594 4.10969 2.5 5.0551 2.5 5.99856V11.0007C2.5 11.944 2.92577 12.8893 3.81368 13.2079C4.34045 13.3969 4.90813 13.5 5.5 13.5C6.21124 13.5 6.88745 13.3507 7.5 13.083ZM7.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "airpods, headphones, vibe" })} innerHTML={maskInner("<path d=\"M16.5 13.083V19C16.5 19.8284 15.8284 20.5 15 20.5C14.1716 20.5 13.5 19.8284 13.5 19V8.5C13.5 5.73858 15.7386 3.5 18.5 3.5C19.0916 3.5 19.6592 3.60281 20.1859 3.7915C21.0741 4.10969 21.5 5.0551 21.5 5.99856V11.0007C21.5 11.944 21.0742 12.8893 20.1863 13.2079C19.6595 13.3969 19.0919 13.5 18.5 13.5C17.7888 13.5 17.1126 13.3507 16.5 13.083ZM16.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 13.083V19C7.5 19.8284 8.17157 20.5 9 20.5V20.5C9.82843 20.5 10.5 19.8284 10.5 19V8.5C10.5 5.73858 8.26142 3.5 5.5 3.5C4.90839 3.5 4.34082 3.60281 3.81413 3.7915C2.92594 4.10969 2.5 5.0551 2.5 5.99856V11.0007C2.5 11.944 2.92577 12.8893 3.81368 13.2079C4.34045 13.3969 4.90813 13.5 5.5 13.5C6.21124 13.5 6.88745 13.3507 7.5 13.083ZM7.5 13.083V11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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 d=\"M3.5 5.5V18.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 4.5V19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.5 17.4772V6.52308C11.5 4.44403 13.5635 2.99528 15.5189 3.70142L18.5189 4.78476C19.7078 5.21406 20.5 6.34244 20.5 7.60642V16.3939C20.5 17.6578 19.7078 18.7862 18.5189 19.2155L15.5189 20.2989C13.5635 21.005 11.5 19.5563 11.5 17.4772Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums, cover" })} innerHTML={maskInner("<path d=\"M3.5 5.5V18.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 4.5V19.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.5 17.4772V6.52308C11.5 4.44403 13.5635 2.99528 15.5189 3.70142L18.5189 4.78476C19.7078 5.21406 20.5 6.34244 20.5 7.60642V16.3939C20.5 17.6578 19.7078 18.7862 18.5189 19.2155L15.5189 20.2989C13.5635 21.005 11.5 19.5563 11.5 17.4772Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-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 d=\"M18.5 3.5H5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5 7.5H4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.52378 11.5H17.4779C19.5569 11.5 21.0057 13.5635 20.2996 15.5189L19.2162 18.5189C18.7869 19.7078 17.6585 20.5 16.3946 20.5H7.60711C6.34314 20.5 5.21475 19.7078 4.78545 18.5189L3.70212 15.5189C2.99598 13.5635 4.44472 11.5 6.52378 11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "albums-2, cover" })} innerHTML={maskInner("<path d=\"M18.5 3.5H5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5 7.5H4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.52378 11.5H17.4779C19.5569 11.5 21.0057 13.5635 20.2996 15.5189L19.2162 18.5189C18.7869 19.7078 17.6585 20.5 16.3946 20.5H7.60711C6.34314 20.5 5.21475 19.7078 4.78545 18.5189L3.70212 15.5189C2.99598 13.5635 4.44472 11.5 6.52378 11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-1-IconAlbums2", props.mode)} />
 );
 
 export default IconAlbums2;

package/IconAlien/index.tsx

@@ -1,7 +1,7 @@
-import { svgAttrs, type CentralIconBaseProps } from "../CentralIconBase";
+import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
 export const IconAlien = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={"<path d=\"M20.5 10.9211C20.5 17.2368 14.125 22.5 12 22.5C9.875 22.5 3.5 17.2368 3.5 10.9211C3.5 6.27023 7.30558 2.5 12 2.5C16.6944 2.5 20.5 6.27023 20.5 10.9211Z\" stroke=\"currentColor\"/><path d=\"M7.66158 11.0391L9.86888 13.0171M9.78248 12.4048L8.3033 11.0793M7.72454 11.6592L9.20372 12.9847M7.01154 10.4343C9.1742 10.1063 10.4656 11.0566 10.4684 13.5705C8.35814 13.7522 6.87311 12.9452 7.01154 10.4343Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.3384 11.0391L14.1311 13.0171M14.2175 12.4048L15.6967 11.0793M16.2755 11.6592L14.7963 12.9847M16.9885 10.4343C14.8258 10.1063 13.5344 11.0566 13.5316 13.5705C15.6419 13.7522 17.1269 12.9452 16.9885 10.4343Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"} />
+  <svg {...svgAttrs({ ...props, ariaLabel: "alien" })} innerHTML={maskInner("<path d=\"M20.5 10.9211C20.5 17.2368 14.125 22.5 12 22.5C9.875 22.5 3.5 17.2368 3.5 10.9211C3.5 6.27023 7.30558 2.5 12 2.5C16.6944 2.5 20.5 6.27023 20.5 10.9211Z\" stroke=\"currentColor\"/><path d=\"M7.66158 11.0391L9.86888 13.0171M9.78248 12.4048L8.3033 11.0793M7.72454 11.6592L9.20372 12.9847M7.01154 10.4343C9.1742 10.1063 10.4656 11.0566 10.4684 13.5705C8.35814 13.7522 6.87311 12.9452 7.01154 10.4343Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.3384 11.0391L14.1311 13.0171M14.2175 12.4048L15.6967 11.0793M16.2755 11.6592L14.7963 12.9847M16.9885 10.4343C14.8258 10.1063 13.5344 11.0566 13.5316 13.5705C15.6419 13.7522 17.1269 12.9452 16.9885 10.4343Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-1-IconAlien", props.mode)} />
 );
 
 export default IconAlien;