feat: svg content on sever side

x64Bits · Oct 16, 2022 · 415dbc4 · 415dbc4
1 parent b863ecc
commit 415dbc4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/lib/index.tsx b/src/lib/index.tsx
@@ -1,4 +1,5 @@
 import type { JSX } from "solid-js";
+import { isServer } from "solid-js/web";
 
 export interface IconTree {
   a: JSX.SvgSVGAttributes<SVGSVGElement>;
@@ -27,7 +28,7 @@ export function IconTemplate(iconSrc: IconTree, props: IconProps): JSX.Element {
       style={{
         ...props.style,
         overflow: "visible",
-        color: props.color,
+        color: props.color || "currentColor",
       }}
       {...iconSrc.a}
       {...props}
@@ -36,6 +37,7 @@ export function IconTemplate(iconSrc: IconTree, props: IconProps): JSX.Element {
       innerHTML={iconSrc.c}
       xmlns="http://www.w3.org/2000/svg"
     >
+      {isServer && iconSrc.c}
       {props.title && <title>{props.title}</title>}
     </svg>
   );