@central-icons-solid/round-filled-radius-0-stroke-1 1.1.320 → 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\"/>", "round-filled-radius-0-stroke-1-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.25 11.8564C11.4047 11.7671 11.5 11.602 11.5 11.4234V2.32808C11.5 1.94318 11.0833 1.70262 10.75 1.89506L2.87305 6.44255C2.7184 6.53135 2.62305 6.69606 2.62305 6.87439V15.972C2.62305 16.3569 3.03975 16.5974 3.37308 16.405L11.25 11.8564Z\" fill=\"currentColor\"/><path d=\"M21.377 6.87439C21.377 6.69606 21.2816 6.53135 21.127 6.44255L13.25 1.89506C12.9167 1.70262 12.5 1.94318 12.5 2.32808V11.4234C12.5 11.602 12.5953 11.7671 12.75 11.8564L20.6269 16.405C20.9603 16.5974 21.377 16.3569 21.377 15.972V6.87439Z\" fill=\"currentColor\"/><path d=\"M20.125 18.1363C20.4584 17.9438 20.4584 17.4627 20.1251 17.2703L12.249 12.7226C12.0943 12.6333 11.9037 12.6333 11.749 12.7226L3.87308 17.2702C3.53974 17.4627 3.53977 17.9438 3.87313 18.1363L11.75 22.683C11.9047 22.7723 12.0953 22.7723 12.25 22.683L20.125 18.1363Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.25 11.8564C11.4047 11.7671 11.5 11.602 11.5 11.4234V2.32808C11.5 1.94318 11.0833 1.70262 10.75 1.89506L2.87305 6.44255C2.7184 6.53135 2.62305 6.69606 2.62305 6.87439V15.972C2.62305 16.3569 3.03975 16.5974 3.37308 16.405L11.25 11.8564Z\" fill=\"currentColor\"/><path d=\"M21.377 6.87439C21.377 6.69606 21.2816 6.53135 21.127 6.44255L13.25 1.89506C12.9167 1.70262 12.5 1.94318 12.5 2.32808V11.4234C12.5 11.602 12.5953 11.7671 12.75 11.8564L20.6269 16.405C20.9603 16.5974 21.377 16.3569 21.377 15.972V6.87439Z\" fill=\"currentColor\"/><path d=\"M20.125 18.1363C20.4584 17.9438 20.4584 17.4627 20.1251 17.2703L12.249 12.7226C12.0943 12.6333 11.9037 12.6333 11.749 12.7226L3.87308 17.2702C3.53974 17.4627 3.53977 17.9438 3.87313 18.1363L11.75 22.683C11.9047 22.7723 12.0953 22.7723 12.25 22.683L20.125 18.1363Z\" 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.25 12.1437C11.4047 12.2331 11.5 12.3981 11.5 12.5767V21.6721C11.5 22.057 11.0833 22.2975 10.75 22.1051L2.87305 17.5576C2.7184 17.4688 2.62305 17.3041 2.62305 17.1258V8.0282C2.62305 7.64329 3.03975 7.40273 3.37308 7.59521L11.25 12.1437Z\" fill=\"currentColor\"/><path d=\"M21.377 17.1258C21.377 17.3041 21.2816 17.4688 21.127 17.5576L13.25 22.1051C12.9167 22.2975 12.5 22.057 12.5 21.6721V12.5767C12.5 12.3981 12.5953 12.2331 12.75 12.1437L20.6269 7.59521C20.9603 7.40273 21.377 7.64329 21.377 8.0282V17.1258Z\" fill=\"currentColor\"/><path d=\"M20.125 5.86388C20.4584 6.05632 20.4584 6.53743 20.1251 6.72989L12.249 11.2775C12.0943 11.3668 11.9037 11.3668 11.749 11.2775L3.87308 6.72994C3.53974 6.53747 3.53977 6.05633 3.87313 5.8639L11.75 1.31715C11.9047 1.22785 12.0953 1.22786 12.25 1.31717L20.125 5.86388Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.25 12.1437C11.4047 12.2331 11.5 12.3981 11.5 12.5767V21.6721C11.5 22.057 11.0833 22.2975 10.75 22.1051L2.87305 17.5576C2.7184 17.4688 2.62305 17.3041 2.62305 17.1258V8.0282C2.62305 7.64329 3.03975 7.40273 3.37308 7.59521L11.25 12.1437Z\" fill=\"currentColor\"/><path d=\"M21.377 17.1258C21.377 17.3041 21.2816 17.4688 21.127 17.5576L13.25 22.1051C12.9167 22.2975 12.5 22.057 12.5 21.6721V12.5767C12.5 12.3981 12.5953 12.2331 12.75 12.1437L20.6269 7.59521C20.9603 7.40273 21.377 7.64329 21.377 8.0282V17.1258Z\" fill=\"currentColor\"/><path d=\"M20.125 5.86388C20.4584 6.05632 20.4584 6.53743 20.1251 6.72989L12.249 11.2775C12.0943 11.3668 11.9037 11.3668 11.749 11.2775L3.87308 6.72994C3.53974 6.53747 3.53977 6.05633 3.87313 5.8639L11.75 1.31715C11.9047 1.22785 12.0953 1.22786 12.25 1.31717L20.125 5.86388Z\" 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=\"M2.625 8.02788C2.62519 7.64312 3.04174 7.40283 3.375 7.59526L11.252 12.1441C11.4065 12.2334 11.502 12.3981 11.502 12.5767V21.6724C11.5017 22.0571 11.0852 22.2974 10.752 22.105L2.875 17.5572C2.72045 17.4684 2.625 17.3038 2.625 17.1255V8.02788Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59526C20.9622 7.40283 21.3787 7.64312 21.3789 8.02788V17.1255C21.3789 17.3038 21.2835 17.4684 21.1289 17.5572L13.252 22.105C12.9187 22.2974 12.5022 22.0571 12.502 21.6724V12.5767C12.502 12.3981 12.5974 12.2334 12.752 12.1441L20.6289 7.59526Z\" fill=\"currentColor\"/><path d=\"M15.9385 9.148L12.251 11.2779C12.0964 11.3671 11.9056 11.3671 11.751 11.2779L3.875 6.73003C3.54168 6.53757 3.54169 6.05626 3.875 5.86382L7.06348 4.023L15.9385 9.148Z\" fill=\"currentColor\"/><path d=\"M11.752 1.31694C11.9066 1.22769 12.0973 1.22768 12.252 1.31694L20.127 5.86382C20.4603 6.05627 20.4603 6.53757 20.127 6.73003L16.9385 8.56987L8.0625 3.44585L11.752 1.31694Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-Icon3dPackage", props.mode)} />
-);
+export const Icon3dPackage = (props: CentralIconBaseProps) => {
+  const maskId = "round-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=\"M2.625 8.02788C2.62519 7.64312 3.04174 7.40283 3.375 7.59526L11.252 12.1441C11.4065 12.2334 11.502 12.3981 11.502 12.5767V21.6724C11.5017 22.0571 11.0852 22.2974 10.752 22.105L2.875 17.5572C2.72045 17.4684 2.625 17.3038 2.625 17.1255V8.02788Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59526C20.9622 7.40283 21.3787 7.64312 21.3789 8.02788V17.1255C21.3789 17.3038 21.2835 17.4684 21.1289 17.5572L13.252 22.105C12.9187 22.2974 12.5022 22.0571 12.502 21.6724V12.5767C12.502 12.3981 12.5974 12.2334 12.752 12.1441L20.6289 7.59526Z\" fill=\"currentColor\"/><path d=\"M15.9385 9.148L12.251 11.2779C12.0964 11.3671 11.9056 11.3671 11.751 11.2779L3.875 6.73003C3.54168 6.53757 3.54169 6.05626 3.875 5.86382L7.06348 4.023L15.9385 9.148Z\" fill=\"currentColor\"/><path d=\"M11.752 1.31694C11.9066 1.22769 12.0973 1.22768 12.252 1.31694L20.127 5.86382C20.4603 6.05627 20.4603 6.53757 20.127 6.73003L16.9385 8.56987L8.0625 3.44585L11.752 1.31694Z\" 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=\"M2.625 8.02837C2.62519 7.64361 3.04174 7.40331 3.375 7.59575L11.252 12.1446C11.4065 12.2339 11.502 12.3987 11.502 12.5772V21.6729C11.5014 22.0573 11.085 22.2977 10.752 22.1055L2.875 17.5577C2.72056 17.4689 2.62513 17.3041 2.625 17.126V8.02837Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59575C20.9622 7.40331 21.3787 7.64361 21.3789 8.02837V17.126C21.3788 17.3041 21.2833 17.4689 21.1289 17.5577L13.252 22.1055C12.9189 22.2977 12.5025 22.0573 12.502 21.6729V12.5772C12.502 12.3987 12.5975 12.2339 12.752 12.1446L16.752 9.83403V14.4561C16.752 14.6067 16.7525 14.6818 16.7705 14.7315C16.8203 14.8683 16.9611 14.9501 17.1045 14.9249C17.1565 14.9156 17.2216 14.8778 17.3516 14.8028C17.4484 14.7469 17.4969 14.7183 17.5371 14.6846C17.6452 14.5939 17.7187 14.4681 17.7432 14.3292C17.7523 14.2775 17.752 14.2213 17.752 14.1094V9.25689L20.6289 7.59575Z\" fill=\"currentColor\"/><path d=\"M15.9385 9.14849L12.251 11.2784C12.0964 11.3674 11.9055 11.3674 11.751 11.2784L3.875 6.73052C3.54173 6.53809 3.54185 6.05681 3.875 5.86431L7.06348 4.02349L15.9385 9.14849Z\" fill=\"currentColor\"/><path d=\"M11.752 1.31743C11.9066 1.22818 12.0973 1.22817 12.252 1.31743L20.127 5.86431C20.4601 6.05681 20.4602 6.53809 20.127 6.73052L16.9385 8.57036L8.0625 3.44634L11.752 1.31743Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-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=\"M2.625 8.02837C2.62519 7.64361 3.04174 7.40331 3.375 7.59575L11.252 12.1446C11.4065 12.2339 11.502 12.3987 11.502 12.5772V21.6729C11.5014 22.0573 11.085 22.2977 10.752 22.1055L2.875 17.5577C2.72056 17.4689 2.62513 17.3041 2.625 17.126V8.02837Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59575C20.9622 7.40331 21.3787 7.64361 21.3789 8.02837V17.126C21.3788 17.3041 21.2833 17.4689 21.1289 17.5577L13.252 22.1055C12.9189 22.2977 12.5025 22.0573 12.502 21.6729V12.5772C12.502 12.3987 12.5975 12.2339 12.752 12.1446L16.752 9.83403V14.4561C16.752 14.6067 16.7525 14.6818 16.7705 14.7315C16.8203 14.8683 16.9611 14.9501 17.1045 14.9249C17.1565 14.9156 17.2216 14.8778 17.3516 14.8028C17.4484 14.7469 17.4969 14.7183 17.5371 14.6846C17.6452 14.5939 17.7187 14.4681 17.7432 14.3292C17.7523 14.2775 17.752 14.2213 17.752 14.1094V9.25689L20.6289 7.59575Z\" fill=\"currentColor\"/><path d=\"M15.9385 9.14849L12.251 11.2784C12.0964 11.3674 11.9055 11.3674 11.751 11.2784L3.875 6.73052C3.54173 6.53809 3.54185 6.05681 3.875 5.86431L7.06348 4.02349L15.9385 9.14849Z\" fill=\"currentColor\"/><path d=\"M11.752 1.31743C11.9066 1.22818 12.0973 1.22817 12.252 1.31743L20.127 5.86431C20.4601 6.05681 20.4602 6.53809 20.127 6.73052L16.9385 8.57036L8.0625 3.44634L11.752 1.31743Z\" 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\"/>", "round-filled-radius-0-stroke-1-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.29346 8.90234V13.3496H6.39038V13.3159C7.04736 12.1423 7.89526 10.8733 9.271 8.90234H9.29346Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 4.5C2 4.22386 2.22386 4 2.5 4H21.5C21.7761 4 22 4.22386 22 4.5V19.5C22 19.7761 21.7761 20 21.5 20H2.5C2.22386 20 2 19.7761 2 19.5V4.5ZM9.28223 15.4778C9.28223 15.8652 9.53491 16.1067 9.88306 16.1067C10.2368 16.1067 10.4895 15.8652 10.4895 15.4778V14.3884H11.1296C11.4609 14.3884 11.6799 14.175 11.6799 13.8606C11.6799 13.5461 11.4609 13.3328 11.1296 13.3328H10.4895V8.7395C10.4895 8.13306 10.1133 7.79053 9.4563 7.79053C8.92847 7.79053 8.6084 8.01514 8.11426 8.74512C7.06982 10.2612 6.0647 11.7661 5.49194 12.7937C5.27856 13.1643 5.21118 13.3889 5.21118 13.6753C5.21118 14.1077 5.49756 14.3884 5.94678 14.3884H9.28223V15.4778ZM12.6794 15.4385C12.6794 15.8428 12.9153 16.0898 13.3083 16.0898C13.6958 16.0898 13.9373 15.8428 13.9373 15.4385V13.2991L14.802 12.3726L17.5984 15.7698C17.7893 16.0056 17.9521 16.0955 18.1992 16.0955C18.5417 16.0955 18.8057 15.8315 18.8057 15.489C18.8057 15.3318 18.7383 15.1577 18.5811 14.9668L15.7173 11.5078L18.3059 8.81812C18.4407 8.67212 18.5024 8.53735 18.5024 8.38013C18.5024 8.05444 18.2554 7.80176 17.9128 7.80176C17.7163 7.80176 17.5647 7.87476 17.3962 8.06006L13.9878 11.7156H13.9373V8.45874C13.9373 8.05444 13.6958 7.80737 13.3083 7.80737C12.9153 7.80737 12.6794 8.05444 12.6794 8.45874V15.4385Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.29346 8.90234V13.3496H6.39038V13.3159C7.04736 12.1423 7.89526 10.8733 9.271 8.90234H9.29346Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 4.5C2 4.22386 2.22386 4 2.5 4H21.5C21.7761 4 22 4.22386 22 4.5V19.5C22 19.7761 21.7761 20 21.5 20H2.5C2.22386 20 2 19.7761 2 19.5V4.5ZM9.28223 15.4778C9.28223 15.8652 9.53491 16.1067 9.88306 16.1067C10.2368 16.1067 10.4895 15.8652 10.4895 15.4778V14.3884H11.1296C11.4609 14.3884 11.6799 14.175 11.6799 13.8606C11.6799 13.5461 11.4609 13.3328 11.1296 13.3328H10.4895V8.7395C10.4895 8.13306 10.1133 7.79053 9.4563 7.79053C8.92847 7.79053 8.6084 8.01514 8.11426 8.74512C7.06982 10.2612 6.0647 11.7661 5.49194 12.7937C5.27856 13.1643 5.21118 13.3889 5.21118 13.6753C5.21118 14.1077 5.49756 14.3884 5.94678 14.3884H9.28223V15.4778ZM12.6794 15.4385C12.6794 15.8428 12.9153 16.0898 13.3083 16.0898C13.6958 16.0898 13.9373 15.8428 13.9373 15.4385V13.2991L14.802 12.3726L17.5984 15.7698C17.7893 16.0056 17.9521 16.0955 18.1992 16.0955C18.5417 16.0955 18.8057 15.8315 18.8057 15.489C18.8057 15.3318 18.7383 15.1577 18.5811 14.9668L15.7173 11.5078L18.3059 8.81812C18.4407 8.67212 18.5024 8.53735 18.5024 8.38013C18.5024 8.05444 18.2554 7.80176 17.9128 7.80176C17.7163 7.80176 17.5647 7.87476 17.3962 8.06006L13.9878 11.7156H13.9373V8.45874C13.9373 8.05444 13.6958 7.80737 13.3083 7.80737C12.9153 7.80737 12.6794 8.05444 12.6794 8.45874V15.4385Z\" fill=\"currentColor\"/>", 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=\"M18.5 15C18.7761 15 19 15.2239 19 15.5V18H21.5C21.7761 18 22 18.2239 22 18.5C22 18.7761 21.7761 19 21.5 19H19V21.5C19 21.7761 18.7761 22 18.5 22C18.2239 22 18 21.7761 18 21.5V19H15.5C15.2239 19 15 18.7761 15 18.5C15 18.2239 15.2239 18 15.5 18H18V15.5C18 15.2239 18.2239 15 18.5 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L8.35352 12.3535C8.15826 12.1583 7.84174 12.1583 7.64648 12.3535L4 16V20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "round-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=\"M18.5 15C18.7761 15 19 15.2239 19 15.5V18H21.5C21.7761 18 22 18.2239 22 18.5C22 18.7761 21.7761 19 21.5 19H19V21.5C19 21.7761 18.7761 22 18.5 22C18.2239 22 18 21.7761 18 21.5V19H15.5C15.2239 19 15 18.7761 15 18.5C15 18.2239 15.2239 18 15.5 18H18V15.5C18 15.2239 18.2239 15 18.5 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M20.5 3C20.7761 3 21 3.22386 21 3.5V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L8.35352 12.3535C8.15826 12.1583 7.84174 12.1583 7.64648 12.3535L4 16V20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H3.5C3.22386 21 3 20.7761 3 20.5V3.5C3 3.22386 3.22386 3 3.5 3H20.5ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", 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=\"M11.6464 1.64645C11.8417 1.45118 12.1583 1.45118 12.3536 1.64645L22.3536 11.6464C22.4473 11.7402 22.5 11.8673 22.5 12C22.5 12.1326 22.4473 12.2597 22.3536 12.3535L12.3536 22.3536C12.2598 22.4473 12.1326 22.5 12 22.5C11.8674 22.5 11.7402 22.4473 11.6464 22.3536L1.64645 12.3535C1.55268 12.2597 1.5 12.1326 1.5 12C1.5 11.8673 1.55268 11.7402 1.64645 11.6464L11.6464 1.64645ZM12.5 11.5V9C12.5 8.72386 12.2761 8.5 12 8.5C11.7239 8.5 11.5 8.72386 11.5 9V11.5H9C8.72386 11.5 8.5 11.7239 8.5 12C8.5 12.2761 8.72386 12.5 9 12.5H11.5V15C11.5 15.2761 11.7239 15.5 12 15.5C12.2761 15.5 12.5 15.2761 12.5 15V12.5H15C15.2761 12.5 15.5 12.2761 15.5 12C15.5 11.7239 15.2761 11.5 15 11.5H12.5Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "round-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=\"M11.6464 1.64645C11.8417 1.45118 12.1583 1.45118 12.3536 1.64645L22.3536 11.6464C22.4473 11.7402 22.5 11.8673 22.5 12C22.5 12.1326 22.4473 12.2597 22.3536 12.3535L12.3536 22.3536C12.2598 22.4473 12.1326 22.5 12 22.5C11.8674 22.5 11.7402 22.4473 11.6464 22.3536L1.64645 12.3535C1.55268 12.2597 1.5 12.1326 1.5 12C1.5 11.8673 1.55268 11.7402 1.64645 11.6464L11.6464 1.64645ZM12.5 11.5V9C12.5 8.72386 12.2761 8.5 12 8.5C11.7239 8.5 11.5 8.72386 11.5 9V11.5H9C8.72386 11.5 8.5 11.7239 8.5 12C8.5 12.2761 8.72386 12.5 9 12.5H11.5V15C11.5 15.2761 11.7239 15.5 12 15.5C12.2761 15.5 12.5 15.2761 12.5 15V12.5H15C15.2761 12.5 15.5 12.2761 15.5 12C15.5 11.7239 15.2761 11.5 15 11.5H12.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.9872 2.38757C3.93484 2.1607 3.73283 2 3.5 2H1.5C1.22386 2 1 2.22386 1 2.5C1 2.77614 1.22386 3 1.5 3H3.10224L6.0128 15.6124C6.06516 15.8393 6.26717 16 6.5 16H19.5C19.7383 16 19.9435 15.8318 19.9903 15.5981L21.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=\"M18.5 2C18.7761 2 19 2.22386 19 2.5V5H21.5C21.7761 5 22 5.22386 22 5.5C22 5.77614 21.7761 6 21.5 6H19V8.5C19 8.77614 18.7761 9 18.5 9C18.2239 9 18 8.77614 18 8.5V6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H18V2.5C18 2.22386 18.2239 2 18.5 2Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.9872 2.38757C3.93484 2.1607 3.73283 2 3.5 2H1.5C1.22386 2 1 2.22386 1 2.5C1 2.77614 1.22386 3 1.5 3H3.10224L6.0128 15.6124C6.06516 15.8393 6.26717 16 6.5 16H19.5C19.7383 16 19.9435 15.8318 19.9903 15.5981L21.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=\"M18.5 2C18.7761 2 19 2.22386 19 2.5V5H21.5C21.7761 5 22 5.22386 22 5.5C22 5.77614 21.7761 6 21.5 6H19V8.5C19 8.77614 18.7761 9 18.5 9C18.2239 9 18 8.77614 18 8.5V6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H18V2.5C18 2.22386 18.2239 2 18.5 2Z\" fill=\"currentColor\"/>", 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.1857 3.03589C8.44209 3.13845 8.5668 3.42944 8.46424 3.68583L6.73857 8H17.2614L15.5358 3.68583C15.4332 3.42944 15.5579 3.13845 15.8143 3.03589C16.0707 2.93334 16.3617 3.05805 16.4642 3.31444L18.3385 8H21.5C21.647 8 21.7865 8.06467 21.8815 8.17681C21.9765 8.28896 22.0174 8.43722 21.9932 8.5822L21.0416 14.2919C20.0847 13.4857 18.8491 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H4.5C4.25558 21 4.04699 20.8233 4.00681 20.5822L2.00681 8.5822C1.98264 8.43722 2.02349 8.28896 2.11849 8.17681C2.2135 8.06467 2.35303 8 2.5 8H5.66154L7.53576 3.31444C7.63832 3.05805 7.92931 2.93334 8.1857 3.03589Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 15C17.7761 15 18 15.2239 18 15.5V18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H18V21.5C18 21.7761 17.7761 22 17.5 22C17.2239 22 17 21.7761 17 21.5V19H14.5C14.2239 19 14 18.7761 14 18.5C14 18.2239 14.2239 18 14.5 18H17V15.5C17 15.2239 17.2239 15 17.5 15Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAddToBasket2", props.mode)} />
-);
+export const IconAddToBasket2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.1857 3.03589C8.44209 3.13845 8.5668 3.42944 8.46424 3.68583L6.73857 8H17.2614L15.5358 3.68583C15.4332 3.42944 15.5579 3.13845 15.8143 3.03589C16.0707 2.93334 16.3617 3.05805 16.4642 3.31444L18.3385 8H21.5C21.647 8 21.7865 8.06467 21.8815 8.17681C21.9765 8.28896 22.0174 8.43722 21.9932 8.5822L21.0416 14.2919C20.0847 13.4857 18.8491 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H4.5C4.25558 21 4.04699 20.8233 4.00681 20.5822L2.00681 8.5822C1.98264 8.43722 2.02349 8.28896 2.11849 8.17681C2.2135 8.06467 2.35303 8 2.5 8H5.66154L7.53576 3.31444C7.63832 3.05805 7.92931 2.93334 8.1857 3.03589Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 15C17.7761 15 18 15.2239 18 15.5V18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H18V21.5C18 21.7761 17.7761 22 17.5 22C17.2239 22 17 21.7761 17 21.5V19H14.5C14.2239 19 14 18.7761 14 18.5C14 18.2239 14.2239 18 14.5 18H17V15.5C17 15.2239 17.2239 15 17.5 15Z\" fill=\"currentColor\"/>", 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.2923L11.6464 11.6464C11.8417 11.4512 12.1583 11.4512 12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536L6.70769 17.9994C8.11804 19.2445 9.97079 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.2923L11.6464 11.6464C11.8417 11.4512 12.1583 11.4512 12.3536 11.6464C12.5488 11.8417 12.5488 12.1583 12.3536 12.3536L6.70769 17.9994C8.11804 19.2445 9.97079 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/>", 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\"/>", "round-filled-radius-0-stroke-1-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "round-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\"/>", "round-filled-radius-0-stroke-1-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.5H17.5C17.7761 11.5 18 11.7239 18 12V14.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.5352V12C6 11.7239 6.22386 11.5 6.5 11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.5H17.5C17.7761 11.5 18 11.7239 18 12V14.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.5352V12C6 11.7239 6.22386 11.5 6.5 11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", 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\"/>", "round-filled-radius-0-stroke-1-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "round-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 11C18.3012 11 18.5716 11.1856 18.6797 11.4668L19.5508 13.7314C19.6777 14.0615 19.9385 14.3223 20.2686 14.4492L22.5332 15.3203C22.8144 15.4284 23 15.6988 23 16C23 16.3012 22.8144 16.5716 22.5332 16.6797L20.2686 17.5508C19.9385 17.6777 19.6777 17.9385 19.5508 18.2686L18.6797 20.5332C18.5716 20.8144 18.3012 21 18 21C17.6988 21 17.4284 20.8144 17.3203 20.5332L16.4492 18.2686C16.3223 17.9385 16.0615 17.6777 15.7314 17.5508L13.4668 16.6797C13.1856 16.5716 13 16.3012 13 16C13 15.6988 13.1856 15.4284 13.4668 15.3203L15.7314 14.4492C16.0615 14.3223 16.3223 14.0615 16.4492 13.7314L17.3203 11.4668C17.4284 11.1856 17.6988 11 18 11Z\" fill=\"currentColor\"/><path d=\"M9.5 17C9.77614 17 10 17.2239 10 17.5C10 17.7761 9.77614 18 9.5 18H3.5C3.22386 18 3 17.7761 3 17.5C3 17.2239 3.22386 17 3.5 17H9.5Z\" fill=\"currentColor\"/><path d=\"M5.5 11C5.77614 11 6 11.2239 6 11.5C6 11.7761 5.77614 12 5.5 12H3.5C3.22386 12 3 11.7761 3 11.5C3 11.2239 3.22386 11 3.5 11H5.5Z\" fill=\"currentColor\"/><path d=\"M12.5 11C12.7761 11 13 11.2239 13 11.5C13 11.7761 12.7761 12 12.5 12H8.5C8.22386 12 8 11.7761 8 11.5C8 11.2239 8.22386 11 8.5 11H12.5Z\" fill=\"currentColor\"/><path d=\"M12.5 5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H3.5C3.22386 6 3 5.77614 3 5.5C3 5.22386 3.22386 5 3.5 5H12.5Z\" fill=\"currentColor\"/><path d=\"M20.5 5C20.7761 5 21 5.22386 21 5.5C21 5.77614 20.7761 6 20.5 6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H20.5Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "round-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 11C18.3012 11 18.5716 11.1856 18.6797 11.4668L19.5508 13.7314C19.6777 14.0615 19.9385 14.3223 20.2686 14.4492L22.5332 15.3203C22.8144 15.4284 23 15.6988 23 16C23 16.3012 22.8144 16.5716 22.5332 16.6797L20.2686 17.5508C19.9385 17.6777 19.6777 17.9385 19.5508 18.2686L18.6797 20.5332C18.5716 20.8144 18.3012 21 18 21C17.6988 21 17.4284 20.8144 17.3203 20.5332L16.4492 18.2686C16.3223 17.9385 16.0615 17.6777 15.7314 17.5508L13.4668 16.6797C13.1856 16.5716 13 16.3012 13 16C13 15.6988 13.1856 15.4284 13.4668 15.3203L15.7314 14.4492C16.0615 14.3223 16.3223 14.0615 16.4492 13.7314L17.3203 11.4668C17.4284 11.1856 17.6988 11 18 11Z\" fill=\"currentColor\"/><path d=\"M9.5 17C9.77614 17 10 17.2239 10 17.5C10 17.7761 9.77614 18 9.5 18H3.5C3.22386 18 3 17.7761 3 17.5C3 17.2239 3.22386 17 3.5 17H9.5Z\" fill=\"currentColor\"/><path d=\"M5.5 11C5.77614 11 6 11.2239 6 11.5C6 11.7761 5.77614 12 5.5 12H3.5C3.22386 12 3 11.7761 3 11.5C3 11.2239 3.22386 11 3.5 11H5.5Z\" fill=\"currentColor\"/><path d=\"M12.5 11C12.7761 11 13 11.2239 13 11.5C13 11.7761 12.7761 12 12.5 12H8.5C8.22386 12 8 11.7761 8 11.5C8 11.2239 8.22386 11 8.5 11H12.5Z\" fill=\"currentColor\"/><path d=\"M12.5 5C12.7761 5 13 5.22386 13 5.5C13 5.77614 12.7761 6 12.5 6H3.5C3.22386 6 3 5.77614 3 5.5C3 5.22386 3.22386 5 3.5 5H12.5Z\" fill=\"currentColor\"/><path d=\"M20.5 5C20.7761 5 21 5.22386 21 5.5C21 5.77614 20.7761 6 20.5 6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H20.5Z\" fill=\"currentColor\"/>", 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.5C15.4865 12.5 15.4732 12.4971 15.46 12.4961L12.3535 15.6035C12.1583 15.7988 11.8417 15.7988 11.6465 15.6035L8.53906 12.4961C8.52611 12.4971 8.51321 12.5 8.5 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.5C8.51318 11.5 8.52614 11.5019 8.53906 11.5029L11.6465 8.39648L11.7246 8.33203C11.9187 8.20387 12.1827 8.22562 12.3535 8.39648L15.46 11.5029C15.4732 11.5019 15.4865 11.5 15.5 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.5C15.4865 12.5 15.4732 12.4971 15.46 12.4961L12.3535 15.6035C12.1583 15.7988 11.8417 15.7988 11.6465 15.6035L8.53906 12.4961C8.52611 12.4971 8.51321 12.5 8.5 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.5C8.51318 11.5 8.52614 11.5019 8.53906 11.5029L11.6465 8.39648L11.7246 8.33203C11.9187 8.20387 12.1827 8.22562 12.3535 8.39648L15.46 11.5029C15.4732 11.5019 15.4865 11.5 15.5 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.75 8.875C9.40482 8.875 9.125 9.15482 9.125 9.5V12.5C9.125 12.8452 9.40482 13.125 9.75 13.125C10.0952 13.125 10.375 12.8452 10.375 12.5V9.5C10.375 9.15482 10.0952 8.875 9.75 8.875ZM14.25 8.875C13.9048 8.875 13.625 9.15482 13.625 9.5V12.5C13.625 12.8452 13.9048 13.125 14.25 13.125C14.5952 13.125 14.875 12.8452 14.875 12.5V9.5C14.875 9.15482 14.5952 8.875 14.25 8.875Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.75 8.875C9.40482 8.875 9.125 9.15482 9.125 9.5V12.5C9.125 12.8452 9.40482 13.125 9.75 13.125C10.0952 13.125 10.375 12.8452 10.375 12.5V9.5C10.375 9.15482 10.0952 8.875 9.75 8.875ZM14.25 8.875C13.9048 8.875 13.625 9.15482 13.625 9.5V12.5C13.625 12.8452 13.9048 13.125 14.25 13.125C14.5952 13.125 14.875 12.8452 14.875 12.5V9.5C14.875 9.15482 14.5952 8.875 14.25 8.875Z\" 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 2ZM11.25 8.875C10.9048 8.875 10.625 9.15482 10.625 9.5V12.5C10.625 12.8452 10.9048 13.125 11.25 13.125C11.5952 13.125 11.875 12.8452 11.875 12.5V9.5C11.875 9.15482 11.5952 8.875 11.25 8.875ZM15.75 8.875C15.4048 8.875 15.125 9.15482 15.125 9.5V12.5C15.125 12.8452 15.4048 13.125 15.75 13.125C16.0952 13.125 16.375 12.8452 16.375 12.5V9.5C16.375 9.15482 16.0952 8.875 15.75 8.875Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "round-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 2ZM11.25 8.875C10.9048 8.875 10.625 9.15482 10.625 9.5V12.5C10.625 12.8452 10.9048 13.125 11.25 13.125C11.5952 13.125 11.875 12.8452 11.875 12.5V9.5C11.875 9.15482 11.5952 8.875 11.25 8.875ZM15.75 8.875C15.4048 8.875 15.125 9.15482 15.125 9.5V12.5C15.125 12.8452 15.4048 13.125 15.75 13.125C16.0952 13.125 16.375 12.8452 16.375 12.5V9.5C16.375 9.15482 16.0952 8.875 15.75 8.875Z\" 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=\"M15.5 2C15.7294 2 15.9297 2.15632 15.9854 2.37891L16.8906 6H20.5C20.7761 6 21 6.22386 21 6.5C21 6.77614 20.7761 7 20.5 7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L17.998 21.5469C17.9737 21.8034 17.7576 21.9998 17.5 22H6.5C6.24225 21.9998 6.02721 21.8035 6.00293 21.5469L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3.5C3.22386 7 3 6.77614 3 6.5C3 6.22386 3.22386 6 3.5 6H7.10938L8.01465 2.37891C8.07029 2.15632 8.27057 2 8.5 2H15.5ZM14 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\"/>", "round-filled-radius-0-stroke-1-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "round-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=\"M15.5 2C15.7294 2 15.9297 2.15632 15.9854 2.37891L16.8906 6H20.5C20.7761 6 21 6.22386 21 6.5C21 6.77614 20.7761 7 20.5 7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L17.998 21.5469C17.9737 21.8034 17.7576 21.9998 17.5 22H6.5C6.24225 21.9998 6.02721 21.8035 6.00293 21.5469L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3.5C3.22386 7 3 6.77614 3 6.5C3 6.22386 3.22386 6 3.5 6H7.10938L8.01465 2.37891C8.07029 2.15632 8.27057 2 8.5 2H15.5ZM14 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 1.41699C12.1326 1.41699 12.2598 1.47079 12.3535 1.56445L22.4375 11.6475C22.532 11.7421 22.5849 11.8712 22.584 12.0049C22.5829 12.1383 22.5282 12.2662 22.4326 12.3594L21.4834 13.2832C21.1704 13.5877 20.9518 13.8007 20.7979 13.9697C20.6405 14.1426 20.5934 14.225 20.5791 14.2627C20.4823 14.5224 20.5554 14.8224 20.8321 15.2256C20.9659 15.4206 21.1305 15.6139 21.3047 15.8105C21.4704 15.9976 21.6596 16.2042 21.8067 16.3887C22.1673 16.8412 22.4494 17.4372 22.2901 18.1064C22.0755 19.0063 21.3086 19.4643 20.5459 19.6348C19.7804 19.8058 18.8989 19.725 18.1973 19.4551C17.9774 19.3705 17.7705 19.3421 17.5733 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.6991 20.2461 11.3283 20.0635 10.625 20.0635C10.0163 20.0636 9.58512 20.4171 9.04788 20.8564C8.80367 21.0562 8.50644 21.2979 8.17581 21.4326C7.80804 21.5823 7.39764 21.6026 6.9639 21.3857C6.56972 21.1886 6.31202 20.9024 6.1641 20.5654C6.02288 20.2434 5.99494 19.9035 5.9971 19.6113C5.9992 19.3331 6.03289 19.0164 6.04593 18.8086C6.06127 18.5635 6.05254 18.4255 6.0264 18.3467C5.96089 18.1502 5.88149 18.0391 5.81156 17.9727C5.7432 17.9078 5.66024 17.8637 5.54984 17.8369C5.29937 17.7762 4.97086 17.812 4.51761 17.8818C4.11231 17.9443 3.58826 18.038 3.11429 17.9766C2.58778 17.9082 2.09617 17.647 1.79105 17.0371C1.58962 16.6343 1.60522 16.2168 1.71292 15.8525C1.81867 15.4952 2.01873 15.1635 2.22757 14.8848C2.47444 14.5554 2.59036 14.3133 2.63578 14.1309C2.67755 13.9624 2.66438 13.8257 2.61038 13.6846C2.55045 13.5282 2.43479 13.3522 2.24515 13.123C2.0512 12.8888 1.82531 12.6515 1.543 12.334C1.36719 12.1362 1.37656 11.8347 1.56351 11.6475L11.6465 1.56445C11.7402 1.47077 11.8676 1.41709 12 1.41699ZM12 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.25ZM12 8C11.569 8.00014 11.2293 8.36819 11.2637 8.79785L11.5684 12.6016C11.5865 12.8265 11.7743 12.9999 12 13C12.2258 13 12.4145 12.8266 12.4327 12.6016L12.7364 8.79785C12.7707 8.36811 12.4311 8 12 8Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "round-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 1.41699C12.1326 1.41699 12.2598 1.47079 12.3535 1.56445L22.4375 11.6475C22.532 11.7421 22.5849 11.8712 22.584 12.0049C22.5829 12.1383 22.5282 12.2662 22.4326 12.3594L21.4834 13.2832C21.1704 13.5877 20.9518 13.8007 20.7979 13.9697C20.6405 14.1426 20.5934 14.225 20.5791 14.2627C20.4823 14.5224 20.5554 14.8224 20.8321 15.2256C20.9659 15.4206 21.1305 15.6139 21.3047 15.8105C21.4704 15.9976 21.6596 16.2042 21.8067 16.3887C22.1673 16.8412 22.4494 17.4372 22.2901 18.1064C22.0755 19.0063 21.3086 19.4643 20.5459 19.6348C19.7804 19.8058 18.8989 19.725 18.1973 19.4551C17.9774 19.3705 17.7705 19.3421 17.5733 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.6991 20.2461 11.3283 20.0635 10.625 20.0635C10.0163 20.0636 9.58512 20.4171 9.04788 20.8564C8.80367 21.0562 8.50644 21.2979 8.17581 21.4326C7.80804 21.5823 7.39764 21.6026 6.9639 21.3857C6.56972 21.1886 6.31202 20.9024 6.1641 20.5654C6.02288 20.2434 5.99494 19.9035 5.9971 19.6113C5.9992 19.3331 6.03289 19.0164 6.04593 18.8086C6.06127 18.5635 6.05254 18.4255 6.0264 18.3467C5.96089 18.1502 5.88149 18.0391 5.81156 17.9727C5.7432 17.9078 5.66024 17.8637 5.54984 17.8369C5.29937 17.7762 4.97086 17.812 4.51761 17.8818C4.11231 17.9443 3.58826 18.038 3.11429 17.9766C2.58778 17.9082 2.09617 17.647 1.79105 17.0371C1.58962 16.6343 1.60522 16.2168 1.71292 15.8525C1.81867 15.4952 2.01873 15.1635 2.22757 14.8848C2.47444 14.5554 2.59036 14.3133 2.63578 14.1309C2.67755 13.9624 2.66438 13.8257 2.61038 13.6846C2.55045 13.5282 2.43479 13.3522 2.24515 13.123C2.0512 12.8888 1.82531 12.6515 1.543 12.334C1.36719 12.1362 1.37656 11.8347 1.56351 11.6475L11.6465 1.56445C11.7402 1.47077 11.8676 1.41709 12 1.41699ZM12 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.25ZM12 8C11.569 8.00014 11.2293 8.36819 11.2637 8.79785L11.5684 12.6016C11.5865 12.8265 11.7743 12.9999 12 13C12.2258 13 12.4145 12.8266 12.4327 12.6016L12.7364 8.79785C12.7707 8.36811 12.4311 8 12 8Z\" 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 2ZM12 6.84863C11.6988 6.84863 11.4284 7.03428 11.3203 7.31543L10.3701 9.78711C10.2939 9.98518 10.1365 10.1426 9.93848 10.2188L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.93848 13.4785C10.1365 13.5547 10.2939 13.7121 10.3701 13.9102L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.6299 13.9102C13.7061 13.7121 13.8635 13.5547 14.0615 13.4785L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.0615 10.2188C13.8635 10.1426 13.7061 9.98518 13.6299 9.78711L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "round-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 2ZM12 6.84863C11.6988 6.84863 11.4284 7.03428 11.3203 7.31543L10.3701 9.78711C10.2939 9.98518 10.1365 10.1426 9.93848 10.2188L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.93848 13.4785C10.1365 13.5547 10.2939 13.7121 10.3701 13.9102L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.6299 13.9102C13.7061 13.7121 13.8635 13.5547 14.0615 13.4785L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.0615 10.2188C13.8635 10.1426 13.7061 9.98518 13.6299 9.78711L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>", 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.00011 4C7.27625 4 7.50011 4.22386 7.50011 4.5V6H11.5001C11.7763 6 12.0001 6.22386 12.0001 6.5C12.0001 6.77614 11.7763 7 11.5001 7H10.9683C10.5922 9.43184 9.77268 11.3845 8.41063 12.8783C8.22166 13.0856 8.02301 13.2831 7.81461 13.4713C8.8438 14.1517 10.0993 14.6625 11.6129 15.0129C11.8819 15.0752 12.0495 15.3438 11.9872 15.6128C11.9249 15.8818 11.6564 16.0494 11.3873 15.9871C9.65777 15.5867 8.19793 14.9769 6.99933 14.1248C5.80101 14.9767 4.34171 15.5866 2.61296 15.9871C2.34395 16.0494 2.07534 15.8819 2.01301 15.6129C1.95069 15.3438 2.11824 15.0752 2.38726 15.0129C3.90006 14.6624 5.15509 14.1517 6.18406 13.4713C5.97576 13.2833 5.77721 13.0858 5.58835 12.8786C4.22631 11.3848 3.40723 9.43204 3.03188 7H2.50011C2.22397 7 2.00011 6.77614 2.00011 6.5C2.00011 6.22386 2.22397 6 2.50011 6H6.50011V4.5C6.50011 4.22386 6.72397 4 7.00011 4ZM4.04444 7C4.40833 9.22033 5.15901 10.9235 6.32731 12.2049C6.53653 12.4343 6.76033 12.6516 6.99932 12.8568C7.23842 12.6515 7.46235 12.4341 7.67167 12.2046C8.84003 10.9231 9.59109 9.22004 9.95567 7H4.04444ZM16.0001 11C16.1895 11 16.3626 11.107 16.4473 11.2764L20.9473 20.2764C21.0708 20.5234 20.9706 20.8237 20.7237 20.9472C20.4767 21.0707 20.1763 20.9706 20.0528 20.7236L19.191 19H12.8091L11.9473 20.7236C11.8238 20.9706 11.5235 21.0707 11.2765 20.9472C11.0295 20.8237 10.9294 20.5234 11.0529 20.2764L15.5529 11.2764C15.6376 11.107 15.8107 11 16.0001 11ZM13.3091 18H18.691L16.0001 12.618L13.3091 18Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.00011 4C7.27625 4 7.50011 4.22386 7.50011 4.5V6H11.5001C11.7763 6 12.0001 6.22386 12.0001 6.5C12.0001 6.77614 11.7763 7 11.5001 7H10.9683C10.5922 9.43184 9.77268 11.3845 8.41063 12.8783C8.22166 13.0856 8.02301 13.2831 7.81461 13.4713C8.8438 14.1517 10.0993 14.6625 11.6129 15.0129C11.8819 15.0752 12.0495 15.3438 11.9872 15.6128C11.9249 15.8818 11.6564 16.0494 11.3873 15.9871C9.65777 15.5867 8.19793 14.9769 6.99933 14.1248C5.80101 14.9767 4.34171 15.5866 2.61296 15.9871C2.34395 16.0494 2.07534 15.8819 2.01301 15.6129C1.95069 15.3438 2.11824 15.0752 2.38726 15.0129C3.90006 14.6624 5.15509 14.1517 6.18406 13.4713C5.97576 13.2833 5.77721 13.0858 5.58835 12.8786C4.22631 11.3848 3.40723 9.43204 3.03188 7H2.50011C2.22397 7 2.00011 6.77614 2.00011 6.5C2.00011 6.22386 2.22397 6 2.50011 6H6.50011V4.5C6.50011 4.22386 6.72397 4 7.00011 4ZM4.04444 7C4.40833 9.22033 5.15901 10.9235 6.32731 12.2049C6.53653 12.4343 6.76033 12.6516 6.99932 12.8568C7.23842 12.6515 7.46235 12.4341 7.67167 12.2046C8.84003 10.9231 9.59109 9.22004 9.95567 7H4.04444ZM16.0001 11C16.1895 11 16.3626 11.107 16.4473 11.2764L20.9473 20.2764C21.0708 20.5234 20.9706 20.8237 20.7237 20.9472C20.4767 21.0707 20.1763 20.9706 20.0528 20.7236L19.191 19H12.8091L11.9473 20.7236C11.8238 20.9706 11.5235 21.0707 11.2765 20.9472C11.0295 20.8237 10.9294 20.5234 11.0529 20.2764L15.5529 11.2764C15.6376 11.107 15.8107 11 16.0001 11ZM13.3091 18H18.691L16.0001 12.618L13.3091 18Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", 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.7958C7.73859 19.9341 7.82024 20.24 7.68195 20.479C7.54365 20.718 7.23778 20.7997 6.99876 20.6614C4.01154 18.933 2 15.7017 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7017 19.9884 18.933 17.0012 20.6614C16.7622 20.7997 16.4563 20.718 16.318 20.479C16.1797 20.24 16.2614 19.9341 16.5004 19.7958C19.1914 18.2388 21 15.3303 21 12C21 7.02944 16.9706 3 12 3ZM12 7C9.23858 7 7 9.23858 7 12C7 13.8496 8.004 15.4652 9.49913 16.3307C9.73812 16.469 9.81972 16.7749 9.68138 17.0139C9.54304 17.2529 9.23715 17.3345 8.99816 17.1961C7.20688 16.1593 6 14.2209 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2209 16.7931 16.1593 15.0018 17.1961C14.7628 17.3345 14.457 17.2529 14.3186 17.0139C14.1803 16.7749 14.2619 16.469 14.5009 16.3307C15.996 15.4652 17 13.8496 17 12C17 9.23858 14.7614 7 12 7ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.7958C7.73859 19.9341 7.82024 20.24 7.68195 20.479C7.54365 20.718 7.23778 20.7997 6.99876 20.6614C4.01154 18.933 2 15.7017 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.7017 19.9884 18.933 17.0012 20.6614C16.7622 20.7997 16.4563 20.718 16.318 20.479C16.1797 20.24 16.2614 19.9341 16.5004 19.7958C19.1914 18.2388 21 15.3303 21 12C21 7.02944 16.9706 3 12 3ZM12 7C9.23858 7 7 9.23858 7 12C7 13.8496 8.004 15.4652 9.49913 16.3307C9.73812 16.469 9.81972 16.7749 9.68138 17.0139C9.54304 17.2529 9.23715 17.3345 8.99816 17.1961C7.20688 16.1593 6 14.2209 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.2209 16.7931 16.1593 15.0018 17.1961C14.7628 17.3345 14.457 17.2529 14.3186 17.0139C14.1803 16.7749 14.2619 16.469 14.5009 16.3307C15.996 15.4652 17 13.8496 17 12C17 9.23858 14.7614 7 12 7ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>", 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.5511 11.4974C3.41034 11.5118 3.27003 11.466 3.16499 11.3712C3.05995 11.2764 3 11.1415 3 11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11C21 11.1415 20.94 11.2764 20.835 11.3712C20.73 11.466 20.5897 11.5118 20.4489 11.4974L20.4354 11.496C20.4034 11.5527 20.3597 11.6041 20.3049 11.6463L14.6451 16H16.5C16.7761 16 17 16.2239 17 16.5V21.5C17 21.7761 16.7761 22 16.5 22H7.5C7.22386 22 7 21.7761 7 21.5V16.5C7 16.2239 7.22386 16 7.5 16H9.35494L3.69514 11.6463C3.64027 11.6041 3.59657 11.5527 3.56456 11.496L3.5511 11.4974ZM17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537C13.1416 15.8949 13.0986 15.9449 13.0668 16H12.5V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329ZM11.5 10.9725V16H10.9332C10.9014 15.9449 10.8584 15.8949 10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725Z\" fill=\"currentColor\"/>", "round-filled-radius-0-stroke-1-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-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.5511 11.4974C3.41034 11.5118 3.27003 11.466 3.16499 11.3712C3.05995 11.2764 3 11.1415 3 11C3 6.02944 7.02944 2 12 2C16.9706 2 21 6.02944 21 11C21 11.1415 20.94 11.2764 20.835 11.3712C20.73 11.466 20.5897 11.5118 20.4489 11.4974L20.4354 11.496C20.4034 11.5527 20.3597 11.6041 20.3049 11.6463L14.6451 16H16.5C16.7761 16 17 16.2239 17 16.5V21.5C17 21.7761 16.7761 22 16.5 22H7.5C7.22386 22 7 21.7761 7 21.5V16.5C7 16.2239 7.22386 16 7.5 16H9.35494L3.69514 11.6463C3.64027 11.6041 3.59657 11.5527 3.56456 11.496L3.5511 11.4974ZM17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537C13.1416 15.8949 13.0986 15.9449 13.0668 16H12.5V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329ZM11.5 10.9725V16H10.9332C10.9014 15.9449 10.8584 15.8949 10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirdrop2;