@central-icons-solid/round-outlined-radius-3-stroke-2 1.1.319 → 1.1.321

package/Icon3d/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3d = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"4\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/>", "round-outlined-radius-3-stroke-2-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"12\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"16\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"12\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"4\" r=\"1\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"20\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"4\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"4\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"8\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"16\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"4\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"20\" cy=\"20\" r=\"0.5\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"8\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"8\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"12\" r=\"1.5\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"16\" cy=\"20\" r=\"0.75\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"16\" r=\"1\" fill=\"currentColor\"/><circle cx=\"8\" cy=\"20\" r=\"0.75\" 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=\"M9.6001 20.6146C10.4744 21.1194 10.9116 21.3718 11.3764 21.4706C11.7876 21.558 12.2126 21.558 12.6238 21.4706C13.0886 21.3718 13.5258 21.1194 14.4001 20.6146L18.2604 18.3859C19.1347 17.8811 19.5718 17.6287 19.8898 17.2756C20.1711 16.9632 20.3836 16.5951 20.5135 16.1953C20.6604 15.7434 20.6604 15.2386 20.6604 14.229V9.77153C20.6604 8.76195 20.6604 8.25715 20.5135 7.80525C20.3836 7.40541 20.1711 7.03734 19.8898 6.72491C19.5718 6.3718 19.1347 6.11941 18.2604 5.61461L14.4001 3.38589C13.5258 2.8811 13.0886 2.6287 12.6238 2.52991C12.2126 2.4425 11.7876 2.4425 11.3764 2.52991C10.9116 2.6287 10.4744 2.8811 9.6001 3.38589L5.73984 5.61461C4.86551 6.11941 4.42835 6.3718 4.11041 6.72491C3.8291 7.03734 3.61659 7.40541 3.48667 7.80525C3.33984 8.25715 3.33984 8.76195 3.33984 9.77153V14.229C3.33984 15.2386 3.33984 15.7434 3.48667 16.1953C3.61659 16.5951 3.8291 16.9632 4.11041 17.2756C4.42835 17.6287 4.86551 17.8811 5.73984 18.3859L9.6001 20.6146Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M3.33984 17L12.0001 12M12.0001 12L20.6604 17M12.0001 12V2\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-3-stroke-2-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M9.6001 20.6146C10.4744 21.1194 10.9116 21.3718 11.3764 21.4706C11.7876 21.558 12.2126 21.558 12.6238 21.4706C13.0886 21.3718 13.5258 21.1194 14.4001 20.6146L18.2604 18.3859C19.1347 17.8811 19.5718 17.6287 19.8898 17.2756C20.1711 16.9632 20.3836 16.5951 20.5135 16.1953C20.6604 15.7434 20.6604 15.2386 20.6604 14.229V9.77153C20.6604 8.76195 20.6604 8.25715 20.5135 7.80525C20.3836 7.40541 20.1711 7.03734 19.8898 6.72491C19.5718 6.3718 19.1347 6.11941 18.2604 5.61461L14.4001 3.38589C13.5258 2.8811 13.0886 2.6287 12.6238 2.52991C12.2126 2.4425 11.7876 2.4425 11.3764 2.52991C10.9116 2.6287 10.4744 2.8811 9.6001 3.38589L5.73984 5.61461C4.86551 6.11941 4.42835 6.3718 4.11041 6.72491C3.8291 7.03734 3.61659 7.40541 3.48667 7.80525C3.33984 8.25715 3.33984 8.76195 3.33984 9.77153V14.229C3.33984 15.2386 3.33984 15.7434 3.48667 16.1953C3.61659 16.5951 3.8291 16.9632 4.11041 17.2756C4.42835 17.6287 4.86551 17.8811 5.73984 18.3859L9.6001 20.6146Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M3.33984 17L12.0001 12M12.0001 12L20.6604 17M12.0001 12V2\" stroke=\"currentColor\" stroke-width=\"2\"/>", 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=\"M9.6001 3.38565C10.4744 2.88086 10.9116 2.62846 11.3764 2.52967C11.7876 2.44226 12.2126 2.44226 12.6238 2.52967C13.0886 2.62846 13.5258 2.88086 14.4001 3.38565L18.2604 5.61437C19.1347 6.11916 19.5718 6.37156 19.8898 6.72467C20.1711 7.0371 20.3836 7.40517 20.5135 7.80501C20.6604 8.25691 20.6604 8.7617 20.6604 9.77129V14.2287C20.6604 15.2383 20.6604 15.7431 20.5135 16.195C20.3836 16.5949 20.1711 16.9629 19.8898 17.2754C19.5718 17.6285 19.1347 17.8809 18.2604 18.3857L14.4001 20.6144C13.5258 21.1192 13.0886 21.3716 12.6238 21.4704C12.2126 21.5578 11.7876 21.5578 11.3764 21.4704C10.9116 21.3716 10.4744 21.1192 9.6001 20.6144L5.73984 18.3857C4.86551 17.8809 4.42835 17.6285 4.11041 17.2754C3.8291 16.9629 3.61659 16.5949 3.48667 16.195C3.33984 15.7431 3.33984 15.2383 3.33984 14.2287V9.77129C3.33984 8.7617 3.33984 8.25691 3.48667 7.80501C3.61659 7.40517 3.8291 7.0371 4.11041 6.72467C4.42835 6.37156 4.86551 6.11916 5.73984 5.61437L9.6001 3.38565Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-3-stroke-2-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M9.6001 3.38565C10.4744 2.88086 10.9116 2.62846 11.3764 2.52967C11.7876 2.44226 12.2126 2.44226 12.6238 2.52967C13.0886 2.62846 13.5258 2.88086 14.4001 3.38565L18.2604 5.61437C19.1347 6.11916 19.5718 6.37156 19.8898 6.72467C20.1711 7.0371 20.3836 7.40517 20.5135 7.80501C20.6604 8.25691 20.6604 8.7617 20.6604 9.77129V14.2287C20.6604 15.2383 20.6604 15.7431 20.5135 16.195C20.3836 16.5949 20.1711 16.9629 19.8898 17.2754C19.5718 17.6285 19.1347 17.8809 18.2604 18.3857L14.4001 20.6144C13.5258 21.1192 13.0886 21.3716 12.6238 21.4704C12.2126 21.5578 11.7876 21.5578 11.3764 21.4704C10.9116 21.3716 10.4744 21.1192 9.6001 20.6144L5.73984 18.3857C4.86551 17.8809 4.42835 17.6285 4.11041 17.2754C3.8291 16.9629 3.61659 16.5949 3.48667 16.195C3.33984 15.7431 3.33984 15.2383 3.33984 14.2287V9.77129C3.33984 8.7617 3.33984 8.25691 3.48667 7.80501C3.61659 7.40517 3.8291 7.0371 4.11041 6.72467C4.42835 6.37156 4.86551 6.11916 5.73984 5.61437L9.6001 3.38565Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/>", 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=\"M9.6001 3.38541C10.4744 2.88061 10.9116 2.62821 11.3764 2.52942C11.7876 2.44201 12.2126 2.44201 12.6238 2.52942C13.0886 2.62821 13.5258 2.88061 14.4001 3.38541L18.2604 5.61413C19.1347 6.11892 19.5718 6.37132 19.8898 6.72442C20.1711 7.03686 20.3836 7.40493 20.5135 7.80477C20.6604 8.25666 20.6604 8.76146 20.6604 9.77105V14.2285C20.6604 15.2381 20.6604 15.7429 20.5135 16.1948C20.3836 16.5946 20.1711 16.9627 19.8898 17.2751C19.5718 17.6282 19.1347 17.8806 18.2604 18.3854L14.4001 20.6141C13.5258 21.1189 13.0886 21.3713 12.6238 21.4701C12.2126 21.5575 11.7876 21.5575 11.3764 21.4701C10.9116 21.3713 10.4744 21.1189 9.6001 20.6141L5.73984 18.3854C4.86551 17.8806 4.42835 17.6282 4.11041 17.2751C3.8291 16.9627 3.61659 16.5946 3.48667 16.1948C3.33984 15.7429 3.33984 15.2381 3.33984 14.2285V9.77105C3.33984 8.76146 3.33984 8.25666 3.48667 7.80477C3.61659 7.40493 3.8291 7.03686 4.11041 6.72442C4.42835 6.37132 4.86551 6.11892 5.73984 5.61413L9.6001 3.38541Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M7.67188 4.5L16.3321 9.5\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-3-stroke-2-Icon3dPackage", props.mode)} />
-);
+export const Icon3dPackage = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M9.6001 3.38541C10.4744 2.88061 10.9116 2.62821 11.3764 2.52942C11.7876 2.44201 12.2126 2.44201 12.6238 2.52942C13.0886 2.62821 13.5258 2.88061 14.4001 3.38541L18.2604 5.61413C19.1347 6.11892 19.5718 6.37132 19.8898 6.72442C20.1711 7.03686 20.3836 7.40493 20.5135 7.80477C20.6604 8.25666 20.6604 8.76146 20.6604 9.77105V14.2285C20.6604 15.2381 20.6604 15.7429 20.5135 16.1948C20.3836 16.5946 20.1711 16.9627 19.8898 17.2751C19.5718 17.6282 19.1347 17.8806 18.2604 18.3854L14.4001 20.6141C13.5258 21.1189 13.0886 21.3713 12.6238 21.4701C12.2126 21.5575 11.7876 21.5575 11.3764 21.4701C10.9116 21.3713 10.4744 21.1189 9.6001 20.6141L5.73984 18.3854C4.86551 17.8806 4.42835 17.6282 4.11041 17.2751C3.8291 16.9627 3.61659 16.5946 3.48667 16.1948C3.33984 15.7429 3.33984 15.2381 3.33984 14.2285V9.77105C3.33984 8.76146 3.33984 8.25666 3.48667 7.80477C3.61659 7.40493 3.8291 7.03686 4.11041 6.72442C4.42835 6.37132 4.86551 6.11892 5.73984 5.61413L9.6001 3.38541Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M7.67188 4.5L16.3321 9.5\" stroke=\"currentColor\" stroke-width=\"2\"/>", 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=\"M9.6001 3.38541C10.4744 2.88061 10.9116 2.62821 11.3764 2.52942C11.7876 2.44201 12.2126 2.44201 12.6238 2.52942C13.0886 2.62821 13.5258 2.88061 14.4001 3.38541L18.2604 5.61413C19.1347 6.11892 19.5718 6.37132 19.8898 6.72442C20.1711 7.03686 20.3836 7.40493 20.5135 7.80477C20.6604 8.25666 20.6604 8.76146 20.6604 9.77105V14.2285C20.6604 15.2381 20.6604 15.7429 20.5135 16.1948C20.3836 16.5946 20.1711 16.9627 19.8898 17.2751C19.5718 17.6282 19.1347 17.8806 18.2604 18.3854L14.4001 20.6141C13.5258 21.1189 13.0886 21.3713 12.6238 21.4701C12.2126 21.5575 11.7876 21.5575 11.3764 21.4701C10.9116 21.3713 10.4744 21.1189 9.6001 20.6141L5.73984 18.3854C4.86551 17.8806 4.42835 17.6282 4.11041 17.2751C3.8291 16.9627 3.61659 16.5946 3.48667 16.1948C3.33984 15.7429 3.33984 15.2381 3.33984 14.2285V9.77105C3.33984 8.76146 3.33984 8.25666 3.48667 7.80477C3.61659 7.40493 3.8291 7.03686 4.11041 6.72442C4.42835 6.37132 4.86551 6.11892 5.73984 5.61413L9.6001 3.38541Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M17.332 8.92285V13.9983C17.332 14.3348 17.332 14.503 17.2831 14.6536C17.2398 14.7869 17.169 14.9096 17.0753 15.0137C16.9693 15.1314 16.8236 15.2155 16.5323 15.3838C16.1384 15.6114 15.9414 15.7251 15.7798 15.7082C15.6389 15.6934 15.5108 15.6195 15.4275 15.5048C15.332 15.3734 15.332 15.146 15.332 14.6912V10.0771L7.17188 5.36621L8.17188 3.63379L17.332 8.92285Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-stroke-2-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M9.6001 3.38541C10.4744 2.88061 10.9116 2.62821 11.3764 2.52942C11.7876 2.44201 12.2126 2.44201 12.6238 2.52942C13.0886 2.62821 13.5258 2.88061 14.4001 3.38541L18.2604 5.61413C19.1347 6.11892 19.5718 6.37132 19.8898 6.72442C20.1711 7.03686 20.3836 7.40493 20.5135 7.80477C20.6604 8.25666 20.6604 8.76146 20.6604 9.77105V14.2285C20.6604 15.2381 20.6604 15.7429 20.5135 16.1948C20.3836 16.5946 20.1711 16.9627 19.8898 17.2751C19.5718 17.6282 19.1347 17.8806 18.2604 18.3854L14.4001 20.6141C13.5258 21.1189 13.0886 21.3713 12.6238 21.4701C12.2126 21.5575 11.7876 21.5575 11.3764 21.4701C10.9116 21.3713 10.4744 21.1189 9.6001 20.6141L5.73984 18.3854C4.86551 17.8806 4.42835 17.6282 4.11041 17.2751C3.8291 16.9627 3.61659 16.5946 3.48667 16.1948C3.33984 15.7429 3.33984 15.2381 3.33984 14.2285V9.77105C3.33984 8.76146 3.33984 8.25666 3.48667 7.80477C3.61659 7.40493 3.8291 7.03686 4.11041 6.72442C4.42835 6.37132 4.86551 6.11892 5.73984 5.61413L9.6001 3.38541Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M20.6604 7L12.0001 12M12.0001 22V12M3.33984 7L12.0001 12\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M17.332 8.92285V13.9983C17.332 14.3348 17.332 14.503 17.2831 14.6536C17.2398 14.7869 17.169 14.9096 17.0753 15.0137C16.9693 15.1314 16.8236 15.2155 16.5323 15.3838C16.1384 15.6114 15.9414 15.7251 15.7798 15.7082C15.6389 15.6934 15.5108 15.6195 15.4275 15.5048C15.332 15.3734 15.332 15.146 15.332 14.6912V10.0771L7.17188 5.36621L8.17188 3.63379L17.332 8.92285Z\" 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=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M3.04492 12.301C3.49788 13.8165 7.33441 15 12.0002 15C16.64 15 20.4598 13.8297 20.9476 12.3263\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M11.4065 20.8239C10.0339 19.9975 9 16.361 9 12C9 7.40754 10.1466 3.61846 11.6278 3.0686\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-3-stroke-2-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M3.04492 12.301C3.49788 13.8165 7.33441 15 12.0002 15C16.64 15 20.4598 13.8297 20.9476 12.3263\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M11.4065 20.8239C10.0339 19.9975 9 16.361 9 12C9 7.40754 10.1466 3.61846 11.6278 3.0686\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", 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=\"M18 5H6C4.34315 5 3 6.34315 3 8V16C3 17.6569 4.34315 19 6 19H18C19.6569 19 21 17.6569 21 16V8C21 6.34315 19.6569 5 18 5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.7832 15.6221C9.2168 15.6221 8.80664 15.3047 8.80664 14.6406V14.3818H6.60449C5.85742 14.3818 5.33984 13.9082 5.33984 13.2246C5.33984 12.8486 5.4668 12.4531 5.74023 11.9648C6.19922 11.1396 6.63379 10.4219 7.17578 9.57227C7.76172 8.64941 8.24023 8.33203 9.0459 8.33203C10.0762 8.33203 10.7598 8.90332 10.7598 9.76758V12.7949H10.9209C11.4629 12.7949 11.7217 13.1318 11.7217 13.5908C11.7217 14.0498 11.458 14.3818 10.916 14.3818H10.7598V14.6406C10.7598 15.3047 10.3447 15.6221 9.7832 15.6221ZM8.86523 12.8779V9.83594H8.82617C8.11816 10.8711 7.60547 11.6914 7.03418 12.8193V12.8779H8.86523Z\" fill=\"currentColor\"/><path d=\"M13.4453 15.6221C12.7861 15.6221 12.4102 15.2314 12.4102 14.5381V9.41602C12.4102 8.72266 12.7861 8.33203 13.4453 8.33203C14.1045 8.33203 14.4805 8.72266 14.4805 9.41602V11.2471H14.5195L16.6826 8.80078C16.9805 8.46875 17.249 8.33203 17.6006 8.33203C18.1426 8.33203 18.582 8.75684 18.582 9.28906C18.582 9.60156 18.4746 9.82617 18.1816 10.1387L16.7266 11.6914L18.25 13.5762C18.6064 14.0156 18.7578 14.3281 18.7578 14.6211C18.7578 15.1875 18.3281 15.6221 17.7617 15.6221C17.3174 15.6221 17.0146 15.4561 16.6777 15.0264L15.0957 13.0195L14.4805 13.6543V14.5381C14.4805 15.2314 14.1045 15.6221 13.4453 15.6221Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-stroke-2-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M18 5H6C4.34315 5 3 6.34315 3 8V16C3 17.6569 4.34315 19 6 19H18C19.6569 19 21 17.6569 21 16V8C21 6.34315 19.6569 5 18 5Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.7832 15.6221C9.2168 15.6221 8.80664 15.3047 8.80664 14.6406V14.3818H6.60449C5.85742 14.3818 5.33984 13.9082 5.33984 13.2246C5.33984 12.8486 5.4668 12.4531 5.74023 11.9648C6.19922 11.1396 6.63379 10.4219 7.17578 9.57227C7.76172 8.64941 8.24023 8.33203 9.0459 8.33203C10.0762 8.33203 10.7598 8.90332 10.7598 9.76758V12.7949H10.9209C11.4629 12.7949 11.7217 13.1318 11.7217 13.5908C11.7217 14.0498 11.458 14.3818 10.916 14.3818H10.7598V14.6406C10.7598 15.3047 10.3447 15.6221 9.7832 15.6221ZM8.86523 12.8779V9.83594H8.82617C8.11816 10.8711 7.60547 11.6914 7.03418 12.8193V12.8779H8.86523Z\" fill=\"currentColor\"/><path d=\"M13.4453 15.6221C12.7861 15.6221 12.4102 15.2314 12.4102 14.5381V9.41602C12.4102 8.72266 12.7861 8.33203 13.4453 8.33203C14.1045 8.33203 14.4805 8.72266 14.4805 9.41602V11.2471H14.5195L16.6826 8.80078C16.9805 8.46875 17.249 8.33203 17.6006 8.33203C18.1426 8.33203 18.582 8.75684 18.582 9.28906C18.582 9.60156 18.4746 9.82617 18.1816 10.1387L16.7266 11.6914L18.25 13.5762C18.6064 14.0156 18.7578 14.3281 18.7578 14.6211C18.7578 15.1875 18.3281 15.6221 17.7617 15.6221C17.3174 15.6221 17.0146 15.4561 16.6777 15.0264L15.0957 13.0195L14.4805 13.6543V14.5381C14.4805 15.2314 14.1045 15.6221 13.4453 15.6221Z\" 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=\"M14.5 11.5C15.6046 11.5 16.5 10.6046 16.5 9.5C16.5 8.39543 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 8.39543 12.5 9.5C12.5 10.6046 13.3954 11.5 14.5 11.5Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M11 20H7C5.34315 20 4 18.6569 4 17V7C4 5.34315 5.34315 4 7 4H17C18.6569 4 20 5.34315 20 7V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11 15L10.1213 14.1213C8.94975 12.9497 7.05025 12.9497 5.87868 14.1213L4 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M18 15V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M14.5 11.5C15.6046 11.5 16.5 10.6046 16.5 9.5C16.5 8.39543 15.6046 7.5 14.5 7.5C13.3954 7.5 12.5 8.39543 12.5 9.5C12.5 10.6046 13.3954 11.5 14.5 11.5Z\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M11 20H7C5.34315 20 4 18.6569 4 17V7C4 5.34315 5.34315 4 7 4H17C18.6569 4 20 5.34315 20 7V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11 15L10.1213 14.1213C8.94975 12.9497 7.05025 12.9497 5.87868 14.1213L4 16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15 18H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M18 15V21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", 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 d=\"M14.1209 3.87135C12.9493 2.69978 11.0498 2.69978 9.87823 3.87135L3.87087 9.87868C2.6993 11.0503 2.69929 12.9497 3.87086 14.1213L9.87822 20.1287C11.0498 21.3003 12.9493 21.3003 14.1209 20.1287L20.1282 14.1213C21.2998 12.9498 21.2998 11.0503 20.1282 9.87869L14.1209 3.87135Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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 d=\"M14.1209 3.87135C12.9493 2.69978 11.0498 2.69978 9.87823 3.87135L3.87087 9.87868C2.6993 11.0503 2.69929 12.9497 3.87086 14.1213L9.87822 20.1287C11.0498 21.3003 12.9493 21.3003 14.1209 20.1287L20.1282 14.1213C21.2998 12.9498 21.2998 11.0503 20.1282 9.87869L14.1209 3.87135Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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=\"M9 19C9 19.5523 8.55228 20 8 20C7.44772 20 7 19.5523 7 19C7 18.4477 7.44772 18 8 18C8.55228 18 9 18.4477 9 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18 19C18 19.5523 17.5523 20 17 20C16.4477 20 16 19.5523 16 19C16 18.4477 16.4477 18 17 18C17.5523 18 18 18.4477 18 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M21 6L19.9178 12.4932C19.6767 13.9398 18.4251 15 16.9586 15H8.54138C7.07486 15 5.82329 13.9398 5.5822 12.4932L4.2089 4.2534C4.08835 3.53012 3.46257 3 2.72931 3H2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10 7H13M13 7H16M13 7V4M13 7V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M9 19C9 19.5523 8.55228 20 8 20C7.44772 20 7 19.5523 7 19C7 18.4477 7.44772 18 8 18C8.55228 18 9 18.4477 9 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18 19C18 19.5523 17.5523 20 17 20C16.4477 20 16 19.5523 16 19C16 18.4477 16.4477 18 17 18C17.5523 18 18 18.4477 18 19Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M21 6L19.9178 12.4932C19.6767 13.9398 18.4251 15 16.9586 15H8.54138C7.07486 15 5.82329 13.9398 5.5822 12.4932L4.2089 4.2534C4.08835 3.53012 3.46257 3 2.72931 3H2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M10 7H13M13 7H16M13 7V4M13 7V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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=\"M19.8031 9H17.5013M19.8031 9C20.427 9 20.8986 9.56504 20.787 10.1789L20.4558 12M19.8031 9H20.0013M17.5013 9H6.50129M17.5013 9L15.5013 4M6.50129 9H4.19951M6.50129 9L8.50129 4M4.19951 9C3.5756 9 3.10403 9.56505 3.21564 10.1789L4.55341 17.5367C4.81277 18.9631 6.05516 20 7.50502 20H10.0013M4.19951 9H4.00129M17.0013 15V18M17.0013 18V21M17.0013 18H14.0013M17.0013 18H20.0013\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAddToBasket2", props.mode)} />
-);
+export const IconAddToBasket2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M19.8031 9H17.5013M19.8031 9C20.427 9 20.8986 9.56504 20.787 10.1789L20.4558 12M19.8031 9H20.0013M17.5013 9H6.50129M17.5013 9L15.5013 4M6.50129 9H4.19951M6.50129 9L8.50129 4M4.19951 9C3.5756 9 3.10403 9.56505 3.21564 10.1789L4.55341 17.5367C4.81277 18.9631 6.05516 20 7.50502 20H10.0013M4.19951 9H4.00129M17.0013 15V18M17.0013 18V21M17.0013 18H14.0013M17.0013 18H20.0013\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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=\"M19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 16.5L12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 1.1001V1.1101\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M1.10156 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M22.8984 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 4.30005V4.31005M19.6992 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 19.7V19.71M19.6992 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<path d=\"M19 12C19 15.866 15.866 19 12 19C8.13401 19 5 15.866 5 12C5 8.13401 8.13401 5 12 5C15.866 5 19 8.13401 19 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 16.5L12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 1.1001V1.1101\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M1.10156 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M22.8984 12V12.01\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 4.30005V4.31005M19.6992 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 4.30005V4.31005\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M19.6992 19.7V19.71M19.6992 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/><path d=\"M4.30078 19.7V19.71\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\"/>", 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-outlined-radius-3-stroke-2-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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-outlined-radius-3-stroke-2-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"12\" cy=\"6\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 8.5V12M12 12H9C7.34315 12 6 13.3431 6 15V15.5M12 12H15C16.6569 12 18 13.3431 18 15V15.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"12\" cy=\"6\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"18\" cy=\"18\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 8.5V12M12 12H9C7.34315 12 6 13.3431 6 15V15.5M12 12H15C16.6569 12 18 13.3431 18 15V15.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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("<circle cx=\"18.5\" cy=\"7.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 6.8501L16 7.2501M17.75 10.0001L16.55 14.0001M13.5 14.3572L12 12.0001L10.4091 9.5001M6.25 14.0001L7.45 10.0001M8 16.7501L12 17.1501\" stroke=\"currentColor\" stroke-width=\"2\"/>", "round-outlined-radius-3-stroke-2-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"18.5\" cy=\"7.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.5\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M12 6.8501L16 7.2501M17.75 10.0001L16.55 14.0001M13.5 14.3572L12 12.0001L10.4091 9.5001M6.25 14.0001L7.45 10.0001M8 16.7501L12 17.1501\" stroke=\"currentColor\" stroke-width=\"2\"/>", 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=\"M4 6H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 6L20 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 12H5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 12H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 18H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5506 13.7315L18.6795 11.4667C18.5714 11.1855 18.3012 11 18 11C17.6988 11 17.4286 11.1855 17.3205 11.4667L16.4494 13.7315C16.3225 14.0616 16.0616 14.3225 15.7315 14.4494L13.4667 15.3205C13.1855 15.4286 13 15.6988 13 16C13 16.3012 13.1855 16.5714 13.4667 16.6795L15.7315 17.5506C16.0616 17.6775 16.3225 17.9384 16.4494 18.2685L17.3205 20.5333C17.4286 20.8145 17.6988 21 18 21C18.3012 21 18.5714 20.8145 18.6795 20.5333L19.5506 18.2685C19.6775 17.9384 19.9384 17.6775 20.2685 17.5506L22.5333 16.6795C22.8145 16.5714 23 16.3012 23 16C23 15.6988 22.8145 15.4286 22.5333 15.3205L20.2685 14.4494C19.9384 14.3225 19.6775 14.0616 19.5506 13.7315Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-stroke-2-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M4 6H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16 6L20 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 12H5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 12H12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 18H9\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5506 13.7315L18.6795 11.4667C18.5714 11.1855 18.3012 11 18 11C17.6988 11 17.4286 11.1855 17.3205 11.4667L16.4494 13.7315C16.3225 14.0616 16.0616 14.3225 15.7315 14.4494L13.4667 15.3205C13.1855 15.4286 13 15.6988 13 16C13 16.3012 13.1855 16.5714 13.4667 16.6795L15.7315 17.5506C16.0616 17.6775 16.3225 17.9384 16.4494 18.2685L17.3205 20.5333C17.4286 20.8145 17.6988 21 18 21C18.3012 21 18.5714 20.8145 18.6795 20.5333L19.5506 18.2685C19.6775 17.9384 19.9384 17.6775 20.2685 17.5506L22.5333 16.6795C22.8145 16.5714 23 16.3012 23 16C23 15.6988 22.8145 15.4286 22.5333 15.3205L20.2685 14.4494C19.9384 14.3225 19.6775 14.0616 19.5506 13.7315Z\" 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("<circle cx=\"18\" cy=\"19\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M10.4139 10.586L10.5855 10.4144C11.3665 9.63335 12.6329 9.63335 13.4139 10.4144L13.5855 10.586C14.3665 11.367 14.3665 12.6334 13.5855 13.4144L13.4139 13.586C12.6329 14.367 11.3665 14.367 10.5855 13.586L10.4139 13.4144C9.63286 12.6334 9.63286 11.367 10.4139 10.586Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M8 5H16.5C18.433 5 20 6.567 20 8.5C20 10.433 18.433 12 16.5 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M9 12H7.5C5.567 12 4 13.567 4 15.5C4 17.433 5.567 19 7.5 19H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"18\" cy=\"19\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><circle cx=\"6\" cy=\"5\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M10.4139 10.586L10.5855 10.4144C11.3665 9.63335 12.6329 9.63335 13.4139 10.4144L13.5855 10.586C14.3665 11.367 14.3665 12.6334 13.5855 13.4144L13.4139 13.586C12.6329 14.367 11.3665 14.367 10.5855 13.586L10.4139 13.4144C9.63286 12.6334 9.63286 11.367 10.4139 10.586Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M8 5H16.5C18.433 5 20 6.567 20 8.5C20 10.433 18.433 12 16.5 12H15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M9 12H7.5C5.567 12 4 13.567 4 15.5C4 17.433 5.567 19 7.5 19H16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>", 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("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M9.5 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M14.5 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M9.5 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M14.5 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", 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("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M11 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M16 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M11 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M16 9.75V12.25\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/>", 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 d=\"M4 7H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 7L8.4319 5.27239C8.76578 3.93689 9.96573 3 11.3423 3H12.6577C14.0343 3 15.2342 3.93689 15.5681 5.27239L16 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 7V13.25C5 14.2165 5.7835 15 6.75 15C7.7165 15 8.5 14.2165 8.5 13.25V11.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M17.9999 14L17.6989 18.2137C17.5867 19.7837 16.2804 21 14.7065 21H9.29322C7.7193 21 6.41298 19.7837 6.30084 18.2137L6.07129 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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 d=\"M4 7H20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8 7L8.4319 5.27239C8.76578 3.93689 9.96573 3 11.3423 3H12.6577C14.0343 3 15.2342 3.93689 15.5681 5.27239L16 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 7V13.25C5 14.2165 5.7835 15 6.75 15C7.7165 15 8.5 14.2165 8.5 13.25V11.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V7.5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M15.5 12V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"/><path d=\"M17.9999 14L17.6989 18.2137C17.5867 19.7837 16.2804 21 14.7065 21H9.29322C7.7193 21 6.41298 19.7837 6.30084 18.2137L6.07129 15\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/>", 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 d=\"M15.4104 5.32736C14.2173 4.13428 13.6208 3.53774 12.9333 3.31546C12.3287 3.11994 11.6776 3.12146 11.0739 3.3198C10.3875 3.5453 9.7938 4.14462 8.60631 5.34326L3.25003 10.7499C2.51705 11.4376 2.63876 12.5286 2.9727 13.4766C3.15838 14.0037 3.09827 14.5568 2.62783 15.1845C2.24764 15.6917 1.9777 16.2928 2.23787 16.8131C3.11751 18.5722 5.81287 16.1256 6.50037 18.1881C6.74051 18.9085 6.0215 20.3549 7.18788 20.9381C8.35426 21.5213 8.99225 19.5631 10.6254 19.5631C12.2585 19.5631 12.4424 20.4537 14.0629 20.2506C15.4975 20.0707 16.0699 19.0861 17.5004 18.8756C17.7989 18.8316 18.0935 18.8788 18.3771 18.9879C19.6051 19.4604 21.4988 19.2697 21.8035 17.9897C21.9122 17.5334 21.7309 17.0942 21.4162 16.6994C20.6673 15.7601 19.4019 14.568 20.5 13.4999C21.3676 12.6786 21.3864 11.3034 20.5417 10.4587L15.4104 5.32736Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M10.9748 9.06985C10.9343 8.49148 11.3926 8 11.9724 8H12.0276C12.6073 8 13.0656 8.49147 13.0251 9.06983L12.8024 12.2518C12.7729 12.6732 12.4224 13 12 13C11.5776 13 11.2271 12.6732 11.1976 12.2518L10.9748 9.06985Z\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"15\" r=\"1\" fill=\"currentColor\"/>", "round-outlined-radius-3-stroke-2-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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 d=\"M15.4104 5.32736C14.2173 4.13428 13.6208 3.53774 12.9333 3.31546C12.3287 3.11994 11.6776 3.12146 11.0739 3.3198C10.3875 3.5453 9.7938 4.14462 8.60631 5.34326L3.25003 10.7499C2.51705 11.4376 2.63876 12.5286 2.9727 13.4766C3.15838 14.0037 3.09827 14.5568 2.62783 15.1845C2.24764 15.6917 1.9777 16.2928 2.23787 16.8131C3.11751 18.5722 5.81287 16.1256 6.50037 18.1881C6.74051 18.9085 6.0215 20.3549 7.18788 20.9381C8.35426 21.5213 8.99225 19.5631 10.6254 19.5631C12.2585 19.5631 12.4424 20.4537 14.0629 20.2506C15.4975 20.0707 16.0699 19.0861 17.5004 18.8756C17.7989 18.8316 18.0935 18.8788 18.3771 18.9879C19.6051 19.4604 21.4988 19.2697 21.8035 17.9897C21.9122 17.5334 21.7309 17.0942 21.4162 16.6994C20.6673 15.7601 19.4019 14.568 20.5 13.4999C21.3676 12.6786 21.3864 11.3034 20.5417 10.4587L15.4104 5.32736Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"/><path d=\"M10.9748 9.06985C10.9343 8.49148 11.3926 8 11.9724 8H12.0276C12.6073 8 13.0656 8.49147 13.0251 9.06983L12.8024 12.2518C12.7729 12.6732 12.4224 13 12 13C11.5776 13 11.2271 12.6732 11.1976 12.2518L10.9748 9.06985Z\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"15\" r=\"1\" 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("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M13.5905 9.68381L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.4095 9.68381C10.308 9.94791 10.0993 10.1566 9.83518 10.2582L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.83518 13.4391C10.0993 13.5407 10.308 13.7494 10.4095 14.0135L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.5905 14.0135C13.692 13.7494 13.9007 13.5407 14.1648 13.4391L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.1648 10.2582C13.9007 10.1566 13.692 9.9479 13.5905 9.68381Z\" fill=\"currentColor\"/>", "round-outlined-radius-3-stroke-2-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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("<circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"2\"/><path d=\"M13.5905 9.68381L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.4095 9.68381C10.308 9.94791 10.0993 10.1566 9.83518 10.2582L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.83518 13.4391C10.0993 13.5407 10.308 13.7494 10.4095 14.0135L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.5905 14.0135C13.692 13.7494 13.9007 13.5407 14.1648 13.4391L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.1648 10.2582C13.9007 10.1566 13.692 9.9479 13.5905 9.68381Z\" 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 d=\"M3 7L11 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 7V5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.0008 15.0001C7.11407 14.0284 5.11567 11.6405 4.54688 7.37769\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.0001 15C6.88484 14.0288 8.88317 11.6428 9.45312 7.38403\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 18H18.5M12 20L15.0784 12.6888C15.4219 11.8729 16.5781 11.8729 16.9216 12.6888L20 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><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-outlined-radius-3-stroke-2-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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 d=\"M3 7L11 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 7V5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.0008 15.0001C7.11407 14.0284 5.11567 11.6405 4.54688 7.37769\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.0001 15C6.88484 14.0288 8.88317 11.6428 9.45312 7.38403\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 18H18.5M12 20L15.0784 12.6888C15.4219 11.8729 16.5781 11.8729 16.9216 12.6888L20 20\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><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 d=\"M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 19.4845C19.412 17.8699 21 15.1204 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 15.1204 4.58803 17.8699 7 19.4845\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 16.0004C7.78555 15.0882 7 13.6358 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.6358 16.2144 15.0882 15 16.0004\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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 d=\"M13 12C13 12.5523 12.5523 13 12 13C11.4477 13 11 12.5523 11 12C11 11.4477 11.4477 11 12 11C12.5523 11 13 11.4477 13 12Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M17 19.4845C19.412 17.8699 21 15.1204 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 15.1204 4.58803 17.8699 7 19.4845\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9 16.0004C7.78555 15.0882 7 13.6358 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12C17 13.6358 16.2144 15.0882 15 16.0004\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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 d=\"M14 21H10C8.89543 21 8 20.1046 8 19C8 17.8954 8.89543 17 10 17H14C15.1046 17 16 17.8954 16 19C16 20.1046 15.1046 21 14 21Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 11L11 16.5M13 16.5L20 11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 11V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 3C7.58172 3 4 6.58172 4 11C4 11 8.86971 10.5 12 10.5C15.1303 10.5 20 11 20 11C20 6.58172 16.4183 3 12 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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 d=\"M14 21H10C8.89543 21 8 20.1046 8 19C8 17.8954 8.89543 17 10 17H14C15.1046 17 16 17.8954 16 19C16 20.1046 15.1046 21 14 21Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4 11L11 16.5M13 16.5L20 11\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 11V16\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 3C7.58172 3 4 6.58172 4 11C4 11 8.86971 10.5 12 10.5C15.1303 10.5 20 11 20 11C20 6.58172 16.4183 3 12 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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=\"M16.3284 4.17157L13.5 7L6.78288 4.62925C5.69344 4.24475 4.48002 4.51998 3.6631 5.3369L3 6L9.5 11L7.5 13H6.74264C5.94699 13 5.18393 13.3161 4.62132 13.8787L3 15.5L5.72319 16.5212C6.53446 16.8254 7.17458 17.4655 7.4788 18.2768L8.5 21L10.1213 19.3787C10.6839 18.8161 11 18.053 11 17.2574V16.5L13 14.5L18 21L18.6631 20.3369C19.48 19.52 19.7553 18.3066 19.3707 17.2171L17 10.5L19.8284 7.67157C20.5786 6.92143 21 5.90401 21 4.84315V3H19.1569C18.096 3 17.0786 3.42143 16.3284 4.17157Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAirplane", props.mode)} />
-);
+export const IconAirplane = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-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=\"M16.3284 4.17157L13.5 7L6.78288 4.62925C5.69344 4.24475 4.48002 4.51998 3.6631 5.3369L3 6L9.5 11L7.5 13H6.74264C5.94699 13 5.18393 13.3161 4.62132 13.8787L3 15.5L5.72319 16.5212C6.53446 16.8254 7.17458 17.4655 7.4788 18.2768L8.5 21L10.1213 19.3787C10.6839 18.8161 11 18.053 11 17.2574V16.5L13 14.5L18 21L18.6631 20.3369C19.48 19.52 19.7553 18.3066 19.3707 17.2171L17 10.5L19.8284 7.67157C20.5786 6.92143 21 5.90401 21 4.84315V3H19.1569C18.096 3 17.0786 3.42143 16.3284 4.17157Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplane;

package/IconAirplaneDown/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirplaneDown = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M3 19H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.23722 4.6656C6.79446 3.88968 6.03409 3.35104 5.16019 3.19426L4.07745 3L4.37583 7.13646L4.07812 7.34591C3.52833 7.73271 3.1525 8.3231 3.03264 8.9883C2.83195 10.1021 3.57798 11.1646 4.68621 11.3435L8.48719 11.957L7.9151 13.1392C7.62341 13.742 7.98471 14.4588 8.63945 14.5762L9.34695 14.7032C9.95837 14.8129 10.5885 14.7287 11.1505 14.4623L14.253 12.9915L18.6978 13.7889C19.5098 13.9346 20.3252 13.5518 20.7375 12.8315C21.1876 12.0452 21.0484 11.0507 20.4002 10.4207L18.9565 9.01779C18.6657 8.73513 18.2979 8.54799 17.8995 8.48044C16.2059 8.19321 11.4395 7.38304 9.40771 7.01851C8.82334 6.91367 8.31438 6.55324 8.01849 6.03472L7.23722 4.6656Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-3-stroke-2-IconAirplaneDown", props.mode)} />
-);
+export const IconAirplaneDown = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-3-stroke-2-IconAirplaneDown-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airplane-down, landing" })} innerHTML={maskInner("<path d=\"M3 19H21\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.23722 4.6656C6.79446 3.88968 6.03409 3.35104 5.16019 3.19426L4.07745 3L4.37583 7.13646L4.07812 7.34591C3.52833 7.73271 3.1525 8.3231 3.03264 8.9883C2.83195 10.1021 3.57798 11.1646 4.68621 11.3435L8.48719 11.957L7.9151 13.1392C7.62341 13.742 7.98471 14.4588 8.63945 14.5762L9.34695 14.7032C9.95837 14.8129 10.5885 14.7287 11.1505 14.4623L14.253 12.9915L18.6978 13.7889C19.5098 13.9346 20.3252 13.5518 20.7375 12.8315C21.1876 12.0452 21.0484 11.0507 20.4002 10.4207L18.9565 9.01779C18.6657 8.73513 18.2979 8.54799 17.8995 8.48044C16.2059 8.19321 11.4395 7.38304 9.40771 7.01851C8.82334 6.91367 8.31438 6.55324 8.01849 6.03472L7.23722 4.6656Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplaneDown;