@central-icons-solid/round-filled-radius-2-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-2-stroke-1-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.8562C11.4047 11.7669 11.5 11.6019 11.5 11.4232V2.32783C11.5 1.94295 11.0834 1.70239 10.75 1.8948L3.87325 5.86427C3.09963 6.31082 2.62305 7.13621 2.62305 8.02945V15.9718C2.62305 16.3567 3.03975 16.5973 3.37308 16.4048L11.25 11.8562Z\" fill=\"currentColor\"/><path d=\"M21.377 8.02945C21.377 7.13621 20.9004 6.31082 20.1268 5.86427L13.25 1.8948C12.9166 1.70239 12.5 1.94295 12.5 2.32783V11.4232C12.5 11.6019 12.5953 11.7669 12.75 11.8562L20.6269 16.4048C20.9603 16.5973 21.377 16.3567 21.377 15.9718V8.02945Z\" fill=\"currentColor\"/><path d=\"M20.125 18.1361C20.4584 17.9437 20.4584 17.4625 20.1251 17.2701L12.249 12.7225C12.0943 12.6331 11.9037 12.6331 11.749 12.7225L3.87308 17.27C3.53974 17.4625 3.53977 17.9437 3.87313 18.1361L10.7501 22.1056C11.5235 22.5521 12.4764 22.5521 13.2499 22.1055L20.125 18.1361Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.8562C11.4047 11.7669 11.5 11.6019 11.5 11.4232V2.32783C11.5 1.94295 11.0834 1.70239 10.75 1.8948L3.87325 5.86427C3.09963 6.31082 2.62305 7.13621 2.62305 8.02945V15.9718C2.62305 16.3567 3.03975 16.5973 3.37308 16.4048L11.25 11.8562Z\" fill=\"currentColor\"/><path d=\"M21.377 8.02945C21.377 7.13621 20.9004 6.31082 20.1268 5.86427L13.25 1.8948C12.9166 1.70239 12.5 1.94295 12.5 2.32783V11.4232C12.5 11.6019 12.5953 11.7669 12.75 11.8562L20.6269 16.4048C20.9603 16.5973 21.377 16.3567 21.377 15.9718V8.02945Z\" fill=\"currentColor\"/><path d=\"M20.125 18.1361C20.4584 17.9437 20.4584 17.4625 20.1251 17.2701L12.249 12.7225C12.0943 12.6331 11.9037 12.6331 11.749 12.7225L3.87308 17.27C3.53974 17.4625 3.53977 17.9437 3.87313 18.1361L10.7501 22.1056C11.5235 22.5521 12.4764 22.5521 13.2499 22.1055L20.125 18.1361Z\" fill=\"currentColor\"/>", 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.233 11.5 12.3981 11.5 12.5767V21.6721C11.5 22.057 11.0834 22.2976 10.75 22.1052L3.87325 18.1357C3.09963 17.6891 2.62305 16.8638 2.62305 15.9705V8.02819C2.62305 7.64327 3.03975 7.40271 3.37308 7.59519L11.25 12.1437Z\" fill=\"currentColor\"/><path d=\"M21.377 15.9705C21.377 16.8638 20.9004 17.6891 20.1268 18.1357L13.25 22.1052C12.9166 22.2976 12.5 22.057 12.5 21.6721V12.5767C12.5 12.3981 12.5953 12.233 12.75 12.1437L20.6269 7.59519C20.9603 7.40271 21.377 7.64327 21.377 8.02819V15.9705Z\" fill=\"currentColor\"/><path d=\"M20.125 5.86386C20.4584 6.05631 20.4584 6.53742 20.1251 6.72988L12.249 11.2775C12.0943 11.3668 11.9037 11.3668 11.749 11.2775L3.87308 6.72992C3.53974 6.53745 3.53977 6.05631 3.87313 5.86388L10.7501 1.89433C11.5235 1.44786 12.4764 1.4479 13.2499 1.89445L20.125 5.86386Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.233 11.5 12.3981 11.5 12.5767V21.6721C11.5 22.057 11.0834 22.2976 10.75 22.1052L3.87325 18.1357C3.09963 17.6891 2.62305 16.8638 2.62305 15.9705V8.02819C2.62305 7.64327 3.03975 7.40271 3.37308 7.59519L11.25 12.1437Z\" fill=\"currentColor\"/><path d=\"M21.377 15.9705C21.377 16.8638 20.9004 17.6891 20.1268 18.1357L13.25 22.1052C12.9166 22.2976 12.5 22.057 12.5 21.6721V12.5767C12.5 12.3981 12.5953 12.233 12.75 12.1437L20.6269 7.59519C20.9603 7.40271 21.377 7.64327 21.377 8.02819V15.9705Z\" fill=\"currentColor\"/><path d=\"M20.125 5.86386C20.4584 6.05631 20.4584 6.53742 20.1251 6.72988L12.249 11.2775C12.0943 11.3668 11.9037 11.3668 11.749 11.2775L3.87308 6.72992C3.53974 6.53745 3.53977 6.05631 3.87313 5.86388L10.7501 1.89433C11.5235 1.44786 12.4764 1.4479 13.2499 1.89445L20.125 5.86386Z\" fill=\"currentColor\"/>", 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.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3984 11.502 12.5771V21.6718C11.502 22.0566 11.0853 22.2977 10.752 22.1054L3.875 18.1357C3.10152 17.6891 2.62507 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9024 17.6891 20.1289 18.1357L13.252 22.1054C12.9186 22.2977 12.502 22.0566 12.502 21.6718V12.5771C12.502 12.3984 12.5973 12.2328 12.752 12.1435L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3666 11.9057 11.3666 11.751 11.2773L3.875 6.72941C3.54194 6.53691 3.54194 6.05666 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.4601 6.05666 20.4601 6.53694 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-Icon3dPackage", props.mode)} />
-);
+export const Icon3dPackage = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3984 11.502 12.5771V21.6718C11.502 22.0566 11.0853 22.2977 10.752 22.1054L3.875 18.1357C3.10152 17.6891 2.62507 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9024 17.6891 20.1289 18.1357L13.252 22.1054C12.9186 22.2977 12.502 22.0566 12.502 21.6718V12.5771C12.502 12.3984 12.5973 12.2328 12.752 12.1435L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3666 11.9057 11.3666 11.751 11.2773L3.875 6.72941C3.54194 6.53691 3.54194 6.05666 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.4601 6.05666 20.4601 6.53694 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>", 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.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3985 11.502 12.5771V21.6718C11.5018 22.0565 11.0852 22.2976 10.752 22.1054L3.875 18.1357C3.10156 17.6892 2.62513 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9023 17.6892 20.1289 18.1357L13.252 22.1054C12.9187 22.2976 12.5021 22.0565 12.502 21.6718V12.5771C12.502 12.3985 12.5973 12.2328 12.752 12.1435L16.752 9.83293V14.456C16.752 14.6065 16.7525 14.6817 16.7705 14.7314C16.8203 14.8682 16.9611 14.95 17.1045 14.9247C17.1565 14.9154 17.2216 14.8776 17.3516 14.8027C17.4484 14.7468 17.4969 14.7182 17.5371 14.6845C17.6452 14.5938 17.7187 14.468 17.7432 14.329C17.7523 14.2774 17.752 14.2212 17.752 14.1093V9.25578L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3665 11.9057 11.3665 11.751 11.2773L3.875 6.72941C3.54197 6.53692 3.54201 6.05668 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.46 6.05669 20.4601 6.53695 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.02824C2.625 7.64341 3.0417 7.40239 3.375 7.59465L11.252 12.1435C11.4066 12.2328 11.502 12.3985 11.502 12.5771V21.6718C11.5018 22.0565 11.0852 22.2976 10.752 22.1054L3.875 18.1357C3.10156 17.6892 2.62513 16.8637 2.625 15.9706V8.02824Z\" fill=\"currentColor\"/><path d=\"M20.6289 7.59465C20.9622 7.4024 21.3789 7.64341 21.3789 8.02824V15.9706C21.3788 16.8637 20.9023 17.6892 20.1289 18.1357L13.252 22.1054C12.9187 22.2976 12.5021 22.0565 12.502 21.6718V12.5771C12.502 12.3985 12.5973 12.2328 12.752 12.1435L16.752 9.83293V14.456C16.752 14.6065 16.7525 14.6817 16.7705 14.7314C16.8203 14.8682 16.9611 14.95 17.1045 14.9247C17.1565 14.9154 17.2216 14.8776 17.3516 14.8027C17.4484 14.7468 17.4969 14.7182 17.5371 14.6845C17.6452 14.5938 17.7187 14.468 17.7432 14.329C17.7523 14.2774 17.752 14.2212 17.752 14.1093V9.25578L20.6289 7.59465Z\" fill=\"currentColor\"/><path d=\"M7.31348 4.16691L15.9385 9.14738L12.251 11.2773C12.0963 11.3665 11.9057 11.3665 11.751 11.2773L3.875 6.72941C3.54197 6.53692 3.54201 6.05668 3.875 5.86418L7.06445 4.02238L7.31348 4.16691Z\" fill=\"currentColor\"/><path d=\"M10.752 1.89445C11.5254 1.44798 12.4785 1.44791 13.252 1.89445L20.127 5.86418C20.46 6.05669 20.4601 6.53695 20.127 6.72941L16.9385 8.56926L8.06348 3.44523L10.752 1.89445Z\" fill=\"currentColor\"/>", 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-2-stroke-1-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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 6.5C2 5.11929 3.11929 4 4.5 4H19.5C20.8807 4 22 5.11929 22 6.5V17.5C22 18.8807 20.8807 20 19.5 20H4.5C3.11929 20 2 18.8807 2 17.5V6.5ZM9.28223 15.4778C9.28223 15.8652 9.53491 16.1067 9.88306 16.1067C10.2368 16.1067 10.4895 15.8652 10.4895 15.4778V14.3884H11.1296C11.4609 14.3884 11.6799 14.175 11.6799 13.8606C11.6799 13.5461 11.4609 13.3328 11.1296 13.3328H10.4895V8.7395C10.4895 8.13306 10.1133 7.79053 9.4563 7.79053C8.92847 7.79053 8.6084 8.01514 8.11426 8.74512C7.06982 10.2612 6.0647 11.7661 5.49194 12.7937C5.27856 13.1643 5.21118 13.3889 5.21118 13.6753C5.21118 14.1077 5.49756 14.3884 5.94678 14.3884H9.28223V15.4778ZM12.6794 15.4385C12.6794 15.8428 12.9153 16.0898 13.3083 16.0898C13.6958 16.0898 13.9373 15.8428 13.9373 15.4385V13.2991L14.802 12.3726L17.5984 15.7698C17.7893 16.0056 17.9521 16.0955 18.1992 16.0955C18.5417 16.0955 18.8057 15.8315 18.8057 15.489C18.8057 15.3318 18.7383 15.1577 18.5811 14.9668L15.7173 11.5078L18.3059 8.81812C18.4407 8.67212 18.5024 8.53735 18.5024 8.38013C18.5024 8.05444 18.2554 7.80176 17.9128 7.80176C17.7163 7.80176 17.5647 7.87476 17.3962 8.06006L13.9878 11.7156H13.9373V8.45874C13.9373 8.05444 13.6958 7.80737 13.3083 7.80737C12.9153 7.80737 12.6794 8.05444 12.6794 8.45874V15.4385Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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 6.5C2 5.11929 3.11929 4 4.5 4H19.5C20.8807 4 22 5.11929 22 6.5V17.5C22 18.8807 20.8807 20 19.5 20H4.5C3.11929 20 2 18.8807 2 17.5V6.5ZM9.28223 15.4778C9.28223 15.8652 9.53491 16.1067 9.88306 16.1067C10.2368 16.1067 10.4895 15.8652 10.4895 15.4778V14.3884H11.1296C11.4609 14.3884 11.6799 14.175 11.6799 13.8606C11.6799 13.5461 11.4609 13.3328 11.1296 13.3328H10.4895V8.7395C10.4895 8.13306 10.1133 7.79053 9.4563 7.79053C8.92847 7.79053 8.6084 8.01514 8.11426 8.74512C7.06982 10.2612 6.0647 11.7661 5.49194 12.7937C5.27856 13.1643 5.21118 13.3889 5.21118 13.6753C5.21118 14.1077 5.49756 14.3884 5.94678 14.3884H9.28223V15.4778ZM12.6794 15.4385C12.6794 15.8428 12.9153 16.0898 13.3083 16.0898C13.6958 16.0898 13.9373 15.8428 13.9373 15.4385V13.2991L14.802 12.3726L17.5984 15.7698C17.7893 16.0056 17.9521 16.0955 18.1992 16.0955C18.5417 16.0955 18.8057 15.8315 18.8057 15.489C18.8057 15.3318 18.7383 15.1577 18.5811 14.9668L15.7173 11.5078L18.3059 8.81812C18.4407 8.67212 18.5024 8.53735 18.5024 8.38013C18.5024 8.05444 18.2554 7.80176 17.9128 7.80176C17.7163 7.80176 17.5647 7.87476 17.3962 8.06006L13.9878 11.7156H13.9373V8.45874C13.9373 8.05444 13.6958 7.80737 13.3083 7.80737C12.9153 7.80737 12.6794 8.05444 12.6794 8.45874V15.4385Z\" fill=\"currentColor\"/>", 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=\"M18.5 3C19.8807 3 21 4.11929 21 5.5V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L9.06055 13.0605C8.47479 12.4749 7.52521 12.4749 6.93945 13.0605L4 16V18.5C4 19.3284 4.67157 20 5.5 20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H5.5C4.11929 21 3 19.8807 3 18.5V5.5C3 4.11929 4.11929 3 5.5 3H18.5ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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=\"M18.5 3C19.8807 3 21 4.11929 21 5.5V14.1699C20.2645 13.7443 19.4109 13.5 18.5 13.5C16.0512 13.5 14.0149 15.2607 13.585 17.585L9.06055 13.0605C8.47479 12.4749 7.52521 12.4749 6.93945 13.0605L4 16V18.5C4 19.3284 4.67157 20 5.5 20H13.7285C13.8391 20.352 13.9894 20.6863 14.1709 21H5.5C4.11929 21 3 19.8807 3 18.5V5.5C3 4.11929 4.11929 3 5.5 3H18.5ZM15 7C13.8954 7 13 7.89543 13 9C13 10.1046 13.8954 11 15 11C16.1046 11 17 10.1046 17 9C17 7.89543 16.1046 7 15 7Z\" fill=\"currentColor\"/>", 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.2319 2.56035C11.2082 1.58405 12.7912 1.58405 13.7675 2.56035L21.439 10.2319C22.4153 11.2082 22.4153 12.7911 21.439 13.7674L13.7675 21.439C12.7912 22.4153 11.2082 22.4153 10.2319 21.439L2.56035 13.7674C1.58405 12.7911 1.58405 11.2082 2.56036 10.2319L10.2319 2.56035ZM12.4998 8.99976C12.4998 8.72361 12.2759 8.49976 11.9998 8.49976C11.7236 8.49976 11.4998 8.72361 11.4998 8.99976V11.4998H8.99976C8.72361 11.4998 8.49976 11.7236 8.49976 11.9998C8.49976 12.2759 8.72361 12.4998 8.99976 12.4998H11.4998V14.9998C11.4998 15.2759 11.7236 15.4998 11.9998 15.4998C12.2759 15.4998 12.4998 15.2759 12.4998 14.9998V12.4998H14.9998C15.2759 12.4998 15.4998 12.2759 15.4998 11.9998C15.4998 11.7236 15.2759 11.4998 14.9998 11.4998H12.4998V8.99976Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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=\"M10.2319 2.56035C11.2082 1.58405 12.7912 1.58405 13.7675 2.56035L21.439 10.2319C22.4153 11.2082 22.4153 12.7911 21.439 13.7674L13.7675 21.439C12.7912 22.4153 11.2082 22.4153 10.2319 21.439L2.56035 13.7674C1.58405 12.7911 1.58405 11.2082 2.56036 10.2319L10.2319 2.56035ZM12.4998 8.99976C12.4998 8.72361 12.2759 8.49976 11.9998 8.49976C11.7236 8.49976 11.4998 8.72361 11.4998 8.99976V11.4998H8.99976C8.72361 11.4998 8.49976 11.7236 8.49976 11.9998C8.49976 12.2759 8.72361 12.4998 8.99976 12.4998H11.4998V14.9998C11.4998 15.2759 11.7236 15.4998 11.9998 15.4998C12.2759 15.4998 12.4998 15.2759 12.4998 14.9998V12.4998H14.9998C15.2759 12.4998 15.4998 12.2759 15.4998 11.9998C15.4998 11.7236 15.2759 11.4998 14.9998 11.4998H12.4998V8.99976Z\" fill=\"currentColor\"/>", 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.1818 10.303C20.3884 10.7469 19.4738 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L4.25551 3.55028C4.0461 2.64282 3.23804 2 2.30673 2H1.5C1.22386 2 1 2.22386 1 2.5C1 2.77614 1.22386 3 1.5 3H2.30673C2.77239 3 3.17641 3.32141 3.28112 3.77514L5.65505 14.0621C5.91682 15.1965 6.92689 16 8.09103 16H17.9C19.0693 16 20.0824 15.1895 20.339 14.0488L21.1818 10.303Z\" fill=\"currentColor\"/><path d=\"M9 17C7.89543 17 7 17.8954 7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 17Z\" fill=\"currentColor\"/><path d=\"M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C18.7761 2 19 2.22386 19 2.5V5H21.5C21.7761 5 22 5.22386 22 5.5C22 5.77614 21.7761 6 21.5 6H19V8.5C19 8.77614 18.7761 9 18.5 9C18.2239 9 18 8.77614 18 8.5V6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H18V2.5C18 2.22386 18.2239 2 18.5 2Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.1818 10.303C20.3884 10.7469 19.4738 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H4.59006L4.25551 3.55028C4.0461 2.64282 3.23804 2 2.30673 2H1.5C1.22386 2 1 2.22386 1 2.5C1 2.77614 1.22386 3 1.5 3H2.30673C2.77239 3 3.17641 3.32141 3.28112 3.77514L5.65505 14.0621C5.91682 15.1965 6.92689 16 8.09103 16H17.9C19.0693 16 20.0824 15.1895 20.339 14.0488L21.1818 10.303Z\" fill=\"currentColor\"/><path d=\"M9 17C7.89543 17 7 17.8954 7 19C7 20.1046 7.89543 21 9 21C10.1046 21 11 20.1046 11 19C11 17.8954 10.1046 17 9 17Z\" fill=\"currentColor\"/><path d=\"M17 17C15.8954 17 15 17.8954 15 19C15 20.1046 15.8954 21 17 21C18.1046 21 19 20.1046 19 19C19 17.8954 18.1046 17 17 17Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C18.7761 2 19 2.22386 19 2.5V5H21.5C21.7761 5 22 5.22386 22 5.5C22 5.77614 21.7761 6 21.5 6H19V8.5C19 8.77614 18.7761 9 18.5 9C18.2239 9 18 8.77614 18 8.5V6H15.5C15.2239 6 15 5.77614 15 5.5C15 5.22386 15.2239 5 15.5 5H18V2.5C18 2.22386 18.2239 2 18.5 2Z\" fill=\"currentColor\"/>", 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 8H20.3191C21.246 8 21.9511 8.8323 21.7987 9.7466L21.0412 14.2916C20.0844 13.4856 18.8489 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H6.19385C4.97175 21 3.92878 20.1165 3.72787 18.911L2.20047 9.7466C2.04808 8.8323 2.75315 8 3.68006 8H5.66154L7.53576 3.31444C7.63832 3.05805 7.92931 2.93334 8.1857 3.03589Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 15C17.7761 15 18 15.2239 18 15.5V18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H18V21.5C18 21.7761 17.7761 22 17.5 22C17.2239 22 17 21.7761 17 21.5V19H14.5C14.2239 19 14 18.7761 14 18.5C14 18.2239 14.2239 18 14.5 18H17V15.5C17 15.2239 17.2239 15 17.5 15Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAddToBasket2", props.mode)} />
-);
+export const IconAddToBasket2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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 8H20.3191C21.246 8 21.9511 8.8323 21.7987 9.7466L21.0412 14.2916C20.0844 13.4856 18.8489 13 17.5 13C14.4624 13 12 15.4624 12 18.5C12 19.4002 12.2163 20.2499 12.5997 21H6.19385C4.97175 21 3.92878 20.1165 3.72787 18.911L2.20047 9.7466C2.04808 8.8323 2.75315 8 3.68006 8H5.66154L7.53576 3.31444C7.63832 3.05805 7.92931 2.93334 8.1857 3.03589Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17.5 15C17.7761 15 18 15.2239 18 15.5V18H20.5C20.7761 18 21 18.2239 21 18.5C21 18.7761 20.7761 19 20.5 19H18V21.5C18 21.7761 17.7761 22 17.5 22C17.2239 22 17 21.7761 17 21.5V19H14.5C14.2239 19 14 18.7761 14 18.5C14 18.2239 14.2239 18 14.5 18H17V15.5C17 15.2239 17.2239 15 17.5 15Z\" fill=\"currentColor\"/>", 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-2-stroke-1-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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-2-stroke-1-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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-2-stroke-1-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.5H15.5C16.8807 11.5 18 12.6193 18 14V14.5352C19.6962 14.7778 21 16.2367 21 18C21 19.933 19.433 21.5 17.5 21.5C15.567 21.5 14 19.933 14 18C14 16.2367 15.3038 14.7778 17 14.5352V14C17 13.1716 16.3284 12.5 15.5 12.5H8.5C7.67157 12.5 7 13.1716 7 14V14.5352C8.69617 14.7778 10 16.2367 10 18C10 19.933 8.433 21.5 6.5 21.5C4.567 21.5 3 19.933 3 18C3 16.2367 4.30383 14.7778 6 14.5352V14C6 12.6193 7.11929 11.5 8.5 11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.5H15.5C16.8807 11.5 18 12.6193 18 14V14.5352C19.6962 14.7778 21 16.2367 21 18C21 19.933 19.433 21.5 17.5 21.5C15.567 21.5 14 19.933 14 18C14 16.2367 15.3038 14.7778 17 14.5352V14C17 13.1716 16.3284 12.5 15.5 12.5H8.5C7.67157 12.5 7 13.1716 7 14V14.5352C8.69617 14.7778 10 16.2367 10 18C10 19.933 8.433 21.5 6.5 21.5C4.567 21.5 3 19.933 3 18C3 16.2367 4.30383 14.7778 6 14.5352V14C6 12.6193 7.11929 11.5 8.5 11.5H11.5V9.46387C9.8039 9.22121 8.5 7.7632 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", 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-2-stroke-1-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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-2-stroke-1-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.5H14.8701C14.7757 12.9644 14.5496 13.4074 14.1895 13.7676L13.7676 14.1895C12.7913 15.1656 11.2087 15.1656 10.2324 14.1895L9.81055 13.7676C9.4504 13.4074 9.22427 12.9644 9.12988 12.5H7C5.34315 12.5 4 13.8431 4 15.5C4 17.1569 5.34315 18.5 7 18.5H15.042C15.2801 17.0812 16.5135 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.5135 22 15.2801 20.9188 15.042 19.5H7C4.79086 19.5 3 17.7091 3 15.5C3 13.2909 4.79086 11.5 7 11.5H9.12988C9.22427 11.0356 9.4504 10.5926 9.81055 10.2324L10.2324 9.81055C11.2087 8.83444 12.7913 8.83444 13.7676 9.81055L14.1895 10.2324C14.5496 10.5926 14.7757 11.0356 14.8701 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.5H14.8701C14.7757 12.9644 14.5496 13.4074 14.1895 13.7676L13.7676 14.1895C12.7913 15.1656 11.2087 15.1656 10.2324 14.1895L9.81055 13.7676C9.4504 13.4074 9.22427 12.9644 9.12988 12.5H7C5.34315 12.5 4 13.8431 4 15.5C4 17.1569 5.34315 18.5 7 18.5H15.042C15.2801 17.0812 16.5135 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.5135 22 15.2801 20.9188 15.042 19.5H7C4.79086 19.5 3 17.7091 3 15.5C3 13.2909 4.79086 11.5 7 11.5H9.12988C9.22427 11.0356 9.4504 10.5926 9.81055 10.2324L10.2324 9.81055C11.2087 8.83444 12.7913 8.83444 13.7676 9.81055L14.1895 10.2324C14.5496 10.5926 14.7757 11.0356 14.8701 11.5H17C18.6569 11.5 20 10.1569 20 8.5C20 6.84315 18.6569 5.5 17 5.5H8.95801C8.71993 6.91882 7.48647 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", 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-2-stroke-1-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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-2-stroke-1-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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=\"M13.9385 2C15.0856 2.00001 16.086 2.78065 16.3643 3.89355L16.8906 6H20.5C20.7761 6 21 6.22386 21 6.5C21 6.77614 20.7761 7 20.5 7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L18.1699 19.7363C18.048 21.0193 16.9704 21.9996 15.6816 22H8.32129C7.03123 21.9998 5.95357 21.0178 5.83301 19.7334L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3.5C3.22386 7 3 6.77614 3 6.5C3 6.22386 3.22386 6 3.5 6H7.10938L7.63574 3.89355C7.91397 2.78065 8.91437 2.00001 10.0615 2H13.9385ZM14 13.75C14 14.4404 14.5596 15 15.25 15C15.9404 15 16.5 14.4404 16.5 13.75V11.75C16.5 12.4404 17.0596 13 17.75 13C18.4404 13 19 12.4404 19 11.75V7.5H14V13.75ZM5.5 12.75C5.5 13.4404 6.05964 14 6.75 14C7.44036 14 8 13.4404 8 12.75V7H5.5V12.75ZM10.0615 3C9.37339 3.00001 8.77354 3.46824 8.60645 4.13574L8.14062 6H15.8594L15.3936 4.13574C15.2265 3.46824 14.6266 3.00001 13.9385 3H10.0615Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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=\"M13.9385 2C15.0856 2.00001 16.086 2.78065 16.3643 3.89355L16.8906 6H20.5C20.7761 6 21 6.22386 21 6.5C21 6.77614 20.7761 7 20.5 7H20V11.75C20 12.6386 19.4833 13.4039 18.7354 13.7695L18.1699 19.7363C18.048 21.0193 16.9704 21.9996 15.6816 22H8.32129C7.03123 21.9998 5.95357 21.0178 5.83301 19.7334L5.3418 14.5039C4.82882 14.0915 4.5 13.4594 4.5 12.75V7H3.5C3.22386 7 3 6.77614 3 6.5C3 6.22386 3.22386 6 3.5 6H7.10938L7.63574 3.89355C7.91397 2.78065 8.91437 2.00001 10.0615 2H13.9385ZM14 13.75C14 14.4404 14.5596 15 15.25 15C15.9404 15 16.5 14.4404 16.5 13.75V11.75C16.5 12.4404 17.0596 13 17.75 13C18.4404 13 19 12.4404 19 11.75V7.5H14V13.75ZM5.5 12.75C5.5 13.4404 6.05964 14 6.75 14C7.44036 14 8 13.4404 8 12.75V7H5.5V12.75ZM10.0615 3C9.37339 3.00001 8.77354 3.46824 8.60645 4.13574L8.14062 6H15.8594L15.3936 4.13574C15.2265 3.46824 14.6266 3.00001 13.9385 3H10.0615Z\" fill=\"currentColor\"/>", 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.2275 2.36835C11.7294 2.20529 12.2705 2.20539 12.7724 2.36835C13.0885 2.47105 13.3599 2.65324 13.6386 2.88984C13.9128 3.12264 14.2261 3.43726 14.6162 3.82734L21.5009 10.7111C22.2131 11.4233 22.2052 12.5811 21.4833 13.2834C21.1701 13.588 20.9517 13.8009 20.7978 13.9699C20.6401 14.1431 20.5932 14.2252 20.579 14.2629C20.482 14.5227 20.5551 14.8223 20.832 15.2258C20.9658 15.4208 21.1303 15.614 21.3046 15.8107C21.4703 15.9977 21.6604 16.2034 21.8076 16.3879C22.1682 16.8403 22.4491 17.4365 22.29 18.1057C22.0756 19.006 21.3086 19.4634 20.5458 19.634C19.7802 19.8051 18.8989 19.7252 18.1972 19.4553C17.9774 19.3707 17.7704 19.3413 17.5732 19.3703C16.9661 19.4596 16.542 19.7089 16.0371 20.0061C15.5349 20.3015 14.9542 20.6433 14.1249 20.7473C13.1906 20.8644 12.6444 20.6573 12.1494 20.4416C11.699 20.2453 11.3282 20.0637 10.6249 20.0637C10.0163 20.0638 9.58502 20.4173 9.04779 20.8566C8.80357 21.0564 8.5064 21.2981 8.17572 21.4328C7.80789 21.5826 7.39764 21.6028 6.96381 21.3859C6.56936 21.1886 6.31189 20.9019 6.164 20.5646C6.02295 20.2427 5.99484 19.9036 5.99701 19.6115C5.99912 19.3331 6.03283 19.0165 6.04584 18.8088C6.06119 18.5634 6.0525 18.4257 6.02631 18.3469C5.96074 18.1503 5.88143 18.0382 5.81146 17.9719C5.74318 17.9073 5.65995 17.8639 5.54975 17.8371C5.2993 17.7764 4.97071 17.8113 4.51752 17.8811C4.1122 17.9435 3.58821 18.0382 3.1142 17.9768C2.58764 17.9084 2.09607 17.6473 1.79096 17.0373C1.58957 16.6344 1.60509 16.217 1.71283 15.8527C1.81863 15.4954 2.01859 15.1637 2.22748 14.885C2.56976 14.4282 2.65768 14.1426 2.6601 13.9494C2.66008 13.9356 2.65431 13.8797 2.60932 13.7727C2.56622 13.6702 2.50004 13.5498 2.41596 13.4182C1.88566 12.5879 1.81736 11.3927 2.60443 10.6057L9.38373 3.82734C9.77386 3.43721 10.088 3.12266 10.3622 2.88984C10.6409 2.65334 10.9115 2.47105 11.2275 2.36835ZM11.9999 14.2502C11.5858 14.2502 11.2501 14.5861 11.2499 15.0002C11.2499 15.4144 11.5857 15.7502 11.9999 15.7502C12.4141 15.7502 12.7499 15.4144 12.7499 15.0002C12.7498 14.5861 12.4141 14.2502 11.9999 14.2502ZM11.9999 8.00019C11.5689 8.00029 11.2292 8.36836 11.2636 8.79804L11.5683 12.6018C11.5864 12.8268 11.7742 13.0001 11.9999 13.0002C12.2258 13.0002 12.4135 12.8269 12.4316 12.6018L12.7363 8.79804C12.7706 8.3683 12.4311 8.00019 11.9999 8.00019Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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=\"M11.2275 2.36835C11.7294 2.20529 12.2705 2.20539 12.7724 2.36835C13.0885 2.47105 13.3599 2.65324 13.6386 2.88984C13.9128 3.12264 14.2261 3.43726 14.6162 3.82734L21.5009 10.7111C22.2131 11.4233 22.2052 12.5811 21.4833 13.2834C21.1701 13.588 20.9517 13.8009 20.7978 13.9699C20.6401 14.1431 20.5932 14.2252 20.579 14.2629C20.482 14.5227 20.5551 14.8223 20.832 15.2258C20.9658 15.4208 21.1303 15.614 21.3046 15.8107C21.4703 15.9977 21.6604 16.2034 21.8076 16.3879C22.1682 16.8403 22.4491 17.4365 22.29 18.1057C22.0756 19.006 21.3086 19.4634 20.5458 19.634C19.7802 19.8051 18.8989 19.7252 18.1972 19.4553C17.9774 19.3707 17.7704 19.3413 17.5732 19.3703C16.9661 19.4596 16.542 19.7089 16.0371 20.0061C15.5349 20.3015 14.9542 20.6433 14.1249 20.7473C13.1906 20.8644 12.6444 20.6573 12.1494 20.4416C11.699 20.2453 11.3282 20.0637 10.6249 20.0637C10.0163 20.0638 9.58502 20.4173 9.04779 20.8566C8.80357 21.0564 8.5064 21.2981 8.17572 21.4328C7.80789 21.5826 7.39764 21.6028 6.96381 21.3859C6.56936 21.1886 6.31189 20.9019 6.164 20.5646C6.02295 20.2427 5.99484 19.9036 5.99701 19.6115C5.99912 19.3331 6.03283 19.0165 6.04584 18.8088C6.06119 18.5634 6.0525 18.4257 6.02631 18.3469C5.96074 18.1503 5.88143 18.0382 5.81146 17.9719C5.74318 17.9073 5.65995 17.8639 5.54975 17.8371C5.2993 17.7764 4.97071 17.8113 4.51752 17.8811C4.1122 17.9435 3.58821 18.0382 3.1142 17.9768C2.58764 17.9084 2.09607 17.6473 1.79096 17.0373C1.58957 16.6344 1.60509 16.217 1.71283 15.8527C1.81863 15.4954 2.01859 15.1637 2.22748 14.885C2.56976 14.4282 2.65768 14.1426 2.6601 13.9494C2.66008 13.9356 2.65431 13.8797 2.60932 13.7727C2.56622 13.6702 2.50004 13.5498 2.41596 13.4182C1.88566 12.5879 1.81736 11.3927 2.60443 10.6057L9.38373 3.82734C9.77386 3.43721 10.088 3.12266 10.3622 2.88984C10.6409 2.65334 10.9115 2.47105 11.2275 2.36835ZM11.9999 14.2502C11.5858 14.2502 11.2501 14.5861 11.2499 15.0002C11.2499 15.4144 11.5857 15.7502 11.9999 15.7502C12.4141 15.7502 12.7499 15.4144 12.7499 15.0002C12.7498 14.5861 12.4141 14.2502 11.9999 14.2502ZM11.9999 8.00019C11.5689 8.00029 11.2292 8.36836 11.2636 8.79804L11.5683 12.6018C11.5864 12.8268 11.7742 13.0001 11.9999 13.0002C12.2258 13.0002 12.4135 12.8269 12.4316 12.6018L12.7363 8.79804C12.7706 8.3683 12.4311 8.00019 11.9999 8.00019Z\" 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-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.04444ZM14.6214 11.9477C15.1409 10.7355 16.8593 10.7355 17.3788 11.9477L20.9596 20.303C21.0684 20.5568 20.9508 20.8508 20.697 20.9596C20.4432 21.0683 20.1493 20.9508 20.0405 20.6969L19.3132 19H12.687L11.9597 20.6969C11.8509 20.9508 11.557 21.0683 11.3032 20.9596C11.0493 20.8508 10.9318 20.5568 11.0405 20.303L14.6214 11.9477ZM13.1155 18H18.8846L16.4597 12.3416C16.2865 11.9376 15.7137 11.9376 15.5405 12.3416L13.1155 18Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.04444ZM14.6214 11.9477C15.1409 10.7355 16.8593 10.7355 17.3788 11.9477L20.9596 20.303C21.0684 20.5568 20.9508 20.8508 20.697 20.9596C20.4432 21.0683 20.1493 20.9508 20.0405 20.6969L19.3132 19H12.687L11.9597 20.6969C11.8509 20.9508 11.557 21.0683 11.3032 20.9596C11.0493 20.8508 10.9318 20.5568 11.0405 20.303L14.6214 11.9477ZM13.1155 18H18.8846L16.4597 12.3416C16.2865 11.9376 15.7137 11.9376 15.5405 12.3416L13.1155 18Z\" fill=\"currentColor\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", 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-2-stroke-1-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.64 16.0039C15.9556 16.0765 17 17.1663 17 18.5V19.5C17 20.8807 15.8807 22 14.5 22H9.5C8.11929 22 7 20.8807 7 19.5V18.5C7 17.1663 8.04439 16.0765 9.35995 16.0039L3.69514 11.6463C3.64027 11.6041 3.59657 11.5527 3.56456 11.496L3.5511 11.4974ZM17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537C13.1416 15.8949 13.0986 15.9449 13.0668 16H12.5V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329ZM11.5 10.9725V16H10.9332C10.9014 15.9449 10.8584 15.8949 10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725Z\" fill=\"currentColor\"/>", "round-filled-radius-2-stroke-1-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-2-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.64 16.0039C15.9556 16.0765 17 17.1663 17 18.5V19.5C17 20.8807 15.8807 22 14.5 22H9.5C8.11929 22 7 20.8807 7 19.5V18.5C7 17.1663 8.04439 16.0765 9.35995 16.0039L3.69514 11.6463C3.64027 11.6041 3.59657 11.5527 3.56456 11.496L3.5511 11.4974ZM17.4585 11.2329C18.0436 11.2783 18.5799 11.3238 19.0319 11.3639L13.1951 15.8537C13.1416 15.8949 13.0986 15.9449 13.0668 16H12.5V10.9725C14.0557 10.9948 15.9204 11.1134 17.4585 11.2329ZM11.5 10.9725V16H10.9332C10.9014 15.9449 10.8584 15.8949 10.8049 15.8537L4.96815 11.3639C5.42007 11.3238 5.95637 11.2783 6.54151 11.2329C8.07964 11.1134 9.94432 10.9948 11.5 10.9725Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirdrop2;