@central-icons-solid/round-filled-radius-3-stroke-2 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-3-stroke-2-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M10.5 11.711C10.8094 11.5324 11 11.2023 11 10.845V3.15524C11 2.38548 10.1667 1.90434 9.50007 2.28917L4.34012 5.26772C3.10236 5.98221 2.33984 7.30281 2.33984 8.73198V14.6903C2.33984 15.4601 3.17318 15.9412 3.83985 15.5563L10.5 11.711Z\" fill=\"currentColor\"/><path d=\"M21.6602 8.73198C21.6602 7.30281 20.8976 5.98221 19.6599 5.26772L14.4999 2.28917C13.8333 1.90434 13 2.38547 13 3.15524V10.845C13 11.2023 13.1906 11.5324 13.5 11.711L20.1602 15.5563C20.8268 15.9412 21.6602 15.4601 21.6602 14.6903V8.73198Z\" fill=\"currentColor\"/><path d=\"M19.1592 19.0207C19.8259 18.6359 19.8259 17.6736 19.1593 17.2887L12.5 13.4435C12.1906 13.2649 11.8094 13.2648 11.5 13.4435L4.83997 17.2887C4.17328 17.6736 4.17332 18.6359 4.84004 19.0208L10.0002 21.9994C11.2377 22.7138 12.7623 22.7137 13.9998 21.9993L19.1592 19.0207Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M10.5 11.711C10.8094 11.5324 11 11.2023 11 10.845V3.15524C11 2.38548 10.1667 1.90434 9.50007 2.28917L4.34012 5.26772C3.10236 5.98221 2.33984 7.30281 2.33984 8.73198V14.6903C2.33984 15.4601 3.17318 15.9412 3.83985 15.5563L10.5 11.711Z\" fill=\"currentColor\"/><path d=\"M21.6602 8.73198C21.6602 7.30281 20.8976 5.98221 19.6599 5.26772L14.4999 2.28917C13.8333 1.90434 13 2.38547 13 3.15524V10.845C13 11.2023 13.1906 11.5324 13.5 11.711L20.1602 15.5563C20.8268 15.9412 21.6602 15.4601 21.6602 14.6903V8.73198Z\" fill=\"currentColor\"/><path d=\"M19.1592 19.0207C19.8259 18.6359 19.8259 17.6736 19.1593 17.2887L12.5 13.4435C12.1906 13.2649 11.8094 13.2648 11.5 13.4435L4.83997 17.2887C4.17328 17.6736 4.17332 18.6359 4.84004 19.0208L10.0002 21.9994C11.2377 22.7138 12.7623 22.7137 13.9998 21.9993L19.1592 19.0207Z\" 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=\"M10.5 12.2885C10.8094 12.4671 11 12.7972 11 13.1545V20.8443C11 21.614 10.1667 22.0952 9.50007 21.7103L4.34012 18.7318C3.10236 18.0173 2.33984 16.6967 2.33984 15.2675V9.30921C2.33984 8.5394 3.17318 8.05828 3.83985 8.44318L10.5 12.2885Z\" fill=\"currentColor\"/><path d=\"M21.6602 15.2675C21.6602 16.6967 20.8976 18.0173 19.6599 18.7318L14.4999 21.7103C13.8333 22.0952 13 21.614 13 20.8443V13.1545C13 12.7972 13.1906 12.4671 13.5 12.2885L20.1602 8.44318C20.8268 8.05828 21.6602 8.5394 21.6602 9.30921V15.2675Z\" fill=\"currentColor\"/><path d=\"M19.1592 4.97877C19.8259 5.36364 19.8259 6.32588 19.1593 6.71081L12.5 10.556C12.1906 10.7347 11.8094 10.7347 11.5 10.556L4.83997 6.71083C4.17328 6.32591 4.17332 5.36361 4.84004 4.97874L10.0002 2.00009C11.2377 1.28574 12.7623 1.28578 13.9998 2.00019L19.1592 4.97877Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M10.5 12.2885C10.8094 12.4671 11 12.7972 11 13.1545V20.8443C11 21.614 10.1667 22.0952 9.50007 21.7103L4.34012 18.7318C3.10236 18.0173 2.33984 16.6967 2.33984 15.2675V9.30921C2.33984 8.5394 3.17318 8.05828 3.83985 8.44318L10.5 12.2885Z\" fill=\"currentColor\"/><path d=\"M21.6602 15.2675C21.6602 16.6967 20.8976 18.0173 19.6599 18.7318L14.4999 21.7103C13.8333 22.0952 13 21.614 13 20.8443V13.1545C13 12.7972 13.1906 12.4671 13.5 12.2885L20.1602 8.44318C20.8268 8.05828 21.6602 8.5394 21.6602 9.30921V15.2675Z\" fill=\"currentColor\"/><path d=\"M19.1592 4.97877C19.8259 5.36364 19.8259 6.32588 19.1593 6.71081L12.5 10.556C12.1906 10.7347 11.8094 10.7347 11.5 10.556L4.83997 6.71083C4.17328 6.32591 4.17332 5.36361 4.84004 4.97874L10.0002 2.00009C11.2377 1.28574 12.7623 1.28578 13.9998 2.00019L19.1592 4.97877Z\" 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.33984 9.30874C2.34004 8.53917 3.17329 8.05788 3.83984 8.44253L10.5 12.2882C10.8094 12.4669 11 12.7972 11 13.1544V20.8439C11 21.6137 10.1667 22.0949 9.5 21.7101L4.33984 18.7316C3.10232 18.0171 2.33998 16.6967 2.33984 15.2677V9.30874Z\" fill=\"currentColor\"/><path d=\"M20.1602 8.44253C20.8267 8.05788 21.66 8.53917 21.6602 9.30874V15.2677C21.66 16.6967 20.8977 18.0171 19.6602 18.7316L14.5 21.7101C13.8333 22.0949 13 21.6137 13 20.8439V13.1544C13 12.7972 13.1906 12.4669 13.5 12.2882L20.1602 8.44253Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.92104L12.5 10.5558C12.1906 10.7345 11.8094 10.7344 11.5 10.5558L4.83984 6.71108C4.17322 6.3262 4.17332 5.3636 4.83984 4.97866L6.66895 3.92202L15.3301 8.92104Z\" fill=\"currentColor\"/><path d=\"M10 2.00014C11.2375 1.28579 12.7625 1.28573 14 2.00014L19.1592 4.97866C19.8258 5.36354 19.8258 6.32616 19.1592 6.71108L17.3291 7.76675L8.66992 2.76674L10 2.00014Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-Icon3dPackage", props.mode)} />
-);
+export const Icon3dPackage = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.33984 9.30874C2.34004 8.53917 3.17329 8.05788 3.83984 8.44253L10.5 12.2882C10.8094 12.4669 11 12.7972 11 13.1544V20.8439C11 21.6137 10.1667 22.0949 9.5 21.7101L4.33984 18.7316C3.10232 18.0171 2.33998 16.6967 2.33984 15.2677V9.30874Z\" fill=\"currentColor\"/><path d=\"M20.1602 8.44253C20.8267 8.05788 21.66 8.53917 21.6602 9.30874V15.2677C21.66 16.6967 20.8977 18.0171 19.6602 18.7316L14.5 21.7101C13.8333 22.0949 13 21.6137 13 20.8439V13.1544C13 12.7972 13.1906 12.4669 13.5 12.2882L20.1602 8.44253Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.92104L12.5 10.5558C12.1906 10.7345 11.8094 10.7344 11.5 10.5558L4.83984 6.71108C4.17322 6.3262 4.17332 5.3636 4.83984 4.97866L6.66895 3.92202L15.3301 8.92104Z\" fill=\"currentColor\"/><path d=\"M10 2.00014C11.2375 1.28579 12.7625 1.28573 14 2.00014L19.1592 4.97866C19.8258 5.36354 19.8258 6.32616 19.1592 6.71108L17.3291 7.76675L8.66992 2.76674L10 2.00014Z\" 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.33984 9.30874C2.34004 8.53917 3.17329 8.05788 3.83984 8.44253L10.5 12.2882C10.8094 12.4669 11 12.7972 11 13.1544V20.8439C11 21.6136 10.1666 22.0949 9.5 21.7101L4.33984 18.7316C3.10233 18.0171 2.34 16.6966 2.33984 15.2677V9.30874Z\" fill=\"currentColor\"/><path d=\"M20.1602 8.44253C20.8267 8.05788 21.66 8.53917 21.6602 9.30874V15.2677C21.66 16.6966 20.8977 18.0171 19.6602 18.7316L14.5 21.7101C13.8334 22.0949 13 21.6136 13 20.8439V13.1544C13 12.7972 13.1906 12.4669 13.5 12.2882L16.3301 10.6535V14.7882C16.3301 15.1732 16.7468 15.4134 17.0801 15.2208L17.8301 14.7882C18.1394 14.6096 18.3301 14.2792 18.3301 13.922V9.49917L20.1602 8.44253Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.92104L12.5 10.5558C12.1906 10.7344 11.8094 10.7344 11.5 10.5558L4.83984 6.71108C4.17322 6.3262 4.17334 5.36361 4.83984 4.97866L6.66895 3.92202L15.3301 8.92104Z\" fill=\"currentColor\"/><path d=\"M10 2.00014C11.2375 1.28579 12.7625 1.28573 14 2.00014L19.1592 4.97866C19.8258 5.36355 19.8258 6.32616 19.1592 6.71108L17.3291 7.76675L8.66992 2.76674L10 2.00014Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.33984 9.30874C2.34004 8.53917 3.17329 8.05788 3.83984 8.44253L10.5 12.2882C10.8094 12.4669 11 12.7972 11 13.1544V20.8439C11 21.6136 10.1666 22.0949 9.5 21.7101L4.33984 18.7316C3.10233 18.0171 2.34 16.6966 2.33984 15.2677V9.30874Z\" fill=\"currentColor\"/><path d=\"M20.1602 8.44253C20.8267 8.05788 21.66 8.53917 21.6602 9.30874V15.2677C21.66 16.6966 20.8977 18.0171 19.6602 18.7316L14.5 21.7101C13.8334 22.0949 13 21.6136 13 20.8439V13.1544C13 12.7972 13.1906 12.4669 13.5 12.2882L16.3301 10.6535V14.7882C16.3301 15.1732 16.7468 15.4134 17.0801 15.2208L17.8301 14.7882C18.1394 14.6096 18.3301 14.2792 18.3301 13.922V9.49917L20.1602 8.44253Z\" fill=\"currentColor\"/><path d=\"M15.3301 8.92104L12.5 10.5558C12.1906 10.7344 11.8094 10.7344 11.5 10.5558L4.83984 6.71108C4.17322 6.3262 4.17334 5.36361 4.83984 4.97866L6.66895 3.92202L15.3301 8.92104Z\" fill=\"currentColor\"/><path d=\"M10 2.00014C11.2375 1.28579 12.7625 1.28573 14 2.00014L19.1592 4.97866C19.8258 5.36355 19.8258 6.32616 19.1592 6.71108L17.3291 7.76675L8.66992 2.76674L10 2.00014Z\" 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.99995 12C9.99995 9.02506 10.3299 6.36771 10.8434 4.48495C11.1021 3.53641 11.3923 2.84109 11.6726 2.40636C11.8732 2.09533 11.9998 2.01683 12.0326 2.00006C17.5295 2.01761 21.9823 6.47041 21.9999 11.9674C21.9831 12.0001 21.9046 12.1268 21.5936 12.3273C21.1589 12.6076 20.4635 12.8979 19.515 13.1566C17.6323 13.67 14.9749 14 11.9999 14C11.3316 14 10.6793 13.9834 10.0482 13.9517C10.0166 13.3206 9.99995 12.6683 9.99995 12Z\" fill=\"currentColor\"/><path d=\"M8.03867 13.7939C6.68364 13.6467 5.47677 13.4271 4.48489 13.1566C3.53635 12.8979 2.84103 12.6076 2.40629 12.3273C2.09527 12.1268 2.01677 12.0001 2 11.9674C2.0148 7.33262 5.18262 3.44015 9.47087 2.32258C9.26073 2.81339 9.07563 3.36556 8.91386 3.95872C8.34156 6.05718 7.99995 8.89983 7.99995 12C7.99995 12.6091 8.01314 13.2083 8.03867 13.7939Z\" fill=\"currentColor\"/><path d=\"M8.18077 15.8192C8.33654 17.4082 8.58775 18.8456 8.91386 20.0413C9.07563 20.6345 9.26073 21.1866 9.47087 21.6774C5.98036 20.7678 3.23219 18.0196 2.32252 14.5291C2.81333 14.7392 3.3655 14.9243 3.95866 15.0861C5.1544 15.4122 6.59179 15.6634 8.18077 15.8192Z\" fill=\"currentColor\"/><path d=\"M12.0326 22C16.6673 21.9852 20.5598 18.8173 21.6774 14.5291C21.1866 14.7392 20.6344 14.9243 20.0412 15.0861C17.9428 15.6584 15.1001 16 11.9999 16C11.3908 16 10.7916 15.9868 10.2061 15.9613C10.3533 17.3163 10.5729 18.5232 10.8434 19.5151C11.1021 20.4636 11.3923 21.1589 11.6726 21.5937C11.8732 21.9047 11.9998 21.9832 12.0326 22Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.99995 12C9.99995 9.02506 10.3299 6.36771 10.8434 4.48495C11.1021 3.53641 11.3923 2.84109 11.6726 2.40636C11.8732 2.09533 11.9998 2.01683 12.0326 2.00006C17.5295 2.01761 21.9823 6.47041 21.9999 11.9674C21.9831 12.0001 21.9046 12.1268 21.5936 12.3273C21.1589 12.6076 20.4635 12.8979 19.515 13.1566C17.6323 13.67 14.9749 14 11.9999 14C11.3316 14 10.6793 13.9834 10.0482 13.9517C10.0166 13.3206 9.99995 12.6683 9.99995 12Z\" fill=\"currentColor\"/><path d=\"M8.03867 13.7939C6.68364 13.6467 5.47677 13.4271 4.48489 13.1566C3.53635 12.8979 2.84103 12.6076 2.40629 12.3273C2.09527 12.1268 2.01677 12.0001 2 11.9674C2.0148 7.33262 5.18262 3.44015 9.47087 2.32258C9.26073 2.81339 9.07563 3.36556 8.91386 3.95872C8.34156 6.05718 7.99995 8.89983 7.99995 12C7.99995 12.6091 8.01314 13.2083 8.03867 13.7939Z\" fill=\"currentColor\"/><path d=\"M8.18077 15.8192C8.33654 17.4082 8.58775 18.8456 8.91386 20.0413C9.07563 20.6345 9.26073 21.1866 9.47087 21.6774C5.98036 20.7678 3.23219 18.0196 2.32252 14.5291C2.81333 14.7392 3.3655 14.9243 3.95866 15.0861C5.1544 15.4122 6.59179 15.6634 8.18077 15.8192Z\" fill=\"currentColor\"/><path d=\"M12.0326 22C16.6673 21.9852 20.5598 18.8173 21.6774 14.5291C21.1866 14.7392 20.6344 14.9243 20.0412 15.0861C17.9428 15.6584 15.1001 16 11.9999 16C11.3908 16 10.7916 15.9868 10.2061 15.9613C10.3533 17.3163 10.5729 18.5232 10.8434 19.5151C11.1021 20.4636 11.3923 21.1589 11.6726 21.5937C11.8732 21.9047 11.9998 21.9832 12.0326 22Z\" 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=\"M8.86523 9.83594V12.8779H7.03418V12.8193C7.60547 11.6914 8.11816 10.8711 8.82617 9.83594H8.86523Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8ZM8.80664 14.6406C8.80664 15.3047 9.2168 15.6221 9.7832 15.6221C10.3447 15.6221 10.7598 15.3047 10.7598 14.6406V14.3818H10.916C11.458 14.3818 11.7217 14.0498 11.7217 13.5908C11.7217 13.1318 11.4629 12.7949 10.9209 12.7949H10.7598V9.76758C10.7598 8.90332 10.0762 8.33203 9.0459 8.33203C8.24023 8.33203 7.76172 8.64941 7.17578 9.57227C6.63379 10.4219 6.19922 11.1396 5.74023 11.9648C5.4668 12.4531 5.33984 12.8486 5.33984 13.2246C5.33984 13.9082 5.85742 14.3818 6.60449 14.3818H8.80664V14.6406ZM12.4102 14.5381C12.4102 15.2314 12.7861 15.6221 13.4453 15.6221C14.1045 15.6221 14.4805 15.2314 14.4805 14.5381V13.6543L15.0957 13.0195L16.6777 15.0264C17.0146 15.4561 17.3174 15.6221 17.7617 15.6221C18.3281 15.6221 18.7578 15.1875 18.7578 14.6211C18.7578 14.3281 18.6064 14.0156 18.25 13.5762L16.7266 11.6914L18.1816 10.1387C18.4746 9.82617 18.582 9.60156 18.582 9.28906C18.582 8.75684 18.1426 8.33203 17.6006 8.33203C17.249 8.33203 16.9805 8.46875 16.6826 8.80078L14.5195 11.2471H14.4805V9.41602C14.4805 8.72266 14.1045 8.33203 13.4453 8.33203C12.7861 8.33203 12.4102 8.72266 12.4102 9.41602V14.5381Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M8.86523 9.83594V12.8779H7.03418V12.8193C7.60547 11.6914 8.11816 10.8711 8.82617 9.83594H8.86523Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 8C2 5.79086 3.79086 4 6 4H18C20.2091 4 22 5.79086 22 8V16C22 18.2091 20.2091 20 18 20H6C3.79086 20 2 18.2091 2 16V8ZM8.80664 14.6406C8.80664 15.3047 9.2168 15.6221 9.7832 15.6221C10.3447 15.6221 10.7598 15.3047 10.7598 14.6406V14.3818H10.916C11.458 14.3818 11.7217 14.0498 11.7217 13.5908C11.7217 13.1318 11.4629 12.7949 10.9209 12.7949H10.7598V9.76758C10.7598 8.90332 10.0762 8.33203 9.0459 8.33203C8.24023 8.33203 7.76172 8.64941 7.17578 9.57227C6.63379 10.4219 6.19922 11.1396 5.74023 11.9648C5.4668 12.4531 5.33984 12.8486 5.33984 13.2246C5.33984 13.9082 5.85742 14.3818 6.60449 14.3818H8.80664V14.6406ZM12.4102 14.5381C12.4102 15.2314 12.7861 15.6221 13.4453 15.6221C14.1045 15.6221 14.4805 15.2314 14.4805 14.5381V13.6543L15.0957 13.0195L16.6777 15.0264C17.0146 15.4561 17.3174 15.6221 17.7617 15.6221C18.3281 15.6221 18.7578 15.1875 18.7578 14.6211C18.7578 14.3281 18.6064 14.0156 18.25 13.5762L16.7266 11.6914L18.1816 10.1387C18.4746 9.82617 18.582 9.60156 18.582 9.28906C18.582 8.75684 18.1426 8.33203 17.6006 8.33203C17.249 8.33203 16.9805 8.46875 16.6826 8.80078L14.5195 11.2471H14.4805V9.41602C14.4805 8.72266 14.1045 8.33203 13.4453 8.33203C12.7861 8.33203 12.4102 8.72266 12.4102 9.41602V14.5381Z\" 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 14C18.5523 14 19 14.4477 19 15V17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H19V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V19H15C14.4477 19 14 18.5523 14 18C14 17.4477 14.4477 17 15 17H17V15C17 14.4477 17.4477 14 18 14Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 3C19.2091 3 21 4.79086 21 7V12.498C20.2304 12.1771 19.3859 12 18.5 12C15.6596 12 13.2458 13.8223 12.3613 16.3613L10.1211 14.1211C8.94958 12.9498 7.05042 12.9498 5.87891 14.1211L5 15V17C5 18.1046 5.89543 19 7 19H12.0215C12.0751 19.704 12.239 20.3765 12.499 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H17ZM15 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-3-stroke-2-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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 14C18.5523 14 19 14.4477 19 15V17H21C21.5523 17 22 17.4477 22 18C22 18.5523 21.5523 19 21 19H19V21C19 21.5523 18.5523 22 18 22C17.4477 22 17 21.5523 17 21V19H15C14.4477 19 14 18.5523 14 18C14 17.4477 14.4477 17 15 17H17V15C17 14.4477 17.4477 14 18 14Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M17 3C19.2091 3 21 4.79086 21 7V12.498C20.2304 12.1771 19.3859 12 18.5 12C15.6596 12 13.2458 13.8223 12.3613 16.3613L10.1211 14.1211C8.94958 12.9498 7.05042 12.9498 5.87891 14.1211L5 15V17C5 18.1046 5.89543 19 7 19H12.0215C12.0751 19.704 12.239 20.3765 12.499 21H7C4.79086 21 3 19.2091 3 17V7C3 4.79086 4.79086 3 7 3H17ZM15 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=\"M9.17113 3.16424C10.7332 1.60215 13.2659 1.60215 14.828 3.16424L20.8353 9.17158C22.3974 10.7337 22.3974 13.2663 20.8353 14.8284L14.828 20.8358C13.2659 22.3979 10.7332 22.3979 9.17111 20.8358L3.16375 14.8284C1.60166 13.2663 1.60167 10.7337 3.16377 9.17158L9.17113 3.16424ZM12.9995 9C12.9995 8.44771 12.5518 8 11.9995 8C11.4472 8 10.9995 8.44771 10.9995 9V11H8.99951C8.44723 11 7.99951 11.4477 7.99951 12C7.99951 12.5523 8.44723 13 8.99951 13H10.9995V15C10.9995 15.5523 11.4472 16 11.9995 16C12.5518 16 12.9995 15.5523 12.9995 15V13H14.9995C15.5518 13 15.9995 12.5523 15.9995 12C15.9995 11.4477 15.5518 11 14.9995 11H12.9995V9Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M9.17113 3.16424C10.7332 1.60215 13.2659 1.60215 14.828 3.16424L20.8353 9.17158C22.3974 10.7337 22.3974 13.2663 20.8353 14.8284L14.828 20.8358C13.2659 22.3979 10.7332 22.3979 9.17111 20.8358L3.16375 14.8284C1.60166 13.2663 1.60167 10.7337 3.16377 9.17158L9.17113 3.16424ZM12.9995 9C12.9995 8.44771 12.5518 8 11.9995 8C11.4472 8 10.9995 8.44771 10.9995 9V11H8.99951C8.44723 11 7.99951 11.4477 7.99951 12C7.99951 12.5523 8.44723 13 8.99951 13H10.9995V15C10.9995 15.5523 11.4472 16 11.9995 16C12.5518 16 12.9995 15.5523 12.9995 15V13H14.9995C15.5518 13 15.9995 12.5523 15.9995 12C15.9995 11.4477 15.5518 11 14.9995 11H12.9995V9Z\" 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.4651 10.1331C20.6095 10.6818 19.5919 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H5.34713L5.19529 4.089C4.99438 2.88353 3.95141 2 2.72931 2H2C1.44772 2 1 2.44772 1 3C1 3.55228 1.44772 4 2 4H2.72931C2.97373 4 3.18232 4.17671 3.22251 4.4178L4.59581 12.6576C4.91726 14.5863 6.58602 16 8.54138 16H17.0271C18.9419 16 20.5881 14.643 20.9536 12.7635L21.4651 10.1331Z\" 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=\"M15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C19.0523 2 19.5 2.44772 19.5 3V4.5H21C21.5523 4.5 22 4.94772 22 5.5C22 6.05228 21.5523 6.5 21 6.5H19.5V8C19.5 8.55228 19.0523 9 18.5 9C17.9477 9 17.5 8.55228 17.5 8V6.5H16C15.4477 6.5 15 6.05228 15 5.5C15 4.94772 15.4477 4.5 16 4.5H17.5V3C17.5 2.44772 17.9477 2 18.5 2Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.4651 10.1331C20.6095 10.6818 19.5919 11 18.5 11C15.4624 11 13 8.53757 13 5.5C13 5.33146 13.0076 5.16468 13.0224 5H5.34713L5.19529 4.089C4.99438 2.88353 3.95141 2 2.72931 2H2C1.44772 2 1 2.44772 1 3C1 3.55228 1.44772 4 2 4H2.72931C2.97373 4 3.18232 4.17671 3.22251 4.4178L4.59581 12.6576C4.91726 14.5863 6.58602 16 8.54138 16H17.0271C18.9419 16 20.5881 14.643 20.9536 12.7635L21.4651 10.1331Z\" 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=\"M15 19C15 17.8954 15.8954 17 17 17C18.1046 17 19 17.8954 19 19C19 20.1046 18.1046 21 17 21C15.8954 21 15 20.1046 15 19Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M18.5 2C19.0523 2 19.5 2.44772 19.5 3V4.5H21C21.5523 4.5 22 4.94772 22 5.5C22 6.05228 21.5523 6.5 21 6.5H19.5V8C19.5 8.55228 19.0523 9 18.5 9C17.9477 9 17.5 8.55228 17.5 8V6.5H16C15.4477 6.5 15 6.05228 15 5.5C15 4.94772 15.4477 4.5 16 4.5H17.5V3C17.5 2.44772 17.9477 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.86944 3.07179C9.38222 3.2769 9.63164 3.85887 9.42652 4.37166L7.97519 8H16.0209L14.5696 4.37166C14.3645 3.85887 14.6139 3.2769 15.1267 3.07179C15.6394 2.86668 16.2214 3.11609 16.4265 3.62888L18.175 8H19.7995L19.8326 8.00027H19.998C20.16 8.00027 20.3129 8.03874 20.4482 8.10705C21.3532 8.41656 21.9496 9.35458 21.7672 10.3578L21.163 13.681C20.0839 12.6402 18.6157 12 16.998 12C13.6843 12 10.998 14.6863 10.998 18C10.998 19.0929 11.2902 20.1175 11.8007 21H7.5014C5.56826 21 3.91174 19.6175 3.56593 17.7155L2.22815 10.3578C2.0456 9.35374 2.64316 8.41497 3.54949 8.10627C3.6844 8.03845 3.83676 8.00027 3.99805 8.00027H4.16275L4.19589 8H5.82112L7.56957 3.62888C7.77468 3.11609 8.35665 2.86668 8.86944 3.07179Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.998 14C17.5503 14 17.998 14.4477 17.998 15V17H19.998C20.5503 17 20.998 17.4477 20.998 18C20.998 18.5523 20.5503 19 19.998 19H17.998V21C17.998 21.5523 17.5503 22 16.998 22C16.4458 22 15.998 21.5523 15.998 21V19H13.998C13.4458 19 12.998 18.5523 12.998 18C12.998 17.4477 13.4458 17 13.998 17H15.998V15C15.998 14.4477 16.4458 14 16.998 14Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAddToBasket2", props.mode)} />
-);
+export const IconAddToBasket2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.86944 3.07179C9.38222 3.2769 9.63164 3.85887 9.42652 4.37166L7.97519 8H16.0209L14.5696 4.37166C14.3645 3.85887 14.6139 3.2769 15.1267 3.07179C15.6394 2.86668 16.2214 3.11609 16.4265 3.62888L18.175 8H19.7995L19.8326 8.00027H19.998C20.16 8.00027 20.3129 8.03874 20.4482 8.10705C21.3532 8.41656 21.9496 9.35458 21.7672 10.3578L21.163 13.681C20.0839 12.6402 18.6157 12 16.998 12C13.6843 12 10.998 14.6863 10.998 18C10.998 19.0929 11.2902 20.1175 11.8007 21H7.5014C5.56826 21 3.91174 19.6175 3.56593 17.7155L2.22815 10.3578C2.0456 9.35374 2.64316 8.41497 3.54949 8.10627C3.6844 8.03845 3.83676 8.00027 3.99805 8.00027H4.16275L4.19589 8H5.82112L7.56957 3.62888C7.77468 3.11609 8.35665 2.86668 8.86944 3.07179Z\" fill=\"currentColor\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M16.998 14C17.5503 14 17.998 14.4477 17.998 15V17H19.998C20.5503 17 20.998 17.4477 20.998 18C20.998 18.5523 20.5503 19 19.998 19H17.998V21C17.998 21.5523 17.5503 22 16.998 22C16.4458 22 15.998 21.5523 15.998 21V19H13.998C13.4458 19 12.998 18.5523 12.998 18C12.998 17.4477 13.4458 17 13.998 17H15.998V15C15.998 14.4477 16.4458 14 16.998 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_32835)\"><path d=\"M11.9999 2.2C12.6074 2.2 13.0999 1.70751 13.0999 1.1C13.0999 0.492487 12.6074 0 11.9999 0C11.3924 0 10.8999 0.492487 10.8999 1.1C10.8999 1.70751 11.3924 2.2 11.9999 2.2Z\" 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=\"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=\"M20.4853 18.9297C20.0558 18.5002 19.3593 18.5002 18.9297 18.9297C18.5001 19.3593 18.5001 20.0558 18.9297 20.4854C19.3593 20.9149 20.0558 20.9149 20.4853 20.4854C20.9149 20.0558 20.9149 19.3593 20.4853 18.9297Z\" fill=\"currentColor\"/><path d=\"M18.9297 3.5148C18.5002 3.94438 18.5002 4.64086 18.9297 5.07044C19.3593 5.50001 20.0558 5.50001 20.4854 5.07044C20.9149 4.64086 20.9149 3.94438 20.4854 3.5148C20.0558 3.08522 19.3593 3.08522 18.9297 3.5148Z\" 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=\"M12 4C7.58172 4 4 7.58172 4 12C4 13.8534 4.63025 15.5596 5.68813 16.9159C5.7192 16.8728 5.75412 16.8317 5.79289 16.7929L11.2929 11.2929C11.6834 10.9024 12.3166 10.9024 12.7071 11.2929C13.0976 11.6834 13.0976 12.3166 12.7071 12.7071L7.20711 18.2071C7.16834 18.2459 7.12717 18.2808 7.08409 18.3119C8.44044 19.3697 10.1466 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_11449_32835\"><rect width=\"24\" height=\"24\" fill=\"white\"/></clipPath></defs>", "round-filled-radius-3-stroke-2-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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_32835)\"><path d=\"M11.9999 2.2C12.6074 2.2 13.0999 1.70751 13.0999 1.1C13.0999 0.492487 12.6074 0 11.9999 0C11.3924 0 10.8999 0.492487 10.8999 1.1C10.8999 1.70751 11.3924 2.2 11.9999 2.2Z\" 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=\"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=\"M20.4853 18.9297C20.0558 18.5002 19.3593 18.5002 18.9297 18.9297C18.5001 19.3593 18.5001 20.0558 18.9297 20.4854C19.3593 20.9149 20.0558 20.9149 20.4853 20.4854C20.9149 20.0558 20.9149 19.3593 20.4853 18.9297Z\" fill=\"currentColor\"/><path d=\"M18.9297 3.5148C18.5002 3.94438 18.5002 4.64086 18.9297 5.07044C19.3593 5.50001 20.0558 5.50001 20.4854 5.07044C20.9149 4.64086 20.9149 3.94438 20.4854 3.5148C20.0558 3.08522 19.3593 3.08522 18.9297 3.5148Z\" 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=\"M12 4C7.58172 4 4 7.58172 4 12C4 13.8534 4.63025 15.5596 5.68813 16.9159C5.7192 16.8728 5.75412 16.8317 5.79289 16.7929L11.2929 11.2929C11.6834 10.9024 12.3166 10.9024 12.7071 11.2929C13.0976 11.6834 13.0976 12.3166 12.7071 12.7071L7.20711 18.2071C7.16834 18.2459 7.12717 18.2808 7.08409 18.3119C8.44044 19.3697 10.1466 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" fill=\"currentColor\"/></g><defs><clipPath id=\"clip0_11449_32835\"><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-3-stroke-2-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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-3-stroke-2-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.58536 14.4455 8.92311 13 9.35352V11H15C17.088 11 18.8006 12.5999 18.9824 14.6406C20.4371 15.0653 21.5 16.4082 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.4263 15.5386 15.0947 16.9678 14.6543C16.8038 13.7147 15.9865 13 15 13H9C8.01341 13 7.19511 13.7146 7.03125 14.6543C8.46093 15.0945 9.5 16.4259 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.4085 3.56241 15.0656 5.0166 14.6406C5.19834 12.5999 6.91201 11 9 11H11V9.35352C9.55447 8.92311 8.5 7.58536 8.5 6C8.5 4.067 10.067 2.5 12 2.5Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.58536 14.4455 8.92311 13 9.35352V11H15C17.088 11 18.8006 12.5999 18.9824 14.6406C20.4371 15.0653 21.5 16.4082 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.4263 15.5386 15.0947 16.9678 14.6543C16.8038 13.7147 15.9865 13 15 13H9C8.01341 13 7.19511 13.7146 7.03125 14.6543C8.46093 15.0945 9.5 16.4259 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.4085 3.56241 15.0656 5.0166 14.6406C5.19834 12.5999 6.91201 11 9 11H11V9.35352C9.55447 8.92311 8.5 7.58536 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 2C10.7961 2 12.6887 3.71982 12.9639 5.94141L15.2607 6.17188C15.7838 4.89747 17.0371 4 18.5 4C20.433 4 22 5.567 22 7.5C22 9.433 20.433 11 18.5 11L18.4941 10.999L17.7178 13.585C19.0802 14.3584 20 15.8213 20 17.5C20 19.9853 17.9853 22 15.5 22C13.2039 22 11.3103 20.2802 11.0352 18.0586L8.7373 17.8291C8.21386 19.1027 6.9623 20 5.5 20C3.567 20 2 18.433 2 16.5C2 14.567 3.567 13 5.5 13H5.50488L6.28125 10.4141C4.91941 9.64042 4 8.17818 4 6.5C4 4.01472 6.01472 2 8.5 2ZM10.0117 10.7383C9.53911 10.9069 9.03051 11 8.5 11C8.39823 11 8.29735 10.9949 8.19727 10.9883L7.42188 13.5752C8.19661 14.0853 8.75594 14.8945 8.93652 15.8389L11.2334 16.0684C11.4543 15.4097 11.823 14.819 12.3008 14.3359L10.0117 10.7383ZM12.7656 7.93164C12.5447 8.59022 12.1759 9.18011 11.6982 9.66309L13.9873 13.2607C14.4601 13.092 14.9693 13 15.5 13C15.6014 13 15.702 13.0041 15.8018 13.0107L16.5781 10.4248C15.8036 9.91487 15.2443 9.10602 15.0635 8.16211L12.7656 7.93164Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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 2C10.7961 2 12.6887 3.71982 12.9639 5.94141L15.2607 6.17188C15.7838 4.89747 17.0371 4 18.5 4C20.433 4 22 5.567 22 7.5C22 9.433 20.433 11 18.5 11L18.4941 10.999L17.7178 13.585C19.0802 14.3584 20 15.8213 20 17.5C20 19.9853 17.9853 22 15.5 22C13.2039 22 11.3103 20.2802 11.0352 18.0586L8.7373 17.8291C8.21386 19.1027 6.9623 20 5.5 20C3.567 20 2 18.433 2 16.5C2 14.567 3.567 13 5.5 13H5.50488L6.28125 10.4141C4.91941 9.64042 4 8.17818 4 6.5C4 4.01472 6.01472 2 8.5 2ZM10.0117 10.7383C9.53911 10.9069 9.03051 11 8.5 11C8.39823 11 8.29735 10.9949 8.19727 10.9883L7.42188 13.5752C8.19661 14.0853 8.75594 14.8945 8.93652 15.8389L11.2334 16.0684C11.4543 15.4097 11.823 14.819 12.3008 14.3359L10.0117 10.7383ZM12.7656 7.93164C12.5447 8.59022 12.1759 9.18011 11.6982 9.66309L13.9873 13.2607C14.4601 13.092 14.9693 13 15.5 13C15.6014 13 15.702 13.0041 15.8018 13.0107L16.5781 10.4248C15.8036 9.91487 15.2443 9.10602 15.0635 8.16211L12.7656 7.93164Z\" 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 17C9.55228 17 10 17.4477 10 18C10 18.5523 9.55228 19 9 19H4C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17H9Z\" fill=\"currentColor\"/><path d=\"M5 11C5.55228 11 6 11.4477 6 12C6 12.5523 5.55228 13 5 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H5Z\" fill=\"currentColor\"/><path d=\"M12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12Z\" fill=\"currentColor\"/><path d=\"M12 5C12.5523 5 13 5.44772 13 6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5H12Z\" fill=\"currentColor\"/><path d=\"M20 5C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H16C15.4477 7 15 6.55228 15 6C15 5.44772 15.4477 5 16 5H20Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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 17C9.55228 17 10 17.4477 10 18C10 18.5523 9.55228 19 9 19H4C3.44772 19 3 18.5523 3 18C3 17.4477 3.44772 17 4 17H9Z\" fill=\"currentColor\"/><path d=\"M5 11C5.55228 11 6 11.4477 6 12C6 12.5523 5.55228 13 5 13H4C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11H5Z\" fill=\"currentColor\"/><path d=\"M12 11C12.5523 11 13 11.4477 13 12C13 12.5523 12.5523 13 12 13H9C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11H12Z\" fill=\"currentColor\"/><path d=\"M12 5C12.5523 5 13 5.44772 13 6C13 6.55228 12.5523 7 12 7H4C3.44772 7 3 6.55228 3 6C3 5.44772 3.44772 5 4 5H12Z\" fill=\"currentColor\"/><path d=\"M20 5C20.5523 5 21 5.44772 21 6C21 6.55228 20.5523 7 20 7H16C15.4477 7 15 6.55228 15 6C15 5.44772 15.4477 5 16 5H20Z\" 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.30585 2 8.41406 2.83532 8.82617 4H16.5C18.9853 4 21 6.01472 21 8.5C21 10.9853 18.9853 13 16.5 13H15V12.9941C14.8558 13.4057 14.6228 13.7932 14.2939 14.1221L14.1221 14.2939C12.9506 15.4652 11.0505 15.465 9.87891 14.2939L9.70801 14.1221C9.3778 13.7919 9.14407 13.4026 9 12.9893V13H7.5C6.11929 13 5 14.1193 5 15.5C5 16.8807 6.11929 18 7.5 18H15.1738C15.5859 16.8353 16.6941 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.6941 22 15.5859 21.1647 15.1738 20H7.5C5.01472 20 3 17.9853 3 15.5C3 13.0147 5.01472 11 7.5 11H9V11.0107C9.1441 10.5977 9.37803 10.2089 9.70801 9.87891L9.87891 9.70801C11.0505 8.53643 12.9505 8.53644 14.1221 9.70801L14.2939 9.87891C14.6225 10.2076 14.8558 10.5947 15 11.0059V11H16.5C17.8807 11 19 9.88071 19 8.5C19 7.11929 17.8807 6 16.5 6H8.82617C8.41406 7.16468 7.30585 8 6 8C4.34315 8 3 6.65685 3 5C3 3.34315 4.34315 2 6 2Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.30585 2 8.41406 2.83532 8.82617 4H16.5C18.9853 4 21 6.01472 21 8.5C21 10.9853 18.9853 13 16.5 13H15V12.9941C14.8558 13.4057 14.6228 13.7932 14.2939 14.1221L14.1221 14.2939C12.9506 15.4652 11.0505 15.465 9.87891 14.2939L9.70801 14.1221C9.3778 13.7919 9.14407 13.4026 9 12.9893V13H7.5C6.11929 13 5 14.1193 5 15.5C5 16.8807 6.11929 18 7.5 18H15.1738C15.5859 16.8353 16.6941 16 18 16C19.6569 16 21 17.3431 21 19C21 20.6569 19.6569 22 18 22C16.6941 22 15.5859 21.1647 15.1738 20H7.5C5.01472 20 3 17.9853 3 15.5C3 13.0147 5.01472 11 7.5 11H9V11.0107C9.1441 10.5977 9.37803 10.2089 9.70801 9.87891L9.87891 9.70801C11.0505 8.53643 12.9505 8.53644 14.1221 9.70801L14.2939 9.87891C14.6225 10.2076 14.8558 10.5947 15 11.0059V11H16.5C17.8807 11 19 9.88071 19 8.5C19 7.11929 17.8807 6 16.5 6H8.82617C8.41406 7.16468 7.30585 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.5 8.75C8.94772 8.75 8.5 9.19772 8.5 9.75V12.25C8.5 12.8023 8.94772 13.25 9.5 13.25C10.0523 13.25 10.5 12.8023 10.5 12.25V9.75C10.5 9.19772 10.0523 8.75 9.5 8.75ZM14.5 8.75C13.9477 8.75 13.5 9.19772 13.5 9.75V12.25C13.5 12.8023 13.9477 13.25 14.5 13.25C15.0523 13.25 15.5 12.8023 15.5 12.25V9.75C15.5 9.19772 15.0523 8.75 14.5 8.75Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.5 8.75C8.94772 8.75 8.5 9.19772 8.5 9.75V12.25C8.5 12.8023 8.94772 13.25 9.5 13.25C10.0523 13.25 10.5 12.8023 10.5 12.25V9.75C10.5 9.19772 10.0523 8.75 9.5 8.75ZM14.5 8.75C13.9477 8.75 13.5 9.19772 13.5 9.75V12.25C13.5 12.8023 13.9477 13.25 14.5 13.25C15.0523 13.25 15.5 12.8023 15.5 12.25V9.75C15.5 9.19772 15.0523 8.75 14.5 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 8.75C10.4477 8.75 10 9.19772 10 9.75V12.25C10 12.8023 10.4477 13.25 11 13.25C11.5523 13.25 12 12.8023 12 12.25V9.75C12 9.19772 11.5523 8.75 11 8.75ZM16 8.75C15.4477 8.75 15 9.19772 15 9.75V12.25C15 12.8023 15.4477 13.25 16 13.25C16.5523 13.25 17 12.8023 17 12.25V9.75C17 9.19772 16.5523 8.75 16 8.75Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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 8.75C10.4477 8.75 10 9.19772 10 9.75V12.25C10 12.8023 10.4477 13.25 11 13.25C11.5523 13.25 12 12.8023 12 12.25V9.75C12 9.19772 11.5523 8.75 11 8.75ZM16 8.75C15.4477 8.75 15 9.19772 15 9.75V12.25C15 12.8023 15.4477 13.25 16 13.25C16.5523 13.25 17 12.8023 17 12.25V9.75C17 9.19772 16.5523 8.75 16 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=\"M12.6572 2C14.4927 2 16.0929 3.24961 16.5381 5.03027L16.7803 6H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8V11.75C20 12.6736 19.6137 13.5061 18.9951 14.0977L18.6963 18.2852C18.5467 20.3783 16.8046 22 14.7061 22H9.29297C7.19459 21.9999 5.45331 20.3782 5.30371 18.2852L5.08008 15.165C4.41837 14.5701 4 13.7099 4 12.75V8C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H7.21973L7.46191 5.03027C7.90708 3.24961 9.5073 2 11.3428 2H12.6572ZM13 13.75C13 14.4404 13.5596 15 14.25 15C14.9404 15 15.5 14.4404 15.5 13.75V11.75C15.5 12.4404 16.0596 13 16.75 13C17.4404 13 18 12.4404 18 11.75V8H13V13.75ZM6 12.75C6 13.4404 6.55964 14 7.25 14C7.94036 14 8.5 13.4404 8.5 12.75V8H6V12.75ZM11.3428 4C10.4252 4 9.62504 4.62449 9.40234 5.51465L9.28125 6H14.7188L14.5977 5.51465C14.375 4.62449 13.5748 4 12.6572 4H11.3428Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M12.6572 2C14.4927 2 16.0929 3.24961 16.5381 5.03027L16.7803 6H20C20.5523 6 21 6.44772 21 7C21 7.55228 20.5523 8 20 8V11.75C20 12.6736 19.6137 13.5061 18.9951 14.0977L18.6963 18.2852C18.5467 20.3783 16.8046 22 14.7061 22H9.29297C7.19459 21.9999 5.45331 20.3782 5.30371 18.2852L5.08008 15.165C4.41837 14.5701 4 13.7099 4 12.75V8C3.44772 8 3 7.55228 3 7C3 6.44772 3.44772 6 4 6H7.21973L7.46191 5.03027C7.90708 3.24961 9.5073 2 11.3428 2H12.6572ZM13 13.75C13 14.4404 13.5596 15 14.25 15C14.9404 15 15.5 14.4404 15.5 13.75V11.75C15.5 12.4404 16.0596 13 16.75 13C17.4404 13 18 12.4404 18 11.75V8H13V13.75ZM6 12.75C6 13.4404 6.55964 14 7.25 14C7.94036 14 8.5 13.4404 8.5 12.75V8H6V12.75ZM11.3428 4C10.4252 4 9.62504 4.62449 9.40234 5.51465L9.28125 6H14.7188L14.5977 5.51465C14.375 4.62449 13.5748 4 12.6572 4H11.3428Z\" 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=\"M10.7622 2.37078C11.5671 2.10627 12.4355 2.10426 13.2417 2.36492C13.7615 2.5331 14.1989 2.82983 14.6303 3.19597C15.0528 3.55462 15.5341 4.03625 16.1186 4.62078L20.8588 9.36101C22.3157 10.8184 22.3018 13.1858 20.8276 14.6257C20.577 14.8704 20.45 14.9963 20.3647 15.1022C20.302 15.1801 20.2883 15.216 20.2768 15.2565C20.2761 15.2596 20.2723 15.2757 20.27 15.3053C20.2674 15.3399 20.2677 15.3828 20.271 15.4284C20.2743 15.4738 20.28 15.5159 20.2876 15.5495C20.294 15.5779 20.3001 15.5933 20.3012 15.5964C20.3229 15.6448 20.3428 15.6754 20.4008 15.7302C20.4869 15.8113 20.6113 15.9047 20.8735 16.0954C21.2418 16.3633 21.6631 16.6882 21.9741 17.0505C22.2724 17.3982 22.6491 17.9931 22.4731 18.7321C22.3404 19.2886 21.9269 19.6226 21.6059 19.8024C21.2678 19.9919 20.8748 20.1037 20.4956 20.1637C19.7404 20.2833 18.8183 20.2294 18.018 19.9216C17.862 19.8616 17.742 19.8508 17.646 19.8649C17.1469 19.9384 16.7994 20.1377 16.2905 20.4372C15.7876 20.7331 15.1286 21.1248 14.1879 21.2428C13.1296 21.3755 12.487 21.1342 11.9497 20.9001C11.5017 20.7049 11.2151 20.5632 10.6254 20.5632C10.2243 20.5633 9.92988 20.7816 9.3647 21.2438C9.13092 21.435 8.77659 21.7284 8.3647 21.8962C7.87852 22.0941 7.31656 22.1205 6.74068 21.8327C6.24339 21.584 5.90198 21.2108 5.7065 20.7653C5.5245 20.3501 5.49513 19.9293 5.49752 19.6071C5.49974 19.3127 5.53667 18.9467 5.54732 18.777C5.56266 18.5317 5.54471 18.4821 5.5522 18.5046C5.52956 18.4366 5.50753 18.3937 5.49263 18.3688C5.47938 18.3468 5.47031 18.3368 5.46822 18.3346L5.46724 18.3337C5.46528 18.3327 5.45425 18.3283 5.43209 18.3229C5.29413 18.2895 5.0656 18.3031 4.5942 18.3757C4.21838 18.4335 3.61114 18.545 3.05025 18.4723C2.38428 18.3859 1.73452 18.0406 1.3442 17.2604C1.1781 16.9283 1.13023 16.5603 1.22994 16.196C1.31845 15.8729 1.50092 15.6359 1.6274 15.4919C1.75006 15.3522 1.90627 15.2085 1.98873 15.1286C2.0919 15.0286 2.15553 14.9602 2.20064 14.9001C2.38901 14.6486 2.43133 14.4929 2.44088 14.4147C2.44928 14.3451 2.4414 14.2608 2.3774 14.1266C1.79903 12.9164 1.44554 11.0945 2.78951 9.79656L7.89595 4.64129C8.47788 4.0537 8.95652 3.56941 9.3774 3.20867C9.80722 2.84031 10.2429 2.54144 10.7622 2.37078ZM12.0004 13.9997C11.4482 13.9997 11.0005 14.4474 11.0004 14.9997C11.0004 15.552 11.4482 15.9997 12.0004 15.9997C12.5526 15.9995 13.0004 15.5518 13.0004 14.9997C13.0004 14.4475 12.5525 13.9999 12.0004 13.9997ZM11.9721 7.99968C11.3925 7.99987 10.9346 8.49174 10.9751 9.07L11.1977 12.2516C11.2272 12.673 11.578 12.9997 12.0004 12.9997C12.4227 12.9995 12.7727 12.6729 12.8022 12.2516L13.0249 9.07C13.0653 8.49168 12.6075 7.99977 12.0278 7.99968H11.9721Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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=\"M10.7622 2.37078C11.5671 2.10627 12.4355 2.10426 13.2417 2.36492C13.7615 2.5331 14.1989 2.82983 14.6303 3.19597C15.0528 3.55462 15.5341 4.03625 16.1186 4.62078L20.8588 9.36101C22.3157 10.8184 22.3018 13.1858 20.8276 14.6257C20.577 14.8704 20.45 14.9963 20.3647 15.1022C20.302 15.1801 20.2883 15.216 20.2768 15.2565C20.2761 15.2596 20.2723 15.2757 20.27 15.3053C20.2674 15.3399 20.2677 15.3828 20.271 15.4284C20.2743 15.4738 20.28 15.5159 20.2876 15.5495C20.294 15.5779 20.3001 15.5933 20.3012 15.5964C20.3229 15.6448 20.3428 15.6754 20.4008 15.7302C20.4869 15.8113 20.6113 15.9047 20.8735 16.0954C21.2418 16.3633 21.6631 16.6882 21.9741 17.0505C22.2724 17.3982 22.6491 17.9931 22.4731 18.7321C22.3404 19.2886 21.9269 19.6226 21.6059 19.8024C21.2678 19.9919 20.8748 20.1037 20.4956 20.1637C19.7404 20.2833 18.8183 20.2294 18.018 19.9216C17.862 19.8616 17.742 19.8508 17.646 19.8649C17.1469 19.9384 16.7994 20.1377 16.2905 20.4372C15.7876 20.7331 15.1286 21.1248 14.1879 21.2428C13.1296 21.3755 12.487 21.1342 11.9497 20.9001C11.5017 20.7049 11.2151 20.5632 10.6254 20.5632C10.2243 20.5633 9.92988 20.7816 9.3647 21.2438C9.13092 21.435 8.77659 21.7284 8.3647 21.8962C7.87852 22.0941 7.31656 22.1205 6.74068 21.8327C6.24339 21.584 5.90198 21.2108 5.7065 20.7653C5.5245 20.3501 5.49513 19.9293 5.49752 19.6071C5.49974 19.3127 5.53667 18.9467 5.54732 18.777C5.56266 18.5317 5.54471 18.4821 5.5522 18.5046C5.52956 18.4366 5.50753 18.3937 5.49263 18.3688C5.47938 18.3468 5.47031 18.3368 5.46822 18.3346L5.46724 18.3337C5.46528 18.3327 5.45425 18.3283 5.43209 18.3229C5.29413 18.2895 5.0656 18.3031 4.5942 18.3757C4.21838 18.4335 3.61114 18.545 3.05025 18.4723C2.38428 18.3859 1.73452 18.0406 1.3442 17.2604C1.1781 16.9283 1.13023 16.5603 1.22994 16.196C1.31845 15.8729 1.50092 15.6359 1.6274 15.4919C1.75006 15.3522 1.90627 15.2085 1.98873 15.1286C2.0919 15.0286 2.15553 14.9602 2.20064 14.9001C2.38901 14.6486 2.43133 14.4929 2.44088 14.4147C2.44928 14.3451 2.4414 14.2608 2.3774 14.1266C1.79903 12.9164 1.44554 11.0945 2.78951 9.79656L7.89595 4.64129C8.47788 4.0537 8.95652 3.56941 9.3774 3.20867C9.80722 2.84031 10.2429 2.54144 10.7622 2.37078ZM12.0004 13.9997C11.4482 13.9997 11.0005 14.4474 11.0004 14.9997C11.0004 15.552 11.4482 15.9997 12.0004 15.9997C12.5526 15.9995 13.0004 15.5518 13.0004 14.9997C13.0004 14.4475 12.5525 13.9999 12.0004 13.9997ZM11.9721 7.99968C11.3925 7.99987 10.9346 8.49174 10.9751 9.07L11.1977 12.2516C11.2272 12.673 11.578 12.9997 12.0004 12.9997C12.4227 12.9995 12.7727 12.6729 12.8022 12.2516L13.0249 9.07C13.0653 8.49168 12.6075 7.99977 12.0278 7.99968H11.9721Z\" 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.4092 9.68359C10.3076 9.94769 10.0991 10.1562 9.83496 10.2578L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.83496 13.4395C10.0991 13.541 10.3076 13.7496 10.4092 14.0137L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.5908 14.0137C13.6924 13.7496 13.9009 13.541 14.165 13.4395L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.165 10.2578C13.9009 10.1562 13.6924 9.94769 13.5908 9.68359L12.6797 7.31543C12.5716 7.03428 12.3012 6.84863 12 6.84863Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.4092 9.68359C10.3076 9.94769 10.0991 10.1562 9.83496 10.2578L7.4668 11.1689C7.18564 11.2771 7 11.5474 7 11.8486C7 12.1499 7.18564 12.4202 7.4668 12.5283L9.83496 13.4395C10.0991 13.541 10.3076 13.7496 10.4092 14.0137L11.3203 16.3818C11.4284 16.663 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5716 16.663 12.6797 16.3818L13.5908 14.0137C13.6924 13.7496 13.9009 13.541 14.165 13.4395L16.5332 12.5283C16.8144 12.4202 17 12.1499 17 11.8486C17 11.5474 16.8144 11.2771 16.5332 11.1689L14.165 10.2578C13.9009 10.1562 13.6924 9.94769 13.5908 9.68359L12.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.00026 4C7.55255 4 8.00026 4.44772 8.00026 5V6H11.0003C11.5525 6 12.0003 6.44772 12.0003 7C12.0003 7.55228 11.5525 8 11.0003 8H10.3727C10.0603 9.91166 9.44399 11.5244 8.43746 12.8188C9.18839 13.3437 10.1113 13.7471 11.2428 14.0299C11.7786 14.1639 12.1044 14.7068 11.9704 15.2426C11.8365 15.7784 11.2936 16.1042 10.7578 15.9702C9.29694 15.605 8.04102 15.0424 7.0002 14.245C5.9594 15.0424 4.70353 15.6049 3.24277 15.9701C2.70698 16.1041 2.16404 15.7783 2.03009 15.2425C1.89615 14.7067 2.22191 14.1638 2.7577 14.0299C3.88916 13.747 4.81207 13.3436 5.56298 12.8188C4.55648 11.5244 3.94023 9.91163 3.62781 8H3.00026C2.44798 8 2.00026 7.55228 2.00026 7C2.00026 6.44772 2.44798 6 3.00026 6H6.00026V5C6.00026 4.44772 6.44798 4 7.00026 4ZM5.65822 8C5.92421 9.41424 6.37395 10.5272 7.00023 11.4013C7.62654 10.5272 8.07629 9.41425 8.34229 8H5.65822ZM14.157 12.3008C14.8441 10.6689 17.1564 10.6689 17.8435 12.3008L20.9219 19.6119C21.1362 20.1209 20.8973 20.7073 20.3883 20.9216C19.8793 21.1359 19.2929 20.897 19.0786 20.388L18.4942 19H13.5063L12.9219 20.388C12.7076 20.897 12.1212 21.1359 11.6122 20.9216C11.1032 20.7073 10.8643 20.1209 11.0786 19.6119L14.157 12.3008ZM14.3484 17H17.6521L16.0003 13.0769L14.3484 17Z\" fill=\"currentColor\"/><path d=\"M18.5655 4.86018L17.9756 3.32667C17.8999 3.12986 17.7109 3 17.5 3C17.2891 3 17.1001 3.12986 17.0244 3.32667L16.4345 4.86018C16.333 5.12427 16.1243 5.33297 15.8602 5.43455L14.3267 6.02436C14.1299 6.10005 14 6.28914 14 6.5C14 6.71086 14.1299 6.89995 14.3267 6.97564L15.8602 7.56545C16.1243 7.66703 16.333 7.87573 16.4345 8.13982L17.0244 9.67333C17.1001 9.87014 17.2891 10 17.5 10C17.7109 10 17.8999 9.87014 17.9756 9.67333L18.5655 8.13982C18.667 7.87573 18.8757 7.66703 19.1398 7.56545L20.6733 6.97564C20.8701 6.89995 21 6.71086 21 6.5C21 6.28914 20.8701 6.10005 20.6733 6.02436L19.1398 5.43455C18.8757 5.33297 18.667 5.12427 18.5655 4.86018Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.00026 4C7.55255 4 8.00026 4.44772 8.00026 5V6H11.0003C11.5525 6 12.0003 6.44772 12.0003 7C12.0003 7.55228 11.5525 8 11.0003 8H10.3727C10.0603 9.91166 9.44399 11.5244 8.43746 12.8188C9.18839 13.3437 10.1113 13.7471 11.2428 14.0299C11.7786 14.1639 12.1044 14.7068 11.9704 15.2426C11.8365 15.7784 11.2936 16.1042 10.7578 15.9702C9.29694 15.605 8.04102 15.0424 7.0002 14.245C5.9594 15.0424 4.70353 15.6049 3.24277 15.9701C2.70698 16.1041 2.16404 15.7783 2.03009 15.2425C1.89615 14.7067 2.22191 14.1638 2.7577 14.0299C3.88916 13.747 4.81207 13.3436 5.56298 12.8188C4.55648 11.5244 3.94023 9.91163 3.62781 8H3.00026C2.44798 8 2.00026 7.55228 2.00026 7C2.00026 6.44772 2.44798 6 3.00026 6H6.00026V5C6.00026 4.44772 6.44798 4 7.00026 4ZM5.65822 8C5.92421 9.41424 6.37395 10.5272 7.00023 11.4013C7.62654 10.5272 8.07629 9.41425 8.34229 8H5.65822ZM14.157 12.3008C14.8441 10.6689 17.1564 10.6689 17.8435 12.3008L20.9219 19.6119C21.1362 20.1209 20.8973 20.7073 20.3883 20.9216C19.8793 21.1359 19.2929 20.897 19.0786 20.388L18.4942 19H13.5063L12.9219 20.388C12.7076 20.897 12.1212 21.1359 11.6122 20.9216C11.1032 20.7073 10.8643 20.1209 11.0786 19.6119L14.157 12.3008ZM14.3484 17H17.6521L16.0003 13.0769L14.3484 17Z\" fill=\"currentColor\"/><path d=\"M18.5655 4.86018L17.9756 3.32667C17.8999 3.12986 17.7109 3 17.5 3C17.2891 3 17.1001 3.12986 17.0244 3.32667L16.4345 4.86018C16.333 5.12427 16.1243 5.33297 15.8602 5.43455L14.3267 6.02436C14.1299 6.10005 14 6.28914 14 6.5C14 6.71086 14.1299 6.89995 14.3267 6.97564L15.8602 7.56545C16.1243 7.66703 16.333 7.87573 16.4345 8.13982L17.0244 9.67333C17.1001 9.87014 17.2891 10 17.5 10C17.7109 10 17.8999 9.87014 17.9756 9.67333L18.5655 8.13982C18.667 7.87573 18.8757 7.66703 19.1398 7.56545L20.6733 6.97564C20.8701 6.89995 21 6.71086 21 6.5C21 6.28914 20.8701 6.10005 20.6733 6.02436L19.1398 5.43455C18.8757 5.33297 18.667 5.12427 18.5655 4.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 4C7.58172 4 4 7.58172 4 12C4 14.7727 5.40977 17.2166 7.55626 18.6534C8.01521 18.9607 8.13822 19.5818 7.83101 20.0407C7.52379 20.4997 6.90269 20.6227 6.44374 20.3155C3.76629 18.5232 2 15.4681 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.4681 20.2337 18.5232 17.5563 20.3155C17.0973 20.6227 16.4762 20.4997 16.169 20.0407C15.8618 19.5818 15.9848 18.9607 16.4437 18.6534C18.5902 17.2166 20 14.7727 20 12C20 7.58172 16.4183 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 13.308 8.62676 14.4693 9.60058 15.2008C10.0422 15.5325 10.1313 16.1594 9.79957 16.6009C9.46788 17.0425 8.84101 17.1316 8.39942 16.7999C6.94434 15.707 6 13.9636 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 13.9636 17.0557 15.707 15.6006 16.7999C15.159 17.1316 14.5321 17.0425 14.2004 16.6009C13.8687 16.1594 13.9578 15.5325 14.3994 15.2008C15.3732 14.4693 16 13.308 16 12C16 9.79086 14.2091 8 12 8ZM10 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-3-stroke-2-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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 4C7.58172 4 4 7.58172 4 12C4 14.7727 5.40977 17.2166 7.55626 18.6534C8.01521 18.9607 8.13822 19.5818 7.83101 20.0407C7.52379 20.4997 6.90269 20.6227 6.44374 20.3155C3.76629 18.5232 2 15.4681 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 15.4681 20.2337 18.5232 17.5563 20.3155C17.0973 20.6227 16.4762 20.4997 16.169 20.0407C15.8618 19.5818 15.9848 18.9607 16.4437 18.6534C18.5902 17.2166 20 14.7727 20 12C20 7.58172 16.4183 4 12 4ZM12 8C9.79086 8 8 9.79086 8 12C8 13.308 8.62676 14.4693 9.60058 15.2008C10.0422 15.5325 10.1313 16.1594 9.79957 16.6009C9.46788 17.0425 8.84101 17.1316 8.39942 16.7999C6.94434 15.707 6 13.9636 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 13.9636 17.0557 15.707 15.6006 16.7999C15.159 17.1316 14.5321 17.0425 14.2004 16.6009C13.8687 16.1594 13.9578 15.5325 14.3994 15.2008C15.3732 14.4693 16 13.308 16 12C16 9.79086 14.2091 8 12 8ZM10 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.38218 11.7863L8.97412 16.18C7.82247 16.599 7 17.7035 7 19C7 20.6569 8.34315 22 10 22H14C15.6569 22 17 20.6569 17 19C17 17.7035 16.1775 16.599 15.0259 16.18L20.6178 11.7863C20.8591 11.5967 21 11.3069 21 11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11C3 11.3069 3.14089 11.5967 3.38218 11.7863ZM17.0964 11.747C17.1993 11.755 17.3007 11.763 17.4002 11.771L13 15.2282V11.5148C14.3262 11.5509 15.8256 11.6482 17.0964 11.747ZM6.90361 11.747C8.17443 11.6482 9.67378 11.5509 11 11.5148V15.2282L6.59981 11.771C6.69932 11.763 6.80066 11.755 6.90361 11.747Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-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.38218 11.7863L8.97412 16.18C7.82247 16.599 7 17.7035 7 19C7 20.6569 8.34315 22 10 22H14C15.6569 22 17 20.6569 17 19C17 17.7035 16.1775 16.599 15.0259 16.18L20.6178 11.7863C20.8591 11.5967 21 11.3069 21 11C21 6.02944 16.9706 2 12 2C7.02944 2 3 6.02944 3 11C3 11.3069 3.14089 11.5967 3.38218 11.7863ZM17.0964 11.747C17.1993 11.755 17.3007 11.763 17.4002 11.771L13 15.2282V11.5148C14.3262 11.5509 15.8256 11.6482 17.0964 11.747ZM6.90361 11.747C8.17443 11.6482 9.67378 11.5509 11 11.5148V15.2282L6.59981 11.771C6.69932 11.763 6.80066 11.755 6.90361 11.747Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirdrop2;

package/IconAirplane/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirplane = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.1569 2C17.8308 2 16.559 2.52678 15.6213 3.46446L13.2385 5.84726L7.11572 3.68626C5.66314 3.17359 4.04523 3.54057 2.95601 4.62979L2.29291 5.29289C2.08943 5.49637 1.98347 5.77765 2.00212 6.06481C2.02077 6.35196 2.16222 6.61717 2.39031 6.79262L7.98758 11.0982L7.0858 12H6.74266C5.68179 12 4.66438 12.4214 3.91423 13.1716L2.29291 14.7929C2.0525 15.0333 1.95071 15.3794 2.02268 15.7117C2.09466 16.044 2.33054 16.3169 2.64889 16.4363L5.37208 17.4575C5.91293 17.6603 6.33968 18.0871 6.54249 18.6279L7.56369 21.3511C7.68307 21.6695 7.95603 21.9054 8.28832 21.9773C8.62061 22.0493 8.96671 21.9475 9.20712 21.7071L10.8284 20.0858C11.5786 19.3356 12 18.3182 12 17.2574V16.9142L12.9018 16.0124L17.2074 21.6097C17.3828 21.8378 17.6481 21.9792 17.9352 21.9979C18.2224 22.0165 18.5036 21.9106 18.7071 21.7071L19.3702 21.044C20.4594 19.9548 20.8264 18.3369 20.3138 16.8843L18.1528 10.7615L20.5356 8.37868C21.4732 7.441 22 6.16923 22 4.84315V3C22 2.44772 21.5523 2 21 2H19.1569Z\" fill=\"currentColor\"/>", "round-filled-radius-3-stroke-2-IconAirplane", props.mode)} />
-);
+export const IconAirplane = (props: CentralIconBaseProps) => {
+  const maskId = "round-filled-radius-3-stroke-2-IconAirplane-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airplane, flight" })} innerHTML={maskInner("<path d=\"M19.1569 2C17.8308 2 16.559 2.52678 15.6213 3.46446L13.2385 5.84726L7.11572 3.68626C5.66314 3.17359 4.04523 3.54057 2.95601 4.62979L2.29291 5.29289C2.08943 5.49637 1.98347 5.77765 2.00212 6.06481C2.02077 6.35196 2.16222 6.61717 2.39031 6.79262L7.98758 11.0982L7.0858 12H6.74266C5.68179 12 4.66438 12.4214 3.91423 13.1716L2.29291 14.7929C2.0525 15.0333 1.95071 15.3794 2.02268 15.7117C2.09466 16.044 2.33054 16.3169 2.64889 16.4363L5.37208 17.4575C5.91293 17.6603 6.33968 18.0871 6.54249 18.6279L7.56369 21.3511C7.68307 21.6695 7.95603 21.9054 8.28832 21.9773C8.62061 22.0493 8.96671 21.9475 9.20712 21.7071L10.8284 20.0858C11.5786 19.3356 12 18.3182 12 17.2574V16.9142L12.9018 16.0124L17.2074 21.6097C17.3828 21.8378 17.6481 21.9792 17.9352 21.9979C18.2224 22.0165 18.5036 21.9106 18.7071 21.7071L19.3702 21.044C20.4594 19.9548 20.8264 18.3369 20.3138 16.8843L18.1528 10.7615L20.5356 8.37868C21.4732 7.441 22 6.16923 22 4.84315V3C22 2.44772 21.5523 2 21 2H19.1569Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplane;