@central-icons-solid/round-outlined-radius-1-stroke-1 1.1.320 → 1.1.321

package/Icon3d/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3d = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<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-1-stroke-1-Icon3d", props.mode)} />
-);
+export const Icon3d = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon3d-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d, shaders" })} innerHTML={maskInner("<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=\"M11.1998 21.7885C11.4913 21.9568 11.637 22.0409 11.7919 22.0738C11.929 22.103 12.0706 22.103 12.2077 22.0738C12.3626 22.0409 12.5084 21.9568 12.7998 21.7885L20.0766 17.5873C20.368 17.419 20.5137 17.3349 20.6197 17.2172C20.7135 17.113 20.7843 16.9903 20.8276 16.8571C20.8766 16.7064 20.8766 16.5382 20.8766 16.2016V7.79915C20.8766 7.46262 20.8766 7.29436 20.8276 7.14372C20.7843 7.01044 20.7135 6.88775 20.6197 6.78361C20.5137 6.66591 20.368 6.58178 20.0766 6.41351L12.7998 2.21227C12.5084 2.04401 12.3626 1.95987 12.2077 1.92694C12.0706 1.89781 11.929 1.89781 11.7919 1.92694C11.637 1.95987 11.4913 2.04401 11.1998 2.21227L3.92305 6.41351C3.6316 6.58178 3.48588 6.66591 3.3799 6.78361C3.28613 6.88775 3.2153 7.01044 3.17199 7.14372C3.12305 7.29436 3.12305 7.46262 3.12305 7.79915V16.2016C3.12305 16.5382 3.12305 16.7064 3.17199 16.8571C3.2153 16.9903 3.28613 17.113 3.3799 17.2172C3.48588 17.3349 3.6316 17.419 3.92305 17.5873L11.1998 21.7885Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 17M12.0001 12L3.33984 17M12.0001 12V2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-Icon3dBoxBottom", props.mode)} />
-);
+export const Icon3dBoxBottom = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon3dBoxBottom-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-bottom, shaders, model, room" })} innerHTML={maskInner("<path d=\"M11.1998 21.7885C11.4913 21.9568 11.637 22.0409 11.7919 22.0738C11.929 22.103 12.0706 22.103 12.2077 22.0738C12.3626 22.0409 12.5084 21.9568 12.7998 21.7885L20.0766 17.5873C20.368 17.419 20.5137 17.3349 20.6197 17.2172C20.7135 17.113 20.7843 16.9903 20.8276 16.8571C20.8766 16.7064 20.8766 16.5382 20.8766 16.2016V7.79915C20.8766 7.46262 20.8766 7.29436 20.8276 7.14372C20.7843 7.01044 20.7135 6.88775 20.6197 6.78361C20.5137 6.66591 20.368 6.58178 20.0766 6.41351L12.7998 2.21227C12.5084 2.04401 12.3626 1.95987 12.2077 1.92694C12.0706 1.89781 11.929 1.89781 11.7919 1.92694C11.637 1.95987 11.4913 2.04401 11.1998 2.21227L3.92305 6.41351C3.6316 6.58178 3.48588 6.66591 3.3799 6.78361C3.28613 6.88775 3.2153 7.01044 3.17199 7.14372C3.12305 7.29436 3.12305 7.46262 3.12305 7.79915V16.2016C3.12305 16.5382 3.12305 16.7064 3.17199 16.8571C3.2153 16.9903 3.28613 17.113 3.3799 17.2172C3.48588 17.3349 3.6316 17.419 3.92305 17.5873L11.1998 21.7885Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 17M12.0001 12L3.33984 17M12.0001 12V2\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default Icon3dBoxBottom;

package/Icon3dBoxTop/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const Icon3dBoxTop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.1998 2.2119C11.4913 2.04364 11.637 1.95951 11.7919 1.92658C11.929 1.89744 12.0706 1.89744 12.2077 1.92658C12.3626 1.95951 12.5084 2.04364 12.7998 2.2119L20.0766 6.41314C20.368 6.58141 20.5137 6.66554 20.6197 6.78324C20.7135 6.88739 20.7843 7.01008 20.8276 7.14336C20.8766 7.29399 20.8766 7.46225 20.8766 7.79878V16.2013C20.8766 16.5378 20.8766 16.7061 20.8276 16.8567C20.7843 16.99 20.7135 17.1127 20.6197 17.2168C20.5137 17.3345 20.368 17.4186 20.0766 17.5869L12.7998 21.7881C12.5084 21.9564 12.3626 22.0405 12.2077 22.0735C12.0706 22.1026 11.929 22.1026 11.7919 22.0735C11.637 22.0405 11.4913 21.9564 11.1998 21.7881L3.92305 17.5869C3.6316 17.4186 3.48588 17.3345 3.3799 17.2168C3.28613 17.1127 3.2153 16.99 3.17199 16.8567C3.12305 16.7061 3.12305 16.5378 3.12305 16.2013V7.79878C3.12305 7.46225 3.12305 7.29399 3.17199 7.14336C3.2153 7.01008 3.28613 6.88739 3.3799 6.78324C3.48588 6.66554 3.6316 6.58141 3.92305 6.41314L11.1998 2.2119Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 7M12.0001 12L3.33984 7M12.0001 12V22\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-Icon3dBoxTop", props.mode)} />
-);
+export const Icon3dBoxTop = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon3dBoxTop-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-box-top, shaders, model, cube, ar" })} innerHTML={maskInner("<path d=\"M11.1998 2.2119C11.4913 2.04364 11.637 1.95951 11.7919 1.92658C11.929 1.89744 12.0706 1.89744 12.2077 1.92658C12.3626 1.95951 12.5084 2.04364 12.7998 2.2119L20.0766 6.41314C20.368 6.58141 20.5137 6.66554 20.6197 6.78324C20.7135 6.88739 20.7843 7.01008 20.8276 7.14336C20.8766 7.29399 20.8766 7.46225 20.8766 7.79878V16.2013C20.8766 16.5378 20.8766 16.7061 20.8276 16.8567C20.7843 16.99 20.7135 17.1127 20.6197 17.2168C20.5137 17.3345 20.368 17.4186 20.0766 17.5869L12.7998 21.7881C12.5084 21.9564 12.3626 22.0405 12.2077 22.0735C12.0706 22.1026 11.929 22.1026 11.7919 22.0735C11.637 22.0405 11.4913 21.9564 11.1998 21.7881L3.92305 17.5869C3.6316 17.4186 3.48588 17.3345 3.3799 17.2168C3.28613 17.1127 3.2153 16.99 3.17199 16.8567C3.12305 16.7061 3.12305 16.5378 3.12305 16.2013V7.79878C3.12305 7.46225 3.12305 7.29399 3.17199 7.14336C3.2153 7.01008 3.28613 6.88739 3.3799 6.78324C3.48588 6.66554 3.6316 6.58141 3.92305 6.41314L11.1998 2.2119Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 7M12.0001 12L3.33984 7M12.0001 12V22\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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=\"M11.2018 2.21196C11.4932 2.0437 11.6389 1.95957 11.7938 1.92664C11.9309 1.8975 12.0726 1.8975 12.2097 1.92664C12.3646 1.95957 12.5103 2.0437 12.8018 2.21196L20.0785 6.4132C20.37 6.58147 20.5157 6.6656 20.6217 6.7833C20.7154 6.88745 20.7863 7.01014 20.8296 7.14342C20.8785 7.29405 20.8785 7.46232 20.8785 7.79884V16.2013C20.8785 16.5379 20.8785 16.7061 20.8296 16.8568C20.7863 16.99 20.7154 17.1127 20.6217 17.2169C20.5157 17.3346 20.37 17.4187 20.0785 17.587L12.8018 21.7882C12.5103 21.9565 12.3646 22.0406 12.2097 22.0735C12.0726 22.1027 11.9309 22.1027 11.7938 22.0735C11.6389 22.0406 11.4932 21.9565 11.2018 21.7882L3.925 17.587C3.63356 17.4187 3.48784 17.3346 3.38186 17.2169C3.28808 17.1127 3.21725 16.99 3.17394 16.8568C3.125 16.7061 3.125 16.5379 3.125 16.2013V7.79884C3.125 7.46232 3.125 7.29405 3.17394 7.14342C3.21725 7.01014 3.28808 6.88745 3.38186 6.7833C3.48784 6.6656 3.63356 6.58147 3.925 6.4132L11.2018 2.21196Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 7M12.0001 12L3.33984 7M12.0001 12V22\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5625 4.3125L16.4393 9.4375\" stroke=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-Icon3dPackage", props.mode)} />
-);
+export const Icon3dPackage = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon3dPackage-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-package, box" })} innerHTML={maskInner("<path d=\"M11.2018 2.21196C11.4932 2.0437 11.6389 1.95957 11.7938 1.92664C11.9309 1.8975 12.0726 1.8975 12.2097 1.92664C12.3646 1.95957 12.5103 2.0437 12.8018 2.21196L20.0785 6.4132C20.37 6.58147 20.5157 6.6656 20.6217 6.7833C20.7154 6.88745 20.7863 7.01014 20.8296 7.14342C20.8785 7.29405 20.8785 7.46232 20.8785 7.79884V16.2013C20.8785 16.5379 20.8785 16.7061 20.8296 16.8568C20.7863 16.99 20.7154 17.1127 20.6217 17.2169C20.5157 17.3346 20.37 17.4187 20.0785 17.587L12.8018 21.7882C12.5103 21.9565 12.3646 22.0406 12.2097 22.0735C12.0726 22.1027 11.9309 22.1027 11.7938 22.0735C11.6389 22.0406 11.4932 21.9565 11.2018 21.7882L3.925 17.587C3.63356 17.4187 3.48784 17.3346 3.38186 17.2169C3.28808 17.1127 3.21725 16.99 3.17394 16.8568C3.125 16.7061 3.125 16.5379 3.125 16.2013V7.79884C3.125 7.46232 3.125 7.29405 3.17394 7.14342C3.21725 7.01014 3.28808 6.88745 3.38186 6.7833C3.48784 6.6656 3.63356 6.58147 3.925 6.4132L11.2018 2.21196Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 7M12.0001 12L3.33984 7M12.0001 12V22\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5625 4.3125L16.4393 9.4375\" stroke=\"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=\"M11.2018 2.21196C11.4932 2.0437 11.6389 1.95957 11.7938 1.92664C11.9309 1.8975 12.0726 1.8975 12.2097 1.92664C12.3646 1.95957 12.5103 2.0437 12.8018 2.21196L20.0785 6.4132C20.37 6.58147 20.5157 6.6656 20.6217 6.7833C20.7154 6.88745 20.7863 7.01014 20.8296 7.14342C20.8785 7.29405 20.8785 7.46232 20.8785 7.79884V16.2013C20.8785 16.5379 20.8785 16.7061 20.8296 16.8568C20.7863 16.99 20.7154 17.1127 20.6217 17.2169C20.5157 17.3346 20.37 17.4187 20.0785 17.587L12.8018 21.7882C12.5103 21.9565 12.3646 22.0406 12.2097 22.0735C12.0726 22.1027 11.9309 22.1027 11.7938 22.0735C11.6389 22.0406 11.4932 21.9565 11.2018 21.7882L3.925 17.587C3.63356 17.4187 3.48784 17.3346 3.38186 17.2169C3.28808 17.1127 3.21725 16.99 3.17394 16.8568C3.125 16.7061 3.125 16.5379 3.125 16.2013V7.79884C3.125 7.46232 3.125 7.29405 3.17394 7.14342C3.21725 7.01014 3.28808 6.88745 3.38186 6.7833C3.48784 6.6656 3.63356 6.58147 3.925 6.4132L11.2018 2.21196Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 7M12.0001 12L3.33984 7M12.0001 12V22\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.6895 9.00454L16.9395 9.1481V14.109C16.9395 14.221 16.9395 14.277 16.9303 14.3287C16.9058 14.4676 16.8332 14.5935 16.7251 14.6842C16.6848 14.7179 16.6363 14.7459 16.5394 14.8019C16.4089 14.8772 16.3436 14.9148 16.2915 14.924C16.1481 14.9493 16.0073 14.868 15.9575 14.7312C15.9395 14.6815 15.9395 14.6061 15.9395 14.4554V9.72525L7.3125 4.74478L8.32785 4.17725L16.6895 9.00454Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-Icon3dPackage2", props.mode)} />
-);
+export const Icon3dPackage2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon3dPackage2-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-package-2, box, delivery" })} innerHTML={maskInner("<path d=\"M11.2018 2.21196C11.4932 2.0437 11.6389 1.95957 11.7938 1.92664C11.9309 1.8975 12.0726 1.8975 12.2097 1.92664C12.3646 1.95957 12.5103 2.0437 12.8018 2.21196L20.0785 6.4132C20.37 6.58147 20.5157 6.6656 20.6217 6.7833C20.7154 6.88745 20.7863 7.01014 20.8296 7.14342C20.8785 7.29405 20.8785 7.46232 20.8785 7.79884V16.2013C20.8785 16.5379 20.8785 16.7061 20.8296 16.8568C20.7863 16.99 20.7154 17.1127 20.6217 17.2169C20.5157 17.3346 20.37 17.4187 20.0785 17.587L12.8018 21.7882C12.5103 21.9565 12.3646 22.0406 12.2097 22.0735C12.0726 22.1027 11.9309 22.1027 11.7938 22.0735C11.6389 22.0406 11.4932 21.9565 11.2018 21.7882L3.925 17.587C3.63356 17.4187 3.48784 17.3346 3.38186 17.2169C3.28808 17.1127 3.21725 16.99 3.17394 16.8568C3.125 16.7061 3.125 16.5379 3.125 16.2013V7.79884C3.125 7.46232 3.125 7.29405 3.17394 7.14342C3.21725 7.01014 3.28808 6.88745 3.38186 6.7833C3.48784 6.6656 3.63356 6.58147 3.925 6.4132L11.2018 2.21196Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.0001 12L20.6604 7M12.0001 12L3.33984 7M12.0001 12V22\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.6895 9.00454L16.9395 9.1481V14.109C16.9395 14.221 16.9395 14.277 16.9303 14.3287C16.9058 14.4676 16.8332 14.5935 16.7251 14.6842C16.6848 14.7179 16.6363 14.7459 16.5394 14.8019C16.4089 14.8772 16.3436 14.9148 16.2915 14.924C16.1481 14.9493 16.0073 14.868 15.9575 14.7312C15.9395 14.6815 15.9395 14.6061 15.9395 14.4554V9.72525L7.3125 4.74478L8.32785 4.17725L16.6895 9.00454Z\" 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.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M2.60645 12.4757C3.29491 13.9989 7.23833 15.1666 12 15.1666C16.6988 15.1666 20.6009 14.0295 21.3646 12.5357\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M11.4997 21.3822C9.98835 20.6631 8.83301 16.7363 8.83301 12C8.83301 7.3877 9.92863 3.54312 11.3817 2.68079\" stroke=\"currentColor\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-1-Icon3dSphere", props.mode)} />
-);
+export const Icon3dSphere = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon3dSphere-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "3d-sphere" })} innerHTML={maskInner("<path d=\"M21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M2.60645 12.4757C3.29491 13.9989 7.23833 15.1666 12 15.1666C16.6988 15.1666 20.6009 14.0295 21.3646 12.5357\" stroke=\"currentColor\" stroke-linecap=\"round\"/><path d=\"M11.4997 21.3822C9.98835 20.6631 8.83301 16.7363 8.83301 12C8.83301 7.3877 9.92863 3.54312 11.3817 2.68079\" stroke=\"currentColor\" 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=\"M20.5 4.5H3.5C2.94772 4.5 2.5 4.94772 2.5 5.5V18.5C2.5 19.0523 2.94771 19.5 3.5 19.5H20.5C21.0523 19.5 21.5 19.0523 21.5 18.5V5.5C21.5 4.94772 21.0523 4.5 20.5 4.5Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.88281 16.1067C9.53467 16.1067 9.28198 15.8652 9.28198 15.4778V14.3884H5.94653C5.49731 14.3884 5.21094 14.1077 5.21094 13.6753C5.21094 13.3889 5.27832 13.1643 5.4917 12.7937C6.06445 11.7661 7.06958 10.2612 8.11401 8.74512C8.60815 8.01514 8.92822 7.79053 9.45605 7.79053C10.113 7.79053 10.4893 8.13306 10.4893 8.7395V13.3328H11.1294C11.4607 13.3328 11.6797 13.5461 11.6797 13.8606C11.6797 14.175 11.4607 14.3884 11.1294 14.3884H10.4893V15.4778C10.4893 15.8652 10.2366 16.1067 9.88281 16.1067ZM9.29321 13.3496V8.90234H9.27075C7.89502 10.8733 7.04712 12.1423 6.39014 13.3159V13.3496H9.29321Z\" fill=\"currentColor\"/><path d=\"M13.3081 16.0898C12.915 16.0898 12.6792 15.8428 12.6792 15.4385V8.45874C12.6792 8.05444 12.915 7.80737 13.3081 7.80737C13.6956 7.80737 13.937 8.05444 13.937 8.45874V11.7156H13.9875L17.396 8.06006C17.5645 7.87476 17.7161 7.80176 17.9126 7.80176C18.2551 7.80176 18.5022 8.05444 18.5022 8.38013C18.5022 8.53735 18.4404 8.67212 18.3057 8.81812L15.717 11.5078L18.5808 14.9668C18.738 15.1577 18.8054 15.3318 18.8054 15.489C18.8054 15.8315 18.5415 16.0955 18.199 16.0955C17.9519 16.0955 17.7891 16.0056 17.5981 15.7698L14.8018 12.3726L13.937 13.2991V15.4385C13.937 15.8428 13.6956 16.0898 13.3081 16.0898Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-Icon4k", props.mode)} />
-);
+export const Icon4k = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-Icon4k-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "4k" })} innerHTML={maskInner("<path d=\"M20.5 4.5H3.5C2.94772 4.5 2.5 4.94772 2.5 5.5V18.5C2.5 19.0523 2.94771 19.5 3.5 19.5H20.5C21.0523 19.5 21.5 19.0523 21.5 18.5V5.5C21.5 4.94772 21.0523 4.5 20.5 4.5Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/><path d=\"M9.88281 16.1067C9.53467 16.1067 9.28198 15.8652 9.28198 15.4778V14.3884H5.94653C5.49731 14.3884 5.21094 14.1077 5.21094 13.6753C5.21094 13.3889 5.27832 13.1643 5.4917 12.7937C6.06445 11.7661 7.06958 10.2612 8.11401 8.74512C8.60815 8.01514 8.92822 7.79053 9.45605 7.79053C10.113 7.79053 10.4893 8.13306 10.4893 8.7395V13.3328H11.1294C11.4607 13.3328 11.6797 13.5461 11.6797 13.8606C11.6797 14.175 11.4607 14.3884 11.1294 14.3884H10.4893V15.4778C10.4893 15.8652 10.2366 16.1067 9.88281 16.1067ZM9.29321 13.3496V8.90234H9.27075C7.89502 10.8733 7.04712 12.1423 6.39014 13.3159V13.3496H9.29321Z\" fill=\"currentColor\"/><path d=\"M13.3081 16.0898C12.915 16.0898 12.6792 15.8428 12.6792 15.4385V8.45874C12.6792 8.05444 12.915 7.80737 13.3081 7.80737C13.6956 7.80737 13.937 8.05444 13.937 8.45874V11.7156H13.9875L17.396 8.06006C17.5645 7.87476 17.7161 7.80176 17.9126 7.80176C18.2551 7.80176 18.5022 8.05444 18.5022 8.38013C18.5022 8.53735 18.4404 8.67212 18.3057 8.81812L15.717 11.5078L18.5808 14.9668C18.738 15.1577 18.8054 15.3318 18.8054 15.489C18.8054 15.8315 18.5415 16.0955 18.199 16.0955C17.9519 16.0955 17.7891 16.0056 17.5981 15.7698L14.8018 12.3726L13.937 13.2991V15.4385C13.937 15.8428 13.6956 16.0898 13.3081 16.0898Z\" 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=\"M12.5 20.5H4.5C3.94772 20.5 3.5 20.0523 3.5 19.5V4.5C3.5 3.94772 3.94772 3.5 4.5 3.5L19.5 3.5C20.0523 3.5 20.5 3.94772 20.5 4.5V12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><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-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 16.5L7.29289 12.7071C7.68342 12.3166 8.31658 12.3166 8.70711 12.7071L12.5 16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 18.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18.5 15.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAddImage", props.mode)} />
-);
+export const IconAddImage = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAddImage-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-image, upload-image" })} innerHTML={maskInner("<path d=\"M12.5 20.5H4.5C3.94772 20.5 3.5 20.0523 3.5 19.5V4.5C3.5 3.94772 3.94772 3.5 4.5 3.5L19.5 3.5C20.0523 3.5 20.5 3.94772 20.5 4.5V12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><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-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 16.5L7.29289 12.7071C7.68342 12.3166 8.31658 12.3166 8.70711 12.7071L12.5 16.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 18.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M18.5 15.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"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=\"M12.707 2.70695C12.3164 2.31643 11.6833 2.31643 11.2927 2.70695L2.70696 11.2927C2.31643 11.6832 2.31643 12.3164 2.70695 12.7069L11.2927 21.2927C11.6833 21.6833 12.3164 21.6833 12.707 21.2927L21.2927 12.7069C21.6833 12.3164 21.6833 11.6832 21.2927 11.2927L12.707 2.70695Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAddKeyframe", props.mode)} />
-);
+export const IconAddKeyframe = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAddKeyframe-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-keyframe, rhombus" })} innerHTML={maskInner("<path d=\"M12.707 2.70695C12.3164 2.31643 11.6833 2.31643 11.2927 2.70695L2.70696 11.2927C2.31643 11.6832 2.31643 12.3164 2.70695 12.7069L11.2927 21.2927C11.6833 21.6833 12.3164 21.6833 12.707 21.2927L21.2927 12.7069C21.6833 12.3164 21.6833 11.6832 21.2927 11.2927L12.707 2.70695Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/><path d=\"M12 9V15M9 12H15\" stroke=\"currentColor\" 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=\"M1.5 2.5H2.70449C3.17014 2.5 3.57417 2.82141 3.67888 3.27514L6.32112 14.7249C6.42583 15.1786 6.82986 15.5 7.29551 15.5H18.6802C19.1569 15.5 19.5673 15.1635 19.6608 14.6961L21.5 5.5M9.5 7H13M13 7H16.5M13 7V3.5M13 7V10.5M10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19ZM18.5 19C18.5 19.8284 17.8284 20.5 17 20.5C16.1716 20.5 15.5 19.8284 15.5 19C15.5 18.1716 16.1716 17.5 17 17.5C17.8284 17.5 18.5 18.1716 18.5 19Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAddToBasket", props.mode)} />
-);
+export const IconAddToBasket = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAddToBasket-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket" })} innerHTML={maskInner("<path d=\"M1.5 2.5H2.70449C3.17014 2.5 3.57417 2.82141 3.67888 3.27514L6.32112 14.7249C6.42583 15.1786 6.82986 15.5 7.29551 15.5H18.6802C19.1569 15.5 19.5673 15.1635 19.6608 14.6961L21.5 5.5M9.5 7H13M13 7H16.5M13 7V3.5M13 7V10.5M10.5 19C10.5 19.8284 9.82843 20.5 9 20.5C8.17157 20.5 7.5 19.8284 7.5 19C7.5 18.1716 8.17157 17.5 9 17.5C9.82843 17.5 10.5 18.1716 10.5 19ZM18.5 19C18.5 19.8284 17.8284 20.5 17 20.5C16.1716 20.5 15.5 19.8284 15.5 19C15.5 18.1716 16.1716 17.5 17 17.5C17.8284 17.5 18.5 18.1716 18.5 19Z\" stroke=\"currentColor\" 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=\"M17.9997 8.5H20.9095C21.2185 8.5 21.4535 8.77743 21.4027 9.0822L20.8331 12.5M17.9997 8.5H5.99974M17.9997 8.5L15.9997 3.5M5.99974 8.5H3.08997C2.781 8.5 2.54598 8.77743 2.59677 9.0822L4.36047 19.6644C4.44084 20.1466 4.85802 20.5 5.34686 20.5H11.4998M5.99974 8.5L7.99974 3.5M14.4998 18.5H17.4998M17.4998 18.5H20.4998M17.4998 18.5V15.5M17.4998 18.5V21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAddToBasket2", props.mode)} />
-);
+export const IconAddToBasket2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAddToBasket2-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "add-to-basket-2" })} innerHTML={maskInner("<path d=\"M17.9997 8.5H20.9095C21.2185 8.5 21.4535 8.77743 21.4027 9.0822L20.8331 12.5M17.9997 8.5H5.99974M17.9997 8.5L15.9997 3.5M5.99974 8.5H3.08997C2.781 8.5 2.54598 8.77743 2.59677 9.0822L4.36047 19.6644C4.44084 20.1466 4.85802 20.5 5.34686 20.5H11.4998M5.99974 8.5L7.99974 3.5M14.4998 18.5H17.4998M17.4998 18.5H20.4998M17.4998 18.5V15.5M17.4998 18.5V21.5\" stroke=\"currentColor\" 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.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 17L12 12\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M1.5 12C1.5 12.2761 1.27614 12.5 1 12.5C0.723858 12.5 0.5 12.2761 0.5 12C0.5 11.7239 0.723858 11.5 1 11.5C1.27614 11.5 1.5 11.7239 1.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 1C12.5 1.27614 12.2761 1.5 12 1.5C11.7239 1.5 11.5 1.27614 11.5 1C11.5 0.723858 11.7239 0.5 12 0.5C12.2761 0.5 12.5 0.723858 12.5 1Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M23.5 12C23.5 12.2761 23.2761 12.5 23 12.5C22.7239 12.5 22.5 12.2761 22.5 12C22.5 11.7239 22.7239 11.5 23 11.5C23.2761 11.5 23.5 11.7239 23.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 19.4246C4.77064 19.6199 4.77064 19.9365 4.57538 20.1317C4.38012 20.327 4.06353 20.327 3.86827 20.1317C3.67301 19.9365 3.67301 19.6199 3.86827 19.4246C4.06353 19.2294 4.38012 19.2294 4.57538 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 19.4246C20.327 19.6199 20.327 19.9365 20.1317 20.1317C19.9365 20.327 19.6199 20.327 19.4246 20.1317C19.2294 19.9365 19.2294 19.6199 19.4246 19.4246C19.6199 19.2294 19.9365 19.2294 20.1317 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 3.86827C4.77064 4.06353 4.77064 4.38012 4.57538 4.57538C4.38012 4.77064 4.06353 4.77064 3.86827 4.57538C3.67301 4.38012 3.67301 4.06353 3.86827 3.86827C4.06353 3.67301 4.38012 3.67301 4.57538 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 3.86827C20.327 4.06353 20.327 4.38012 20.1317 4.57538C19.9365 4.77064 19.6199 4.77064 19.4246 4.57538C19.2294 4.38012 19.2294 4.06353 19.4246 3.86827C19.6199 3.67301 19.9365 3.67301 20.1317 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAdjustPhoto", props.mode)} />
-);
+export const IconAdjustPhoto = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAdjustPhoto-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "adjust-photo, tuning, settings" })} innerHTML={maskInner("<path d=\"M19.5 12C19.5 16.1421 16.1421 19.5 12 19.5C7.85786 19.5 4.5 16.1421 4.5 12C4.5 7.85786 7.85786 4.5 12 4.5C16.1421 4.5 19.5 7.85786 19.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 17L12 12\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M1.5 12C1.5 12.2761 1.27614 12.5 1 12.5C0.723858 12.5 0.5 12.2761 0.5 12C0.5 11.7239 0.723858 11.5 1 11.5C1.27614 11.5 1.5 11.7239 1.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 1C12.5 1.27614 12.2761 1.5 12 1.5C11.7239 1.5 11.5 1.27614 11.5 1C11.5 0.723858 11.7239 0.5 12 0.5C12.2761 0.5 12.5 0.723858 12.5 1Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M23.5 12C23.5 12.2761 23.2761 12.5 23 12.5C22.7239 12.5 22.5 12.2761 22.5 12C22.5 11.7239 22.7239 11.5 23 11.5C23.2761 11.5 23.5 11.7239 23.5 12Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 19.4246C4.77064 19.6199 4.77064 19.9365 4.57538 20.1317C4.38012 20.327 4.06353 20.327 3.86827 20.1317C3.67301 19.9365 3.67301 19.6199 3.86827 19.4246C4.06353 19.2294 4.38012 19.2294 4.57538 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 19.4246C20.327 19.6199 20.327 19.9365 20.1317 20.1317C19.9365 20.327 19.6199 20.327 19.4246 20.1317C19.2294 19.9365 19.2294 19.6199 19.4246 19.4246C19.6199 19.2294 19.9365 19.2294 20.1317 19.4246Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M4.57538 3.86827C4.77064 4.06353 4.77064 4.38012 4.57538 4.57538C4.38012 4.77064 4.06353 4.77064 3.86827 4.57538C3.67301 4.38012 3.67301 4.06353 3.86827 3.86827C4.06353 3.67301 4.38012 3.67301 4.57538 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M20.1317 3.86827C20.327 4.06353 20.327 4.38012 20.1317 4.57538C19.9365 4.77064 19.6199 4.77064 19.4246 4.57538C19.2294 4.38012 19.2294 4.06353 19.4246 3.86827C19.6199 3.67301 19.9365 3.67301 20.1317 3.86827Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"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-1-stroke-1-IconAdobeAcrobat", props.mode)} />
-);
+export const IconAdobeAcrobat = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAdobeAcrobat-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "adobe-acrobat" })} innerHTML={maskInner("<path d=\"M21.3654 14.4172C19.9038 12.8994 15.9127 13.5178 14.9571 13.6302C13.5518 12.2811 12.5961 10.6509 12.2589 10.0888C12.7648 8.57101 13.1021 7.05325 13.1583 5.42308C13.1583 4.01775 12.5961 2.5 11.0222 2.5C10.46 2.5 9.95413 2.83728 9.67306 3.28698C8.9985 4.46746 9.27957 6.8284 10.3476 9.24556C9.72927 10.9882 9.16714 12.6746 7.59318 15.6538C5.963 16.3284 2.53401 17.9024 2.25294 19.5888C2.14052 20.0947 2.30915 20.6006 2.70265 20.9941C3.09614 21.3314 3.60205 21.5 4.10797 21.5C6.18785 21.5 8.21152 18.6331 9.61685 16.216C10.7973 15.8225 12.6524 15.2604 14.5074 14.9231C16.6997 16.8343 18.6109 17.1154 19.6228 17.1154C20.9719 17.1154 21.4778 16.5533 21.6464 16.0473C21.9275 15.4852 21.7589 14.8669 21.3654 14.4172ZM19.96 15.3728C19.9038 15.7663 19.3979 16.1598 18.4985 15.9349C17.4305 15.6538 16.4748 15.1479 15.6316 14.4734C16.3624 14.3609 17.9926 14.1923 19.1731 14.4172C19.6228 14.5296 20.0725 14.8107 19.96 15.3728ZM10.5725 3.7929C10.6849 3.62426 10.8535 3.51183 11.0222 3.51183C11.5281 3.51183 11.6405 4.13018 11.6405 4.6361C11.5843 5.81657 11.3595 6.99704 10.966 8.1213C10.1228 5.87278 10.2914 4.29882 10.5725 3.7929ZM10.46 14.6982C10.9097 13.7988 11.5281 12.2249 11.7529 11.5503C12.2589 12.3935 13.1021 13.4053 13.5518 13.855C13.5518 13.9112 11.8092 14.2485 10.46 14.6982ZM7.14348 16.9467C5.85058 19.0828 4.50146 20.432 3.77069 20.432C3.65827 20.432 3.54584 20.3757 3.43342 20.3195C3.26478 20.2071 3.20856 20.0385 3.26478 19.8136C3.43342 19.0266 4.89495 17.9586 7.14348 16.9467Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAdobeAcrobat;

package/IconAffinity/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAffinity = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "affinity" })} innerHTML={maskInner("<path d=\"M19.6157 6.52429C19.6157 3.88674 16.5606 2.75 12.6605 2.75C10.2882 2.75 7.60574 3.18911 5.11455 3.97485V9.13252C8.78581 6.45864 12.8647 5.31397 15.4921 5.31397C17.1442 5.31397 18.2652 5.77501 18.2652 6.60078C18.2652 10.0036 3.5 9.46437 3.5 16.817C3.5 19.6353 5.43794 21.25 8.1644 21.25C12.2884 21.25 15.4077 17.2423 17.7413 12.357L18.2141 12.5269C16.985 15.5123 14.4416 18.7856 13.9463 20.8899H19.2556V10.0035H18.0293C16.2493 13.8712 13.6411 17.4352 10.9329 17.4352C9.69652 17.4352 8.90999 16.6851 8.90999 15.7338C8.90999 11.6628 19.6157 10.8477 19.6157 6.52429Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-IconAffinity", props.mode)} />
-);
+export const IconAffinity = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAffinity-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "affinity" })} innerHTML={maskInner("<path d=\"M19.6157 6.52429C19.6157 3.88674 16.5606 2.75 12.6605 2.75C10.2882 2.75 7.60574 3.18911 5.11455 3.97485V9.13252C8.78581 6.45864 12.8647 5.31397 15.4921 5.31397C17.1442 5.31397 18.2652 5.77501 18.2652 6.60078C18.2652 10.0036 3.5 9.46437 3.5 16.817C3.5 19.6353 5.43794 21.25 8.1644 21.25C12.2884 21.25 15.4077 17.2423 17.7413 12.357L18.2141 12.5269C16.985 15.5123 14.4416 18.7856 13.9463 20.8899H19.2556V10.0035H18.0293C16.2493 13.8712 13.6411 17.4352 10.9329 17.4352C9.69652 17.4352 8.90999 16.6851 8.90999 15.7338C8.90999 11.6628 19.6157 10.8477 19.6157 6.52429Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAffinity;

package/IconAgent/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAgent = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"6\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"6.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"17.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><path d=\"M12 9V12M12 12H7.5C6.94772 12 6.5 12.4477 6.5 13V15M12 12H16.5C17.0523 12 17.5 12.4477 17.5 13V15\" stroke=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-IconAgent", props.mode)} />
-);
+export const IconAgent = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAgent-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agent, flow, diagram, org" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"6\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"6.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><circle cx=\"17.5\" cy=\"18\" r=\"3\" stroke=\"currentColor\"/><path d=\"M12 9V12M12 12H7.5C6.94772 12 6.5 12.4477 6.5 13V15M12 12H16.5C17.0523 12 17.5 12.4477 17.5 13V15\" stroke=\"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("<circle cx=\"18.5\" cy=\"7.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.75\" stroke=\"currentColor\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.75\" stroke=\"currentColor\"/><path d=\"M12.3643 6.78564L15.5903 7.10081M17.9026 10.2759L16.826 13.7821M13.4093 14.1646L10.4993 9.6972M7.17742 10.2023L6.07812 13.7821M8.20985 16.8798L11.6071 17.2117\" stroke=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-IconAgentNetwork", props.mode)} />
-);
+export const IconAgentNetwork = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAgentNetwork-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agent-network, connections, atoms" })} innerHTML={maskInner("<circle cx=\"18.5\" cy=\"7.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"5.5\" cy=\"16.5\" r=\"2.75\" stroke=\"currentColor\"/><circle cx=\"8.5\" cy=\"6.5\" r=\"3.75\" stroke=\"currentColor\"/><circle cx=\"15.5\" cy=\"17.5\" r=\"3.75\" stroke=\"currentColor\"/><path d=\"M12.3643 6.78564L15.5903 7.10081M17.9026 10.2759L16.826 13.7821M13.4093 14.1646L10.4993 9.6972M7.17742 10.2023L6.07812 13.7821M8.20985 16.8798L11.6071 17.2117\" stroke=\"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=\"M3.5 5.5H12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 5.5L20.5 5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 11.5H5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 11.5L12.5 11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 17.5H9.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.2559 13.5954L18.6115 11.92C18.5142 11.667 18.2711 11.5 18 11.5C17.7289 11.5 17.4858 11.667 17.3885 11.92L16.7441 13.5954C16.5409 14.1235 16.1235 14.5409 15.5954 14.7441L13.92 15.3885C13.667 15.4858 13.5 15.7289 13.5 16C13.5 16.2711 13.667 16.5142 13.92 16.6115L15.5954 17.2559C16.1235 17.4591 16.5409 17.8765 16.7441 18.4046L17.3885 20.08C17.4858 20.333 17.7289 20.5 18 20.5C18.2711 20.5 18.5142 20.333 18.6115 20.08L19.2559 18.4046C19.4591 17.8765 19.8765 17.4591 20.4046 17.2559L22.08 16.6115C22.333 16.5142 22.5 16.2711 22.5 16C22.5 15.7289 22.333 15.4858 22.08 15.3885L20.4046 14.7441C19.8765 14.5409 19.4591 14.1235 19.2559 13.5954Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAgenticCoding", props.mode)} />
-);
+export const IconAgenticCoding = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAgenticCoding-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agentic-coding, ai-code, vibe-code" })} innerHTML={maskInner("<path d=\"M3.5 5.5H12.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 5.5L20.5 5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 11.5H5.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M8.5 11.5L12.5 11.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M3.5 17.5H9.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.2559 13.5954L18.6115 11.92C18.5142 11.667 18.2711 11.5 18 11.5C17.7289 11.5 17.4858 11.667 17.3885 11.92L16.7441 13.5954C16.5409 14.1235 16.1235 14.5409 15.5954 14.7441L13.92 15.3885C13.667 15.4858 13.5 15.7289 13.5 16C13.5 16.2711 13.667 16.5142 13.92 16.6115L15.5954 17.2559C16.1235 17.4591 16.5409 17.8765 16.7441 18.4046L17.3885 20.08C17.4858 20.333 17.7289 20.5 18 20.5C18.2711 20.5 18.5142 20.333 18.6115 20.08L19.2559 18.4046C19.4591 17.8765 19.8765 17.4591 20.4046 17.2559L22.08 16.6115C22.333 16.5142 22.5 16.2711 22.5 16C22.5 15.7289 22.333 15.4858 22.08 15.3885L20.4046 14.7441C19.8765 14.5409 19.4591 14.1235 19.2559 13.5954Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", 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=\"6\" cy=\"5\" r=\"2.5\" stroke=\"currentColor\"/><circle cx=\"18\" cy=\"19\" r=\"2.5\" stroke=\"currentColor\"/><path d=\"M8.5 5H17C18.933 5 20.5 6.567 20.5 8.5C20.5 10.433 18.933 12 17 12H14.5\" stroke=\"currentColor\"/><path d=\"M9.5 12H7C5.067 12 3.5 13.567 3.5 15.5C3.5 17.433 5.067 19 7 19H15.5\" stroke=\"currentColor\"/><path d=\"M9.45711 11.2929L11.2929 9.45711C11.6834 9.06658 12.3166 9.06658 12.7071 9.45711L14.5429 11.2929C14.9334 11.6834 14.9334 12.3166 14.5429 12.7071L12.7071 14.5429C12.3166 14.9334 11.6834 14.9334 11.2929 14.5429L9.45711 12.7071C9.06658 12.3166 9.06658 11.6834 9.45711 11.2929Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAgents", props.mode)} />
-);
+export const IconAgents = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAgents-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "agents, connections, flow, roadmap" })} innerHTML={maskInner("<circle cx=\"6\" cy=\"5\" r=\"2.5\" stroke=\"currentColor\"/><circle cx=\"18\" cy=\"19\" r=\"2.5\" stroke=\"currentColor\"/><path d=\"M8.5 5H17C18.933 5 20.5 6.567 20.5 8.5C20.5 10.433 18.933 12 17 12H14.5\" stroke=\"currentColor\"/><path d=\"M9.5 12H7C5.067 12 3.5 13.567 3.5 15.5C3.5 17.433 5.067 19 7 19H15.5\" stroke=\"currentColor\"/><path d=\"M9.45711 11.2929L11.2929 9.45711C11.6834 9.06658 12.3166 9.06658 12.7071 9.45711L14.5429 11.2929C14.9334 11.6834 14.9334 12.3166 14.5429 12.7071L12.7071 14.5429C12.3166 14.9334 11.6834 14.9334 11.2929 14.5429L9.45711 12.7071C9.06658 12.3166 9.06658 11.6834 9.45711 11.2929Z\" stroke=\"currentColor\" 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.5\" stroke=\"currentColor\"/><path d=\"M9.75 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/><path d=\"M14.25 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAiBotHead", props.mode)} />
-);
+export const IconAiBotHead = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAiBotHead-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-bot-head, robot" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke=\"currentColor\"/><path d=\"M9.75 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/><path d=\"M14.25 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" 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.5\" stroke=\"currentColor\"/><path d=\"M11.25 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/><path d=\"M15.75 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAiBotHeadLooking", props.mode)} />
-);
+export const IconAiBotHeadLooking = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAiBotHeadLooking-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-bot-head-looking, agent, robot" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke=\"currentColor\"/><path d=\"M11.25 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" stroke-linecap=\"round\"/><path d=\"M15.75 9.5V12.5\" stroke=\"currentColor\" stroke-width=\"1.25\" 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=\"M3.5 6.5H20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 6.5L8.31063 3.25746C8.42193 2.8123 8.82191 2.5 9.28078 2.5H14.7192C15.1781 2.5 15.5781 2.8123 15.6894 3.25746L16.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.82959 14.3508L6.41488 20.5939C6.46305 21.1077 6.89439 21.5005 7.41051 21.5005H16.5892C17.1054 21.5005 17.5367 21.1077 17.5849 20.5939L18.2184 13.8359\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 6.5V12.75C5 13.7165 5.7835 14.5 6.75 14.5C7.7165 14.5 8.5 13.7165 8.5 12.75V10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V9\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAiSlop", props.mode)} />
-);
+export const IconAiSlop = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAiSlop-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop, trash" })} innerHTML={maskInner("<path d=\"M3.5 6.5H20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7.5 6.5L8.31063 3.25746C8.42193 2.8123 8.82191 2.5 9.28078 2.5H14.7192C15.1781 2.5 15.5781 2.8123 15.6894 3.25746L16.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5.82959 14.3508L6.41488 20.5939C6.46305 21.1077 6.89439 21.5005 7.41051 21.5005H16.5892C17.1054 21.5005 17.5367 21.1077 17.5849 20.5939L18.2184 13.8359\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M5 6.5V12.75C5 13.7165 5.7835 14.5 6.75 14.5C7.7165 14.5 8.5 13.7165 8.5 12.75V10\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V12.25C15.5 13.2165 16.2835 14 17.25 14C18.2165 14 19 13.2165 19 12.25V6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M15.5 11V14.25C15.5 15.2165 14.7165 16 13.75 16C12.7835 16 12 15.2165 12 14.25V9\" stroke=\"currentColor\" stroke-linecap=\"round\" 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=\"M13.1317 3.04919C12.7357 2.65317 12.5377 2.45516 12.3094 2.38097C12.1085 2.31572 11.8922 2.31572 11.6913 2.38097C11.463 2.45516 11.265 2.65317 10.869 3.04919L2.98383 10.9343C2.64692 11.2712 2.47847 11.4397 2.40224 11.6329C2.32767 11.8219 2.31248 11.9691 2.3469 12.1694C2.38209 12.3741 2.55181 12.6332 2.89125 13.1515C3.27243 13.7336 3.30342 14.2835 2.62783 15.1849C2.24764 15.6922 1.9777 16.2933 2.23787 16.8135C3.11751 18.5726 5.81287 16.126 6.50037 18.1885C6.74051 18.909 6.0215 20.3553 7.18788 20.9385C8.35426 21.5217 8.99225 19.5635 10.6254 19.5635C12.2585 19.5635 12.4424 20.4542 14.0629 20.251C15.4975 20.0712 16.0699 19.0865 17.5004 18.876C17.7989 18.8321 18.0935 18.8793 18.3771 18.9884C19.6051 19.4608 21.4988 19.2702 21.8035 17.9902C21.9122 17.5338 21.7309 17.0946 21.4162 16.6999C20.8707 16.0157 19.7405 15.0778 20.1103 14.088C20.2085 13.8251 20.5172 13.5249 21.1344 12.9245C21.3409 12.7236 21.4442 12.6232 21.5086 12.5197C21.7073 12.2004 21.7101 11.7967 21.5158 11.4747C21.4529 11.3703 21.351 11.2685 21.1473 11.0648L13.1317 3.04919Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/><path d=\"M11.264 8.79745C11.2296 8.36771 11.5691 8 12.0002 8C12.4313 8 12.7708 8.36771 12.7364 8.79745L12.4321 12.6013C12.4141 12.8264 12.2261 13 12.0002 13C11.7743 13 11.5863 12.8264 11.5683 12.6013L11.264 8.79745Z\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"15\" r=\"0.75\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-IconAiSlopSign", props.mode)} />
-);
+export const IconAiSlopSign = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAiSlopSign-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-slop-sign, mark-as-slop" })} innerHTML={maskInner("<path d=\"M13.1317 3.04919C12.7357 2.65317 12.5377 2.45516 12.3094 2.38097C12.1085 2.31572 11.8922 2.31572 11.6913 2.38097C11.463 2.45516 11.265 2.65317 10.869 3.04919L2.98383 10.9343C2.64692 11.2712 2.47847 11.4397 2.40224 11.6329C2.32767 11.8219 2.31248 11.9691 2.3469 12.1694C2.38209 12.3741 2.55181 12.6332 2.89125 13.1515C3.27243 13.7336 3.30342 14.2835 2.62783 15.1849C2.24764 15.6922 1.9777 16.2933 2.23787 16.8135C3.11751 18.5726 5.81287 16.126 6.50037 18.1885C6.74051 18.909 6.0215 20.3553 7.18788 20.9385C8.35426 21.5217 8.99225 19.5635 10.6254 19.5635C12.2585 19.5635 12.4424 20.4542 14.0629 20.251C15.4975 20.0712 16.0699 19.0865 17.5004 18.876C17.7989 18.8321 18.0935 18.8793 18.3771 18.9884C19.6051 19.4608 21.4988 19.2702 21.8035 17.9902C21.9122 17.5338 21.7309 17.0946 21.4162 16.6999C20.8707 16.0157 19.7405 15.0778 20.1103 14.088C20.2085 13.8251 20.5172 13.5249 21.1344 12.9245C21.3409 12.7236 21.4442 12.6232 21.5086 12.5197C21.7073 12.2004 21.7101 11.7967 21.5158 11.4747C21.4529 11.3703 21.351 11.2685 21.1473 11.0648L13.1317 3.04919Z\" stroke=\"currentColor\" stroke-linejoin=\"round\"/><path d=\"M11.264 8.79745C11.2296 8.36771 11.5691 8 12.0002 8C12.4313 8 12.7708 8.36771 12.7364 8.79745L12.4321 12.6013C12.4141 12.8264 12.2261 13 12.0002 13C11.7743 13 11.5863 12.8264 11.5683 12.6013L11.264 8.79745Z\" fill=\"currentColor\"/><circle cx=\"12\" cy=\"15\" r=\"0.75\" 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.5\" stroke=\"currentColor\"/><path d=\"M13.6303 9.78752L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.3697 9.78752C10.2935 9.98559 10.137 10.1421 9.93888 10.2183L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.93888 13.479C10.137 13.5552 10.2935 13.7117 10.3697 13.9097L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.6303 13.9097C13.7065 13.7117 13.863 13.5552 14.0611 13.479L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.0611 10.2183C13.863 10.1421 13.7065 9.98559 13.6303 9.78752Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-IconAiTokens", props.mode)} />
-);
+export const IconAiTokens = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAiTokens-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-tokens, credits" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"9.5\" stroke=\"currentColor\"/><path d=\"M13.6303 9.78752L12.6795 7.31531C12.5714 7.03415 12.3012 6.84863 12 6.84863C11.6988 6.84863 11.4286 7.03415 11.3205 7.31531L10.3697 9.78752C10.2935 9.98559 10.137 10.1421 9.93888 10.2183L7.46667 11.1691C7.18552 11.2773 7 11.5474 7 11.8486C7 12.1499 7.18552 12.42 7.46667 12.5281L9.93888 13.479C10.137 13.5552 10.2935 13.7117 10.3697 13.9097L11.3205 16.382C11.4286 16.6631 11.6988 16.8486 12 16.8486C12.3012 16.8486 12.5714 16.6631 12.6795 16.382L13.6303 13.9097C13.7065 13.7117 13.863 13.5552 14.0611 13.479L16.5333 12.5281C16.8145 12.42 17 12.1499 17 11.8486C17 11.5474 16.8145 11.2773 16.5333 11.1691L14.0611 10.2183C13.863 10.1421 13.7065 9.98559 13.6303 9.78752Z\" 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=\"M2.5 6.5L11.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 6.5V4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.5 15.5C6.6822 14.3846 4.20506 11.6434 3.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.5 15.5C7.31602 14.3842 9.79342 11.6429 10.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 18.5H19.5M20.4999 20.5L16.9191 12.1447C16.5728 11.3365 15.4272 11.3365 15.0808 12.1447L11.5 20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", "round-outlined-radius-1-stroke-1-IconAiTranslate", props.mode)} />
-);
+export const IconAiTranslate = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAiTranslate-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "ai-translate,language, auto-translate" })} innerHTML={maskInner("<path d=\"M2.5 6.5L11.5 6.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M7 6.5V4.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M11.5 15.5C6.6822 14.3846 4.20506 11.6434 3.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M2.5 15.5C7.31602 14.3842 9.79342 11.6429 10.5 6.75\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 18.5H19.5M20.4999 20.5L16.9191 12.1447C16.5728 11.3365 15.4272 11.3365 15.0808 12.1447L11.5 20.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M19.5655 3.86018L18.9756 2.32667C18.8999 2.12986 18.7109 2 18.5 2C18.2891 2 18.1001 2.12986 18.0244 2.32667L17.4345 3.86018C17.333 4.12427 17.1243 4.33297 16.8602 4.43455L15.3267 5.02436C15.1299 5.10005 15 5.28914 15 5.5C15 5.71086 15.1299 5.89995 15.3267 5.97564L16.8602 6.56545C17.1243 6.66703 17.333 6.87573 17.4345 7.13982L18.0244 8.67333C18.1001 8.87014 18.2891 9 18.5 9C18.7109 9 18.8999 8.87014 18.9756 8.67333L19.5655 7.13982C19.667 6.87573 19.8757 6.66703 20.1398 6.56545L21.6733 5.97564C21.8701 5.89995 22 5.71086 22 5.5C22 5.28914 21.8701 5.10005 21.6733 5.02436L20.1398 4.43455C19.8757 4.33297 19.667 4.12427 19.5655 3.86018Z\" fill=\"currentColor\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAiTranslate;

package/IconAirdrop/index.tsx

@@ -1,7 +1,11 @@
+import { createUniqueId } from "solid-js";
 import { svgAttrs, maskInner, type CentralIconBaseProps } from "../CentralIconBase";
 
-export const IconAirdrop = (props: CentralIconBaseProps) => (
-  <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"1.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 11.5H11.5V12.5H12.5V11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.7508 20.2286C19.5899 18.5859 21.5 15.516 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 15.516 4.41007 18.5859 7.24917 20.2286\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.24865 16.7634C7.60544 15.8122 6.5 14.0352 6.5 12C6.5 8.96243 8.96243 6.5 12 6.5C15.0376 6.5 17.5 8.96243 17.5 12C17.5 14.0352 16.3946 15.8122 14.7514 16.7634\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAirdrop", props.mode)} />
-);
+export const IconAirdrop = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAirdrop-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airdrop, file-sharing, radar" })} innerHTML={maskInner("<circle cx=\"12\" cy=\"12\" r=\"1.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12.5 11.5H11.5V12.5H12.5V11.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M16.7508 20.2286C19.5899 18.5859 21.5 15.516 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 15.516 4.41007 18.5859 7.24917 20.2286\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M9.24865 16.7634C7.60544 15.8122 6.5 14.0352 6.5 12C6.5 8.96243 8.96243 6.5 12 6.5C15.0376 6.5 17.5 8.96243 17.5 12C17.5 14.0352 16.3946 15.8122 14.7514 16.7634\" stroke=\"currentColor\" 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=\"M7.5 20.5V17.5C7.5 16.9477 7.94772 16.5 8.5 16.5H15.5C16.0523 16.5 16.5 16.9477 16.5 17.5V20.5C16.5 21.0523 16.0523 21.5 15.5 21.5H8.5C7.94772 21.5 7.5 21.0523 7.5 20.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 16.25L20 11.25M4 11.25L10.5 16.25M12 10.5V16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 2.5C7.30558 2.5 3.5 6.30558 3.5 11C3.5 11 8.67407 10.4688 12 10.4688C15.3259 10.4688 20.5 11 20.5 11C20.5 6.30558 16.6944 2.5 12 2.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAirdrop2", props.mode)} />
-);
+export const IconAirdrop2 = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-IconAirdrop2-" + createUniqueId();
+  // Prevent reactive attributes from clearing innerHTML via a children update.
+  // Keep innerHTML before children so SSR uses the SVG markup.
+  return <svg {...svgAttrs({ ...props, ariaLabel: "airdrop-2, free, drop, parachute" })} innerHTML={maskInner("<path d=\"M7.5 20.5V17.5C7.5 16.9477 7.94772 16.5 8.5 16.5H15.5C16.0523 16.5 16.5 16.9477 16.5 17.5V20.5C16.5 21.0523 16.0523 21.5 15.5 21.5H8.5C7.94772 21.5 7.5 21.0523 7.5 20.5Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M13.5 16.25L20 11.25M4 11.25L10.5 16.25M12 10.5V16\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M12 2.5C7.30558 2.5 3.5 6.30558 3.5 11C3.5 11 8.67407 10.4688 12 10.4688C15.3259 10.4688 20.5 11 20.5 11C20.5 6.30558 16.6944 2.5 12 2.5Z\" stroke=\"currentColor\" 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.6023 3.70324L13.5833 6.72222L5.2054 3.76531C4.84226 3.63714 4.43778 3.72888 4.16548 4.00119L2.5 5.66667L9.36111 10.9444L7.25 13.0556H5.5531C5.28789 13.0556 5.03353 13.1609 4.846 13.3484L2.5 15.6944L6.29662 17.1182C6.56704 17.2196 6.78042 17.433 6.88182 17.7034L8.30556 21.5L10.6516 19.154C10.8391 18.9665 10.9444 18.7121 10.9444 18.4469V16.75L13.0556 14.6389L18.3333 21.5L19.9988 19.8345C20.2711 19.5622 20.3629 19.1577 20.2347 18.7946L17.2778 10.4167L20.2968 7.39768C21.0672 6.62726 21.5 5.58235 21.5 4.49281V2.5H19.5072C18.4177 2.5 17.3727 2.93282 16.6023 3.70324Z\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAirplane", props.mode)} />
-);
+export const IconAirplane = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-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.6023 3.70324L13.5833 6.72222L5.2054 3.76531C4.84226 3.63714 4.43778 3.72888 4.16548 4.00119L2.5 5.66667L9.36111 10.9444L7.25 13.0556H5.5531C5.28789 13.0556 5.03353 13.1609 4.846 13.3484L2.5 15.6944L6.29662 17.1182C6.56704 17.2196 6.78042 17.433 6.88182 17.7034L8.30556 21.5L10.6516 19.154C10.8391 18.9665 10.9444 18.7121 10.9444 18.4469V16.75L13.0556 14.6389L18.3333 21.5L19.9988 19.8345C20.2711 19.5622 20.3629 19.1577 20.2347 18.7946L17.2778 10.4167L20.2968 7.39768C21.0672 6.62726 21.5 5.58235 21.5 4.49281V2.5H19.5072C18.4177 2.5 17.3727 2.93282 16.6023 3.70324Z\" stroke=\"currentColor\" 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=\"M2.5 19.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.84232 3.62915C6.71954 3.35334 6.47874 3.14776 6.18709 3.06976L4.05653 2.5L3.94836 7.04412L3.14071 7.46252C2.88012 7.59752 2.69198 7.84019 2.62617 8.12621L2.55556 8.43306C2.29612 9.56056 2.9695 10.6924 4.07037 10.9791L8.03023 12.0106L6.95361 14.0605C6.65546 14.6282 6.96113 15.3259 7.58059 15.4916L9.09632 15.8969C9.34383 15.9631 9.60731 15.9318 9.83239 15.8094L13.972 13.5584L19.4235 14.8589C20.0965 15.0194 20.7977 14.7464 21.1941 14.1693C21.6626 13.4874 21.586 12.5617 21.012 11.9695L19.3535 10.258C19.0855 9.98141 18.7518 9.78594 18.382 9.69091C16.6737 9.25195 11.5253 7.92713 9.35235 7.34602C8.73702 7.18147 8.22895 6.74418 7.96553 6.15242L6.84232 3.62915Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/>", "round-outlined-radius-1-stroke-1-IconAirplaneDown", props.mode)} />
-);
+export const IconAirplaneDown = (props: CentralIconBaseProps) => {
+  const maskId = "round-outlined-radius-1-stroke-1-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=\"M2.5 19.5H21.5\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/><path d=\"M6.84232 3.62915C6.71954 3.35334 6.47874 3.14776 6.18709 3.06976L4.05653 2.5L3.94836 7.04412L3.14071 7.46252C2.88012 7.59752 2.69198 7.84019 2.62617 8.12621L2.55556 8.43306C2.29612 9.56056 2.9695 10.6924 4.07037 10.9791L8.03023 12.0106L6.95361 14.0605C6.65546 14.6282 6.96113 15.3259 7.58059 15.4916L9.09632 15.8969C9.34383 15.9631 9.60731 15.9318 9.83239 15.8094L13.972 13.5584L19.4235 14.8589C20.0965 15.0194 20.7977 14.7464 21.1941 14.1693C21.6626 13.4874 21.586 12.5617 21.012 11.9695L19.3535 10.258C19.0855 9.98141 18.7518 9.78594 18.382 9.69091C16.6737 9.25195 11.5253 7.92713 9.35235 7.34602C8.73702 7.18147 8.22895 6.74418 7.96553 6.15242L6.84232 3.62915Z\" stroke=\"currentColor\" stroke-linecap=\"square\" stroke-linejoin=\"round\"/>", maskId, props.mode)} children={null} />;
+};
 
 export default IconAirplaneDown;