@selemondev/svgl-svelte 2.4.0 → 2.5.1

package/dist/components/XState.svelte

@@ -7,11 +7,13 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg viewBox="0 0 800 405" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g fill="#000" fill-rule="evenodd"><path d="M342.953 156.14c20.78 0 33.34 8.767 35.358 24.687l.061.48H366.49l-.074-.333c-2.34-10.754-9.356-15.342-23.463-15.342-12.799 0-20.752 5.323-20.752 13.889 0 8.456 3.477 12.681 24.072 15.378 21.535 2.94 34.883 8.334 34.883 26.096 0 15.089-15.264 26.467-35.5 26.467-29.518 0-37.608-15.437-39.196-28.39l-.059-.478h12.76l.054.363c1.47 9.876 5.691 19.016 26.438 19.016 13.178 0 22.74-6.83 22.74-16.239 0-10.026-5.659-13.879-24.218-16.485-17.819-2.376-34.307-7.016-34.307-24.738 0-14.122 13.914-24.371 33.085-24.371Zm122.576 1.11v11.316h-29.547v77.787H422.79v-77.787h-29.547V157.25h72.285Zm52.908 0 34.709 89.103h-13.108l-9.947-25.427h-41.344l-9.8 25.427h-12.549l35.283-89.104h16.756Zm108.826 0v11.316h-29.547v77.787h-13.188v-77.784H554.98v-11.317h72.282v-.003Zm81.737 0v11.316h-49.311v27.44h25.027v11.195h-25.027v27.832H709v11.317h-62.5v-89.1H709Zm-199.51 10.462-16.154 42.994h32.306l-16.153-42.994ZM99.363 113l33.464.272c3.251.026 6.31 1.54 8.304 4.108l119.56 154.056c2.71 3.488.22 8.564-4.192 8.564h-35.035c-3.31 0-6.432-1.543-8.44-4.172l-33.345-45.635-36.905 45.777a10.623 10.623 0 0 1-8.33 4.03H99.32c-4.437 0-6.917-5.122-4.165-8.603l58.543-74.144-58.595-75.718c-2.68-3.51-.154-8.569 4.263-8.532l-.002-.003Zm157.091 0c4.46-.034 6.973 5.108 4.207 8.603l-52.239 66.006c-3.726-2.932-32.644-27.14-4.745-59.556 0 0 2.183-2.554 4.435-5.195l.436-.511.435-.51a676.11 676.11 0 0 0 3.842-4.533c2.759-3.339 5.03-4.005 8.247-4.03l35.382-.274Z"/></g></svg>
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 800 405" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g fill="#000" fill-rule="evenodd"><path d="M342.953 156.14c20.78 0 33.34 8.767 35.358 24.687l.061.48H366.49l-.074-.333c-2.34-10.754-9.356-15.342-23.463-15.342-12.799 0-20.752 5.323-20.752 13.889 0 8.456 3.477 12.681 24.072 15.378 21.535 2.94 34.883 8.334 34.883 26.096 0 15.089-15.264 26.467-35.5 26.467-29.518 0-37.608-15.437-39.196-28.39l-.059-.478h12.76l.054.363c1.47 9.876 5.691 19.016 26.438 19.016 13.178 0 22.74-6.83 22.74-16.239 0-10.026-5.659-13.879-24.218-16.485-17.819-2.376-34.307-7.016-34.307-24.738 0-14.122 13.914-24.371 33.085-24.371Zm122.576 1.11v11.316h-29.547v77.787H422.79v-77.787h-29.547V157.25h72.285Zm52.908 0 34.709 89.103h-13.108l-9.947-25.427h-41.344l-9.8 25.427h-12.549l35.283-89.104h16.756Zm108.826 0v11.316h-29.547v77.787h-13.188v-77.784H554.98v-11.317h72.282v-.003Zm81.737 0v11.316h-49.311v27.44h25.027v11.195h-25.027v27.832H709v11.317h-62.5v-89.1H709Zm-199.51 10.462-16.154 42.994h32.306l-16.153-42.994ZM99.363 113l33.464.272c3.251.026 6.31 1.54 8.304 4.108l119.56 154.056c2.71 3.488.22 8.564-4.192 8.564h-35.035c-3.31 0-6.432-1.543-8.44-4.172l-33.345-45.635-36.905 45.777a10.623 10.623 0 0 1-8.33 4.03H99.32c-4.437 0-6.917-5.122-4.165-8.603l58.543-74.144-58.595-75.718c-2.68-3.51-.154-8.569 4.263-8.532l-.002-.003Zm157.091 0c4.46-.034 6.973 5.108 4.207 8.603l-52.239 66.006c-3.726-2.932-32.644-27.14-4.745-59.556 0 0 2.183-2.554 4.435-5.195l.436-.511.435-.51a676.11 676.11 0 0 0 3.842-4.533c2.759-3.339 5.03-4.005 8.247-4.03l35.382-.274Z"/></g></svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Xata.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 134 135" width="${width}" height="${height}" ${restAttrs}><path fill="#8468f6" fill-rule="evenodd" d="M123.722 75.96c10.692 18.645 8.133 42.795-7.691 58.799l-.238.241-25.633-25.568zm-62.213 6.261a48.8 48.8 0 0 1-11.84 20.759l-.8.797-34.456-34.38C-4.72 50.315-4.805 19.424 14.163.238l.24-.237 35.406 35.312c12.269 12.9 16.168 30.819 11.7 46.91m-51.232-6.26C-.417 94.604 2.15 118.754 17.97 134.758l.242.241 25.632-25.568zm62.216 6.26c2.096 7.56 6.048 14.716 11.841 20.759l.8.797 34.452-34.38c19.136-19.083 19.217-49.974.251-69.16L119.598 0 84.19 35.312c-12.264 12.9-16.169 30.819-11.697 46.91" clip-rule="evenodd"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 134 135" width="${width}" height="${height}" ${restAttrs}><path fill="#8468f6" fill-rule="evenodd" d="M123.722 75.96c10.692 18.645 8.133 42.795-7.691 58.799l-.238.241-25.633-25.568zm-62.213 6.261a48.8 48.8 0 0 1-11.84 20.759l-.8.797-34.456-34.38C-4.72 50.315-4.805 19.424 14.163.238l.24-.237 35.406 35.312c12.269 12.9 16.168 30.819 11.7 46.91m-51.232-6.26C-.417 94.604 2.15 118.754 17.97 134.758l.242.241 25.632-25.568zm62.216 6.26c2.096 7.56 6.048 14.716 11.841 20.759l.8.797 34.452-34.38c19.136-19.083 19.217-49.974.251-69.16L119.598 0 84.19 35.312c-12.264 12.9-16.169 30.819-11.697 46.91" clip-rule="evenodd"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Xbox.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg viewBox="0 0 88 88" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><title>Xbox Logo</title><path fill="#107c10" d="M39.73 86.91c-6.628-.635-13.338-3.015-19.102-6.776-4.83-3.15-5.92-4.447-5.92-7.032 0-5.193 5.71-14.29 15.48-24.658 5.547-5.89 13.275-12.79 14.11-12.604 1.626.363 14.616 13.034 19.48 19 7.69 9.43 11.224 17.154 9.428 20.597-1.365 2.617-9.837 7.733-16.06 9.698-5.13 1.62-11.867 2.306-17.416 1.775zM8.184 67.703c-4.014-6.158-6.042-12.22-7.02-20.988-.324-2.895-.21-4.55.733-10.494 1.173-7.4 5.39-15.97 10.46-21.24 2.158-2.24 2.35-2.3 4.982-1.41 3.19 1.08 6.6 3.436 11.89 8.22l3.09 2.794-1.69 2.07c-7.828 9.61-16.09 23.24-19.2 31.67-1.69 4.58-2.37 9.18-1.64 11.095.49 1.294.04.812-1.61-1.714zm70.453 1.047c.397-1.936-.105-5.49-1.28-9.076-2.545-7.765-11.054-22.21-18.867-32.032l-2.46-3.092 2.662-2.443c3.474-3.19 5.886-5.1 8.49-6.723 2.053-1.28 4.988-2.413 6.25-2.413.777 0 3.516 2.85 5.726 5.95 3.424 4.8 5.942 10.63 7.218 16.69.825 3.92.894 12.3.133 16.21-.63 3.208-1.95 7.366-3.23 10.187-.97 2.113-3.36 6.218-4.41 7.554-.54.687-.54.686-.24-.796zM40.44 11.505C36.834 9.675 31.272 7.71 28.2 7.18c-1.076-.185-2.913-.29-4.08-.23-2.536.128-2.423-.004 1.643-1.925 3.38-1.597 6.2-2.536 10.03-3.34C40.098.78 48.193.77 52.43 1.663c4.575.965 9.964 2.97 13 4.84l.904.554-2.07-.104C60.148 6.745 54.15 8.408 47.71 11.54c-1.942.946-3.63 1.7-3.754 1.68-.123-.024-1.706-.795-3.52-1.715z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 88 88" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><title>Xbox Logo</title><path fill="#107c10" d="M39.73 86.91c-6.628-.635-13.338-3.015-19.102-6.776-4.83-3.15-5.92-4.447-5.92-7.032 0-5.193 5.71-14.29 15.48-24.658 5.547-5.89 13.275-12.79 14.11-12.604 1.626.363 14.616 13.034 19.48 19 7.69 9.43 11.224 17.154 9.428 20.597-1.365 2.617-9.837 7.733-16.06 9.698-5.13 1.62-11.867 2.306-17.416 1.775zM8.184 67.703c-4.014-6.158-6.042-12.22-7.02-20.988-.324-2.895-.21-4.55.733-10.494 1.173-7.4 5.39-15.97 10.46-21.24 2.158-2.24 2.35-2.3 4.982-1.41 3.19 1.08 6.6 3.436 11.89 8.22l3.09 2.794-1.69 2.07c-7.828 9.61-16.09 23.24-19.2 31.67-1.69 4.58-2.37 9.18-1.64 11.095.49 1.294.04.812-1.61-1.714zm70.453 1.047c.397-1.936-.105-5.49-1.28-9.076-2.545-7.765-11.054-22.21-18.867-32.032l-2.46-3.092 2.662-2.443c3.474-3.19 5.886-5.1 8.49-6.723 2.053-1.28 4.988-2.413 6.25-2.413.777 0 3.516 2.85 5.726 5.95 3.424 4.8 5.942 10.63 7.218 16.69.825 3.92.894 12.3.133 16.21-.63 3.208-1.95 7.366-3.23 10.187-.97 2.113-3.36 6.218-4.41 7.554-.54.687-.54.686-.24-.796zM40.44 11.505C36.834 9.675 31.272 7.71 28.2 7.18c-1.076-.185-2.913-.29-4.08-.23-2.536.128-2.423-.004 1.643-1.925 3.38-1.597 6.2-2.536 10.03-3.34C40.098.78 48.193.77 52.43 1.663c4.575.965 9.964 2.97 13 4.84l.904.554-2.07-.104C60.148 6.745 54.15 8.408 47.71 11.54c-1.942.946-3.63 1.7-3.754 1.68-.123-.024-1.706-.795-3.52-1.715z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/XformerlyTwitter.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1200 1227" width="${width}" height="${height}" ${restAttrs}><path fill="#000" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1200 1227" width="${width}" height="${height}" ${restAttrs}><path fill="#000" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/YGeeker.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><clipPath id="a"><path d="M0 0h1024v1024H0z"/></clipPath><path fill="#63c862" d="M536.359 484.569c-25.15-60.396 142.849-333.837 227.229-362.525 44.196-15.027 93.145 56.185 106.992 114.053 13.909 58.129 7.806 118.903-30.581 165.845-43.264 52.904-280.757 137.58-303.64 82.627Z"/><path fill="#ffca3d" d="M474.634 497.831c-36.492 18.111-128.758-5.131-225.151-42.057C164.575 423.249 61.32 336.983 59.942 310.149c-2.09-40.708 57.502-77.667 126.354-90.298 69.161-12.689 150.336-15.261 196.02 23.096 77.447 65.025 160.404 221.093 92.318 254.884Z"/><path fill="#4ebffe" d="M535.511 552.81c64.871 33.983 142.066 358.05 109.633 394.921-29.259 33.262-109.374 13.305-165.203-22.387-56.08-35.852-81.135-97.144-77.303-152.334 6.495-93.565 68.002-254.183 132.873-220.2Z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><clipPath id="a"><path d="M0 0h1024v1024H0z"/></clipPath><path fill="#63c862" d="M536.359 484.569c-25.15-60.396 142.849-333.837 227.229-362.525 44.196-15.027 93.145 56.185 106.992 114.053 13.909 58.129 7.806 118.903-30.581 165.845-43.264 52.904-280.757 137.58-303.64 82.627Z"/><path fill="#ffca3d" d="M474.634 497.831c-36.492 18.111-128.758-5.131-225.151-42.057C164.575 423.249 61.32 336.983 59.942 310.149c-2.09-40.708 57.502-77.667 126.354-90.298 69.161-12.689 150.336-15.261 196.02 23.096 77.447 65.025 160.404 221.093 92.318 254.884Z"/><path fill="#4ebffe" d="M535.511 552.81c64.871 33.983 142.066 358.05 109.633 394.921-29.259 33.262-109.374 13.305-165.203-22.387-56.08-35.852-81.135-97.144-77.303-152.334 6.495-93.565 68.002-254.183 132.873-220.2Z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Yarn.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 518 518" width="${width}" height="${height}" ${restAttrs}><style>.st0{fill:#2c8ebb}.st1{fill:#fff}</style><path class="st0" d="M259 0c143 0 259 116 259 259S402 518 259 518 0 402 0 259 116 0 259 0z"/><path class="st1" d="M435.2 337.5c-1.8-14.2-13.8-24-29.2-23.8-23 .3-42.3 12.2-55.1 20.1-5 3.1-9.3 5.4-13 7.1.8-11.6.1-26.8-5.9-43.5-7.3-20-17.1-32.3-24.1-39.4 8.1-11.8 19.2-29 24.4-55.6 4.5-22.7 3.1-58-7.2-77.8-2.1-4-5.6-6.9-10-8.1-1.8-.5-5.2-1.5-11.9.4C293.1 96 289.6 93.8 286.9 92c-5.6-3.6-12.2-4.4-18.4-2.1-8.3 3-15.4 11-22.1 25.2-1 2.1-1.9 4.1-2.7 6.1-12.7.9-32.7 5.5-49.6 23.8-2.1 2.3-6.2 4-10.5 5.6h.1c-8.8 3.1-12.8 10.3-17.7 23.3-6.8 18.2.2 36.1 7.1 47.7-9.4 8.4-21.9 21.8-28.5 37.5-8.2 19.4-9.1 38.4-8.8 48.7-7 7.4-17.8 21.3-19 36.9-1.6 21.8 6.3 36.6 9.8 42 1 1.6 2.1 2.9 3.3 4.2-.4 2.7-.5 5.6.1 8.6 1.3 7 5.7 12.7 12.4 16.3 13.2 7 31.6 10 45.8 2.9 5.1 5.4 14.4 10.6 31.3 10.6h1c4.3 0 58.9-2.9 74.8-6.8 7.1-1.7 12-4.7 15.2-7.4 10.2-3.2 38.4-12.8 65-30 18.8-12.2 25.3-14.8 39.3-18.2 13.6-3.3 22.1-15.7 20.4-29.4zm-23.8 14.7c-16 3.8-24.1 7.3-43.9 20.2-30.9 20-64.7 29.3-64.7 29.3s-2.8 4.2-10.9 6.1c-14 3.4-66.7 6.3-71.5 6.4-12.9.1-20.8-3.3-23-8.6-6.7-16 9.6-23 9.6-23s-3.6-2.2-5.7-4.2c-1.9-1.9-3.9-5.7-4.5-4.3-2.5 6.1-3.8 21-10.5 27.7-9.2 9.3-26.6 6.2-36.9.8-11.3-6 .8-20.1.8-20.1s-6.1 3.6-11-3.8c-4.4-6.8-8.5-18.4-7.4-32.7 1.2-16.3 19.4-32.1 19.4-32.1s-3.2-24.1 7.3-48.8c9.5-22.5 35.1-40.6 35.1-40.6s-21.5-23.8-13.5-45.2c5.2-14 7.3-13.9 9-14.5 6-2.3 11.8-4.8 16.1-9.5 21.5-23.2 48.9-18.8 48.9-18.8s13-39.5 25-31.8c3.7 2.4 17 32 17 32s14.2-8.3 15.8-5.2c8.6 16.7 9.6 48.6 5.8 68-6.4 32-22.4 49.2-28.8 60-1.5 2.5 17.2 10.4 29 43.1 10.9 29.9 1.2 55 2.9 57.8.3.5.4.7.4.7s12.5 1 37.6-14.5c13.4-8.3 29.3-17.6 47.4-17.8 17.5-.3 18.4 20.2 5.2 23.4z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 518 518" width="${width}" height="${height}" ${restAttrs}><style>.st0{fill:#2c8ebb}.st1{fill:#fff}</style><path class="st0" d="M259 0c143 0 259 116 259 259S402 518 259 518 0 402 0 259 116 0 259 0z"/><path class="st1" d="M435.2 337.5c-1.8-14.2-13.8-24-29.2-23.8-23 .3-42.3 12.2-55.1 20.1-5 3.1-9.3 5.4-13 7.1.8-11.6.1-26.8-5.9-43.5-7.3-20-17.1-32.3-24.1-39.4 8.1-11.8 19.2-29 24.4-55.6 4.5-22.7 3.1-58-7.2-77.8-2.1-4-5.6-6.9-10-8.1-1.8-.5-5.2-1.5-11.9.4C293.1 96 289.6 93.8 286.9 92c-5.6-3.6-12.2-4.4-18.4-2.1-8.3 3-15.4 11-22.1 25.2-1 2.1-1.9 4.1-2.7 6.1-12.7.9-32.7 5.5-49.6 23.8-2.1 2.3-6.2 4-10.5 5.6h.1c-8.8 3.1-12.8 10.3-17.7 23.3-6.8 18.2.2 36.1 7.1 47.7-9.4 8.4-21.9 21.8-28.5 37.5-8.2 19.4-9.1 38.4-8.8 48.7-7 7.4-17.8 21.3-19 36.9-1.6 21.8 6.3 36.6 9.8 42 1 1.6 2.1 2.9 3.3 4.2-.4 2.7-.5 5.6.1 8.6 1.3 7 5.7 12.7 12.4 16.3 13.2 7 31.6 10 45.8 2.9 5.1 5.4 14.4 10.6 31.3 10.6h1c4.3 0 58.9-2.9 74.8-6.8 7.1-1.7 12-4.7 15.2-7.4 10.2-3.2 38.4-12.8 65-30 18.8-12.2 25.3-14.8 39.3-18.2 13.6-3.3 22.1-15.7 20.4-29.4zm-23.8 14.7c-16 3.8-24.1 7.3-43.9 20.2-30.9 20-64.7 29.3-64.7 29.3s-2.8 4.2-10.9 6.1c-14 3.4-66.7 6.3-71.5 6.4-12.9.1-20.8-3.3-23-8.6-6.7-16 9.6-23 9.6-23s-3.6-2.2-5.7-4.2c-1.9-1.9-3.9-5.7-4.5-4.3-2.5 6.1-3.8 21-10.5 27.7-9.2 9.3-26.6 6.2-36.9.8-11.3-6 .8-20.1.8-20.1s-6.1 3.6-11-3.8c-4.4-6.8-8.5-18.4-7.4-32.7 1.2-16.3 19.4-32.1 19.4-32.1s-3.2-24.1 7.3-48.8c9.5-22.5 35.1-40.6 35.1-40.6s-21.5-23.8-13.5-45.2c5.2-14 7.3-13.9 9-14.5 6-2.3 11.8-4.8 16.1-9.5 21.5-23.2 48.9-18.8 48.9-18.8s13-39.5 25-31.8c3.7 2.4 17 32 17 32s14.2-8.3 15.8-5.2c8.6 16.7 9.6 48.6 5.8 68-6.4 32-22.4 49.2-28.8 60-1.5 2.5 17.2 10.4 29 43.1 10.9 29.9 1.2 55 2.9 57.8.3.5.4.7.4.7s12.5 1 37.6-14.5c13.4-8.3 29.3-17.6 47.4-17.8 17.5-.3 18.4 20.2 5.2 23.4z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/YouTube.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 180" width="${width}" height="${height}" ${restAttrs}><path fill="red" d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134Z"/><path fill="#FFF" d="m102.421 128.06 66.328-38.418-66.328-38.418z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 180" width="${width}" height="${height}" ${restAttrs}><path fill="red" d="M250.346 28.075A32.18 32.18 0 0 0 227.69 5.418C207.824 0 127.87 0 127.87 0S47.912.164 28.046 5.582A32.18 32.18 0 0 0 5.39 28.24c-6.009 35.298-8.34 89.084.165 122.97a32.18 32.18 0 0 0 22.656 22.657c19.866 5.418 99.822 5.418 99.822 5.418s79.955 0 99.82-5.418a32.18 32.18 0 0 0 22.657-22.657c6.338-35.348 8.291-89.1-.164-123.134Z"/><path fill="#FFF" d="m102.421 128.06 66.328-38.418-66.328-38.418z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/YoutubeMusic.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 192 192" width="${width}" height="${height}" ${restAttrs}><path fill="none" d="M0 0h192v192H0z"/><circle cx="96" cy="96" r="88" fill="red"/><path fill="#FFF" d="M96 50.32c25.19 0 45.68 20.49 45.68 45.68S121.19 141.68 96 141.68 50.32 121.19 50.32 96 70.81 50.32 96 50.32m0-6.4c-28.76 0-52.08 23.32-52.08 52.08 0 28.76 23.32 52.08 52.08 52.08s52.08-23.32 52.08-52.08c0-28.76-23.32-52.08-52.08-52.08z"/><path fill="#FFF" d="m79 122 45-26-45-26z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 192 192" width="${width}" height="${height}" ${restAttrs}><path fill="none" d="M0 0h192v192H0z"/><circle cx="96" cy="96" r="88" fill="red"/><path fill="#FFF" d="M96 50.32c25.19 0 45.68 20.49 45.68 45.68S121.19 141.68 96 141.68 50.32 121.19 50.32 96 70.81 50.32 96 50.32m0-6.4c-28.76 0-52.08 23.32-52.08 52.08 0 28.76 23.32 52.08 52.08 52.08s52.08-23.32 52.08-52.08c0-28.76-23.32-52.08-52.08-52.08z"/><path fill="#FFF" d="m79 122 45-26-45-26z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zeabur.svelte

@@ -7,15 +7,17 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg viewBox="0 0 294 229" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}>
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 294 229" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}>
   <path fill="#000" d="M114 145h179v84H0v-84h82l114-61H0V0h293v84l-179 61Z" />
   <path fill="#6300FF" d="M195 0H0v84h195V0Z" />
   <path fill="#F40" d="M293 145H115v84h178v-84Z" />
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zed.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v66H0V9a9 9 0 0 1 9-9h80.379c4.009 0 6.016 4.847 3.182 7.682L43.055 57.187H57V51h6v7.688a4.5 4.5 0 0 1-4.5 4.5H37.055L26.743 73.5H73.5V36h6v37.5a6 6 0 0 1-6 6H20.743L10.243 90H87a3 3 0 0 0 3-3V21h6v66a9 9 0 0 1-9 9H6.621c-4.009 0-6.016-4.847-3.182-7.682L52.757 39H39v6h-6v-7.5a4.5 4.5 0 0 1 4.5-4.5h21.257l10.5-10.5H22.5V60h-6V22.5a6 6 0 0 1 6-6h52.757L85.757 6H9Z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h96v96H0z"/></clipPath></defs></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 96 96" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M9 6a3 3 0 0 0-3 3v66H0V9a9 9 0 0 1 9-9h80.379c4.009 0 6.016 4.847 3.182 7.682L43.055 57.187H57V51h6v7.688a4.5 4.5 0 0 1-4.5 4.5H37.055L26.743 73.5H73.5V36h6v37.5a6 6 0 0 1-6 6H20.743L10.243 90H87a3 3 0 0 0 3-3V21h6v66a9 9 0 0 1-9 9H6.621c-4.009 0-6.016-4.847-3.182-7.682L52.757 39H39v6h-6v-7.5a4.5 4.5 0 0 1 4.5-4.5h21.257l10.5-10.5H22.5V60h-6V22.5a6 6 0 0 1 6-6h52.757L85.757 6H9Z" clip-rule="evenodd"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h96v96H0z"/></clipPath></defs></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/ZenBrowser.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#202020" fill-rule="evenodd" d="M32 44.308c6.797 0 12.308-5.51 12.308-12.308 0-6.797-5.51-12.308-12.308-12.308-6.797 0-12.308 5.51-12.308 12.308 0 6.797 5.51 12.308 12.308 12.308ZM41.846 32c0 5.438-4.408 9.846-9.846 9.846S22.154 37.438 22.154 32s4.408-9.846 9.846-9.846 9.846 4.408 9.846 9.846Z" clip-rule="evenodd"/><path fill="#202020" fill-rule="evenodd" d="M53.333 32c0 11.782-9.55 21.333-21.333 21.333-11.782 0-21.333-9.55-21.333-21.333 0-11.782 9.55-21.333 21.333-21.333 11.782 0 21.333 9.55 21.333 21.333ZM32 49.23c9.516 0 17.23-7.714 17.23-17.23S41.517 14.77 32 14.77 14.77 22.483 14.77 32 22.483 49.23 32 49.23Z" clip-rule="evenodd"/><path fill="#202020" fill-rule="evenodd" d="M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32ZM32 58.256c14.501 0 26.256-11.755 26.256-26.256S46.501 5.744 32 5.744 5.744 17.499 5.744 32 17.499 58.256 32 58.256Z" clip-rule="evenodd"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#202020" fill-rule="evenodd" d="M32 44.308c6.797 0 12.308-5.51 12.308-12.308 0-6.797-5.51-12.308-12.308-12.308-6.797 0-12.308 5.51-12.308 12.308 0 6.797 5.51 12.308 12.308 12.308ZM41.846 32c0 5.438-4.408 9.846-9.846 9.846S22.154 37.438 22.154 32s4.408-9.846 9.846-9.846 9.846 4.408 9.846 9.846Z" clip-rule="evenodd"/><path fill="#202020" fill-rule="evenodd" d="M53.333 32c0 11.782-9.55 21.333-21.333 21.333-11.782 0-21.333-9.55-21.333-21.333 0-11.782 9.55-21.333 21.333-21.333 11.782 0 21.333 9.55 21.333 21.333ZM32 49.23c9.516 0 17.23-7.714 17.23-17.23S41.517 14.77 32 14.77 14.77 22.483 14.77 32 22.483 49.23 32 49.23Z" clip-rule="evenodd"/><path fill="#202020" fill-rule="evenodd" d="M64 32c0 17.673-14.327 32-32 32C14.327 64 0 49.673 0 32 0 14.327 14.327 0 32 0c17.673 0 32 14.327 32 32ZM32 58.256c14.501 0 26.256-11.755 26.256-26.256S46.501 5.744 32 5.744 5.744 17.499 5.744 32 17.499 58.256 32 58.256Z" clip-rule="evenodd"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zig.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg viewBox="0 0 300 176" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#F7A41D" d="M158.395 55.695H85.877V23.453h104.966L262.393 0 142.274 120.337h72.745v32.296H110.048l-71.55 22.655L158.395 55.695ZM0 120.288V23.453h71.746V55.75h-39.46v64.592H80.73l-32.296 32.297H0v-32.351Zm267.709-64.593h-48.45L251.555 23.4H300v129.18h-71.746v-32.296h39.504l-.049-64.588Z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 300 176" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#F7A41D" d="M158.395 55.695H85.877V23.453h104.966L262.393 0 142.274 120.337h72.745v32.296H110.048l-71.55 22.655L158.395 55.695ZM0 120.288V23.453h71.746V55.75h-39.46v64.592H80.73l-32.296 32.297H0v-32.351Zm267.709-64.593h-48.45L251.555 23.4H300v129.18h-71.746v-32.296h39.504l-.049-64.588Z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zod.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 203" width="${width}" height="${height}" ${restAttrs}><defs><filter id="a" width="105.2%" height="106.5%" x="-2.2%" y="-2.8%" filterUnits="objectBoundingBox"><feOffset dx="1" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.36 0"/></filter><path id="b" d="M200.42 0H53.63L0 53.355l121.76 146.624 9.714-10.9L252 53.857 200.42 0Zm-5.362 12.562 39.84 41.6-112.8 126.558L17 54.162l41.815-41.6h136.243Z"/></defs><path fill="#18253F" d="M60.816 14.033h136.278l39.933 41.69-112.989 126.554L18.957 55.724z"/><path fill="#274D82" d="M151.427 152.386H98.013l-24.124-29.534 68.364-.002.002-4.19h39.078z"/><path fill="#274D82" d="m225.56 43.834-147.382 85.09-19.226-24.051 114.099-65.877-2.096-3.631 30.391-17.546zM146.596 14.075 35.93 77.968 18.719 56.483l74.095-42.78z"/><g transform="translate(2 1.51)"><use xlink:href="#b" filter="url(#a)"/><use xlink:href="#b" fill="#3068B7"/></g></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 256 203" width="${width}" height="${height}" ${restAttrs}><defs><filter id="a" width="105.2%" height="106.5%" x="-2.2%" y="-2.8%" filterUnits="objectBoundingBox"><feOffset dx="1" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.36 0"/></filter><path id="b" d="M200.42 0H53.63L0 53.355l121.76 146.624 9.714-10.9L252 53.857 200.42 0Zm-5.362 12.562 39.84 41.6-112.8 126.558L17 54.162l41.815-41.6h136.243Z"/></defs><path fill="#18253F" d="M60.816 14.033h136.278l39.933 41.69-112.989 126.554L18.957 55.724z"/><path fill="#274D82" d="M151.427 152.386H98.013l-24.124-29.534 68.364-.002.002-4.19h39.078z"/><path fill="#274D82" d="m225.56 43.834-147.382 85.09-19.226-24.051 114.099-65.877-2.096-3.631 30.391-17.546zM146.596 14.075 35.93 77.968 18.719 56.483l74.095-42.78z"/><g transform="translate(2 1.51)"><use xlink:href="#b" filter="url(#a)"/><use xlink:href="#b" fill="#3068B7"/></g></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zoom.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="23.666%" x2="76.334%" y1="95.6118%" y2="4.3882%"><stop offset=".00006%" stop-color="#0845BF"/><stop offset="19.11%" stop-color="#0950DE"/><stop offset="38.23%" stop-color="#0B59F6"/><stop offset="50%" stop-color="#0B5CFF"/><stop offset="67.32%" stop-color="#0E5EFE"/><stop offset="77.74%" stop-color="#1665FC"/><stop offset="86.33%" stop-color="#246FF9"/><stop offset="93.88%" stop-color="#387FF4"/><stop offset="100%" stop-color="#4F90EE"/></linearGradient></defs><path fill="url(#a)" d="M256 128c0 13.568-1.024 27.136-3.328 40.192-6.912 43.264-41.216 77.568-84.48 84.48C155.136 254.976 141.568 256 128 256c-13.568 0-27.136-1.024-40.192-3.328-43.264-6.912-77.568-41.216-84.48-84.48C1.024 155.136 0 141.568 0 128c0-13.568 1.024-27.136 3.328-40.192 6.912-43.264 41.216-77.568 84.48-84.48C100.864 1.024 114.432 0 128 0c13.568 0 27.136 1.024 40.192 3.328 43.264 6.912 77.568 41.216 84.48 84.48C254.976 100.864 256 114.432 256 128Z"/><path fill="#FFF" d="M204.032 207.872H75.008c-8.448 0-16.64-4.608-20.48-12.032-4.608-8.704-2.816-19.2 4.096-26.112l89.856-89.856H83.968c-17.664 0-32-14.336-32-32h118.784c8.448 0 16.64 4.608 20.48 12.032 4.608 8.704 2.816 19.2-4.096 26.112l-89.6 90.112h74.496c17.664 0 32 14.08 32 31.744Z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="23.666%" x2="76.334%" y1="95.6118%" y2="4.3882%"><stop offset=".00006%" stop-color="#0845BF"/><stop offset="19.11%" stop-color="#0950DE"/><stop offset="38.23%" stop-color="#0B59F6"/><stop offset="50%" stop-color="#0B5CFF"/><stop offset="67.32%" stop-color="#0E5EFE"/><stop offset="77.74%" stop-color="#1665FC"/><stop offset="86.33%" stop-color="#246FF9"/><stop offset="93.88%" stop-color="#387FF4"/><stop offset="100%" stop-color="#4F90EE"/></linearGradient></defs><path fill="url(#a)" d="M256 128c0 13.568-1.024 27.136-3.328 40.192-6.912 43.264-41.216 77.568-84.48 84.48C155.136 254.976 141.568 256 128 256c-13.568 0-27.136-1.024-40.192-3.328-43.264-6.912-77.568-41.216-84.48-84.48C1.024 155.136 0 141.568 0 128c0-13.568 1.024-27.136 3.328-40.192 6.912-43.264 41.216-77.568 84.48-84.48C100.864 1.024 114.432 0 128 0c13.568 0 27.136 1.024 40.192 3.328 43.264 6.912 77.568 41.216 84.48 84.48C254.976 100.864 256 114.432 256 128Z"/><path fill="#FFF" d="M204.032 207.872H75.008c-8.448 0-16.64-4.608-20.48-12.032-4.608-8.704-2.816-19.2 4.096-26.112l89.856-89.856H83.968c-17.664 0-32-14.336-32-32h118.784c8.448 0 16.64 4.608 20.48 12.032 4.608 8.704 2.816 19.2-4.096 26.112l-89.6 90.112h74.496c17.664 0 32 14.08 32 31.744Z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zulip.svelte

@@ -7,11 +7,13 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12" width="${width}" height="${height}" ${restAttrs}><linearGradient id="a" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#50adff"/><stop offset="1" stop-color="#7877fc"/></linearGradient><circle cx="386.56" cy="386.56" r="386.56" fill="url(#a)"/><path d="M566.66 527.25c0 33.03-24.23 60.05-53.84 60.05H260.29c-29.61 0-53.84-27.02-53.84-60.05 0-20.22 9.09-38.2 22.93-49.09l134.37-120c2.5-2.14 5.74 1.31 3.94 4.19l-49.29 98.69c-1.38 2.76.41 6.16 3.25 6.16h191.18c29.61 0 53.83 27.03 53.83 60.05zm0-281.39c0 20.22-9.09 38.2-22.93 49.09l-134.37 120c-2.5 2.14-5.74-1.31-3.94-4.19l49.29-98.69c1.38-2.76-.41-6.16-3.25-6.16H260.29c-29.61 0-53.84-27.02-53.84-60.05s24.23-60.05 53.84-60.05h252.54c29.61 0 53.83 27.02 53.83 60.05z" fill="#fff"/></svg>
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12" width="${width}" height="${height}" ${restAttrs}><linearGradient id="a" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#50adff"/><stop offset="1" stop-color="#7877fc"/></linearGradient><circle cx="386.56" cy="386.56" r="386.56" fill="url(#a)"/><path d="M566.66 527.25c0 33.03-24.23 60.05-53.84 60.05H260.29c-29.61 0-53.84-27.02-53.84-60.05 0-20.22 9.09-38.2 22.93-49.09l134.37-120c2.5-2.14 5.74 1.31 3.94 4.19l-49.29 98.69c-1.38 2.76.41 6.16 3.25 6.16h191.18c29.61 0 53.83 27.03 53.83 60.05zm0-281.39c0 20.22-9.09 38.2-22.93 49.09l-134.37 120c-2.5 2.14-5.74-1.31-3.94-4.19l49.29-98.69c1.38-2.76-.41-6.16-3.25-6.16H260.29c-29.61 0-53.84-27.02-53.84-60.05s24.23-60.05 53.84-60.05h252.54c29.61 0 53.83 27.02 53.83 60.05z" fill="#fff"/></svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Zyft.svelte

@@ -7,10 +7,12 @@
 	}
 
 	let { width = 50, height = 50, ...rest }: Props = $props();
-	const restAttrs = Object.entries(rest)
-		.map(([k, v]) => `${k}="${v}"`)
-		.join(' ');
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 160 62" version="1.1" viewBox="0 0 160 62" width="${width}" height="${height}" ${restAttrs}><style>.st0{fill:#ce2626}</style><path d="M2.4 3.1c.1-.8.8-1.4 1.6-1.4h30c1.4 0 2.7.4 3.8 1.2 1.4 1 2.3 2.5 2.7 4.1.3 1.5 0 3.2-.7 4.5-4.6 8-9.2 16.1-13.9 24.1-.7 1.1-.8 2.5-.5 3.8.4 1.5 1.5 2.8 2.9 3.4 1.6.7 3.5.6 4.9-.4.6-.4 1.2-1 1.6-1.6 1.8-2.9 3.6-5.9 5.4-8.8.1-2.2.2-4.4.4-6.7.2-2.1.4-4.2.9-6.3.2-.7.3-1.4.7-2 .2-.4.7-.4 1.1-.3.7.2 1.2.8 1.7 1.4.9 1.3 1.4 2.7 1.7 4.3 1.7-.7 3.6-1 5.3-.4 1.4.4 2.6 1.4 3.3 2.7 1.2 1.8 1.7 3.9 1.9 6 .1.9-.4 1.8-1.1 2.2-1.9 1.1-4 1.8-6.2 2.2.5 3.4 1.6 6.7 3 9.8.5 1.1 1 2.2 1.6 3.3.1.2.3.5.3.8 0 .5-.3 1-.8 1.2-.3.1-.6.1-.8.1H8.7c-.6 0-1.2 0-1.7-.1-1.6-.3-3-1-4-2-1.2-1.2-1.9-2.9-1.9-4.6 0-1.2.3-2.3.9-3.3 4-7 8.1-14 12.1-21 .6-1 1.2-2 1.5-3.1.5-1.7.2-3.6-.7-5.1-.7-1.2-1.8-2.2-3.1-2.7C9 7.2 6.2 6 3.4 4.9c-.7-.3-1.2-1.1-1-1.8zM50 27.4c-.7.2-1.2.8-1.1 1.5 0 .8.8 1.5 1.6 1.5s1.5-.8 1.4-1.7c-.1-.9-1-1.5-1.9-1.3zM121.9 18.2c1.5-.9 3.4-1.2 5.1-1.2 1.5 0 3 .1 4.4.6v6.2c-1-.2-2-.4-3-.2-.9.2-1.8.7-2.1 1.6-.3.7-.3 1.5-.3 2.2h8.6v-5.2c2.7-.9 5.4-1.7 8.1-2.6v7.8h5.5v6h-5.5v7.4c0 .8.2 1.6.7 2.2.6.7 1.5 1 2.4 1.1.8 0 1.6-.1 2.4-.3v6.1c-1 .4-2.2.6-3.3.7-2 .1-4.1-.1-5.9-1-1.4-.7-2.6-2-3.3-3.4-.8-1.6-1.1-3.4-1.1-5.2v-7.5H126v16.8h-8.1V33.5h-4.2v-6h4.2c0-1.9.1-3.8.9-5.5.6-1.6 1.7-3 3.1-3.8zM66.1 27.4h20v5.3c-3.5 3.8-7.1 7.6-10.6 11.4h11v6H66v-5.7c3.4-3.7 6.9-7.4 10.3-11.1H66c.1-1.9.1-3.9.1-5.9zM86.6 27.4H95c1.7 4.4 3.4 8.7 5.1 13.1 1.8-4.4 3.5-8.7 5.3-13.1h8L103.8 49c-.7 1.5-1.3 3-2.1 4.4-.9 1.6-2.1 3-3.6 4.1-2.3 1.7-5.2 2.6-8 2.9-.6-2.1-1.3-4.1-1.9-6.2 1.4-.3 2.8-.6 4.1-1.3 1-.5 1.9-1.2 2.5-2.2.5-.7.8-1.5 1.1-2.2-3.1-7-6.2-14-9.3-21.1zM159 14.7c0 2.6-2 4.6-4.5 4.6h-.1c-2.6 0-4.5-2-4.5-4.5v-.1c0-2.5 2-4.5 4.5-4.5h.1c2.5-.1 4.5 1.9 4.5 4.5zm-1.1 0c0-1.9-1.5-3.4-3.4-3.4h-.1c-1.9 0-3.4 1.5-3.4 3.4v.1c0 1.9 1.5 3.4 3.4 3.4h.1c1.9-.1 3.4-1.6 3.4-3.5zm-5.5 2.3v-4.6h2.2c1.3 0 2 .6 2 1.6 0 .5-.3 1.1-.7 1.3l.9 1.6H155l-.7-1.4h-.3V17h-1.6zm1.6-2.5h.5c.3 0 .6-.2.6-.4s-.2-.4-.6-.4h-.5v.8z" class="st0"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" style="enable-background:new 0 0 160 62" version="1.1" viewBox="0 0 160 62" width="${width}" height="${height}" ${restAttrs}><style>.st0{fill:#ce2626}</style><path d="M2.4 3.1c.1-.8.8-1.4 1.6-1.4h30c1.4 0 2.7.4 3.8 1.2 1.4 1 2.3 2.5 2.7 4.1.3 1.5 0 3.2-.7 4.5-4.6 8-9.2 16.1-13.9 24.1-.7 1.1-.8 2.5-.5 3.8.4 1.5 1.5 2.8 2.9 3.4 1.6.7 3.5.6 4.9-.4.6-.4 1.2-1 1.6-1.6 1.8-2.9 3.6-5.9 5.4-8.8.1-2.2.2-4.4.4-6.7.2-2.1.4-4.2.9-6.3.2-.7.3-1.4.7-2 .2-.4.7-.4 1.1-.3.7.2 1.2.8 1.7 1.4.9 1.3 1.4 2.7 1.7 4.3 1.7-.7 3.6-1 5.3-.4 1.4.4 2.6 1.4 3.3 2.7 1.2 1.8 1.7 3.9 1.9 6 .1.9-.4 1.8-1.1 2.2-1.9 1.1-4 1.8-6.2 2.2.5 3.4 1.6 6.7 3 9.8.5 1.1 1 2.2 1.6 3.3.1.2.3.5.3.8 0 .5-.3 1-.8 1.2-.3.1-.6.1-.8.1H8.7c-.6 0-1.2 0-1.7-.1-1.6-.3-3-1-4-2-1.2-1.2-1.9-2.9-1.9-4.6 0-1.2.3-2.3.9-3.3 4-7 8.1-14 12.1-21 .6-1 1.2-2 1.5-3.1.5-1.7.2-3.6-.7-5.1-.7-1.2-1.8-2.2-3.1-2.7C9 7.2 6.2 6 3.4 4.9c-.7-.3-1.2-1.1-1-1.8zM50 27.4c-.7.2-1.2.8-1.1 1.5 0 .8.8 1.5 1.6 1.5s1.5-.8 1.4-1.7c-.1-.9-1-1.5-1.9-1.3zM121.9 18.2c1.5-.9 3.4-1.2 5.1-1.2 1.5 0 3 .1 4.4.6v6.2c-1-.2-2-.4-3-.2-.9.2-1.8.7-2.1 1.6-.3.7-.3 1.5-.3 2.2h8.6v-5.2c2.7-.9 5.4-1.7 8.1-2.6v7.8h5.5v6h-5.5v7.4c0 .8.2 1.6.7 2.2.6.7 1.5 1 2.4 1.1.8 0 1.6-.1 2.4-.3v6.1c-1 .4-2.2.6-3.3.7-2 .1-4.1-.1-5.9-1-1.4-.7-2.6-2-3.3-3.4-.8-1.6-1.1-3.4-1.1-5.2v-7.5H126v16.8h-8.1V33.5h-4.2v-6h4.2c0-1.9.1-3.8.9-5.5.6-1.6 1.7-3 3.1-3.8zM66.1 27.4h20v5.3c-3.5 3.8-7.1 7.6-10.6 11.4h11v6H66v-5.7c3.4-3.7 6.9-7.4 10.3-11.1H66c.1-1.9.1-3.9.1-5.9zM86.6 27.4H95c1.7 4.4 3.4 8.7 5.1 13.1 1.8-4.4 3.5-8.7 5.3-13.1h8L103.8 49c-.7 1.5-1.3 3-2.1 4.4-.9 1.6-2.1 3-3.6 4.1-2.3 1.7-5.2 2.6-8 2.9-.6-2.1-1.3-4.1-1.9-6.2 1.4-.3 2.8-.6 4.1-1.3 1-.5 1.9-1.2 2.5-2.2.5-.7.8-1.5 1.1-2.2-3.1-7-6.2-14-9.3-21.1zM159 14.7c0 2.6-2 4.6-4.5 4.6h-.1c-2.6 0-4.5-2-4.5-4.5v-.1c0-2.5 2-4.5 4.5-4.5h.1c2.5-.1 4.5 1.9 4.5 4.5zm-1.1 0c0-1.9-1.5-3.4-3.4-3.4h-.1c-1.9 0-3.4 1.5-3.4 3.4v.1c0 1.9 1.5 3.4 3.4 3.4h.1c1.9-.1 3.4-1.6 3.4-3.5zm-5.5 2.3v-4.6h2.2c1.3 0 2 .6 2 1.6 0 .5-.3 1.1-.7 1.3l.9 1.6H155l-.7-1.4h-.3V17h-1.6zm1.6-2.5h.5c.3 0 .6-.2.6-.4s-.2-.4-.6-.4h-.5v.8z" class="st0"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/utils/parseSvgContent.js

@@ -20,9 +20,11 @@ export const parseSvgContent = (content) => {
   }
 
   let { width = 50, height = 50, ...rest }: Props = $props();
-  const restAttrs = Object.entries(rest).map(([k, v]) => \`\${k}="\${v}"\`).join(' ');
-  const svgContent = \`${content}\`;
+  const svgContent = () => {
+	const restAttrs = Object.entries(rest).map(([k, v]) => \`\${k}="\${v}"\`).join(' ');
+	return \`${content}\`;
+  };
 </script>`,
-        templateContent: '{@html svgContent}'
+        templateContent: '{@html svgContent()}'
     };
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@selemondev/svgl-svelte",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "description": "An optimized package with SVG logos to be used as Svelte components ✨",
   "author": "Selemondev",
   "private": false,