@central-icons-solid/square-filled-radius-0-stroke-1 1.1.319 → 1.1.321

package/Icon3d/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3d = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<path d=\"M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z\" fill=\"currentColor\"/><path d=\"M13.5 16C13.5 16.8284 12.8284 17.5 12 17.5C11.1716 17.5 10.5 16.8284 10.5 16C10.5 15.1716 11.1716 14.5 12 14.5C12.8284 14.5 13.5 15.1716 13.5 16Z\" fill=\"currentColor\"/><path d=\"M9 8C9 8.55228 8.55228 9 8 9C7.44772 9 7 8.55228 7 8C7 7.44772 7.44772 7 8 7C8.55228 7 9 7.44772 9 8Z\" fill=\"currentColor\"/><path d=\"M5 12C5 12.5523 4.55228 13 4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11C4.55228 11 5 11.4477 5 12Z\" fill=\"currentColor\"/><path d=\"M21 12C21 12.5523 20.5523 13 20 13C19.4477 13 19 12.5523 19 12C19 11.4477 19.4477 11 20 11C20.5523 11 21 11.4477 21 12Z\" fill=\"currentColor\"/><path d=\"M13 4C13 4.55228 12.5523 5 12 5C11.4477 5 11 4.55228 11 4C11 3.44772 11.4477 3 12 3C12.5523 3 13 3.44772 13 4Z\" fill=\"currentColor\"/><path d=\"M13 20C13 20.5523 12.5523 21 12 21C11.4477 21 11 20.5523 11 20C11 19.4477 11.4477 19 12 19C12.5523 19 13 19.4477 13 20Z\" fill=\"currentColor\"/><path d=\"M8.75 4C8.75 4.41421 8.41421 4.75 8 4.75C7.58579 4.75 7.25 4.41421 7.25 4C7.25 3.58579 7.58579 3.25 8 3.25C8.41421 3.25 8.75 3.58579 8.75 4Z\" fill=\"currentColor\"/><path d=\"M16.75 4C16.75 4.41421 16.4142 4.75 16 4.75C15.5858 4.75 15.25 4.41421 15.25 4C15.25 3.58579 15.5858 3.25 16 3.25C16.4142 3.25 16.75 3.58579 16.75 4Z\" fill=\"currentColor\"/><path d=\"M4.5 4C4.5 4.27614 4.27614 4.5 4 4.5C3.72386 4.5 3.5 4.27614 3.5 4C3.5 3.72386 3.72386 3.5 4 3.5C4.27614 3.5 4.5 3.72386 4.5 4Z\" fill=\"currentColor\"/><path d=\"M20.5 4C20.5 4.27614 20.2761 4.5 20 4.5C19.7239 4.5 19.5 4.27614 19.5 4C19.5 3.72386 19.7239 3.5 20 3.5C20.2761 3.5 20.5 3.72386 20.5 4Z\" fill=\"currentColor\"/><path d=\"M4.75 8C4.75 8.41421 4.41421 8.75 4 8.75C3.58579 8.75 3.25 8.41421 3.25 8C3.25 7.58579 3.58579 7.25 4 7.25C4.41421 7.25 4.75 7.58579 4.75 8Z\" fill=\"currentColor\"/><path d=\"M20.75 8C20.75 8.41421 20.4142 8.75 20 8.75C19.5858 8.75 19.25 8.41421 19.25 8C19.25 7.58579 19.5858 7.25 20 7.25C20.4142 7.25 20.75 7.58579 20.75 8Z\" fill=\"currentColor\"/><path d=\"M4.75 16C4.75 16.4142 4.41421 16.75 4 16.75C3.58579 16.75 3.25 16.4142 3.25 16C3.25 15.5858 3.58579 15.25 4 15.25C4.41421 15.25 4.75 15.5858 4.75 16Z\" fill=\"currentColor\"/><path d=\"M20.75 16C20.75 16.4142 20.4142 16.75 20 16.75C19.5858 16.75 19.25 16.4142 19.25 16C19.25 15.5858 19.5858 15.25 20 15.25C20.4142 15.25 20.75 15.5858 20.75 16Z\" fill=\"currentColor\"/><path d=\"M4.5 20C4.5 20.2761 4.27614 20.5 4 20.5C3.72386 20.5 3.5 20.2761 3.5 20C3.5 19.7239 3.72386 19.5 4 19.5C4.27614 19.5 4.5 19.7239 4.5 20Z\" fill=\"currentColor\"/><path d=\"M20.5 20C20.5 20.2761 20.2761 20.5 20 20.5C19.7239 20.5 19.5 20.2761 19.5 20C19.5 19.7239 19.7239 19.5 20 19.5C20.2761 19.5 20.5 19.7239 20.5 20Z\" fill=\"currentColor\"/><path d=\"M13.5 8C13.5 8.82843 12.8284 9.5 12 9.5C11.1716 9.5 10.5 8.82843 10.5 8C10.5 7.17157 11.1716 6.5 12 6.5C12.8284 6.5 13.5 7.17157 13.5 8Z\" fill=\"currentColor\"/><path d=\"M17 8C17 8.55228 16.5523 9 16 9C15.4477 9 15 8.55228 15 8C15 7.44772 15.4477 7 16 7C16.5523 7 17 7.44772 17 8Z\" fill=\"currentColor\"/><path d=\"M17.5 12C17.5 12.8284 16.8284 13.5 16 13.5C15.1716 13.5 14.5 12.8284 14.5 12C14.5 11.1716 15.1716 10.5 16 10.5C16.8284 10.5 17.5 11.1716 17.5 12Z\" fill=\"currentColor\"/><path d=\"M9.5 12C9.5 12.8284 8.82843 13.5 8 13.5C7.17157 13.5 6.5 12.8284 6.5 12C6.5 11.1716 7.17157 10.5 8 10.5C8.82843 10.5 9.5 11.1716 9.5 12Z\" fill=\"currentColor\"/><path d=\"M17 16C17 16.5523 16.5523 17 16 17C15.4477 17 15 16.5523 15 16C15 15.4477 15.4477 15 16 15C16.5523 15 17 15.4477 17 16Z\" fill=\"currentColor\"/><path d=\"M16.75 20C16.75 20.4142 16.4142 20.75 16 20.75C15.5858 20.75 15.25 20.4142 15.25 20C15.25 19.5858 15.5858 19.25 16 19.25C16.4142 19.25 16.75 19.5858 16.75 20Z\" fill=\"currentColor\"/><path d=\"M9 16C9 16.5523 8.55228 17 8 17C7.44772 17 7 16.5523 7 16C7 15.4477 7.44772 15 8 15C8.55228 15 9 15.4477 9 16Z\" fill=\"currentColor\"/><path d=\"M8.75 20C8.75 20.4142 8.41421 20.75 8 20.75C7.58579 20.75 7.25 20.4142 7.25 20C7.25 19.5858 7.58579 19.25 8 19.25C8.41421 19.25 8.75 19.5858 8.75 20Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-Icon3d-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <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\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon3d;

package/Icon3dBoxBottom/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3dBoxBottom = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M11.5 11.7119V1.46191L2.87305 6.44238L2.62305 6.58594V16.8379L11.5 11.7119Z\" fill=\"currentColor\"/><path d=\"M21.377 6.58594L21.127 6.44238L12.5 1.46191V11.7119L21.377 16.8379V6.58594Z\" fill=\"currentColor\"/><path d=\"M20.875 17.7031L11.999 12.5781L3.12305 17.7031L12 22.8271L20.875 17.7031Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-Icon3dBoxBottom-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M11.5 11.7119V1.46191L2.87305 6.44238L2.62305 6.58594V16.8379L11.5 11.7119Z\" fill=\"currentColor\"/><path d=\"M21.377 6.58594L21.127 6.44238L12.5 1.46191V11.7119L21.377 16.8379V6.58594Z\" fill=\"currentColor\"/><path d=\"M20.875 17.7031L11.999 12.5781L3.12305 17.7031L12 22.8271L20.875 17.7031Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon3dBoxBottom;

package/Icon3dBoxTop/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3dBoxTop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.5 12.2881V22.5381L2.87305 17.5576L2.62305 17.4141V7.16211L11.5 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.377 17.4141L21.127 17.5576L12.5 22.5381V12.2881L21.377 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M20.875 6.29688L11.999 11.4219L3.12305 6.29688L12 1.17285L20.875 6.29688Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-Icon3dBoxTop-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.5 12.2881V22.5381L2.87305 17.5576L2.62305 17.4141V7.16211L11.5 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.377 17.4141L21.127 17.5576L12.5 22.5381V12.2881L21.377 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M20.875 6.29688L11.999 11.4219L3.12305 6.29688L12 1.17285L20.875 6.29688Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon3dBoxTop;

package/Icon3dPackage/index.tsx

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

package/Icon3dPackage2/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3dPackage2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M11.502 12.2881V22.5381L2.875 17.5576L2.625 17.4141V7.16211L11.502 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.3789 17.4141L21.1289 17.5576L12.502 22.5381V12.2881L16.752 9.83301V15.1484L17.752 14.5713V9.25586L21.3789 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16797L15.9375 9.14844L12.001 11.4219L3.125 6.29688L7.0625 4.02344L7.31348 4.16797Z\" fill=\"currentColor\"/><path d=\"M20.877 6.29688L16.9385 8.57031L8.0625 3.44629L12.002 1.17285L20.877 6.29688Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-Icon3dPackage2-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M11.502 12.2881V22.5381L2.875 17.5576L2.625 17.4141V7.16211L11.502 12.2881Z\" fill=\"currentColor\"/><path d=\"M21.3789 17.4141L21.1289 17.5576L12.502 22.5381V12.2881L16.752 9.83301V15.1484L17.752 14.5713V9.25586L21.3789 7.16211V17.4141Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16797L15.9375 9.14844L12.001 11.4219L3.125 6.29688L7.0625 4.02344L7.31348 4.16797Z\" fill=\"currentColor\"/><path d=\"M20.877 6.29688L16.9385 8.57031L8.0625 3.44629L12.002 1.17285L20.877 6.29688Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon3dPackage2;

package/Icon3dSphere/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3dSphere = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={maskInner("<path d=\"M9.50005 12.0001C9.50005 8.99379 9.83293 6.29012 10.3611 4.35344C10.6262 3.38151 10.9329 2.63112 11.2525 2.13544C11.2784 2.09535 11.3038 2.05765 11.3288 2.02223C11.5506 2.00753 11.7744 2.00006 12 2.00006C17.5228 2.00006 22 6.47721 22 12.0001C22 12.2256 21.9925 12.4495 21.9778 12.6713C21.9424 12.6963 21.9047 12.7217 21.8647 12.7476C21.369 13.0672 20.6186 13.3739 19.6467 13.639C17.71 14.1672 15.0063 14.5001 12.0001 14.5001C11.1648 14.5001 10.3528 14.4744 9.5742 14.4259C9.52575 13.6473 9.50005 12.8354 9.50005 12.0001Z\" fill=\"currentColor\"/><path d=\"M21.8166 13.9165C21.2818 14.1762 20.636 14.4057 19.9098 14.6038C17.8652 15.1614 15.0689 15.5001 12.0001 15.5001C11.1954 15.5001 10.4095 15.4768 9.65101 15.4324C9.79758 17.0464 10.0442 18.4846 10.3611 19.6467C10.6262 20.6186 10.9329 21.369 11.2525 21.8647C11.2784 21.9048 11.3038 21.9425 11.3288 21.9779C11.5507 21.9926 11.7745 22.0001 12 22.0001C16.8674 22.0001 20.9226 18.5225 21.8166 13.9165Z\" fill=\"currentColor\"/><path d=\"M10.0837 21.8166C9.82394 21.2819 9.59442 20.636 9.39635 19.9098C9.05099 18.6435 8.7896 17.0887 8.64065 15.3594C6.91139 15.2105 5.35665 14.9491 4.09032 14.6038C3.36406 14.4057 2.71818 14.1762 2.18343 13.9164C2.957 17.9023 6.0978 21.0431 10.0837 21.8166Z\" fill=\"currentColor\"/><path d=\"M2.02217 12.6712C2.00747 12.4494 2 12.2256 2 12.0001C2 7.13263 5.47757 3.07742 10.0837 2.18348C9.82393 2.71823 9.59441 3.36408 9.39635 4.09032C8.83875 6.13485 8.50005 8.93118 8.50005 12.0001C8.50005 12.8047 8.52334 13.5906 8.56774 14.3491C6.95371 14.2025 5.5155 13.9559 4.35344 13.639C3.38151 13.3739 2.63112 13.0672 2.13544 12.7476C2.09533 12.7217 2.05761 12.6963 2.02217 12.6712Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-Icon3dSphere-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <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\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon3dSphere;

package/Icon4k/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon4k = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M9.36084 13.3496H6.46338V13.3159L9.32715 8.89111H9.36084V13.3496Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 20V4H22V20H2ZM9.34961 14.3884V16H10.5569V14.3884H11.6743V13.3328H10.5569V7.89722H8.73755L5.29541 13.2935V14.3884H9.34961ZM12.7468 7.89722V16H14.0046V13.2935L14.8301 12.3389L17.5085 16H19.064L15.7285 11.4797L18.8 7.89722H17.3064L14.0383 11.7773H14.0046V7.89722H12.7468Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-Icon4k-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M9.36084 13.3496H6.46338V13.3159L9.32715 8.89111H9.36084V13.3496Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 20V4H22V20H2ZM9.34961 14.3884V16H10.5569V14.3884H11.6743V13.3328H10.5569V7.89722H8.73755L5.29541 13.2935V14.3884H9.34961ZM12.7468 7.89722V16H14.0046V13.2935L14.8301 12.3389L17.5085 16H19.064L15.7285 11.4797L18.8 7.89722H17.3064L14.0383 11.7773H14.0046V7.89722H12.7468Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon4k;

package/IconAddImage/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAddImage = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M19 18H22V19H19V22H18V19H15V18H18V15H19V18Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L8 12L4 16V20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H3V3H21V14.1699ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAddImage-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M19 18H22V19H19V22H18V19H15V18H18V15H19V18Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21 14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L8 12L4 16V20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H3V3H21V14.1699ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAddImage;

package/IconAddKeyframe/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAddKeyframe = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.29297 12L12.0001 1.29297L22.7072 12L12.0001 22.7072L1.29297 12ZM12.5 8.5H11.5V11.5H8.5V12.5H11.5V15.5H12.5V12.5H15.5V11.5H12.5V8.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAddKeyframe-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M1.29297 12L12.0001 1.29297L22.7072 12L12.0001 22.7072L1.29297 12ZM12.5 8.5H11.5V11.5H8.5V12.5H11.5V15.5H12.5V12.5H15.5V11.5H12.5V8.5Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAddKeyframe;

package/IconAddToBasket/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAddToBasket = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M21.0333 10.3831C20.2751 10.7773 19.4136 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L3.89776 2H1V3H3.10224L6.10224 16H19.9099L21.0333 10.3831Z\" fill=\"currentColor\"/><path d=\"M9 17C7.89543 17 7 17.8954 7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 17Z\" fill=\"currentColor\"/><path d=\"M15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19 2V5H22V6H19V9H18V6H15V5H18V2H19Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAddToBasket-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M21.0333 10.3831C20.2751 10.7773 19.4136 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L3.89776 2H1V3H3.10224L6.10224 16H19.9099L21.0333 10.3831Z\" fill=\"currentColor\"/><path d=\"M9 17C7.89543 17 7 17.8954 7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 17Z\" fill=\"currentColor\"/><path d=\"M15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M19 2V5H22V6H19V9H18V6H15V5H18V2H19Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAddToBasket;

package/IconAddToBasket2/index.tsx

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

package/IconAdjustPhoto/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAdjustPhoto = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<path d=\"M12 0C11.4477 0 11 0.447715 11 1C11 1.55228 11.4477 2 12 2C12.5523 2 13 1.55228 13 1C13 0.447715 12.5523 0 12 0Z\" fill=\"currentColor\"/><path d=\"M4.92893 3.51472C4.53841 3.12419 3.90524 3.12419 3.51472 3.51472C3.12419 3.90524 3.12419 4.53841 3.51472 4.92893C3.90524 5.31946 4.53841 5.31946 4.92893 4.92893C5.31946 4.53841 5.31946 3.90524 4.92893 3.51472Z\" fill=\"currentColor\"/><path d=\"M20.4853 3.51472C20.0948 3.12419 19.4616 3.12419 19.0711 3.51472C18.6805 3.90524 18.6805 4.53841 19.0711 4.92893C19.4616 5.31946 20.0948 5.31946 20.4853 4.92893C20.8758 4.53841 20.8758 3.90524 20.4853 3.51472Z\" fill=\"currentColor\"/><path d=\"M1 11C0.447715 11 0 11.4477 0 12C0 12.5523 0.447715 13 1 13C1.55228 13 2 12.5523 2 12C2 11.4477 1.55228 11 1 11Z\" fill=\"currentColor\"/><path d=\"M23 11C22.4477 11 22 11.4477 22 12C22 12.5523 22.4477 13 23 13C23.5523 13 24 12.5523 24 12C24 11.4477 23.5523 11 23 11Z\" fill=\"currentColor\"/><path d=\"M3.51472 19.0711C3.12419 19.4616 3.12419 20.0948 3.51472 20.4853C3.90524 20.8758 4.53841 20.8758 4.92893 20.4853C5.31946 20.0948 5.31946 19.4616 4.92893 19.0711C4.53841 18.6805 3.90524 18.6805 3.51472 19.0711Z\" fill=\"currentColor\"/><path d=\"M20.4853 19.0711C20.0948 18.6805 19.4616 18.6805 19.0711 19.0711C18.6805 19.4616 18.6805 20.0948 19.0711 20.4853C19.4616 20.8758 20.0948 20.8758 20.4853 20.4853C20.8758 20.0948 20.8758 19.4616 20.4853 19.0711Z\" fill=\"currentColor\"/><path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.0292 4.75551 15.882 6.00058 17.2923L12 11.2929L12.7071 12L6.70769 17.9994C8.11804 19.2445 9.97079 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAdjustPhoto-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<path d=\"M12 0C11.4477 0 11 0.447715 11 1C11 1.55228 11.4477 2 12 2C12.5523 2 13 1.55228 13 1C13 0.447715 12.5523 0 12 0Z\" fill=\"currentColor\"/><path d=\"M4.92893 3.51472C4.53841 3.12419 3.90524 3.12419 3.51472 3.51472C3.12419 3.90524 3.12419 4.53841 3.51472 4.92893C3.90524 5.31946 4.53841 5.31946 4.92893 4.92893C5.31946 4.53841 5.31946 3.90524 4.92893 3.51472Z\" fill=\"currentColor\"/><path d=\"M20.4853 3.51472C20.0948 3.12419 19.4616 3.12419 19.0711 3.51472C18.6805 3.90524 18.6805 4.53841 19.0711 4.92893C19.4616 5.31946 20.0948 5.31946 20.4853 4.92893C20.8758 4.53841 20.8758 3.90524 20.4853 3.51472Z\" fill=\"currentColor\"/><path d=\"M1 11C0.447715 11 0 11.4477 0 12C0 12.5523 0.447715 13 1 13C1.55228 13 2 12.5523 2 12C2 11.4477 1.55228 11 1 11Z\" fill=\"currentColor\"/><path d=\"M23 11C22.4477 11 22 11.4477 22 12C22 12.5523 22.4477 13 23 13C23.5523 13 24 12.5523 24 12C24 11.4477 23.5523 11 23 11Z\" fill=\"currentColor\"/><path d=\"M3.51472 19.0711C3.12419 19.4616 3.12419 20.0948 3.51472 20.4853C3.90524 20.8758 4.53841 20.8758 4.92893 20.4853C5.31946 20.0948 5.31946 19.4616 4.92893 19.0711C4.53841 18.6805 3.90524 18.6805 3.51472 19.0711Z\" fill=\"currentColor\"/><path d=\"M20.4853 19.0711C20.0948 18.6805 19.4616 18.6805 19.0711 19.0711C18.6805 19.4616 18.6805 20.0948 19.0711 20.4853C19.4616 20.8758 20.0948 20.8758 20.4853 20.4853C20.8758 20.0948 20.8758 19.4616 20.4853 19.0711Z\" fill=\"currentColor\"/><path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 14.0292 4.75551 15.882 6.00058 17.2923L12 11.2929L12.7071 12L6.70769 17.9994C8.11804 19.2445 9.97079 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAdjustPhoto;

package/IconAdobeAcrobat/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAdobeAcrobat = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "adobe-acrobat" })} innerHTML={maskInner("<path d=\"M21.3654 14.4172C19.9038 12.8994 15.9127 13.5178 14.9571 13.6302C13.5518 12.2811 12.5961 10.6509 12.2589 10.0888C12.7648 8.57101 13.1021 7.05325 13.1583 5.42308C13.1583 4.01775 12.5961 2.5 11.0222 2.5C10.46 2.5 9.95413 2.83728 9.67306 3.28698C8.9985 4.46746 9.27957 6.8284 10.3476 9.24556C9.72927 10.9882 9.16714 12.6746 7.59318 15.6538C5.963 16.3284 2.53401 17.9024 2.25294 19.5888C2.14052 20.0947 2.30915 20.6006 2.70265 20.9941C3.09614 21.3314 3.60205 21.5 4.10797 21.5C6.18785 21.5 8.21152 18.6331 9.61685 16.216C10.7973 15.8225 12.6524 15.2604 14.5074 14.9231C16.6997 16.8343 18.6109 17.1154 19.6228 17.1154C20.9719 17.1154 21.4778 16.5533 21.6464 16.0473C21.9275 15.4852 21.7589 14.8669 21.3654 14.4172ZM19.96 15.3728C19.9038 15.7663 19.3979 16.1598 18.4985 15.9349C17.4305 15.6538 16.4748 15.1479 15.6316 14.4734C16.3624 14.3609 17.9926 14.1923 19.1731 14.4172C19.6228 14.5296 20.0725 14.8107 19.96 15.3728ZM10.5725 3.7929C10.6849 3.62426 10.8535 3.51183 11.0222 3.51183C11.5281 3.51183 11.6405 4.13018 11.6405 4.6361C11.5843 5.81657 11.3595 6.99704 10.966 8.1213C10.1228 5.87278 10.2914 4.29882 10.5725 3.7929ZM10.46 14.6982C10.9097 13.7988 11.5281 12.2249 11.7529 11.5503C12.2589 12.3935 13.1021 13.4053 13.5518 13.855C13.5518 13.9112 11.8092 14.2485 10.46 14.6982ZM7.14348 16.9467C5.85058 19.0828 4.50146 20.432 3.77069 20.432C3.65827 20.432 3.54584 20.3757 3.43342 20.3195C3.26478 20.2071 3.20856 20.0385 3.26478 19.8136C3.43342 19.0266 4.89495 17.9586 7.14348 16.9467Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAdobeAcrobat-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <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\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAdobeAcrobat;

package/IconAffinity/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAffinity = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "affinity" })} innerHTML={maskInner("<path d=\"M19.6157 6.52429C19.6157 3.88674 16.5606 2.75 12.6605 2.75C10.2882 2.75 7.60574 3.18911 5.11455 3.97485V9.13252C8.78581 6.45864 12.8647 5.31397 15.4921 5.31397C17.1442 5.31397 18.2652 5.77501 18.2652 6.60078C18.2652 10.0036 3.5 9.46437 3.5 16.817C3.5 19.6353 5.43794 21.25 8.1644 21.25C12.2884 21.25 15.4077 17.2423 17.7413 12.357L18.2141 12.5269C16.985 15.5123 14.4416 18.7856 13.9463 20.8899H19.2556V10.0035H18.0293C16.2493 13.8712 13.6411 17.4352 10.9329 17.4352C9.69652 17.4352 8.90999 16.6851 8.90999 15.7338C8.90999 11.6628 19.6157 10.8477 19.6157 6.52429Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAffinity-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <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\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAffinity;

package/IconAgent/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAgent = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<path d=\"M12 2.5C13.933 2.5 15.5 4.067 15.5 6C15.5 7.7632 14.1961 9.22121 12.5 9.46387V11.5H18V14.5352C19.6962 14.7778 21 16.2367 21 18C21 19.933 19.433 21.5 17.5 21.5C15.567 21.5 14 19.933 14 18C14 16.2367 15.3038 14.7778 17 14.5352V12.5H7V14.5352C8.69617 14.7778 10 16.2367 10 18C10 19.933 8.433 21.5 6.5 21.5C4.567 21.5 3 19.933 3 18C3 16.2367 4.30383 14.7778 6 14.5352V11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAgent-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<path d=\"M12 2.5C13.933 2.5 15.5 4.067 15.5 6C15.5 7.7632 14.1961 9.22121 12.5 9.46387V11.5H18V14.5352C19.6962 14.7778 21 16.2367 21 18C21 19.933 19.433 21.5 17.5 21.5C15.567 21.5 14 19.933 14 18C14 16.2367 15.3038 14.7778 17 14.5352V12.5H7V14.5352C8.69617 14.7778 10 16.2367 10 18C10 19.933 8.433 21.5 6.5 21.5C4.567 21.5 3 19.933 3 18C3 16.2367 4.30383 14.7778 6 14.5352V11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAgent;

package/IconAgentNetwork/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAgentNetwork = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M8.5 2.25C10.787 2.25 12.6509 4.05647 12.7451 6.32031L15.3828 6.57812C15.7802 5.23224 17.0253 4.25 18.5 4.25C20.2949 4.25 21.75 5.70507 21.75 7.5C21.75 9.29493 20.2949 10.75 18.5 10.75C18.4271 10.75 18.3549 10.7469 18.2832 10.7422L17.3789 13.6875C18.7836 14.3811 19.75 15.8274 19.75 17.5C19.75 19.8472 17.8472 21.75 15.5 21.75C13.213 21.75 11.3481 19.9436 11.2539 17.6797L8.61523 17.4219C8.21765 18.7675 6.97449 19.75 5.5 19.75C3.70507 19.75 2.25 18.2949 2.25 16.5C2.25 14.7051 3.70507 13.25 5.5 13.25C5.57284 13.25 5.64515 13.2521 5.7168 13.2568L6.62109 10.3125C5.21643 9.61892 4.25 8.17256 4.25 6.5C4.25 4.15279 6.15279 2.25 8.5 2.25ZM10.3213 10.3398C9.76916 10.6022 9.15196 10.75 8.5 10.75C8.17848 10.75 7.86555 10.7132 7.56445 10.6455L6.69434 13.4775C7.87751 13.9455 8.71954 15.0869 8.74805 16.4297L11.3281 16.6826C11.5229 15.6829 12.0685 14.8085 12.8311 14.1924L10.3213 10.3398ZM12.6699 7.31836C12.4749 8.31787 11.9296 9.19077 11.167 9.80664L13.6768 13.6592C14.2292 13.3965 14.8476 13.25 15.5 13.25C15.8211 13.25 16.1338 13.286 16.4346 13.3535L17.3047 10.5215C16.1218 10.0532 15.2791 8.91208 15.251 7.56934L12.6699 7.31836Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAgentNetwork-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <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\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAgentNetwork;

package/IconAgenticCoding/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAgenticCoding = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M18.917 11.3203L19.9619 14.0371L22.6797 15.083L23 15.207V16.793L22.6797 16.917L19.9619 17.9619L18.917 20.6797L18.793 21H17.207L17.083 20.6797L16.0371 17.9619L13.3203 16.917L13 16.793V15.207L13.3203 15.083L16.0371 14.0371L17.083 11.3203L17.207 11H18.793L18.917 11.3203Z\" fill=\"currentColor\"/><path d=\"M10 18H3V17H10V18Z\" fill=\"currentColor\"/><path d=\"M6 12H3V11H6V12Z\" fill=\"currentColor\"/><path d=\"M13 12H8V11H13V12Z\" fill=\"currentColor\"/><path d=\"M13 6H3V5H13V6Z\" fill=\"currentColor\"/><path d=\"M21 6H15V5H21V6Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAgenticCoding-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M18.917 11.3203L19.9619 14.0371L22.6797 15.083L23 15.207V16.793L22.6797 16.917L19.9619 17.9619L18.917 20.6797L18.793 21H17.207L17.083 20.6797L16.0371 17.9619L13.3203 16.917L13 16.793V15.207L13.3203 15.083L16.0371 14.0371L17.083 11.3203L17.207 11H18.793L18.917 11.3203Z\" fill=\"currentColor\"/><path d=\"M10 18H3V17H10V18Z\" fill=\"currentColor\"/><path d=\"M6 12H3V11H6V12Z\" fill=\"currentColor\"/><path d=\"M13 12H8V11H13V12Z\" fill=\"currentColor\"/><path d=\"M13 6H3V5H13V6Z\" fill=\"currentColor\"/><path d=\"M21 6H15V5H21V6Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAgenticCoding;

package/IconAgents/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAgents = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={maskInner("<path d=\"M6 2C7.48647 2 8.71993 3.08118 8.95801 4.5H17C19.2091 4.5 21 6.29086 21 8.5C21 10.7091 19.2091 12.5 17 12.5H15.457L12 15.957L8.54297 12.5H7C5.34315 12.5 4 13.8431 4 15.5C4 17.1569 5.34315 18.5 7 18.5H15.042C15.2801 17.0812 16.5135 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.5135 22 15.2801 20.9188 15.042 19.5H7C4.79086 19.5 3 17.7091 3 15.5C3 13.2909 4.79086 11.5 7 11.5H8.54297L12 8.04297L15.457 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAgents-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={maskInner("<path d=\"M6 2C7.48647 2 8.71993 3.08118 8.95801 4.5H17C19.2091 4.5 21 6.29086 21 8.5C21 10.7091 19.2091 12.5 17 12.5H15.457L12 15.957L8.54297 12.5H7C5.34315 12.5 4 13.8431 4 15.5C4 17.1569 5.34315 18.5 7 18.5H15.042C15.2801 17.0812 16.5135 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.5135 22 15.2801 20.9188 15.042 19.5H7C4.79086 19.5 3 17.7091 3 15.5C3 13.2909 4.79086 11.5 7 11.5H8.54297L12 8.04297L15.457 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAgents;

package/IconAiBotHead/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAiBotHead = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-bot-head, robot" })} 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 2ZM9.125 13H10.375V9H9.125V13ZM13.625 9V13H14.875V9H13.625Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAiBotHead-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-bot-head, robot" })} 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 2ZM9.125 13H10.375V9H9.125V13ZM13.625 9V13H14.875V9H13.625Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiBotHead;

package/IconAiBotHeadLooking/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-bot-head-looking, agent, robot" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.625 13H11.875V9H10.625V13ZM15.125 9V13H16.375V9H15.125Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAiBotHeadLooking-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-bot-head-looking, agent, robot" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.625 13H11.875V9H10.625V13ZM15.125 9V13H16.375V9H15.125Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiBotHeadLooking;

package/IconAiSlop/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAiSlop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.8906 6H21V7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L17.9551 22H6.04492L6.00293 21.5469L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3V6H7.10938L8.10938 2H15.8906L16.8906 6ZM14 13.75C14 14.4404 14.5596 15 15.25 15C15.9404 15 16.5 14.4404 16.5 13.75V11.75C16.5 12.4404 17.0596 13 17.75 13C18.4404 13 19 12.4404 19 11.75V7.5H14V13.75ZM5.5 12.75C5.5 13.4404 6.05964 14 6.75 14C7.44036 14 8 13.4404 8 12.75V7H5.5V12.75ZM8.14062 6H15.8594L15.1094 3H8.89062L8.14062 6Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAiSlop-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.8906 6H21V7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L17.9551 22H6.04492L6.00293 21.5469L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3V6H7.10938L8.10938 2H15.8906L16.8906 6ZM14 13.75C14 14.4404 14.5596 15 15.25 15C15.9404 15 16.5 14.4404 16.5 13.75V11.75C16.5 12.4404 17.0596 13 17.75 13C18.4404 13 19 12.4404 19 11.75V7.5H14V13.75ZM5.5 12.75C5.5 13.4404 6.05964 14 6.75 14C7.44036 14 8 13.4404 8 12.75V7H5.5V12.75ZM8.14062 6H15.8594L15.1094 3H8.89062L8.14062 6Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiSlop;

package/IconAiSlopSign/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAiSlopSign = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop-sign, mark-as-slop" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.3535 1.56445L22.7959 12.0059L22.4326 12.3594C22.2669 12.5206 22.0732 12.6863 21.8848 12.8457C21.6918 13.009 21.5005 13.1691 21.3193 13.335C20.9452 13.6776 20.6835 13.9838 20.5791 14.2627C20.4823 14.5224 20.5554 14.8224 20.832 15.2256C20.9659 15.4206 21.1304 15.6139 21.3047 15.8105C21.4704 15.9975 21.6595 16.2042 21.8066 16.3887C22.1673 16.8412 22.4494 17.4372 22.29 18.1064C22.0754 19.0063 21.3085 19.4643 20.5459 19.6348C19.7803 19.8058 18.8989 19.725 18.1973 19.4551C17.9774 19.3705 17.7705 19.3421 17.5732 19.3711C16.9662 19.4604 16.5421 19.7087 16.0371 20.0059C15.535 20.3013 14.9542 20.6431 14.125 20.7471C13.191 20.8641 12.6443 20.658 12.1494 20.4424C11.699 20.2461 11.3283 20.0635 10.625 20.0635C10.0163 20.0636 9.5851 20.417 9.04785 20.8564C8.80363 21.0562 8.50642 21.2979 8.17578 21.4326C7.80801 21.5824 7.39761 21.6025 6.96387 21.3857C6.56969 21.1886 6.31199 20.9024 6.16406 20.5654C6.02285 20.2434 5.99491 19.9035 5.99707 19.6113C5.99916 19.3331 6.03286 19.0164 6.0459 18.8086C6.06123 18.5635 6.05251 18.4255 6.02637 18.3467C5.96087 18.1502 5.88145 18.0391 5.81152 17.9727C5.74317 17.9078 5.66019 17.8637 5.5498 17.8369C5.29933 17.7762 4.97083 17.812 4.51758 17.8818C4.11228 17.9443 3.58823 18.038 3.11426 17.9766C2.58775 17.9082 2.09613 17.647 1.79102 17.0371C1.58958 16.6343 1.60518 16.2168 1.71289 15.8525C1.81864 15.4952 2.01869 15.1635 2.22754 14.8848C2.47441 14.5554 2.59033 14.3133 2.63574 14.1309C2.67752 13.9624 2.66434 13.8257 2.61035 13.6846C2.55042 13.5283 2.43475 13.3522 2.24512 13.123C2.05118 12.8888 1.82527 12.6515 1.54297 12.334L1.23047 11.9814L1.56348 11.6475L12 1.20996L12.3535 1.56445ZM12 14.25C11.5858 14.25 11.25 14.5858 11.25 15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15C12.75 14.5858 12.4142 14.25 12 14.25ZM11.4004 8L11.6006 13H12.4004L12.6006 8H11.4004Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAiSlopSign-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop-sign, mark-as-slop" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12.3535 1.56445L22.7959 12.0059L22.4326 12.3594C22.2669 12.5206 22.0732 12.6863 21.8848 12.8457C21.6918 13.009 21.5005 13.1691 21.3193 13.335C20.9452 13.6776 20.6835 13.9838 20.5791 14.2627C20.4823 14.5224 20.5554 14.8224 20.832 15.2256C20.9659 15.4206 21.1304 15.6139 21.3047 15.8105C21.4704 15.9975 21.6595 16.2042 21.8066 16.3887C22.1673 16.8412 22.4494 17.4372 22.29 18.1064C22.0754 19.0063 21.3085 19.4643 20.5459 19.6348C19.7803 19.8058 18.8989 19.725 18.1973 19.4551C17.9774 19.3705 17.7705 19.3421 17.5732 19.3711C16.9662 19.4604 16.5421 19.7087 16.0371 20.0059C15.535 20.3013 14.9542 20.6431 14.125 20.7471C13.191 20.8641 12.6443 20.658 12.1494 20.4424C11.699 20.2461 11.3283 20.0635 10.625 20.0635C10.0163 20.0636 9.5851 20.417 9.04785 20.8564C8.80363 21.0562 8.50642 21.2979 8.17578 21.4326C7.80801 21.5824 7.39761 21.6025 6.96387 21.3857C6.56969 21.1886 6.31199 20.9024 6.16406 20.5654C6.02285 20.2434 5.99491 19.9035 5.99707 19.6113C5.99916 19.3331 6.03286 19.0164 6.0459 18.8086C6.06123 18.5635 6.05251 18.4255 6.02637 18.3467C5.96087 18.1502 5.88145 18.0391 5.81152 17.9727C5.74317 17.9078 5.66019 17.8637 5.5498 17.8369C5.29933 17.7762 4.97083 17.812 4.51758 17.8818C4.11228 17.9443 3.58823 18.038 3.11426 17.9766C2.58775 17.9082 2.09613 17.647 1.79102 17.0371C1.58958 16.6343 1.60518 16.2168 1.71289 15.8525C1.81864 15.4952 2.01869 15.1635 2.22754 14.8848C2.47441 14.5554 2.59033 14.3133 2.63574 14.1309C2.67752 13.9624 2.66434 13.8257 2.61035 13.6846C2.55042 13.5283 2.43475 13.3522 2.24512 13.123C2.05118 12.8888 1.82527 12.6515 1.54297 12.334L1.23047 11.9814L1.56348 11.6475L12 1.20996L12.3535 1.56445ZM12 14.25C11.5858 14.25 11.25 14.5858 11.25 15C11.25 15.4142 11.5858 15.75 12 15.75C12.4142 15.75 12.75 15.4142 12.75 15C12.75 14.5858 12.4142 14.25 12 14.25ZM11.4004 8L11.6006 13H12.4004L12.6006 8H11.4004Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiSlopSign;

package/IconAiTokens/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAiTokens = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.25 10.0986L7 11.3486V12.3486L10.25 13.5986L11.5 16.8486H12.5L13.75 13.5986L17 12.3486V11.3486L13.75 10.0986L12.5 6.84863H11.5L10.25 10.0986Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAiTokens-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM10.25 10.0986L7 11.3486V12.3486L10.25 13.5986L11.5 16.8486H12.5L13.75 13.5986L17 12.3486V11.3486L13.75 10.0986L12.5 6.84863H11.5L10.25 10.0986Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiTokens;

package/IconAiTranslate/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAiTranslate = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.49985 4V6H11.9999V7H10.968C10.5919 9.43184 9.77242 11.3845 8.41037 12.8783C8.22141 13.0856 8.02275 13.2831 7.81435 13.4713C8.84354 14.1517 10.099 14.6625 11.6126 15.0129L12.0997 15.1257L11.8742 16.0999L11.3871 15.9871C9.65751 15.5867 8.19767 14.9769 6.99908 14.1248C5.80075 14.9767 4.34145 15.5866 2.61271 15.9871L2.12561 16.1L1.8999 15.1258L2.387 15.0129C3.8998 14.6624 5.15483 14.1517 6.1838 13.4713C5.9755 13.2833 5.77695 13.0858 5.5881 12.8786C4.22605 11.3848 3.40698 9.43204 3.03162 7H1.99985V6H6.49985V4H7.49985ZM4.04418 7C4.40807 9.22033 5.15875 10.9235 6.32705 12.2049C6.53627 12.4343 6.76008 12.6516 6.99906 12.8568C7.23817 12.6515 7.46209 12.4341 7.67141 12.2046C8.83977 10.9231 9.59084 9.22004 9.95542 7H4.04418ZM15.433 11H16.5667L21.1654 20.7386L20.2612 21.1656L19.2385 19H12.7611L11.7385 21.1656L10.8342 20.7386L15.433 11ZM13.2334 18H18.7663L15.9999 12.1415L13.2334 18Z\" fill=\"currentColor\"/><path d=\"M17.85 2H17.15L16.275 4.275L14 5.15V5.85L16.275 6.725L17.15 9H17.85L18.725 6.725L21 5.85V5.15L18.725 4.275L17.85 2Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAiTranslate-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M7.49985 4V6H11.9999V7H10.968C10.5919 9.43184 9.77242 11.3845 8.41037 12.8783C8.22141 13.0856 8.02275 13.2831 7.81435 13.4713C8.84354 14.1517 10.099 14.6625 11.6126 15.0129L12.0997 15.1257L11.8742 16.0999L11.3871 15.9871C9.65751 15.5867 8.19767 14.9769 6.99908 14.1248C5.80075 14.9767 4.34145 15.5866 2.61271 15.9871L2.12561 16.1L1.8999 15.1258L2.387 15.0129C3.8998 14.6624 5.15483 14.1517 6.1838 13.4713C5.9755 13.2833 5.77695 13.0858 5.5881 12.8786C4.22605 11.3848 3.40698 9.43204 3.03162 7H1.99985V6H6.49985V4H7.49985ZM4.04418 7C4.40807 9.22033 5.15875 10.9235 6.32705 12.2049C6.53627 12.4343 6.76008 12.6516 6.99906 12.8568C7.23817 12.6515 7.46209 12.4341 7.67141 12.2046C8.83977 10.9231 9.59084 9.22004 9.95542 7H4.04418ZM15.433 11H16.5667L21.1654 20.7386L20.2612 21.1656L19.2385 19H12.7611L11.7385 21.1656L10.8342 20.7386L15.433 11ZM13.2334 18H18.7663L15.9999 12.1415L13.2334 18Z\" fill=\"currentColor\"/><path d=\"M17.85 2H17.15L16.275 4.275L14 5.15V5.85L16.275 6.725L17.15 9H17.85L18.725 6.725L21 5.85V5.15L18.725 4.275L17.85 2Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiTranslate;

package/IconAirdrop/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirdrop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3C7.02944 3 3 7.02944 3 12C3 15.3303 4.8086 18.2388 7.49958 19.7958L7.93235 20.0462L7.43154 20.9118L6.99876 20.6614C4.01154 18.933 2 15.7017 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7017 19.9884 18.933 17.0012 20.6614L16.5684 20.9118L16.0676 20.0462L16.5004 19.7958C19.1914 18.2388 21 15.3303 21 12C21 7.02944 16.9706 3 12 3ZM12 7C9.23858 7 7 9.23858 7 12C7 13.8496 8.004 15.4652 9.49913 16.3307L9.93187 16.5812L9.43089 17.4466L8.99816 17.1961C7.20688 16.1593 6 14.2209 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2209 16.7931 16.1593 15.0018 17.1961L14.5691 17.4466L14.0681 16.5812L14.5009 16.3307C15.996 15.4652 17 13.8496 17 12C17 9.23858 14.7614 7 12 7ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAirdrop-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M12 3C7.02944 3 3 7.02944 3 12C3 15.3303 4.8086 18.2388 7.49958 19.7958L7.93235 20.0462L7.43154 20.9118L6.99876 20.6614C4.01154 18.933 2 15.7017 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7017 19.9884 18.933 17.0012 20.6614L16.5684 20.9118L16.0676 20.0462L16.5004 19.7958C19.1914 18.2388 21 15.3303 21 12C21 7.02944 16.9706 3 12 3ZM12 7C9.23858 7 7 9.23858 7 12C7 13.8496 8.004 15.4652 9.49913 16.3307L9.93187 16.5812L9.43089 17.4466L8.99816 17.1961C7.20688 16.1593 6 14.2209 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2209 16.7931 16.1593 15.0018 17.1961L14.5691 17.4466L14.0681 16.5812L14.5009 16.3307C15.996 15.4652 17 13.8496 17 12C17 9.23858 14.7614 7 12 7ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirdrop;

package/IconAirdrop2/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirdrop2 = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.55107 11.4974L3.60893 11.4915L3.77767 11.4748L3.83112 11.4695L3.69514 11.6463L9.35494 16H7V22H17V16H14.6451L20.3049 11.6463L20.1689 11.4695L20.2223 11.4748L20.3911 11.4915L20.4481 11.4973L21 11.554V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V11.554L3.55107 11.4974ZM10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725V16H10.6923L10.8049 15.8537ZM12.5 16V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537L13.3077 16H12.5Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAirdrop2-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M3.55107 11.4974L3.60893 11.4915L3.77767 11.4748L3.83112 11.4695L3.69514 11.6463L9.35494 16H7V22H17V16H14.6451L20.3049 11.6463L20.1689 11.4695L20.2223 11.4748L20.3911 11.4915L20.4481 11.4973L21 11.554V11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11V11.554L3.55107 11.4974ZM10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725V16H10.6923L10.8049 15.8537ZM12.5 16V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537L13.3077 16H12.5Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirdrop2;

package/IconAirplane/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirplane = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.5075 2C18.2853 2 17.1132 2.48549 16.249 3.34968L13.4529 6.14585L4.48065 2.97919L1.74406 5.71578L8.60517 10.9936L7.04317 12.5556H4.93206L1.59766 15.89L6.33414 17.6661L8.11032 22.4026L11.4447 19.0682V16.9571L13.0067 15.3951L18.2845 22.2562L21.0211 19.5196L17.8544 10.5474L20.6506 7.75124C21.5148 6.88705 22.0003 5.71496 22.0003 4.49281V2H19.5075Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirplane", props.mode)} />
-);
+export const IconAirplane = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAirplane-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.5075 2C18.2853 2 17.1132 2.48549 16.249 3.34968L13.4529 6.14585L4.48065 2.97919L1.74406 5.71578L8.60517 10.9936L7.04317 12.5556H4.93206L1.59766 15.89L6.33414 17.6661L8.11032 22.4026L11.4447 19.0682V16.9571L13.0067 15.3951L18.2845 22.2562L21.0211 19.5196L17.8544 10.5474L20.6506 7.75124C21.5148 6.88705 22.0003 5.71496 22.0003 4.49281V2H19.5075Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplane;

package/IconAirplaneDown/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirplaneDown = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M3.5718 1.85254L3.45555 6.73605L2.29452 7.33752L2.06829 8.32068C1.7499 9.70439 2.5743 11.1058 3.94433 11.4627L7.29473 12.3355L5.63825 15.4894L9.5454 16.5343L14.0424 14.0889L19.3074 15.345C20.1848 15.5543 21.0946 15.197 21.6063 14.4521C22.2089 13.575 22.1114 12.3852 21.3711 11.6212L19.7126 9.90979C19.3816 9.56823 18.9672 9.32478 18.5064 9.20638C16.797 8.76714 11.6516 7.44305 9.48152 6.86273C9.01487 6.73794 8.62556 6.40539 8.42232 5.94883L7.00794 2.77145L3.5718 1.85254Z\" fill=\"currentColor\"/><path d=\"M2 18.9997V19.9997H22V18.9997H2Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirplaneDown", props.mode)} />
-);
+export const IconAirplaneDown = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAirplaneDown-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M3.5718 1.85254L3.45555 6.73605L2.29452 7.33752L2.06829 8.32068C1.7499 9.70439 2.5743 11.1058 3.94433 11.4627L7.29473 12.3355L5.63825 15.4894L9.5454 16.5343L14.0424 14.0889L19.3074 15.345C20.1848 15.5543 21.0946 15.197 21.6063 14.4521C22.2089 13.575 22.1114 12.3852 21.3711 11.6212L19.7126 9.90979C19.3816 9.56823 18.9672 9.32478 18.5064 9.20638C16.797 8.76714 11.6516 7.44305 9.48152 6.86273C9.01487 6.73794 8.62556 6.40539 8.42232 5.94883L7.00794 2.77145L3.5718 1.85254Z\" fill=\"currentColor\"/><path d=\"M2 18.9997V19.9997H22V18.9997H2Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplaneDown;

package/IconAirplaneUp/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirplaneUp = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M18.0356 4.35844C17.587 4.27646 17.1269 4.31734 16.6991 4.48029C15.12 5.08171 10.3659 6.89047 8.34919 7.6364C7.91886 7.79557 7.44123 7.75253 7.04445 7.51791L4.20908 5.84131L0.984375 7.03403L3.53525 10.8719L2.95014 11.9698L3.30828 12.8651C3.81387 14.1291 5.23788 14.7562 6.51166 14.2758L9.58023 13.1185L9.9809 16.4586L13.6494 15.1018L15.8613 10.7455L20.6683 8.82027C21.4731 8.49796 22.0007 7.71832 22.0007 6.8514C22.0007 5.8271 21.2686 4.94915 20.261 4.76504L18.0356 4.35844Z\" fill=\"currentColor\"/><path d=\"M2.00069 18.9999V19.9999H22.0007V18.9999H2.00069Z\" fill=\"currentColor\"/>", "square-filled-radius-0-stroke-1-IconAirplaneUp", props.mode)} />
-);
+export const IconAirplaneUp = (props: CentralIconBaseProps) => {
+  const maskId = "square-filled-radius-0-stroke-1-IconAirplaneUp-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airplane-up, takeoff" })} innerHTML={maskInner("<path d=\"M18.0356 4.35844C17.587 4.27646 17.1269 4.31734 16.6991 4.48029C15.12 5.08171 10.3659 6.89047 8.34919 7.6364C7.91886 7.79557 7.44123 7.75253 7.04445 7.51791L4.20908 5.84131L0.984375 7.03403L3.53525 10.8719L2.95014 11.9698L3.30828 12.8651C3.81387 14.1291 5.23788 14.7562 6.51166 14.2758L9.58023 13.1185L9.9809 16.4586L13.6494 15.1018L15.8613 10.7455L20.6683 8.82027C21.4731 8.49796 22.0007 7.71832 22.0007 6.8514C22.0007 5.8271 21.2686 4.94915 20.261 4.76504L18.0356 4.35844Z\" fill=\"currentColor\"/><path d=\"M2.00069 18.9999V19.9999H22.0007V18.9999H2.00069Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplaneUp;