@central-icons-solid/round-filled-radius-2-stroke-1.5 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-2-stroke-1.5-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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 11.7114C11.1547 11.6221 11.25 11.457 11.25 11.2784V2.18306C11.25 1.79816 10.8333 1.5576 10.5 1.75004L3.74807 5.64819C2.89721 6.13943 2.37305 7.04728 2.37305 8.02977V15.826C2.37305 16.2109 2.78971 16.4515 3.12304 16.259L11 11.7114Z\" fill=\"currentColor\"/><path d=\"M21.627 8.02977C21.627 7.04728 21.1028 6.13943 20.2519 5.64819L13.5 1.75004C13.1667 1.5576 12.75 1.79816 12.75 2.18306V11.2784C12.75 11.457 12.8453 11.6221 13 11.7114L20.877 16.259C21.2103 16.4515 21.627 16.2109 21.627 15.826V8.02977Z\" fill=\"currentColor\"/><path d=\"M20.1261 18.4239C20.4594 18.2314 20.4594 17.7503 20.1261 17.5579L12.25 13.0102C12.0953 12.9209 11.9047 12.9209 11.75 13.0102L3.87307 17.5579C3.53973 17.7503 3.53973 18.2314 3.87307 18.4239L10.6249 22.322C11.4758 22.8132 12.5242 22.8132 13.375 22.3219L20.1261 18.4239Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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 11.7114C11.1547 11.6221 11.25 11.457 11.25 11.2784V2.18306C11.25 1.79816 10.8333 1.5576 10.5 1.75004L3.74807 5.64819C2.89721 6.13943 2.37305 7.04728 2.37305 8.02977V15.826C2.37305 16.2109 2.78971 16.4515 3.12304 16.259L11 11.7114Z\" fill=\"currentColor\"/><path d=\"M21.627 8.02977C21.627 7.04728 21.1028 6.13943 20.2519 5.64819L13.5 1.75004C13.1667 1.5576 12.75 1.79816 12.75 2.18306V11.2784C12.75 11.457 12.8453 11.6221 13 11.7114L20.877 16.259C21.2103 16.4515 21.627 16.2109 21.627 15.826V8.02977Z\" fill=\"currentColor\"/><path d=\"M20.1261 18.4239C20.4594 18.2314 20.4594 17.7503 20.1261 17.5579L12.25 13.0102C12.0953 12.9209 11.9047 12.9209 11.75 13.0102L3.87307 17.5579C3.53973 17.7503 3.53973 18.2314 3.87307 18.4239L10.6249 22.322C11.4758 22.8132 12.5242 22.8132 13.375 22.3219L20.1261 18.4239Z\" 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 12.2883C11.1547 12.3776 11.25 12.5427 11.25 12.7213V21.8166C11.25 22.2015 10.8333 22.4421 10.5 22.2496L3.74807 18.3515C2.89721 17.8603 2.37305 16.9524 2.37305 15.9699V8.17366C2.37305 7.78876 2.78971 7.54819 3.12304 7.74064L11 12.2883Z\" fill=\"currentColor\"/><path d=\"M21.627 15.9699C21.627 16.9524 21.1028 17.8603 20.2519 18.3515L13.5 22.2496C13.1667 22.4421 12.75 22.2015 12.75 21.8166V12.7213C12.75 12.5427 12.8453 12.3776 13 12.2883L20.877 7.74064C21.2103 7.5482 21.627 7.78876 21.627 8.17366V15.9699Z\" fill=\"currentColor\"/><path d=\"M20.1261 5.57581C20.4594 5.76826 20.4594 6.24936 20.1261 6.44181L12.25 10.9895C12.0953 11.0788 11.9047 11.0788 11.75 10.9895L3.87307 6.44183C3.53973 6.24938 3.53973 5.76825 3.87307 5.5758L10.6249 1.67768C11.4758 1.18644 12.5242 1.18646 13.375 1.67775L20.1261 5.57581Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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 12.2883C11.1547 12.3776 11.25 12.5427 11.25 12.7213V21.8166C11.25 22.2015 10.8333 22.4421 10.5 22.2496L3.74807 18.3515C2.89721 17.8603 2.37305 16.9524 2.37305 15.9699V8.17366C2.37305 7.78876 2.78971 7.54819 3.12304 7.74064L11 12.2883Z\" fill=\"currentColor\"/><path d=\"M21.627 15.9699C21.627 16.9524 21.1028 17.8603 20.2519 18.3515L13.5 22.2496C13.1667 22.4421 12.75 22.2015 12.75 21.8166V12.7213C12.75 12.5427 12.8453 12.3776 13 12.2883L20.877 7.74064C21.2103 7.5482 21.627 7.78876 21.627 8.17366V15.9699Z\" fill=\"currentColor\"/><path d=\"M20.1261 5.57581C20.4594 5.76826 20.4594 6.24936 20.1261 6.44181L12.25 10.9895C12.0953 11.0788 11.9047 11.0788 11.75 10.9895L3.87307 6.44183C3.53973 6.24938 3.53973 5.76825 3.87307 5.5758L10.6249 1.67768C11.4758 1.18644 12.5242 1.18646 13.375 1.67775L20.1261 5.57581Z\" 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.375 8.17359C2.375 7.78869 2.79167 7.54853 3.125 7.74097L11.002 12.2878C11.1567 12.3772 11.252 12.5428 11.252 12.7214V21.8162C11.252 22.201 10.8353 22.4421 10.502 22.2498L3.75 18.3513C2.89915 17.8601 2.375 16.952 2.375 15.9695V8.17359Z\" fill=\"currentColor\"/><path d=\"M20.8789 7.74097C21.2122 7.54853 21.6289 7.78869 21.6289 8.17359V15.9695C21.6289 16.952 21.1048 17.8601 20.2539 18.3513L13.502 22.2498C13.1686 22.4421 12.752 22.201 12.752 21.8162V12.7214C12.752 12.5428 12.8472 12.3772 13.002 12.2878L20.8789 7.74097Z\" fill=\"currentColor\"/><path d=\"M15.6895 9.00367L12.252 10.989C12.0973 11.0783 11.9067 11.0783 11.752 10.989L3.875 6.44214C3.54171 6.24972 3.54179 5.76843 3.875 5.57593L6.81348 3.87867L15.6895 9.00367Z\" fill=\"currentColor\"/><path d=\"M10.627 1.6775C11.4778 1.1863 12.5261 1.18626 13.377 1.6775L20.1279 5.57593C20.4612 5.76841 20.4612 6.2497 20.1279 6.44214L17.1895 8.13746L8.31348 3.01246L10.627 1.6775Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-Icon3dPackage", props.mode)} />
-);
+export const Icon3dPackage = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.375 8.17359C2.375 7.78869 2.79167 7.54853 3.125 7.74097L11.002 12.2878C11.1567 12.3772 11.252 12.5428 11.252 12.7214V21.8162C11.252 22.201 10.8353 22.4421 10.502 22.2498L3.75 18.3513C2.89915 17.8601 2.375 16.952 2.375 15.9695V8.17359Z\" fill=\"currentColor\"/><path d=\"M20.8789 7.74097C21.2122 7.54853 21.6289 7.78869 21.6289 8.17359V15.9695C21.6289 16.952 21.1048 17.8601 20.2539 18.3513L13.502 22.2498C13.1686 22.4421 12.752 22.201 12.752 21.8162V12.7214C12.752 12.5428 12.8472 12.3772 13.002 12.2878L20.8789 7.74097Z\" fill=\"currentColor\"/><path d=\"M15.6895 9.00367L12.252 10.989C12.0973 11.0783 11.9067 11.0783 11.752 10.989L3.875 6.44214C3.54171 6.24972 3.54179 5.76843 3.875 5.57593L6.81348 3.87867L15.6895 9.00367Z\" fill=\"currentColor\"/><path d=\"M10.627 1.6775C11.4778 1.1863 12.5261 1.18626 13.377 1.6775L20.1279 5.57593C20.4612 5.76841 20.4612 6.2497 20.1279 6.44214L17.1895 8.13746L8.31348 3.01246L10.627 1.6775Z\" 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.375 8.17359C2.37501 7.7887 2.79167 7.54853 3.125 7.74097L11.002 12.2878C11.1567 12.3772 11.2519 12.5428 11.252 12.7214V21.8162C11.252 22.201 10.8353 22.4421 10.502 22.2498L3.75 18.3513C2.89916 17.8601 2.375 16.952 2.375 15.9695V8.17359Z\" fill=\"currentColor\"/><path d=\"M20.8789 7.74097C21.2122 7.54853 21.6289 7.7887 21.6289 8.17359V15.9695C21.6289 16.952 21.1048 17.8601 20.2539 18.3513L13.502 22.2498C13.1686 22.4421 12.752 22.201 12.752 21.8162V12.7214C12.752 12.5428 12.8473 12.3772 13.002 12.2878L16.6904 10.158V13.9255C16.6904 14.1446 16.6901 14.2544 16.7188 14.3259C16.7874 14.4973 16.9648 14.5993 17.1475 14.573C17.2238 14.562 17.3189 14.5069 17.5088 14.3972C17.685 14.2955 17.7736 14.2449 17.8457 14.1824C18.015 14.0356 18.1294 13.836 18.1719 13.616C18.1899 13.5222 18.1904 13.4202 18.1904 13.2166V9.29273L20.8789 7.74097Z\" fill=\"currentColor\"/><path d=\"M15.6895 9.00366L12.252 10.989C12.0973 11.0783 11.9067 11.0783 11.752 10.989L3.875 6.44214C3.54171 6.24972 3.5418 5.76843 3.875 5.57593L6.81348 3.87866L15.6895 9.00366Z\" fill=\"currentColor\"/><path d=\"M10.627 1.67749C11.4778 1.1863 12.5261 1.18626 13.377 1.67749L20.1279 5.57593C20.4612 5.7684 20.4612 6.24969 20.1279 6.44214L17.1895 8.13745L8.31348 3.01245L10.627 1.67749Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.375 8.17359C2.37501 7.7887 2.79167 7.54853 3.125 7.74097L11.002 12.2878C11.1567 12.3772 11.2519 12.5428 11.252 12.7214V21.8162C11.252 22.201 10.8353 22.4421 10.502 22.2498L3.75 18.3513C2.89916 17.8601 2.375 16.952 2.375 15.9695V8.17359Z\" fill=\"currentColor\"/><path d=\"M20.8789 7.74097C21.2122 7.54853 21.6289 7.7887 21.6289 8.17359V15.9695C21.6289 16.952 21.1048 17.8601 20.2539 18.3513L13.502 22.2498C13.1686 22.4421 12.752 22.201 12.752 21.8162V12.7214C12.752 12.5428 12.8473 12.3772 13.002 12.2878L16.6904 10.158V13.9255C16.6904 14.1446 16.6901 14.2544 16.7188 14.3259C16.7874 14.4973 16.9648 14.5993 17.1475 14.573C17.2238 14.562 17.3189 14.5069 17.5088 14.3972C17.685 14.2955 17.7736 14.2449 17.8457 14.1824C18.015 14.0356 18.1294 13.836 18.1719 13.616C18.1899 13.5222 18.1904 13.4202 18.1904 13.2166V9.29273L20.8789 7.74097Z\" fill=\"currentColor\"/><path d=\"M15.6895 9.00366L12.252 10.989C12.0973 11.0783 11.9067 11.0783 11.752 10.989L3.875 6.44214C3.54171 6.24972 3.5418 5.76843 3.875 5.57593L6.81348 3.87866L15.6895 9.00366Z\" fill=\"currentColor\"/><path d=\"M10.627 1.67749C11.4778 1.1863 12.5261 1.18626 13.377 1.67749L20.1279 5.57593C20.4612 5.7684 20.4612 6.24969 20.1279 6.44214L17.1895 8.13745L8.31348 3.01245L10.627 1.67749Z\" 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.75005 12.0001C9.75005 9.00945 10.0815 6.32893 10.6023 4.41922C10.8642 3.45898 11.1627 2.73613 11.4626 2.27092C11.5335 2.16105 11.5984 2.07431 11.6567 2.00584C11.7706 2.002 11.8851 2.00006 12 2.00006C17.5228 2.00006 22 6.47721 22 12.0001C22 12.115 21.9981 12.2295 21.9942 12.3435C21.9258 12.4018 21.839 12.4666 21.7292 12.5375C21.264 12.8374 20.5411 13.1359 19.5809 13.3978C17.6712 13.9186 14.9907 14.2501 12.0001 14.2501C11.2482 14.2501 10.516 14.2291 9.81064 14.1895C9.771 13.4841 9.75005 12.7519 9.75005 12.0001Z\" fill=\"currentColor\"/><path d=\"M21.752 14.223C21.2351 14.4582 20.6344 14.6653 19.9756 14.8449C17.9041 15.4099 15.0846 15.7501 12.0001 15.7501C11.2933 15.7501 10.6005 15.7322 9.9274 15.6979C10.0752 17.1822 10.3086 18.5041 10.6023 19.5809C10.8642 20.5411 11.1627 21.264 11.4626 21.7292C11.5335 21.8391 11.5984 21.9258 11.6567 21.9943C11.7706 21.9981 11.8851 22.0001 12 22.0001C16.7588 22.0001 20.7413 18.6759 21.752 14.223Z\" fill=\"currentColor\"/><path d=\"M9.77716 21.7521C9.54193 21.2352 9.33486 20.6345 9.15516 19.9756C8.81932 18.7442 8.56293 17.2485 8.4102 15.5899C6.75163 15.4372 5.25593 15.1808 4.02454 14.8449C3.36563 14.6652 2.76491 14.4582 2.24795 14.2229C3.09643 17.961 6.03905 20.9036 9.77716 21.7521Z\" fill=\"currentColor\"/><path d=\"M2.00578 12.3434C2.00194 12.2294 2 12.115 2 12.0001C2 7.2412 5.32416 3.25874 9.77715 2.248C9.54193 2.76495 9.33486 3.36565 9.15516 4.02454C8.5902 6.09604 8.25005 8.91552 8.25005 12.0001C8.25005 12.7068 8.26791 13.3996 8.30224 14.0727C6.81789 13.9249 5.49602 13.6915 4.41922 13.3978C3.45898 13.1359 2.73613 12.8374 2.27092 12.5375C2.16102 12.4666 2.07426 12.4017 2.00578 12.3434Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.75005 12.0001C9.75005 9.00945 10.0815 6.32893 10.6023 4.41922C10.8642 3.45898 11.1627 2.73613 11.4626 2.27092C11.5335 2.16105 11.5984 2.07431 11.6567 2.00584C11.7706 2.002 11.8851 2.00006 12 2.00006C17.5228 2.00006 22 6.47721 22 12.0001C22 12.115 21.9981 12.2295 21.9942 12.3435C21.9258 12.4018 21.839 12.4666 21.7292 12.5375C21.264 12.8374 20.5411 13.1359 19.5809 13.3978C17.6712 13.9186 14.9907 14.2501 12.0001 14.2501C11.2482 14.2501 10.516 14.2291 9.81064 14.1895C9.771 13.4841 9.75005 12.7519 9.75005 12.0001Z\" fill=\"currentColor\"/><path d=\"M21.752 14.223C21.2351 14.4582 20.6344 14.6653 19.9756 14.8449C17.9041 15.4099 15.0846 15.7501 12.0001 15.7501C11.2933 15.7501 10.6005 15.7322 9.9274 15.6979C10.0752 17.1822 10.3086 18.5041 10.6023 19.5809C10.8642 20.5411 11.1627 21.264 11.4626 21.7292C11.5335 21.8391 11.5984 21.9258 11.6567 21.9943C11.7706 21.9981 11.8851 22.0001 12 22.0001C16.7588 22.0001 20.7413 18.6759 21.752 14.223Z\" fill=\"currentColor\"/><path d=\"M9.77716 21.7521C9.54193 21.2352 9.33486 20.6345 9.15516 19.9756C8.81932 18.7442 8.56293 17.2485 8.4102 15.5899C6.75163 15.4372 5.25593 15.1808 4.02454 14.8449C3.36563 14.6652 2.76491 14.4582 2.24795 14.2229C3.09643 17.961 6.03905 20.9036 9.77716 21.7521Z\" fill=\"currentColor\"/><path d=\"M2.00578 12.3434C2.00194 12.2294 2 12.115 2 12.0001C2 7.2412 5.32416 3.25874 9.77715 2.248C9.54193 2.76495 9.33486 3.36565 9.15516 4.02454C8.5902 6.09604 8.25005 8.91552 8.25005 12.0001C8.25005 12.7068 8.26791 13.3996 8.30224 14.0727C6.81789 13.9249 5.49602 13.6915 4.41922 13.3978C3.45898 13.1359 2.73613 12.8374 2.27092 12.5375C2.16102 12.4666 2.07426 12.4017 2.00578 12.3434Z\" 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.34375 9.52344V13.0684H7.08789V13.0293C7.65918 11.9648 8.30859 10.9736 9.31445 9.52344H9.34375Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 6.75C2 5.23122 3.23122 4 4.75 4H19.25C20.7688 4 22 5.23122 22 6.75V17.25C22 18.7688 20.7688 20 19.25 20H4.75C3.23122 20 2 18.7688 2 17.25V6.75ZM9.31445 14.8848C9.31445 15.3535 9.60742 15.6025 10.0127 15.6025C10.418 15.6025 10.7158 15.3535 10.7158 14.8848V14.2061H11.1162C11.502 14.2061 11.7217 13.9668 11.7217 13.6201C11.7217 13.2734 11.5068 13.0293 11.1162 13.0293H10.7158V9.41113C10.7158 8.75195 10.2471 8.34668 9.5 8.34668C8.9043 8.34668 8.54785 8.59082 8.05957 9.33789C7.29297 10.4756 6.58984 11.5498 6.10645 12.4189C5.88672 12.8047 5.79883 13.0781 5.79883 13.3809C5.79883 13.874 6.15527 14.2061 6.6875 14.2061H9.31445V14.8848ZM12.5176 14.8262C12.5176 15.3096 12.791 15.5928 13.2549 15.5928C13.7188 15.5928 13.9922 15.3096 13.9922 14.8262V13.3467L14.6953 12.6094L16.7949 15.1924C17.0244 15.4854 17.2295 15.5977 17.5322 15.5977C17.9375 15.5977 18.2451 15.2852 18.2451 14.8848C18.2451 14.6846 18.1475 14.4746 17.9277 14.2012L15.8135 11.6328L17.7568 9.59668C17.9424 9.40137 18.0156 9.24023 18.0156 9.03516C18.0156 8.6543 17.7129 8.35645 17.3223 8.35645C17.0781 8.35645 16.8926 8.44922 16.6875 8.67383L14.0361 11.5693H13.9922V9.12793C13.9922 8.63965 13.7188 8.35645 13.2549 8.35645C12.791 8.35645 12.5176 8.63965 12.5176 9.12793V14.8262Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.34375 9.52344V13.0684H7.08789V13.0293C7.65918 11.9648 8.30859 10.9736 9.31445 9.52344H9.34375Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 6.75C2 5.23122 3.23122 4 4.75 4H19.25C20.7688 4 22 5.23122 22 6.75V17.25C22 18.7688 20.7688 20 19.25 20H4.75C3.23122 20 2 18.7688 2 17.25V6.75ZM9.31445 14.8848C9.31445 15.3535 9.60742 15.6025 10.0127 15.6025C10.418 15.6025 10.7158 15.3535 10.7158 14.8848V14.2061H11.1162C11.502 14.2061 11.7217 13.9668 11.7217 13.6201C11.7217 13.2734 11.5068 13.0293 11.1162 13.0293H10.7158V9.41113C10.7158 8.75195 10.2471 8.34668 9.5 8.34668C8.9043 8.34668 8.54785 8.59082 8.05957 9.33789C7.29297 10.4756 6.58984 11.5498 6.10645 12.4189C5.88672 12.8047 5.79883 13.0781 5.79883 13.3809C5.79883 13.874 6.15527 14.2061 6.6875 14.2061H9.31445V14.8848ZM12.5176 14.8262C12.5176 15.3096 12.791 15.5928 13.2549 15.5928C13.7188 15.5928 13.9922 15.3096 13.9922 14.8262V13.3467L14.6953 12.6094L16.7949 15.1924C17.0244 15.4854 17.2295 15.5977 17.5322 15.5977C17.9375 15.5977 18.2451 15.2852 18.2451 14.8848C18.2451 14.6846 18.1475 14.4746 17.9277 14.2012L15.8135 11.6328L17.7568 9.59668C17.9424 9.40137 18.0156 9.24023 18.0156 9.03516C18.0156 8.6543 17.7129 8.35645 17.3223 8.35645C17.0781 8.35645 16.8926 8.44922 16.6875 8.67383L14.0361 11.5693H13.9922V9.12793C13.9922 8.63965 13.7188 8.35645 13.2549 8.35645C12.791 8.35645 12.5176 8.63965 12.5176 9.12793V14.8262Z\" 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.9142 15 19.25 15.3358 19.25 15.75V17.75H21.25C21.6642 17.75 22 18.0858 22 18.5C22 18.9142 21.6642 19.25 21.25 19.25H19.25V21.25C19.25 21.6642 18.9142 22 18.5 22C18.0858 22 17.75 21.6642 17.75 21.25V19.25H15.75C15.3358 19.25 15 18.9142 15 18.5C15 18.0858 15.3358 17.75 15.75 17.75H17.75V15.75C17.75 15.3358 18.0858 15 18.5 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.25 3C19.7688 3 21 4.23122 21 5.75V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L9.2373 13.2373C8.55392 12.5541 7.44608 12.5541 6.7627 13.2373L4.5 15.5V18.25C4.5 18.9404 5.05964 19.5 5.75 19.5H13.6006C13.7095 20.0364 13.9052 20.5409 14.1709 21H5.75C4.23122 21 3 19.7688 3 18.25V5.75C3 4.23122 4.23122 3 5.75 3H18.25ZM15 6.5C13.6193 6.5 12.5 7.61929 12.5 9C12.5 10.3807 13.6193 11.5 15 11.5C16.3807 11.5 17.5 10.3807 17.5 9C17.5 7.61929 16.3807 6.5 15 6.5Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.9142 15 19.25 15.3358 19.25 15.75V17.75H21.25C21.6642 17.75 22 18.0858 22 18.5C22 18.9142 21.6642 19.25 21.25 19.25H19.25V21.25C19.25 21.6642 18.9142 22 18.5 22C18.0858 22 17.75 21.6642 17.75 21.25V19.25H15.75C15.3358 19.25 15 18.9142 15 18.5C15 18.0858 15.3358 17.75 15.75 17.75H17.75V15.75C17.75 15.3358 18.0858 15 18.5 15Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.25 3C19.7688 3 21 4.23122 21 5.75V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L9.2373 13.2373C8.55392 12.5541 7.44608 12.5541 6.7627 13.2373L4.5 15.5V18.25C4.5 18.9404 5.05964 19.5 5.75 19.5H13.6006C13.7095 20.0364 13.9052 20.5409 14.1709 21H5.75C4.23122 21 3 19.7688 3 18.25V5.75C3 4.23122 4.23122 3 5.75 3H18.25ZM15 6.5C13.6193 6.5 12.5 7.61929 12.5 9C12.5 10.3807 13.6193 11.5 15 11.5C16.3807 11.5 17.5 10.3807 17.5 9C17.5 7.61929 16.3807 6.5 15 6.5Z\" fill=\"currentColor\"/>", 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=\"M10.0552 2.88358C11.1291 1.80964 12.8703 1.80964 13.9442 2.88358L21.1158 10.0551C22.1898 11.1291 22.1898 12.8703 21.1158 13.9442L13.9442 21.1158C12.8703 22.1898 11.1291 22.1898 10.0551 21.1158L2.88358 13.9442C1.80964 12.8703 1.80964 11.1291 2.88358 10.0551L10.0552 2.88358ZM12.7498 8.99976C12.7498 8.58554 12.414 8.24976 11.9998 8.24976C11.5855 8.24976 11.2498 8.58554 11.2498 8.99976V11.2498H8.99976C8.58554 11.2498 8.24976 11.5855 8.24976 11.9998C8.24976 12.414 8.58554 12.7498 8.99976 12.7498H11.2498V14.9998C11.2498 15.414 11.5855 15.7498 11.9998 15.7498C12.414 15.7498 12.7498 15.414 12.7498 14.9998V12.7498H14.9998C15.414 12.7498 15.7498 12.414 15.7498 11.9998C15.7498 11.5855 15.414 11.2498 14.9998 11.2498H12.7498V8.99976Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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=\"M10.0552 2.88358C11.1291 1.80964 12.8703 1.80964 13.9442 2.88358L21.1158 10.0551C22.1898 11.1291 22.1898 12.8703 21.1158 13.9442L13.9442 21.1158C12.8703 22.1898 11.1291 22.1898 10.0551 21.1158L2.88358 13.9442C1.80964 12.8703 1.80964 11.1291 2.88358 10.0551L10.0552 2.88358ZM12.7498 8.99976C12.7498 8.58554 12.414 8.24976 11.9998 8.24976C11.5855 8.24976 11.2498 8.58554 11.2498 8.99976V11.2498H8.99976C8.58554 11.2498 8.24976 11.5855 8.24976 11.9998C8.24976 12.414 8.58554 12.7498 8.99976 12.7498H11.2498V14.9998C11.2498 15.414 11.5855 15.7498 11.9998 15.7498C12.414 15.7498 12.7498 15.414 12.7498 14.9998V12.7498H14.9998C15.414 12.7498 15.7498 12.414 15.7498 11.9998C15.7498 11.5855 15.414 11.2498 14.9998 11.2498H12.7498V8.99976Z\" 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.2653 10.5053C20.4529 10.9788 19.5081 11.25 18.5 11.25C15.4624 11.25 13 8.78757 13 5.75C13 5.4956 13.0173 5.24523 13.0507 5H4.71485L4.4766 3.80874C4.26626 2.75703 3.34283 2 2.27029 2H1.75C1.33579 2 1 2.33579 1 2.75C1 3.16421 1.33579 3.5 1.75 3.5H2.27029C2.6278 3.5 2.93562 3.75234 3.00573 4.10291L4.94301 13.7893C5.20009 15.0747 6.32874 16 7.63961 16H17.8772C19.1777 16 20.3003 15.0891 20.5682 13.8165L21.2653 10.5053Z\" fill=\"currentColor\"/><path d=\"M8 17C6.89543 17 6 17.8954 6 19C6 20.1046 6.89543 21 8 21C9.10457 21 10 20.1046 10 19C10 17.8954 9.10457 17 8 17Z\" fill=\"currentColor\"/><path d=\"M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C18.9142 2 19.25 2.33579 19.25 2.75V5H21.5C21.9142 5 22.25 5.33579 22.25 5.75C22.25 6.16421 21.9142 6.5 21.5 6.5H19.25V8.75C19.25 9.16421 18.9142 9.5 18.5 9.5C18.0858 9.5 17.75 9.16421 17.75 8.75V6.5H15.5C15.0858 6.5 14.75 6.16421 14.75 5.75C14.75 5.33579 15.0858 5 15.5 5H17.75V2.75C17.75 2.33579 18.0858 2 18.5 2Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.2653 10.5053C20.4529 10.9788 19.5081 11.25 18.5 11.25C15.4624 11.25 13 8.78757 13 5.75C13 5.4956 13.0173 5.24523 13.0507 5H4.71485L4.4766 3.80874C4.26626 2.75703 3.34283 2 2.27029 2H1.75C1.33579 2 1 2.33579 1 2.75C1 3.16421 1.33579 3.5 1.75 3.5H2.27029C2.6278 3.5 2.93562 3.75234 3.00573 4.10291L4.94301 13.7893C5.20009 15.0747 6.32874 16 7.63961 16H17.8772C19.1777 16 20.3003 15.0891 20.5682 13.8165L21.2653 10.5053Z\" fill=\"currentColor\"/><path d=\"M8 17C6.89543 17 6 17.8954 6 19C6 20.1046 6.89543 21 8 21C9.10457 21 10 20.1046 10 19C10 17.8954 9.10457 17 8 17Z\" fill=\"currentColor\"/><path d=\"M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C18.9142 2 19.25 2.33579 19.25 2.75V5H21.5C21.9142 5 22.25 5.33579 22.25 5.75C22.25 6.16421 21.9142 6.5 21.5 6.5H19.25V8.75C19.25 9.16421 18.9142 9.5 18.5 9.5C18.0858 9.5 17.75 9.16421 17.75 8.75V6.5H15.5C15.0858 6.5 14.75 6.16421 14.75 5.75C14.75 5.33579 15.0858 5 15.5 5H17.75V2.75C17.75 2.33579 18.0858 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.52855 3.05384C8.91313 3.20768 9.1002 3.64415 8.94636 4.02874L7.35786 8H16.6421L15.0536 4.02874C14.8998 3.64415 15.0869 3.20768 15.4715 3.05384C15.856 2.90001 16.2925 3.08707 16.4464 3.47166L18.2577 8H20.0601C21.1465 8 21.9704 8.97952 21.7842 10.0498L21.1545 13.671C20.0764 12.6361 18.6125 12 17 12C13.6863 12 11 14.6863 11 18C11 19.0929 11.2922 20.1175 11.8027 21H6.43124C5.09425 21 3.95099 20.0384 3.72191 18.7212L2.21385 10.0498C2.0277 8.97953 2.85158 8 3.93797 8H5.74231L7.55365 3.47166C7.70748 3.08707 8.14396 2.90001 8.52855 3.05384Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 14C17.4142 14 17.75 14.3358 17.75 14.75V17.25H20.25C20.6642 17.25 21 17.5858 21 18C21 18.4142 20.6642 18.75 20.25 18.75H17.75V21.25C17.75 21.6642 17.4142 22 17 22C16.5858 22 16.25 21.6642 16.25 21.25V18.75H13.75C13.3358 18.75 13 18.4142 13 18C13 17.5858 13.3358 17.25 13.75 17.25H16.25V14.75C16.25 14.3358 16.5858 14 17 14Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAddToBasket2", props.mode)} />
-);
+export const IconAddToBasket2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.52855 3.05384C8.91313 3.20768 9.1002 3.64415 8.94636 4.02874L7.35786 8H16.6421L15.0536 4.02874C14.8998 3.64415 15.0869 3.20768 15.4715 3.05384C15.856 2.90001 16.2925 3.08707 16.4464 3.47166L18.2577 8H20.0601C21.1465 8 21.9704 8.97952 21.7842 10.0498L21.1545 13.671C20.0764 12.6361 18.6125 12 17 12C13.6863 12 11 14.6863 11 18C11 19.0929 11.2922 20.1175 11.8027 21H6.43124C5.09425 21 3.95099 20.0384 3.72191 18.7212L2.21385 10.0498C2.0277 8.97953 2.85158 8 3.93797 8H5.74231L7.55365 3.47166C7.70748 3.08707 8.14396 2.90001 8.52855 3.05384Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 14C17.4142 14 17.75 14.3358 17.75 14.75V17.25H20.25C20.6642 17.25 21 17.5858 21 18C21 18.4142 20.6642 18.75 20.25 18.75H17.75V21.25C17.75 21.6642 17.4142 22 17 22C16.5858 22 16.25 21.6642 16.25 21.25V18.75H13.75C13.3358 18.75 13 18.4142 13 18C13 17.5858 13.3358 17.25 13.75 17.25H16.25V14.75C16.25 14.3358 16.5858 14 17 14Z\" 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("<g clip-path=\"url(#clip0_11449_32859)\"><path d=\"M2.2 12C2.2 12.6075 1.70751 13.1 1.1 13.1C0.492487 13.1 0 12.6075 0 12C0 11.3925 0.492487 10.9 1.1 10.9C1.70751 10.9 2.2 11.3925 2.2 12Z\" fill=\"currentColor\"/><path d=\"M24 12C24 12.6075 23.5075 13.1 22.9 13.1C22.2925 13.1 21.8 12.6075 21.8 12C21.8 11.3925 22.2925 10.9 22.9 10.9C23.5075 10.9 24 11.3925 24 12Z\" fill=\"currentColor\"/><path d=\"M18.9297 18.9297C19.3593 18.5002 20.0558 18.5002 20.4853 18.9297C20.9149 19.3593 20.9149 20.0558 20.4853 20.4854C20.0558 20.9149 19.3593 20.9149 18.9297 20.4854C18.5001 20.0558 18.5001 19.3593 18.9297 18.9297Z\" fill=\"currentColor\"/><path d=\"M3.51479 3.51479C3.94437 3.08521 4.64085 3.08521 5.07043 3.51479C5.5 3.94436 5.5 4.64084 5.07043 5.07042C4.64085 5.5 3.94437 5.5 3.51479 5.07042C3.08522 4.64084 3.08522 3.94436 3.51479 3.51479Z\" fill=\"currentColor\"/><path d=\"M18.9297 5.07044C18.5002 4.64086 18.5002 3.94438 18.9297 3.5148C19.3593 3.08522 20.0558 3.08522 20.4854 3.5148C20.9149 3.94438 20.9149 4.64086 20.4854 5.07044C20.0558 5.50001 19.3593 5.50001 18.9297 5.07044Z\" fill=\"currentColor\"/><path d=\"M3.51479 20.4853C3.08521 20.0558 3.08521 19.3593 3.51479 18.9297C3.94436 18.5001 4.64084 18.5001 5.07042 18.9297C5.5 19.3593 5.5 20.0558 5.07042 20.4853C4.64084 20.9149 3.94436 20.9149 3.51479 20.4853Z\" fill=\"currentColor\"/><path d=\"M13.0999 1.1C13.0999 1.70751 12.6074 2.2 11.9999 2.2C11.3924 2.2 10.8999 1.70751 10.8999 1.1C10.8999 0.492487 11.3924 0 11.9999 0C12.6074 0 13.0999 0.492487 13.0999 1.1Z\" fill=\"currentColor\"/><path d=\"M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C10.0609 20 8.28299 19.3101 6.89824 18.1624L12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697C12.2374 11.1768 11.7626 11.1768 11.4697 11.4697L5.83758 17.1018C4.68988 15.717 4 13.9391 4 12Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_11449_32859\"><rect width=\"24\" height=\"24\" fill=\"white\"/></clipPath></defs>", "round-filled-radius-2-stroke-1.5-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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("<g clip-path=\"url(#clip0_11449_32859)\"><path d=\"M2.2 12C2.2 12.6075 1.70751 13.1 1.1 13.1C0.492487 13.1 0 12.6075 0 12C0 11.3925 0.492487 10.9 1.1 10.9C1.70751 10.9 2.2 11.3925 2.2 12Z\" fill=\"currentColor\"/><path d=\"M24 12C24 12.6075 23.5075 13.1 22.9 13.1C22.2925 13.1 21.8 12.6075 21.8 12C21.8 11.3925 22.2925 10.9 22.9 10.9C23.5075 10.9 24 11.3925 24 12Z\" fill=\"currentColor\"/><path d=\"M18.9297 18.9297C19.3593 18.5002 20.0558 18.5002 20.4853 18.9297C20.9149 19.3593 20.9149 20.0558 20.4853 20.4854C20.0558 20.9149 19.3593 20.9149 18.9297 20.4854C18.5001 20.0558 18.5001 19.3593 18.9297 18.9297Z\" fill=\"currentColor\"/><path d=\"M3.51479 3.51479C3.94437 3.08521 4.64085 3.08521 5.07043 3.51479C5.5 3.94436 5.5 4.64084 5.07043 5.07042C4.64085 5.5 3.94437 5.5 3.51479 5.07042C3.08522 4.64084 3.08522 3.94436 3.51479 3.51479Z\" fill=\"currentColor\"/><path d=\"M18.9297 5.07044C18.5002 4.64086 18.5002 3.94438 18.9297 3.5148C19.3593 3.08522 20.0558 3.08522 20.4854 3.5148C20.9149 3.94438 20.9149 4.64086 20.4854 5.07044C20.0558 5.50001 19.3593 5.50001 18.9297 5.07044Z\" fill=\"currentColor\"/><path d=\"M3.51479 20.4853C3.08521 20.0558 3.08521 19.3593 3.51479 18.9297C3.94436 18.5001 4.64084 18.5001 5.07042 18.9297C5.5 19.3593 5.5 20.0558 5.07042 20.4853C4.64084 20.9149 3.94436 20.9149 3.51479 20.4853Z\" fill=\"currentColor\"/><path d=\"M13.0999 1.1C13.0999 1.70751 12.6074 2.2 11.9999 2.2C11.3924 2.2 10.8999 1.70751 10.8999 1.1C10.8999 0.492487 11.3924 0 11.9999 0C12.6074 0 13.0999 0.492487 13.0999 1.1Z\" fill=\"currentColor\"/><path d=\"M4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C10.0609 20 8.28299 19.3101 6.89824 18.1624L12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697C12.2374 11.1768 11.7626 11.1768 11.4697 11.4697L5.83758 17.1018C4.68988 15.717 4 13.9391 4 12Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_11449_32859\"><rect width=\"24\" height=\"24\" fill=\"white\"/></clipPath></defs>", 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-2-stroke-1.5-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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-2-stroke-1.5-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.67545 14.3224 9.07452 12.75 9.41797V11.25H16C17.5188 11.25 18.75 12.4812 18.75 14V14.5811C20.3225 14.9244 21.5 16.3245 21.5 18C21.5 19.933 19.933 21.5 18 21.5C16.067 21.5 14.5 19.933 14.5 18C14.5 16.3245 15.6775 14.9244 17.25 14.5811V14C17.25 13.3096 16.6904 12.75 16 12.75H8C7.30964 12.75 6.75 13.3096 6.75 14V14.5811C8.32254 14.9244 9.5 16.3245 9.5 18C9.5 19.933 7.933 21.5 6 21.5C4.067 21.5 2.5 19.933 2.5 18C2.5 16.3245 3.67746 14.9244 5.25 14.5811V14C5.25 12.4812 6.48122 11.25 8 11.25H11.25V9.41797C9.67756 9.07452 8.5 7.67545 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.67545 14.3224 9.07452 12.75 9.41797V11.25H16C17.5188 11.25 18.75 12.4812 18.75 14V14.5811C20.3225 14.9244 21.5 16.3245 21.5 18C21.5 19.933 19.933 21.5 18 21.5C16.067 21.5 14.5 19.933 14.5 18C14.5 16.3245 15.6775 14.9244 17.25 14.5811V14C17.25 13.3096 16.6904 12.75 16 12.75H8C7.30964 12.75 6.75 13.3096 6.75 14V14.5811C8.32254 14.9244 9.5 16.3245 9.5 18C9.5 19.933 7.933 21.5 6 21.5C4.067 21.5 2.5 19.933 2.5 18C2.5 16.3245 3.67746 14.9244 5.25 14.5811V14C5.25 12.4812 6.48122 11.25 8 11.25H11.25V9.41797C9.67756 9.07452 8.5 7.67545 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.7361 2.25 12.5668 3.97704 12.7354 6.16992L15.4277 6.43848C15.8677 5.16487 17.0768 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.4361 10.75 18.3726 10.7478 18.3096 10.7441L17.4199 13.708C18.8023 14.4093 19.75 15.8438 19.75 17.5C19.75 19.8472 17.8472 21.75 15.5 21.75C13.2639 21.75 11.4322 20.023 11.2637 17.8301L8.57129 17.5615C8.13122 18.835 6.92305 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.56358 13.25 5.62677 13.2513 5.68945 13.2549L6.5791 10.291C5.19731 9.58948 4.25 8.15577 4.25 6.5C4.25 4.15279 6.15279 2.25 8.5 2.25ZM10.1123 10.4316C9.61494 10.6358 9.07095 10.75 8.5 10.75C8.33617 10.75 8.17463 10.7397 8.01562 10.7217L7.12695 13.6865C7.97901 14.1803 8.58548 15.0497 8.7207 16.0684L11.4121 16.3379C11.6289 15.5739 12.053 14.8975 12.6211 14.374L10.1123 10.4316ZM12.5869 7.66211C12.3701 8.42598 11.946 9.10158 11.3779 9.625L13.8857 13.5674C14.3835 13.3629 14.9285 13.25 15.5 13.25C15.6635 13.25 15.8247 13.2594 15.9834 13.2773L16.873 10.3125C16.0212 9.81865 15.4135 8.95023 15.2783 7.93164L12.5869 7.66211Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.7361 2.25 12.5668 3.97704 12.7354 6.16992L15.4277 6.43848C15.8677 5.16487 17.0768 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.4361 10.75 18.3726 10.7478 18.3096 10.7441L17.4199 13.708C18.8023 14.4093 19.75 15.8438 19.75 17.5C19.75 19.8472 17.8472 21.75 15.5 21.75C13.2639 21.75 11.4322 20.023 11.2637 17.8301L8.57129 17.5615C8.13122 18.835 6.92305 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.56358 13.25 5.62677 13.2513 5.68945 13.2549L6.5791 10.291C5.19731 9.58948 4.25 8.15577 4.25 6.5C4.25 4.15279 6.15279 2.25 8.5 2.25ZM10.1123 10.4316C9.61494 10.6358 9.07095 10.75 8.5 10.75C8.33617 10.75 8.17463 10.7397 8.01562 10.7217L7.12695 13.6865C7.97901 14.1803 8.58548 15.0497 8.7207 16.0684L11.4121 16.3379C11.6289 15.5739 12.053 14.8975 12.6211 14.374L10.1123 10.4316ZM12.5869 7.66211C12.3701 8.42598 11.946 9.10158 11.3779 9.625L13.8857 13.5674C14.3835 13.3629 14.9285 13.25 15.5 13.25C15.6635 13.25 15.8247 13.2594 15.9834 13.2773L16.873 10.3125C16.0212 9.81865 15.4135 8.95023 15.2783 7.93164L12.5869 7.66211Z\" 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.25 17.25C9.66421 17.25 10 17.5858 10 18C10 18.4142 9.66421 18.75 9.25 18.75H3.75C3.33579 18.75 3 18.4142 3 18C3 17.5858 3.33579 17.25 3.75 17.25H9.25Z\" fill=\"currentColor\"/><path d=\"M5.25 11.25C5.66421 11.25 6 11.5858 6 12C6 12.4142 5.66421 12.75 5.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H5.25Z\" fill=\"currentColor\"/><path d=\"M12.25 11.25C12.6642 11.25 13 11.5858 13 12C13 12.4142 12.6642 12.75 12.25 12.75H8.75C8.33579 12.75 8 12.4142 8 12C8 11.5858 8.33579 11.25 8.75 11.25H12.25Z\" fill=\"currentColor\"/><path d=\"M12.25 5.25C12.6642 5.25 13 5.58579 13 6C13 6.41421 12.6642 6.75 12.25 6.75H3.75C3.33579 6.75 3 6.41421 3 6C3 5.58579 3.33579 5.25 3.75 5.25H12.25Z\" fill=\"currentColor\"/><path d=\"M20.25 5.25C20.6642 5.25 21 5.58579 21 6C21 6.41421 20.6642 6.75 20.25 6.75H15.75C15.3358 6.75 15 6.41421 15 6C15 5.58579 15.3358 5.25 15.75 5.25H20.25Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.25 17.25C9.66421 17.25 10 17.5858 10 18C10 18.4142 9.66421 18.75 9.25 18.75H3.75C3.33579 18.75 3 18.4142 3 18C3 17.5858 3.33579 17.25 3.75 17.25H9.25Z\" fill=\"currentColor\"/><path d=\"M5.25 11.25C5.66421 11.25 6 11.5858 6 12C6 12.4142 5.66421 12.75 5.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H5.25Z\" fill=\"currentColor\"/><path d=\"M12.25 11.25C12.6642 11.25 13 11.5858 13 12C13 12.4142 12.6642 12.75 12.25 12.75H8.75C8.33579 12.75 8 12.4142 8 12C8 11.5858 8.33579 11.25 8.75 11.25H12.25Z\" fill=\"currentColor\"/><path d=\"M12.25 5.25C12.6642 5.25 13 5.58579 13 6C13 6.41421 12.6642 6.75 12.25 6.75H3.75C3.33579 6.75 3 6.41421 3 6C3 5.58579 3.33579 5.25 3.75 5.25H12.25Z\" fill=\"currentColor\"/><path d=\"M20.25 5.25C20.6642 5.25 21 5.58579 21 6C21 6.41421 20.6642 6.75 20.25 6.75H15.75C15.3358 6.75 15 6.41421 15 6C15 5.58579 15.3358 5.25 15.75 5.25H20.25Z\" 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.39761 2 8.56905 2.95647 8.90234 4.25H16.75C19.0972 4.25 21 6.15279 21 8.5C21 10.8472 19.0972 12.75 16.75 12.75H15C14.9385 12.75 14.8795 12.7395 14.8223 12.7256C14.7006 13.1718 14.4666 13.5939 14.1162 13.9443L13.9443 14.1162C12.8704 15.19 11.1296 15.1899 10.0557 14.1162L9.88379 13.9443C9.5333 13.5938 9.29843 13.1719 9.17676 12.7256C9.11984 12.7394 9.06117 12.75 9 12.75H7.25C5.73122 12.75 4.5 13.9812 4.5 15.5C4.5 17.0188 5.73122 18.25 7.25 18.25H15.0977C15.431 16.9565 16.6024 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.6024 22 15.431 21.0435 15.0977 19.75H7.25C4.90279 19.75 3 17.8472 3 15.5C3 13.1528 4.90279 11.25 7.25 11.25H9C9.06109 11.25 9.1199 11.2597 9.17676 11.2734C9.29851 10.8275 9.53354 10.406 9.88379 10.0557L10.0557 9.88379C11.1296 8.81005 12.8704 8.81005 13.9443 9.88379L14.1162 10.0557C14.4664 10.4059 14.7005 10.8276 14.8223 11.2734C14.8794 11.2595 14.9386 11.25 15 11.25H16.75C18.2688 11.25 19.5 10.0188 19.5 8.5C19.5 6.98122 18.2688 5.75 16.75 5.75H8.90234C8.56905 7.04354 7.39761 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.39761 2 8.56905 2.95647 8.90234 4.25H16.75C19.0972 4.25 21 6.15279 21 8.5C21 10.8472 19.0972 12.75 16.75 12.75H15C14.9385 12.75 14.8795 12.7395 14.8223 12.7256C14.7006 13.1718 14.4666 13.5939 14.1162 13.9443L13.9443 14.1162C12.8704 15.19 11.1296 15.1899 10.0557 14.1162L9.88379 13.9443C9.5333 13.5938 9.29843 13.1719 9.17676 12.7256C9.11984 12.7394 9.06117 12.75 9 12.75H7.25C5.73122 12.75 4.5 13.9812 4.5 15.5C4.5 17.0188 5.73122 18.25 7.25 18.25H15.0977C15.431 16.9565 16.6024 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.6024 22 15.431 21.0435 15.0977 19.75H7.25C4.90279 19.75 3 17.8472 3 15.5C3 13.1528 4.90279 11.25 7.25 11.25H9C9.06109 11.25 9.1199 11.2597 9.17676 11.2734C9.29851 10.8275 9.53354 10.406 9.88379 10.0557L10.0557 9.88379C11.1296 8.81005 12.8704 8.81005 13.9443 9.88379L14.1162 10.0557C14.4664 10.4059 14.7005 10.8276 14.8223 11.2734C14.8794 11.2595 14.9386 11.25 15 11.25H16.75C18.2688 11.25 19.5 10.0188 19.5 8.5C19.5 6.98122 18.2688 5.75 16.75 5.75H8.90234C8.56905 7.04354 7.39761 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.75C9.33579 8.75 9 9.08579 9 9.5V12.5C9 12.9142 9.33579 13.25 9.75 13.25C10.1642 13.25 10.5 12.9142 10.5 12.5V9.5C10.5 9.08579 10.1642 8.75 9.75 8.75ZM14.25 8.75C13.8358 8.75 13.5 9.08579 13.5 9.5V12.5C13.5 12.9142 13.8358 13.25 14.25 13.25C14.6642 13.25 15 12.9142 15 12.5V9.5C15 9.08579 14.6642 8.75 14.25 8.75Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.75C9.33579 8.75 9 9.08579 9 9.5V12.5C9 12.9142 9.33579 13.25 9.75 13.25C10.1642 13.25 10.5 12.9142 10.5 12.5V9.5C10.5 9.08579 10.1642 8.75 9.75 8.75ZM14.25 8.75C13.8358 8.75 13.5 9.08579 13.5 9.5V12.5C13.5 12.9142 13.8358 13.25 14.25 13.25C14.6642 13.25 15 12.9142 15 12.5V9.5C15 9.08579 14.6642 8.75 14.25 8.75Z\" 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.75C10.8358 8.75 10.5 9.08579 10.5 9.5V12.5C10.5 12.9142 10.8358 13.25 11.25 13.25C11.6642 13.25 12 12.9142 12 12.5V9.5C12 9.08579 11.6642 8.75 11.25 8.75ZM15.75 8.75C15.3358 8.75 15 9.08579 15 9.5V12.5C15 12.9142 15.3358 13.25 15.75 13.25C16.1642 13.25 16.5 12.9142 16.5 12.5V9.5C16.5 9.08579 16.1642 8.75 15.75 8.75Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.75C10.8358 8.75 10.5 9.08579 10.5 9.5V12.5C10.5 12.9142 10.8358 13.25 11.25 13.25C11.6642 13.25 12 12.9142 12 12.5V9.5C12 9.08579 11.6642 8.75 11.25 8.75ZM15.75 8.75C15.3358 8.75 15 9.08579 15 9.5V12.5C15 12.9142 15.3358 13.25 15.75 13.25C16.1642 13.25 16.5 12.9142 16.5 12.5V9.5C16.5 9.08579 16.1642 8.75 15.75 8.75Z\" 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=\"M13.6455 2C14.7699 2 15.7816 2.68454 16.1992 3.72852L17.1074 6H20.25C20.6642 6 21 6.33579 21 6.75C21 7.16421 20.6642 7.5 20.25 7.5H20V11.75C20 12.5288 19.6737 13.2283 19.1533 13.7275L18.6396 19.4941C18.5131 20.9123 17.3241 21.9996 15.9004 22H8.09863C6.67446 22 5.48583 20.9126 5.35938 19.4941L4.9668 15.0908C4.37596 14.5864 4 13.8378 4 13V7.5H3.75C3.33579 7.5 3 7.16421 3 6.75C3 6.33579 3.33579 6 3.75 6H6.89258L7.80078 3.72852C8.21844 2.68454 9.23006 2 10.3545 2H13.6455ZM13.5 13.75C13.5 14.4404 14.0596 15 14.75 15C15.4404 15 16 14.4404 16 13.75V11.75C16 12.4404 16.5596 13 17.25 13C17.9404 13 18.5 12.4404 18.5 11.75V7.5H13.5V13.75ZM5.5 13C5.5 13.3817 5.67168 13.7229 5.94141 13.9521C6.04288 13.9899 6.13316 14.0493 6.20898 14.125C6.37291 14.204 6.55586 14.25 6.75 14.25C7.44036 14.25 8 13.6904 8 13V7.5H5.5V13ZM10.3545 3.5C9.84336 3.5 9.38319 3.81156 9.19336 4.28613L8.50781 6H15.4922L14.8066 4.28613C14.6168 3.81156 14.1566 3.5 13.6455 3.5H10.3545Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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=\"M13.6455 2C14.7699 2 15.7816 2.68454 16.1992 3.72852L17.1074 6H20.25C20.6642 6 21 6.33579 21 6.75C21 7.16421 20.6642 7.5 20.25 7.5H20V11.75C20 12.5288 19.6737 13.2283 19.1533 13.7275L18.6396 19.4941C18.5131 20.9123 17.3241 21.9996 15.9004 22H8.09863C6.67446 22 5.48583 20.9126 5.35938 19.4941L4.9668 15.0908C4.37596 14.5864 4 13.8378 4 13V7.5H3.75C3.33579 7.5 3 7.16421 3 6.75C3 6.33579 3.33579 6 3.75 6H6.89258L7.80078 3.72852C8.21844 2.68454 9.23006 2 10.3545 2H13.6455ZM13.5 13.75C13.5 14.4404 14.0596 15 14.75 15C15.4404 15 16 14.4404 16 13.75V11.75C16 12.4404 16.5596 13 17.25 13C17.9404 13 18.5 12.4404 18.5 11.75V7.5H13.5V13.75ZM5.5 13C5.5 13.3817 5.67168 13.7229 5.94141 13.9521C6.04288 13.9899 6.13316 14.0493 6.20898 14.125C6.37291 14.204 6.55586 14.25 6.75 14.25C7.44036 14.25 8 13.6904 8 13V7.5H5.5V13ZM10.3545 3.5C9.84336 3.5 9.38319 3.81156 9.19336 4.28613L8.50781 6H15.4922L14.8066 4.28613C14.6168 3.81156 14.1566 3.5 13.6455 3.5H10.3545Z\" 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=\"M11.1506 2.12965C11.7028 1.95031 12.2986 1.95023 12.8508 2.12965C13.2105 2.24665 13.5106 2.45147 13.801 2.69801C14.0848 2.93893 14.4061 3.26211 14.7932 3.64918L21.6779 10.533C22.4886 11.3436 22.479 12.6612 21.6574 13.4607C21.3421 13.7674 21.1302 13.9745 20.9826 14.1365C20.8519 14.2801 20.8178 14.3403 20.8127 14.3494C20.7596 14.4916 20.7755 14.6997 21.0383 15.0828C21.163 15.2645 21.3183 15.449 21.4914 15.6443C21.6516 15.8251 21.8506 16.0399 22.0031 16.2312C22.3869 16.7126 22.718 17.3871 22.5334 18.1629C22.288 19.1934 21.4116 19.6962 20.5998 19.8777C19.7841 20.0599 18.853 19.974 18.1076 19.6873C17.9198 19.615 17.7562 19.5955 17.6096 19.617C17.0565 19.6984 16.6702 19.9222 16.1633 20.2205C15.6608 20.5161 15.0413 20.8829 14.1565 20.9939C13.16 21.1188 12.5653 20.8946 12.049 20.6697C11.6001 20.474 11.2714 20.3123 10.6252 20.3123C10.1204 20.3124 9.75731 20.5989 9.20627 21.0496C8.96742 21.2449 8.64169 21.5116 8.27072 21.6629C7.84361 21.8368 7.35777 21.8606 6.85276 21.6082C6.4066 21.3851 6.10747 21.0554 5.93576 20.6638C5.77418 20.2951 5.74498 19.9153 5.74729 19.6082C5.74947 19.3217 5.78528 18.9803 5.79709 18.7918C5.81241 18.5466 5.79865 18.4527 5.78928 18.4246C5.7339 18.2585 5.67423 18.1847 5.63986 18.1521C5.60801 18.122 5.56582 18.097 5.49143 18.0789C5.29725 18.0317 5.01834 18.0565 4.55588 18.1277C4.16533 18.1878 3.59968 18.2904 3.08225 18.2234C2.48599 18.146 1.91532 17.8433 1.5676 17.1482C1.33041 16.6738 1.35334 16.1872 1.47385 15.78C1.59131 15.3836 1.8094 15.0252 2.02756 14.7341C2.27365 14.4057 2.36577 14.1919 2.3967 14.0564L2.4094 13.9558C2.40633 13.9436 2.39875 13.9146 2.37912 13.8679C2.36127 13.8255 2.3368 13.7781 2.30783 13.7254L2.10276 13.3777C1.62183 12.4861 1.59248 11.2643 2.42795 10.4285L9.20725 3.64918C9.59437 3.26206 9.91662 2.93893 10.2004 2.69801C10.4908 2.45149 10.7908 2.24658 11.1506 2.12965ZM12.0002 13.9998C11.4479 13.9998 11.0002 14.4475 11.0002 14.9998C11.0003 15.552 11.448 15.9998 12.0002 15.9998C12.5523 15.9996 13.0001 15.5519 13.0002 14.9998C13.0002 14.4476 12.5524 13.9999 12.0002 13.9998ZM12.0002 7.99977C11.4613 7.99977 11.0363 8.45966 11.0793 8.99684L11.3518 12.4011C11.3788 12.7389 11.6614 12.9998 12.0002 12.9998C12.3389 12.9996 12.6207 12.7388 12.6477 12.4011L12.9201 8.99684C12.9631 8.45977 12.539 7.99995 12.0002 7.99977Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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=\"M11.1506 2.12965C11.7028 1.95031 12.2986 1.95023 12.8508 2.12965C13.2105 2.24665 13.5106 2.45147 13.801 2.69801C14.0848 2.93893 14.4061 3.26211 14.7932 3.64918L21.6779 10.533C22.4886 11.3436 22.479 12.6612 21.6574 13.4607C21.3421 13.7674 21.1302 13.9745 20.9826 14.1365C20.8519 14.2801 20.8178 14.3403 20.8127 14.3494C20.7596 14.4916 20.7755 14.6997 21.0383 15.0828C21.163 15.2645 21.3183 15.449 21.4914 15.6443C21.6516 15.8251 21.8506 16.0399 22.0031 16.2312C22.3869 16.7126 22.718 17.3871 22.5334 18.1629C22.288 19.1934 21.4116 19.6962 20.5998 19.8777C19.7841 20.0599 18.853 19.974 18.1076 19.6873C17.9198 19.615 17.7562 19.5955 17.6096 19.617C17.0565 19.6984 16.6702 19.9222 16.1633 20.2205C15.6608 20.5161 15.0413 20.8829 14.1565 20.9939C13.16 21.1188 12.5653 20.8946 12.049 20.6697C11.6001 20.474 11.2714 20.3123 10.6252 20.3123C10.1204 20.3124 9.75731 20.5989 9.20627 21.0496C8.96742 21.2449 8.64169 21.5116 8.27072 21.6629C7.84361 21.8368 7.35777 21.8606 6.85276 21.6082C6.4066 21.3851 6.10747 21.0554 5.93576 20.6638C5.77418 20.2951 5.74498 19.9153 5.74729 19.6082C5.74947 19.3217 5.78528 18.9803 5.79709 18.7918C5.81241 18.5466 5.79865 18.4527 5.78928 18.4246C5.7339 18.2585 5.67423 18.1847 5.63986 18.1521C5.60801 18.122 5.56582 18.097 5.49143 18.0789C5.29725 18.0317 5.01834 18.0565 4.55588 18.1277C4.16533 18.1878 3.59968 18.2904 3.08225 18.2234C2.48599 18.146 1.91532 17.8433 1.5676 17.1482C1.33041 16.6738 1.35334 16.1872 1.47385 15.78C1.59131 15.3836 1.8094 15.0252 2.02756 14.7341C2.27365 14.4057 2.36577 14.1919 2.3967 14.0564L2.4094 13.9558C2.40633 13.9436 2.39875 13.9146 2.37912 13.8679C2.36127 13.8255 2.3368 13.7781 2.30783 13.7254L2.10276 13.3777C1.62183 12.4861 1.59248 11.2643 2.42795 10.4285L9.20725 3.64918C9.59437 3.26206 9.91662 2.93893 10.2004 2.69801C10.4908 2.45149 10.7908 2.24658 11.1506 2.12965ZM12.0002 13.9998C11.4479 13.9998 11.0002 14.4475 11.0002 14.9998C11.0003 15.552 11.448 15.9998 12.0002 15.9998C12.5523 15.9996 13.0001 15.5519 13.0002 14.9998C13.0002 14.4476 12.5524 13.9999 12.0002 13.9998ZM12.0002 7.99977C11.4613 7.99977 11.0363 8.45966 11.0793 8.99684L11.3518 12.4011C11.3788 12.7389 11.6614 12.9998 12.0002 12.9998C12.3389 12.9996 12.6207 12.7388 12.6477 12.4011L12.9201 8.99684C12.9631 8.45977 12.539 7.99995 12.0002 7.99977Z\" 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-2-stroke-1.5-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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 4C7.41421 4 7.75 4.33579 7.75 4.75V6.06665H11.25C11.6642 6.06665 12 6.40244 12 6.81665C12 7.23086 11.6642 7.56665 11.25 7.56665H10.4248C10.0845 9.68318 9.39037 11.4216 8.24913 12.7779C8.16995 12.872 8.08886 12.964 8.00585 13.0539C8.85346 13.7037 9.90163 14.1911 11.1879 14.5239C11.5889 14.6277 11.8298 15.0368 11.7261 15.4379C11.6223 15.8389 11.2132 16.0798 10.8121 15.9761C9.25769 15.5739 7.94367 14.9504 6.87142 14.0683C5.84632 14.8244 4.61619 15.3675 3.18262 15.7274C2.78088 15.8283 2.37343 15.5844 2.27257 15.1826C2.17171 14.7809 2.41563 14.3734 2.81738 14.2726C4.00169 13.9752 4.98351 13.5511 5.79235 12.9953C5.77568 12.9753 5.75909 12.9552 5.74259 12.9349C4.60291 11.5381 3.91109 9.74802 3.5729 7.56665H2.75C2.33579 7.56665 2 7.23086 2 6.81665C2 6.40244 2.33579 6.06665 2.75 6.06665H6.25V4.75C6.25 4.33579 6.58579 4 7 4ZM5.09251 7.56665C5.41346 9.45521 6.01656 10.898 6.90481 11.9867C6.9118 11.9952 6.9188 12.0038 6.92582 12.0123C6.98573 11.9468 7.04424 11.88 7.10138 11.8121C7.98238 10.7651 8.58205 9.37972 8.90358 7.56665H5.09251ZM14.3629 11.2111C14.9329 9.70241 17.0671 9.7024 17.6371 11.2111L20.9516 19.9849C21.098 20.3724 20.9025 20.8052 20.5151 20.9515C20.1276 21.0979 19.6948 20.9025 19.5484 20.515L18.9119 18.8302C18.8321 18.8592 18.746 18.8749 18.6562 18.8749H13.3438C13.254 18.8749 13.1679 18.8592 13.0881 18.8302L12.4516 20.515C12.3052 20.9025 11.8724 21.0979 11.4849 20.9515C11.0975 20.8052 10.902 20.3724 11.0484 19.9849L14.3629 11.2111ZM13.6378 17.3749H18.3622L16.2339 11.7412C16.1524 11.5257 15.8476 11.5257 15.7661 11.7412L13.6378 17.3749Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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 4C7.41421 4 7.75 4.33579 7.75 4.75V6.06665H11.25C11.6642 6.06665 12 6.40244 12 6.81665C12 7.23086 11.6642 7.56665 11.25 7.56665H10.4248C10.0845 9.68318 9.39037 11.4216 8.24913 12.7779C8.16995 12.872 8.08886 12.964 8.00585 13.0539C8.85346 13.7037 9.90163 14.1911 11.1879 14.5239C11.5889 14.6277 11.8298 15.0368 11.7261 15.4379C11.6223 15.8389 11.2132 16.0798 10.8121 15.9761C9.25769 15.5739 7.94367 14.9504 6.87142 14.0683C5.84632 14.8244 4.61619 15.3675 3.18262 15.7274C2.78088 15.8283 2.37343 15.5844 2.27257 15.1826C2.17171 14.7809 2.41563 14.3734 2.81738 14.2726C4.00169 13.9752 4.98351 13.5511 5.79235 12.9953C5.77568 12.9753 5.75909 12.9552 5.74259 12.9349C4.60291 11.5381 3.91109 9.74802 3.5729 7.56665H2.75C2.33579 7.56665 2 7.23086 2 6.81665C2 6.40244 2.33579 6.06665 2.75 6.06665H6.25V4.75C6.25 4.33579 6.58579 4 7 4ZM5.09251 7.56665C5.41346 9.45521 6.01656 10.898 6.90481 11.9867C6.9118 11.9952 6.9188 12.0038 6.92582 12.0123C6.98573 11.9468 7.04424 11.88 7.10138 11.8121C7.98238 10.7651 8.58205 9.37972 8.90358 7.56665H5.09251ZM14.3629 11.2111C14.9329 9.70241 17.0671 9.7024 17.6371 11.2111L20.9516 19.9849C21.098 20.3724 20.9025 20.8052 20.5151 20.9515C20.1276 21.0979 19.6948 20.9025 19.5484 20.515L18.9119 18.8302C18.8321 18.8592 18.746 18.8749 18.6562 18.8749H13.3438C13.254 18.8749 13.1679 18.8592 13.0881 18.8302L12.4516 20.515C12.3052 20.9025 11.8724 21.0979 11.4849 20.9515C11.0975 20.8052 10.902 20.3724 11.0484 19.9849L14.3629 11.2111ZM13.6378 17.3749H18.3622L16.2339 11.7412C16.1524 11.5257 15.8476 11.5257 15.7661 11.7412L13.6378 17.3749Z\" 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 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 15.1449 5.20759 17.8919 7.74979 19.3629C8.10831 19.5703 8.23079 20.0291 8.02334 20.3876C7.8159 20.7462 7.35709 20.8686 6.99857 20.6612C4.01201 18.9332 2 15.702 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.702 19.988 18.9332 17.0014 20.6612C16.6429 20.8687 16.184 20.7462 15.9766 20.3877C15.7692 20.0292 15.8916 19.5703 16.2502 19.3629C18.7924 17.892 20.5 15.145 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 13.619 8.35449 15.0391 9.64066 15.8328C9.99316 16.0503 10.1026 16.5124 9.88504 16.8649C9.66752 17.2174 9.20542 17.3268 8.85292 17.1093C7.14258 16.0538 6 14.1607 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.1607 16.8574 16.0538 15.1471 17.1093C14.7946 17.3268 14.3325 17.2174 14.115 16.8649C13.8974 16.5124 14.0068 16.0503 14.3593 15.8328C15.6455 15.0391 16.5 13.619 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5ZM10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 15.1449 5.20759 17.8919 7.74979 19.3629C8.10831 19.5703 8.23079 20.0291 8.02334 20.3876C7.8159 20.7462 7.35709 20.8686 6.99857 20.6612C4.01201 18.9332 2 15.702 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.702 19.988 18.9332 17.0014 20.6612C16.6429 20.8687 16.184 20.7462 15.9766 20.3877C15.7692 20.0292 15.8916 19.5703 16.2502 19.3629C18.7924 17.892 20.5 15.145 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM12 7.5C9.51472 7.5 7.5 9.51472 7.5 12C7.5 13.619 8.35449 15.0391 9.64066 15.8328C9.99316 16.0503 10.1026 16.5124 9.88504 16.8649C9.66752 17.2174 9.20542 17.3268 8.85292 17.1093C7.14258 16.0538 6 14.1607 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 14.1607 16.8574 16.0538 15.1471 17.1093C14.7946 17.3268 14.3325 17.2174 14.115 16.8649C13.8974 16.5124 14.0068 16.0503 14.3593 15.8328C15.6455 15.0391 16.5 13.619 16.5 12C16.5 9.51472 14.4853 7.5 12 7.5ZM10 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.00002 11C3.00002 10.935 3.00071 10.8702 3.00208 10.8055C2.99821 10.7535 2.99973 10.7011 3.00673 10.6491C3.19105 5.84119 7.14695 2 12 2C16.8531 2 20.809 5.84119 20.9933 10.6491C21.0003 10.7011 21.0018 10.7535 20.998 10.8055C20.9993 10.8702 21 10.935 21 11C21 11.2122 20.9101 11.4145 20.7525 11.5568C20.6068 11.6883 20.4158 11.757 20.2209 11.7494L14.9868 16.0998C16.1478 16.4219 17 17.4864 17 18.75V19.25C17 20.7688 15.7688 22 14.25 22H9.75002C8.23124 22 7.00002 20.7688 7.00002 19.25V18.75C7.00002 17.4864 7.85221 16.4219 9.01319 16.0998L3.77913 11.7494C3.5842 11.757 3.39324 11.6883 3.2475 11.5568C3.08995 11.4145 3.00002 11.2122 3.00002 11ZM17.2775 11.4899C17.5675 11.5125 17.8452 11.535 18.1059 11.5569L12.7603 16H12.75V11.2427C14.1939 11.273 15.8735 11.3808 17.2775 11.4899ZM11.25 11.2427V16H11.2398L5.89411 11.5569C6.1548 11.535 6.4325 11.5125 6.72258 11.4899C8.12658 11.3808 9.80616 11.273 11.25 11.2427Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1.5-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-stroke-1.5-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.00002 11C3.00002 10.935 3.00071 10.8702 3.00208 10.8055C2.99821 10.7535 2.99973 10.7011 3.00673 10.6491C3.19105 5.84119 7.14695 2 12 2C16.8531 2 20.809 5.84119 20.9933 10.6491C21.0003 10.7011 21.0018 10.7535 20.998 10.8055C20.9993 10.8702 21 10.935 21 11C21 11.2122 20.9101 11.4145 20.7525 11.5568C20.6068 11.6883 20.4158 11.757 20.2209 11.7494L14.9868 16.0998C16.1478 16.4219 17 17.4864 17 18.75V19.25C17 20.7688 15.7688 22 14.25 22H9.75002C8.23124 22 7.00002 20.7688 7.00002 19.25V18.75C7.00002 17.4864 7.85221 16.4219 9.01319 16.0998L3.77913 11.7494C3.5842 11.757 3.39324 11.6883 3.2475 11.5568C3.08995 11.4145 3.00002 11.2122 3.00002 11ZM17.2775 11.4899C17.5675 11.5125 17.8452 11.535 18.1059 11.5569L12.7603 16H12.75V11.2427C14.1939 11.273 15.8735 11.3808 17.2775 11.4899ZM11.25 11.2427V16H11.2398L5.89411 11.5569C6.1548 11.535 6.4325 11.5125 6.72258 11.4899C8.12658 11.3808 9.80616 11.273 11.25 11.2427Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirdrop2;