@selemondev/svgl-svelte 2.4.0 → 2.5.1

package/dist/components/JetBrains.svelte

@@ -7,14 +7,40 @@
 	}
 
 	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}>
-  <path d="M0 0h256v256H0z"/>
-  <path d="M28 208h96v16H28v-16ZM24 66l7-7c1 2 4 4 6 4 3 0 5-2 5-6V32h11v25c0 5-1 9-4 12-3 2-6 4-10 4h-1c-5 0-10-2-14-6v-1Zm34-34h32v9H69v7h19v8H69v6h21v10H58V32Zm48 10H94V32h35v10h-12v30h-11V42ZM28 88h19c4-1 8 1 11 3 2 2 3 4 3 7 0 4-3 7-7 9 5 1 8 5 8 10 0 7-5 11-15 11H28V88Zm22 12c0-2-2-3-5-3h-6v7h5c4 0 6-1 6-4Zm-4 11h-7v8h7c3 0 5-1 5-4 0-2-1-3-4-3l-1-1Zm43 17-8-12h-4v12H66V88h18c4-1 9 1 13 4 2 2 3 5 3 9 0 6-3 11-8 13l8 11 16-37h10l17 40h-12l-2-7h-16l-3 7H89Zm32-27-5 11h9l-4-11Zm-38-4h-6v10h6c4 0 6-2 6-5s-2-5-6-5Zm62-9h11v40h-11V88Zm15 0h11l14 21V88h11v40h-10l-15-22v22h-11V88Zm38 34 6-8c4 3 8 5 13 5 3 0 4-1 4-3 0-1 0-2-3-3h-3l-1-1h-2l-2-1c-6-1-10-4-10-11s5-13 15-13c6 0 12 2 16 6l-5 7c-3-2-7-4-11-4-3 0-4 1-4 3l3 3h2l2 1c9 2 15 5 15 12 0 8-6 13-15 13h-1c-7 0-13-2-18-5l-1-1Z" fill="#FFF"/>
+	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 257" width="${width}" height="${height}" ${restAttrs}>
+  <defs>
+    <linearGradient x1="25.2%" y1="43.3%" x2="99.2%" y2="67.4%" id="a">
+      <stop stop-color="#FE2857" offset="21%"/>
+      <stop stop-color="#293896" offset="100%"/>
+    </linearGradient>
+    <linearGradient x1="2.3%" y1="77.1%" x2="90.7%" y2="24.1%" id="b">
+      <stop stop-color="#FE2857" offset="0%"/>
+      <stop stop-color="#FE2857" offset="1%"/>
+      <stop stop-color="#FF318C" offset="86%"/>
+    </linearGradient>
+    <linearGradient x1="6.3%" y1="13.9%" x2="94.6%" y2="87.7%" id="c">
+      <stop stop-color="#FF318C" offset="2%"/>
+      <stop stop-color="#FE2857" offset="21%"/>
+      <stop stop-color="#FDB60D" offset="86%"/>
+    </linearGradient>
+    <linearGradient x1="91.1%" y1="27.7%" x2="2%" y2="68.6%" id="d">
+      <stop stop-color="#FDB60D" offset="1%"/>
+      <stop stop-color="#FCF84A" offset="86%"/>
+    </linearGradient>
+  </defs>
+  <path d="M112.7 117.4 42 57.6a25.6 25.6 0 1 0-24.8 43.9h.3l.7.2 89 27.1a6 6 0 0 0 2 .4 6.4 6.4 0 0 0 3.3-11.8Z" fill="url(#a)"/>
+  <path d="M126.8 18.7A18.6 18.6 0 0 0 98 3L11.8 55.4a25.6 25.6 0 1 0 30.6 41l77.3-63 .6-.5c4.1-3.6 6.5-8.7 6.5-14.2Z" fill="url(#b)"/>
+  <path d="M252.2 131.5 121.4 5.5A18.6 18.6 0 1 0 96 32.8l.2.3 139 117a12.6 12.6 0 0 0 17-18.6Z" fill="url(#c)"/>
+  <path d="M256 140.6a12.6 12.6 0 0 0-20-10.3L77.9 207.7a25.6 25.6 0 1 0 26.4 43.7l146.4-100.5c3.4-2.4 5.4-6.2 5.4-10.3Z" fill="url(#d)"/>
+  <path d="M75.8 76.9h102.5v102.4H75.8z"/>
+  <path d="M87 160.1h38.4v6.4H87v-6.4Zm-1.6-56.8 2.8-2.7c.6.9 1.5 1.4 2.6 1.5 1 0 1.8-.8 1.8-2.3v-10H97v10c.1 1.7-.5 3.4-1.6 4.6a6 6 0 0 1-4 1.7H91c-2 0-4-.9-5.4-2.5l-.2-.3ZM99 89.7h12.8v3.8h-8.5v2.4h7.6v3.4h-7.6v2.6h8.6v3.7h-13V89.7Zm19 3.9h-4.7v-3.9h14v3.9h-4.8v12.1h-4.4V93.6ZM87.3 112h7.5a6 6 0 0 1 4.4 1.4c.7.7 1 1.7 1 2.6 0 1.6-1 3-2.5 3.6 2 .4 3.3 2 3.2 4 0 2.8-2.2 4.5-6 4.5h-7.6v-16Zm8.5 5c0-1-.7-1.4-2-1.4h-2.2v2.8h2.1c1.4 0 2.1-.5 2.1-1.4Zm-1.5 4.5h-2.7v3h2.8c1.3 0 2-.6 2-1.5s-.5-1.4-1.8-1.5h-.3Zm17.1 6.6-3.2-4.8h-1.5v4.8h-4.4v-16h7.1a7 7 0 0 1 5.2 1.6 5 5 0 0 1 1.4 3.4v.4c.1 2.1-1.2 4.1-3.3 4.9l3.2 4.7 6.3-15.2h4.3l6.8 16.1h-4.8l-1.1-2.9h-6.2l-1.1 3h-8.7Zm13-11-1.9 4.6h3.6l-1.8-4.5ZM109 116h-2.3v3.8h2.4c1.4 0 2.4-.7 2.4-1.9 0-1.3-1-2-2.5-2Zm25-4h4.3v16H134v-16Zm6 0h4.2l5.7 8.6V112h4.4v16h-3.9l-6-8.8v8.8H140v-16Zm15 13.7 2.5-3a8.3 8.3 0 0 0 5.1 2c1.2 0 1.9-.4 1.9-1.1 0-.5-.3-.9-1.4-1.2l-.4-.2h-.3l-.7-.2h-.3l-.7-.2-.6-.2c-2.6-.8-4.4-1.9-4.4-4.6 0-3 2.4-5.1 6.2-5.1 2.4-.1 4.7.7 6.6 2.1l-2.2 3a7.8 7.8 0 0 0-4.4-1.5c-1.1 0-1.6.4-1.6 1s.3.9 1.3 1.2l.5.1.3.1.7.2c3.6.8 5.9 2 5.9 5 0 3.1-2.4 5-6 5h-.5c-2.5.2-5-.6-7-2l-.5-.4Z" fill="#FFF"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetBrainsFleet.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 70 70" width="${width}" height="${height}" ${restAttrs}>
+	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 70 70" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(22.35433 -20.58122 27.17129 29.51214 38.648 42.538)" gradientUnits="userSpaceOnUse">
       <stop offset=".771" stop-color="#001AFF"/>
@@ -60,6 +61,7 @@
   <path fill="url(#h)" d="M56.651 39.682c1.658 7.764-6.511 16.089-18.246 18.594-11.734 2.505-22.59-1.757-24.248-9.52-1.658-7.764 6.511-16.089 18.246-18.594 11.734-2.506 22.59 1.757 24.248 9.52z"/>
   <path fill="#D6F8F8" fill-opacity=".19" fill-rule="evenodd" d="M51.462 49.883c3.074-3.133 4.386-6.66 3.698-9.882-.688-3.223-3.326-5.907-7.411-7.51-4.073-1.6-9.412-2.037-15.028-.838-5.616 1.199-10.31 3.779-13.375 6.901-3.074 3.133-4.386 6.66-3.698 9.883.688 3.223 3.326 5.906 7.412 7.51 4.072 1.6 9.41 2.037 15.027.838 5.616-1.2 10.31-3.779 13.375-6.902zm-13.057 8.393c11.735-2.505 19.904-10.83 18.246-18.594-1.658-7.763-12.514-12.026-24.248-9.52-11.735 2.505-19.904 10.83-18.246 18.593 1.658 7.764 12.514 12.026 24.248 9.521z" clip-rule="evenodd"/>
 </svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetBrainsPhpStorm.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 105 105" width="${width}" height="${height}" ${restAttrs}>
+	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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient id="a" x1="22.6999" x2="49.8075" y1="60.3539" y2="8.29501" gradientUnits="userSpaceOnUse">
       <stop stop-color="#AF1DF5"/>
@@ -56,6 +57,7 @@
   <path fill="#000" d="M83 23H23v60h60V23Z"/>
   <path fill="#fff" d="M53 71.75H30.5v3.75H53v-3.75Zm-2.8562-21.7299 2.9351-3.513c2.0295 1.6744 4.1596 2.7394 6.7347 2.7394 2.0347 0 3.2585-.8054 3.2584-2.1301v-.0636c-.0001-1.2558-.7737-1.9022-4.5464-2.8666-4.5462-1.1604-7.4818-2.4214-7.4821-6.8988v-.0689c-.0003-4.0905 3.2899-6.8035 7.8997-6.8035 3.0435-.049 6.0086.9668 8.3826 2.8719l-2.5801 3.7409c-1.9976-1.3883-3.9635-2.2255-5.8657-2.2255-1.9023 0-2.9036.869-2.9035 1.9658v.0636c.0001 1.4836.9698 1.9711 4.8696 2.9672 4.578 1.1922 7.1586 2.8401 7.1589 6.7717v.0636c.0003 4.4827-3.417 6.9943-8.2865 6.9943-3.5263.0131-6.9342-1.2712-9.5747-3.6084m-19.576-19.2623h9.1816c5.3598 0 8.6022 3.1782 8.6022 7.7678v.0642c0 5.2001-4.0448 7.8969-9.0845 7.8969h-3.7559v6.7407h-4.9434V30.7578Zm8.8598 11.3311c2.4721 0 3.9164-1.4763 3.9164-3.4028v-.0642c0-2.2146-1.5405-3.402-4.0127-3.402h-3.8201v6.869h3.9164Z"/>
 </svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetBrainsPyCharm.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 105 105" width="${width}" height="${height}" ${restAttrs}>
+	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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="38.78" x2="95.91" y1="41.59" y2="41.59" gradientUnits="userSpaceOnUse">
     <stop offset="0" stop-color="#21d789"/>
     <stop offset="1" stop-color="#07c3f2"/>
@@ -68,6 +69,7 @@
   <path d="M22.5 22.5h60v60h-60z"/>
   <path fill="#fff" d="M29.98 71.16h22.5v3.75h-22.5zM30 30h9.2c5.36 0 8.61 3.18 8.61 7.77v.06c0 5.2-4.05 7.9-9.09 7.9H35v6.74h-5zm8.86 11.33c2.47 0 3.92-1.47 3.92-3.4v-.06c0-2.22-1.54-3.41-4-3.41H35v6.87zm11.63-.02v-.06A11.41 11.41 0 0 1 62.2 29.63a11.59 11.59 0 0 1 8.86 3.46l-3.14 3.63a8.33 8.33 0 0 0-5.75-2.54c-3.79 0-6.52 3.15-6.52 7v.07c0 3.85 2.67 7.06 6.52 7.06 2.57 0 4.14-1 5.91-2.63l3.14 3.17a11.46 11.46 0 0 1-9.21 4 11.35 11.35 0 0 1-11.52-11.54"/>
 </svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetBrainsRider.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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}>
+	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 x1="90.8%" y1="81.8%" x2="-19.1%" y2="19%" id="a">
       <stop stop-color="#DD1265" offset="0%"/>
@@ -34,6 +35,7 @@
   <path d="M68 178h60v10H68v-10Zm0-109.9h27.5a24 24 0 0 1 17.5 6.1c3.3 3.5 5.2 8.2 5.2 13v1c.4 8.4-5 16-13 18.6l14.8 21.5h-15.5L91.6 109H81.3v19.3H68V68Zm26.7 29.3c6.2 0 9.9-3.2 10.1-8v-.6c0-5.7-4-8.6-10.4-8.6h-13v17.2h13.3ZM129 68.1h23.5c18.6 0 31.6 12.6 32 29.1v1c0 17-13 30-32 30h-23.5v-60Zm13.4 12v36.2h10.2A17.1 17.1 0 0 0 171 99.1v-1a17.3 17.3 0 0 0-18.2-18h-10.2Z" fill="#FFF"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetBrainsRubyMine.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 105 105" width="${width}" height="${height}" ${restAttrs}>
+	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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="65.05" x2="52.91" y1="60.03" y2="28.18" gradientUnits="userSpaceOnUse">
     <stop offset="0" stop-color="#fe2857"/>
     <stop offset=".06" stop-color="#fe3052"/>
@@ -39,6 +40,7 @@
   <path d="M22.5 22.5h60v60h-60z"/>
   <path fill="#fff" d="M29.98 71.16h22.5v3.75h-22.5zm22.23-41.19h5.35l5.93 9.54 5.93-9.54h5.35v22.55h-4.93V37.8l-6.35 9.63h-.13l-6.28-9.53v14.62h-4.87zM30 30h10.3q4.28 0 6.56 2.28a7 7 0 0 1 1.93 5.15v.07a7 7 0 0 1-1.34 4.45 7.74 7.74 0 0 1-3.49 2.53l5.51 8h-5.8L39 45.57h-4.09v6.92H30zm10 10.91a4.12 4.12 0 0 0 2.77-.91 3 3 0 0 0 1-2.32v-.06a2.85 2.85 0 0 0-1-2.41 4.53 4.53 0 0 0-2.86-.81h-4.98v6.47z"/>
 </svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetBrainsWebStorm.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 105 105" width="${width}" height="${height}" ${restAttrs}>
+	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 105 105" width="${width}" height="${height}" ${restAttrs}>
   <linearGradient id="a" x1="38.88" x2="63.72" y1="6.5" y2="95.94" gradientUnits="userSpaceOnUse">
     <stop offset=".28" stop-color="#07c3f2"/>
     <stop offset=".94" stop-color="#087cfa"/>
@@ -26,6 +27,7 @@
   <path d="M22.5 22.5h60v60h-60z"/>
   <path fill="#fff" d="M29.98 71.16h22.5v3.75h-22.5zm21.3-41.19L47.93 43.1 44.1 29.97h-3.81L36.45 43.1l-3.34-13.13h-5.25l6.43 22.51h4.22l3.68-13.03 3.64 13.03h4.27l6.42-22.51zm6.18 19.3 2.93-3.51a10.34 10.34 0 0 0 6.74 2.74c2 0 3.26-.8 3.26-2.13v-.06c0-1.26-.78-1.9-4.55-2.87-4.55-1.16-7.48-2.42-7.48-6.9v-.07c0-4.09 3.29-6.8 7.9-6.8a13 13 0 0 1 8.38 2.87l-2.58 3.74a10.54 10.54 0 0 0-5.87-2.22c-1.9 0-2.9.87-2.9 2v.07c0 1.48 1 2 4.87 3 4.58 1.2 7.16 2.84 7.16 6.78v.06c0 4.48-3.42 7-8.29 7a14.34 14.34 0 0 1-9.57-3.61"/>
 </svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/JetbrainsSpace.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 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="45.082%" x2="55.522%" y1="-1.343%" y2="97.61%"><stop offset="0%" stop-color="#FCF84A"/><stop offset="32%" stop-color="#ABE682"/><stop offset="79%" stop-color="#36CDD2"/><stop offset="100%" stop-color="#07C3F2"/></linearGradient><linearGradient id="b" x1="-2.942%" x2="100.445%" y1="38.992%" y2="62.105%"><stop offset="0%" stop-color="#3BEA62"/><stop offset="100%" stop-color="#087CFA"/></linearGradient><linearGradient id="c" x1="-3.308%" x2="111.745%" y1="71.807%" y2="15.462%"><stop offset="0%" stop-color="#009AE5"/><stop offset="18%" stop-color="#0490DD"/><stop offset="49%" stop-color="#1073C6"/><stop offset="89%" stop-color="#2346A1"/><stop offset="100%" stop-color="#293896"/></linearGradient></defs><path fill="url(#a)" d="M46.36 255.991c91.075-7.978 170.982-63.92 209.64-146.768C208.12 40.799 129.873.033 46.36 0c-7.44 0-14.915.33-22.424.99C-14.676 83.893-6.128 181.099 46.36 255.99Z"/><path fill="url(#b)" d="M24.209 1.024a301.387 301.387 0 0 1 134.685 108.199H256C208.263 40.76 130.062-.03 46.6 0c-7.441 0-14.905.341-22.391 1.024Z"/><path fill="url(#c)" d="M158.894 109.223C147.187 186.6 46.258 255.99 46.258 255.99c91.781-8.67 172.23-63.622 209.742-146.768h-97.106Z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="45.082%" x2="55.522%" y1="-1.343%" y2="97.61%"><stop offset="0%" stop-color="#FCF84A"/><stop offset="32%" stop-color="#ABE682"/><stop offset="79%" stop-color="#36CDD2"/><stop offset="100%" stop-color="#07C3F2"/></linearGradient><linearGradient id="b" x1="-2.942%" x2="100.445%" y1="38.992%" y2="62.105%"><stop offset="0%" stop-color="#3BEA62"/><stop offset="100%" stop-color="#087CFA"/></linearGradient><linearGradient id="c" x1="-3.308%" x2="111.745%" y1="71.807%" y2="15.462%"><stop offset="0%" stop-color="#009AE5"/><stop offset="18%" stop-color="#0490DD"/><stop offset="49%" stop-color="#1073C6"/><stop offset="89%" stop-color="#2346A1"/><stop offset="100%" stop-color="#293896"/></linearGradient></defs><path fill="url(#a)" d="M46.36 255.991c91.075-7.978 170.982-63.92 209.64-146.768C208.12 40.799 129.873.033 46.36 0c-7.44 0-14.915.33-22.424.99C-14.676 83.893-6.128 181.099 46.36 255.99Z"/><path fill="url(#b)" d="M24.209 1.024a301.387 301.387 0 0 1 134.685 108.199H256C208.263 40.76 130.062-.03 46.6 0c-7.441 0-14.905.341-22.391 1.024Z"/><path fill="url(#c)" d="M158.894 109.223C147.187 186.6 46.258 255.99 46.258 255.99c91.781-8.67 172.23-63.622 209.742-146.768h-97.106Z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Julia.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 320 200" width="${width}" height="${height}" ${restAttrs}>
+	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 320 200" width="${width}" height="${height}" ${restAttrs}>
     <g stroke="#eee" stroke-width="2">
         <path d="M67.871094 164.3125c0 7.535156-.847656 13.621094-2.542969 18.253906-1.695313 4.636719-4.105469 8.234375-7.234375 10.796875-3.125 2.5625-6.875 4.277344-11.246094 5.144531-4.371094.863282-9.234375 1.296876-14.582031 1.296876-7.238281 0-12.777344-1.128907-16.617187-3.390626-3.84375-2.261718-5.765626-4.972656-5.765626-8.140624 0-2.636719 1.070313-4.859376 3.21875-6.667969 2.148438-1.808594 5.03125-2.710938 8.648438-2.710938 2.714844 0 4.882812.734375 6.5 2.203125 1.621094 1.46875 2.960938 2.921875 4.015625 4.351563 1.203125 1.582031 2.222656 2.636719 3.050781 3.164062.828125.527344 1.582032.792969 2.261719.792969 1.429687 0 2.523437-.847656 3.277344-2.542969.753906-1.695312 1.128906-4.992187 1.128906-9.890625V84.050781l25.886719-7.121093V164.3125m36.867187-84.898438v59.800782c0 1.660156.320313 3.222656.960938 4.691406.640625 1.46875 1.527343 2.734375 2.65625 3.789062 1.132812 1.054688 2.449219 1.902344 3.957031 2.542969 1.507812.640625 3.128906.960938 4.863281.960938 1.957031 0 4.183594-1.097657 6.894531-2.996094 4.292969-3.007813 6.894532-5.074219 6.894532-7.519531V79.414062h25.773437V164.3125h-25.773437v-7.914062c-3.390625 2.863281-7.007813 5.160156-10.851563 6.894531-3.84375 1.734375-7.574219 2.601562-11.191406 2.601562-4.21875 0-8.140625-.699219-11.757813-2.09375-3.617187-1.394531-6.78125-3.296875-9.492187-5.707031-2.714844-2.410156-4.84375-5.238281-6.390625-8.480469-1.542969-3.238281-2.316406-6.707031-2.316406-10.398437V79.414062h25.773437m88.144531 84.898438h-25.660156V45.277344l25.660156-7.121094V164.3125m10.71875-80.261719L229.375 76.929688V164.3125h-25.773438V84.050781m79.625 36.398438c-2.488281 1.058593-4.996093 2.28125-7.519531 3.675781-2.523437 1.394531-4.824219 2.921875-6.894531 4.578125-2.074219 1.65625-3.75 3.429687-5.03125 5.3125s-1.921875 3.84375-1.921875 5.878906c0 1.582031.207031 3.109375.621094 4.578125.414062 1.46875 1 2.730469 1.753906 3.785156.753906 1.054688 1.582031 1.902344 2.488281 2.542969.902344.640625 1.882813.960938 2.9375.960938 2.109375 0 4.238282-.640625 6.386719-1.921875 2.148437-1.28125 4.539063-2.898438 7.179687-4.859375v-24.53125m25.882813 43.863281h-25.882813v-6.785156c-1.433593 1.207031-2.828124 2.320312-4.183593 3.335937-1.355469 1.015625-2.882813 1.902344-4.578125 2.65625-1.695313.753907-3.597656 1.335938-5.710938 1.753907-2.109375.414062-4.597656.621093-7.457031.621093-3.921875 0-7.445313-.566406-10.570313-1.695312-3.128906-1.132813-5.785156-2.675781-7.96875-4.636719-2.1875-1.957031-3.863281-4.277344-5.03125-6.953125-1.167968-2.671875-1.753906-5.59375-1.753906-8.757813 0-3.242187.621094-6.179687 1.867188-8.820312 1.242187-2.636719 2.9375-5.007812 5.085937-7.121094 2.148438-2.109375 4.652344-3.992187 7.515625-5.652344 2.863282-1.65625 5.9375-3.183593 9.214844-4.578124 3.277344-1.394532 6.6875-2.671876 10.230469-3.839844 3.539062-1.167969 7.046875-2.28125 10.511719-3.335938l2.828124-.679687v-8.363281c0-5.425782-1.039062-9.269532-3.109374-11.53125-2.074219-2.261719-4.84375-3.390626-8.308594-3.390626-4.070313 0-6.898438.980469-8.480469 2.9375-1.582031 1.960938-2.375 4.332032-2.375 7.121094 0 1.582032-.167969 3.128906-.507813 4.636719-.335937 1.507813-.921874 2.824219-1.75 3.957031-.828124 1.128906-2.015624 2.035156-3.5625 2.710938-1.542968.679687-3.484374 1.019531-5.820312 1.019531-3.617188 0-6.554688-1.039063-8.816406-3.109375-2.261719-2.074219-3.390625-4.691406-3.390625-7.859375 0-2.9375.996093-5.667969 2.992187-8.191406 2-2.527344 4.691406-4.695313 8.085938-6.5 3.390625-1.8125 7.308594-3.242188 11.753906-4.296875 4.445312-1.054688 9.15625-1.582032 14.128906-1.582032 6.105469 0 11.363282.546876 15.773438 1.636719 4.40625 1.09375 8.042968 2.65625 10.90625 4.691407 2.863281 2.035156 4.972656 4.484374 6.328125 7.347656 1.359375 2.863281 2.035156 6.070312 2.035156 9.609375V164.3125"/>
         <path fill="#CB3C33" d="M235.273438 55.089844c0 9.667968-7.835938 17.5-17.5 17.5-9.667969 0-17.5-7.832032-17.5-17.5 0-9.664063 7.832031-17.5 17.5-17.5 9.664062 0 17.5 7.835937 17.5 17.5"/>
@@ -19,6 +20,7 @@
         <path fill="#389826" d="M256.300781 18.671875c0 9.664063-7.835937 17.5-17.5 17.5-9.667969 0-17.5-7.835937-17.5-17.5 0-9.664063 7.832031-17.5 17.5-17.5 9.664063 0 17.5 7.835937 17.5 17.5"/>
     </g>
 </svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Keycloak.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 168 151" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 168 151" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M21.9021 37.3017L43.5057 0.0132763L130.506 0.00193787L151.992 37.6607L152.019 112.993L130.509 150.63L43.5359 150.66L21.6829 112.997L21.9021 37.3017Z" fill="#4D4D4D"/>
 <path d="M21.6867 112.986H60.8951L39.3596 75.0361L56.8737 37.3093L21.9059 37.3017L0 75.3422" fill="#EDEDED"/>
 <path d="M72.7853 112.986H101.445L126.787 76.049L101.887 37.6645H68.1744L47.8672 74.7564L72.7853 112.986Z" fill="#E0E0E0"/>
@@ -27,6 +28,7 @@
 <path d="M137.709 62.8095V62.8208L130.464 75.3611L101.449 25.1469L115.966 25.1544L137.709 62.8095Z" fill="#33C6E9"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/KiboUI.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 fill="none" viewBox="0 0 117 116" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path clip-rule="evenodd" d="m29.8378 0h87.0002v29 58l-29.0002 29v-87h-87.000031zm-29.000031 95.7389v-37.7389h37.738831zm58.000031 20.2611h-37.249l37.249-37.2488z" fill="#000" fill-rule="evenodd"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg fill="none" viewBox="0 0 117 116" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path clip-rule="evenodd" d="m29.8378 0h87.0002v29 58l-29.0002 29v-87h-87.000031zm-29.000031 95.7389v-37.7389h37.738831zm58.000031 20.2611h-37.249l37.249-37.2488z" fill="#000" fill-rule="evenodd"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Kick.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 933 300" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 933 300" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_9790_492437)">
 <g clip-path="url(#clip1_9790_492437)">
 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H100V66.6667H133.333V33.3333H166.667V0H266.667V100H233.333V133.333H200V166.667H233.333V200H266.667V300H166.667V266.667H133.333V233.333H100V300H0V0ZM666.667 0H766.667V66.6667H800V33.3333H833.333V0H933.333V100H900V133.333H866.667V166.667H900V200H933.333V300H833.333V266.667H800V233.333H766.667V300H666.667V0ZM300 0H400V300H300V0ZM533.333 0H466.667V33.3333H433.333V266.667H466.667V300H533.333H633.333V200H533.333V100H633.333V0H533.333Z" fill="#53FC18"/>
@@ -26,6 +27,7 @@
 </defs>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/KiloCode.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" viewBox="0 0 32 32" fill="#000" width="${width}" height="${height}" ${restAttrs}><path d="M23,26v-2h3v-5l-2-2h-4v2h-3v5l2,2h4ZM20,20h3v3h-3v-3Z"/><rect x="12" y="17" width="3" height="3"/><polygon points="26 12 23 12 23 9 20 6 17 6 17 9 20 9 20 12 17 12 17 15 26 15 26 12"/><path d="M0,0v32h32V0H0ZM29,29H3V3h26v26Z"/><polygon points="15 26 15 23 9 23 9 17 6 17 6 23.1875 8.8125 26 15 26"/><rect x="12" y="6" width="3" height="3"/><polygon points="9 12 12 12 12 15 15 15 15 12 12 9 9 9 9 6 6 6 6 15 9 15 9 12"/></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 32 32" fill="#000" width="${width}" height="${height}" ${restAttrs}><path d="M23,26v-2h3v-5l-2-2h-4v2h-3v5l2,2h4ZM20,20h3v3h-3v-3Z"/><rect x="12" y="17" width="3" height="3"/><polygon points="26 12 23 12 23 9 20 6 17 6 17 9 20 9 20 12 17 12 17 15 26 15 26 12"/><path d="M0,0v32h32V0H0ZM29,29H3V3h26v26Z"/><polygon points="15 26 15 23 9 23 9 17 6 17 6 23.1875 8.8125 26 15 26"/><rect x="12" y="6" width="3" height="3"/><polygon points="9 12 12 12 12 15 15 15 15 12 12 9 9 9 9 6 6 6 6 15 9 15 9 12"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Kimi.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 512 512" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="${width}" height="${height}" ${restAttrs}><path d="M503 114.333v280c0 60.711-49.29 110-110 110H113c-60.711 0-110-49.289-110-110v-280c0-60.71 49.289-110 110-110h280c60.71 0 110 49.29 110 110z"/><path d="M342.065 189.759c1.886-2.42 3.541-4.63 5.289-6.77.81-1.007.74-1.771-.046-2.824-7.58-9.965-8.298-21.028-3.935-32.254 3.275-8.448 10.52-12.406 19.373-13.25 5.52-.521 10.936.046 15.959 2.73 6.596 3.53 10.438 8.912 11.688 16.341.995 5.926.81 11.712-.868 17.452-2.974 10.161-10.277 15.427-20.287 16.758-8.31 1.11-16.734 1.25-25.113 1.817-.648.046-1.308 0-2.06 0z" fill="#027aff"/><path d="M321.512 144.254h-50.064l-39.637 90.384h-56.036v-89.99H131v232.868h44.787v-98.103h78.973c13.598 0 26.015-7.927 31.744-20.252v118.355h44.787v-98.103c0-23.342-18.239-42.97-41.523-44.671v-.116h-24.593a45.577 45.577 0 0026.884-24.534l29.453-65.838z" fill="#fff"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" width="${width}" height="${height}" ${restAttrs}><path d="M503 114.333v280c0 60.711-49.29 110-110 110H113c-60.711 0-110-49.289-110-110v-280c0-60.71 49.289-110 110-110h280c60.71 0 110 49.29 110 110z"/><path d="M342.065 189.759c1.886-2.42 3.541-4.63 5.289-6.77.81-1.007.74-1.771-.046-2.824-7.58-9.965-8.298-21.028-3.935-32.254 3.275-8.448 10.52-12.406 19.373-13.25 5.52-.521 10.936.046 15.959 2.73 6.596 3.53 10.438 8.912 11.688 16.341.995 5.926.81 11.712-.868 17.452-2.974 10.161-10.277 15.427-20.287 16.758-8.31 1.11-16.734 1.25-25.113 1.817-.648.046-1.308 0-2.06 0z" fill="#027aff"/><path d="M321.512 144.254h-50.064l-39.637 90.384h-56.036v-89.99H131v232.868h44.787v-98.103h78.973c13.598 0 26.015-7.927 31.744-20.252v118.355h44.787v-98.103c0-23.342-18.239-42.97-41.523-44.671v-.116h-24.593a45.577 45.577 0 0026.884-24.534l29.453-65.838z" fill="#fff"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/KokonutUI.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 32 32" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#0C0C0C" fill-opacity=".82" fill-rule="evenodd" d="M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947-.189-.157-.38-.309-.572-.454.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.384 9.384 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514Z" clip-rule="evenodd"/><path fill="#111" d="M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021-3.294 0-5.965-2.696-5.965-6.021 0-3.326 2.67-6.022 5.965-6.022 3.294 0 5.964 2.696 5.964 6.022Z"/><path fill="#2CD242" d="M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532c2.165-2.08-.961 7.967-2.165 10.047-1.204 2.08-3.7 1.81-5.127 3.211-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0a1.305 1.305 0 0 0-.004-.028ZM10.994 20.294c-.425.057-6.499 3.084-7.747 0-1.249-3.084-1.48-4.9-1.48-4.9s-.285-1.925-1.59-3.312c-1.306-1.387 5 .616 6.305 1.387 1.305.771 1.135 2.37 2.015 3.284.88.914 2.497 1.748 2.497 1.748s-1.27.426-2.497.426c-1.226 0-4.626-3.06-4.626-3.06-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0l-.018.002Z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><path fill="#0C0C0C" fill-opacity=".82" fill-rule="evenodd" d="M12.365 24.14c2.241 3.92 8.445 5.557 12.328 3.294 3.191-1.86 4.616-6.231 3.776-9.905-.36-1.575-1.362-2.916-2.594-3.947-.189-.157-.38-.309-.572-.454.471.51.895 1.085 1.257 1.72 2.407 4.208 1.211 9.455-2.671 11.718-3.883 2.263-8.982.686-11.389-3.523a9.384 9.384 0 0 1-1.162-3.416c-.058 1.597.264 3.18 1.027 4.514Z" clip-rule="evenodd"/><path fill="#111" d="M25.917 19.269c0 3.325-2.67 6.021-5.964 6.021-3.294 0-5.965-2.696-5.965-6.021 0-3.326 2.67-6.022 5.965-6.022 3.294 0 5.964 2.696 5.964 6.022Z"/><path fill="#2CD242" d="M10.51 17.52c-.09-.678-4.815-10.356 0-12.346 4.814-1.99 7.648-2.36 7.648-2.36s3.006-.452 5.171-2.532c2.165-2.08-.961 7.967-2.165 10.047-1.204 2.08-3.7 1.81-5.127 3.211-1.427 1.402-2.728 3.98-2.728 3.98s-.665-2.025-.665-3.98c0-1.954 4.775-7.371 4.775-7.371 2.095-1.447-3.433 1.55-5.394 5.472-1.573 3.144-1.54 5.461-1.512 5.907.013.107.007.102 0 0a1.305 1.305 0 0 0-.004-.028ZM10.994 20.294c-.425.057-6.499 3.084-7.747 0-1.249-3.084-1.48-4.9-1.48-4.9s-.285-1.925-1.59-3.312c-1.306-1.387 5 .616 6.305 1.387 1.305.771 1.135 2.37 2.015 3.284.88.914 2.497 1.748 2.497 1.748s-1.27.426-2.497.426c-1.226 0-4.626-3.06-4.626-3.06-.908-1.341.973 2.2 3.434 3.456 1.973 1.008 3.427.987 3.707.969.067-.009.064-.005 0 0l-.018.002Z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Kotlin.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 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="99.991%" y1="-.011%" x2=".01%" y2="100.01%" id="a"><stop stop-color="#E44857" offset=".344%"/><stop stop-color="#C711E1" offset="46.89%"/><stop stop-color="#7F52FF" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M256 256H0V0h256L128 127.949z"/></svg>`;
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient x1="99.991%" y1="-.011%" x2=".01%" y2="100.01%" id="a"><stop stop-color="#E44857" offset=".344%"/><stop stop-color="#C711E1" offset="46.89%"/><stop stop-color="#7F52FF" offset="100%"/></linearGradient></defs><path fill="url(#a)" d="M256 256H0V0h256L128 127.949z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/KrakenJS.svelte

@@ -7,14 +7,16 @@
 	}
 
 	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 274" width="${width}" height="${height}" ${restAttrs}>
+	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 274" width="${width}" height="${height}" ${restAttrs}>
   <path d="M128 1.3 0 64v148.1L128 275l128-62.8V64.1L128 1.3Z" fill="#0081C2"/>
   <path d="M225.1 185.6c-.4-2.7-1.5-5.3-3-7.4a23.2 23.2 0 0 0-5-5.2 33.4 33.4 0 0 0-12.8-5.8 45.9 45.9 0 0 0 7-13.4 26 26 0 0 0 1-10.3c-.5-3.5-1.8-6.9-3.8-9.6-1-1.3-2-2.6-3.3-3.7l-.9-.7-1-.8-.9-.7-1-.6a1.1 1.1 0 0 0-1.4 1.7l.8.8.7.8.7.8.6.9c.9 1.2 1.6 2.4 2.1 3.6 1.2 2.5 1.6 5.1 1.4 7.7-.2 2.5-1 5-2.2 7.4a32 32 0 0 1-8 10.1l-.4.3s.1-.1 0 0h-.1a25.9 25.9 0 0 1-8.6 3.8 24.7 24.7 0 0 1-13.9-.7h-.3a25.2 25.2 0 0 0 5.7-1.6 19 19 0 0 0 11.4-13.7l.6-3.8a39 39 0 0 0 0-7v-1l-.1-.8-.1-.8-.1-.8v-.3l-.1-.2V134.3l-.2-.7-.2-1.4-.8-5.7-.2-2.8-.2-2.8v-8.5l.3-2.7a36 36 0 0 1 1.1-5.4c.5-1.7 1.2-3.4 2-5 1-1.5 2-2.9 3.3-4a9 9 0 0 1 3.4-1.7l.6-.1.7-.1a1.1 1.1 0 0 0 0-2.2l-.7-.1h-.9a11.1 11.1 0 0 0-5 1.3c-2 1-3.7 2.5-5.1 4.2a27.5 27.5 0 0 0-3.7 5.5c-1 2-1.7 4-2.4 6l-1 3-.6 3.2a83 83 0 0 0-1.8 18.7v5l-.1.6a25.4 25.4 0 0 1-1.5 6.8c-.3.6-.5 1.1-.9 1.5-.6.9-1.2 1.3-1.8 1.6a7 7 0 0 1-2.6.5 15.8 15.8 0 0 1-4.4-.5s-5-1.8-3.4-7.6a9.1 9.1 0 0 1 7-4.9s8.2-63.3-43-104C76.6 72.7 84.8 136 84.8 136c4 .6 6.2 3 7.2 5.3 1.3 5.1-2.9 7-3.4 7.2l-.7.1c-1.4.3-2.7.4-3.8.4a7 7 0 0 1-2.6-.5c-.6-.3-1.2-.7-1.9-1.6l-.8-1.5-.7-2c-.4-1.5-.6-3.1-.8-4.8V135.6l-.1-.2V133a122.8 122.8 0 0 0-1.8-18.7l-.7-3.1-.9-3.1-2.4-6c-1-2-2.2-3.8-3.7-5.5a17.5 17.5 0 0 0-5.2-4.2 12.1 12.1 0 0 0-5-1.3H56a1.1 1.1 0 0 0 0 2.3h.8l.6.2a8.4 8.4 0 0 1 3.4 1.7c1.3 1.1 2.4 2.5 3.2 4a23 23 0 0 1 2 5 36 36 0 0 1 1.2 5.4l.2 2.7.2 2.8v5.7c-.2.9-.2 1.8-.3 2.8a114.7 114.7 0 0 1-1 8.5l-.2 1.4-.1.7V134.6l-.1.1v.4l-.2.8v.8l-.2.9v.8a38.8 38.8 0 0 0 .6 10.9 23.8 23.8 0 0 0 3.8 7.9 18.6 18.6 0 0 0 7.6 5.8 23 23 0 0 0 5.7 1.5l-.3.1a22.7 22.7 0 0 1-14 .7 29 29 0 0 1-8.5-3.7l-.1-.1c-.1-.1 0 0 0 0l-.3-.3a25 25 0 0 1-3.6-3.5A32 32 0 0 1 52 151c-1.2-2.4-2-4.9-2.2-7.4-.2-2.6.2-5.2 1.4-7.7.5-1.2 1.2-2.5 2-3.6l.7-.9.7-.8.7-.8.8-.9a1.1 1.1 0 0 0-1.5-1.7l-1 .7-.9.7-1 .7-.8.8c-1.2 1.1-2.3 2.4-3.3 3.7-2 2.7-3.3 6-3.7 9.6-.5 3.5 0 7 1 10.3a40 40 0 0 0 7 13.4 34.2 34.2 0 0 0-12.9 5.8 23.3 23.3 0 0 0-5 5.2 16.9 16.9 0 0 0-.8 18.6 22.8 22.8 0 0 0 4 5.1l.5.6.3.3.3.3 1 .9a57.4 57.4 0 0 0 14 8.9c3 1.4 6 2.5 9 3.6v.2l.2.5.3.6.6 1 .1.3.2.2.4.5.7.9c2 2.4 4.6 4 7.2 5a20 20 0 0 0 7.9 1.1h1l.9-.1 1-.2.8-.2 1-.2h.4l.5-.2 1-.3.4-.2.4-.1 1.4-.6.1-.1h.3v-.1l.4-.2.6-.3 1.2-.5 1.2-.5a33.7 33.7 0 0 1 15.4-2c1.8.2 3.4.7 5 1.4 1.5.7 2.9 1.6 4 2.7l.4.5.4.5.2.2.2.3.3.5c.4.7.8 1.5 1 2.3l.1.6.1.7v.3l.1.3v2l-.1 1.4a1.1 1.1 0 0 0 2.2.5l.4-1.4.3-1.7.1-.8V229c-.1-1.2-.4-2.3-.7-3.3l-.4-.8-.1-.4-.2-.4-.4-.8-.5-.7-1-1.4-.6-.6-.6-.6a24.7 24.7 0 0 0-8.7-4.9 35.3 35.3 0 0 0-19.4-.5l-1.6.4-1.5.4-.8.3h-.4l-.1.1c.3-.1 0 0 0 0l-1.5.4h-.5l-.5.2h-3.1a9.2 9.2 0 0 1-3.6-1c-1-.6-1.7-1.3-2-2-.5-.8-.5-1.4-.5-2.2.1-.7.4-1.5 1-2.5.5-1 1.3-2 2.3-3 2-1.8 4.7-3.6 7.7-5.1l.6-.3.5-.3 1.2-.5 2.4-1 2.7-1.1 1.4-.6h.2l.2-.1.4-.2.7-.4 2.9-1.4c6-2.7 18.7-7.7 30-7.7s24 5 30 7.7l2.9 1.4.7.4.4.2h.2l.2.1 1.4.6 2.7 1.1 2.4 1 1.1.5.6.3.6.3c3 1.5 5.7 3.3 7.7 5.2 1 1 1.8 2 2.4 2.9.5 1 .8 1.8.9 2.5 0 .8 0 1.4-.4 2.2-.4.7-1.1 1.4-2.1 2-1 .5-2.2.9-3.6 1H173l-.5-.1h-.5l-1.4-.5h-.2s-.2-.1.1 0h-.1l-.4-.1-.8-.3-1.5-.4-1.6-.4a35.3 35.3 0 0 0-19.4.5 24.6 24.6 0 0 0-8.7 4.9l-.6.6-.6.6-1 1.4-.5.7-.4.8-.2.4-.1.4-.4.8c-.3 1-.6 2.1-.7 3.3v2.4l.1.8c0 .6.2 1.1.3 1.7l.4 1.4c.2.5.7.8 1.2.8.6-.1 1-.6 1-1.3l-.1-1.4V230.7l.2-.7.1-.6c.2-.8.6-1.6 1-2.3l.3-.5.2-.3.2-.2.4-.5c0-.2.2-.3.4-.5 1.1-1.1 2.5-2 4-2.7 1.6-.7 3.3-1.2 5-1.4a29.2 29.2 0 0 1 15.4 2l1.2.5 1.2.5.6.3.3.2h.1l.3.1h.1l1.4.7.4.1.5.2 1 .3.4.1.5.1.9.2.9.2 1 .2h.9l1 .1a20 20 0 0 0 7.8-1.1c2.6-1 5.2-2.6 7.2-5l.8-1 .3-.4.2-.2.1-.3.6-1 .3-.6.2-.5v-.2a65 65 0 0 0 23-12.6l1-.8.3-.3.3-.3.6-.6a29.1 29.1 0 0 0 4-5.1l1.4-3.3a17 17 0 0 0 .7-7.9ZM75.5 188l-.7.5-.7.5-1.4 1-.7.6-.7.5-1.3 1.2-1.3 1.3-.6.6-.6.7-1.2 1.4c-1.6 2-3 4.3-4 7-.6 1.2-1 2.7-1.2 4.2l-.2 1.1v.2a91.7 91.7 0 0 1-11.3-8.6c-1.2-1-2.2-2.2-3.2-3.4l-.8-.8-.1-.3-.2-.2-.2-.3a17.3 17.3 0 0 1-1.8-3.4l-.4-1.4c-.1-1 0-1.7.2-2.3.3-.6.7-1.2 1.3-1.8.6-.6 1.4-1.2 2.4-1.7 2-1 4.5-1.8 7-2.2a28.8 28.8 0 0 1 17.3 3.3l.9.4.7.4.5.2.5.3 2 .8-.2.2Zm37-44a4.1 4.1 0 1 1 0-8.3 4.1 4.1 0 0 1 0 8.2Zm31 0a4.1 4.1 0 1 1 0-8.3 4.1 4.1 0 0 1 0 8.2Zm69.6 46.4a9 9 0 0 1-1.1 3l-1 1.8-.3.3-.2.2-.1.2-.8 1A47.9 47.9 0 0 1 199 206a95 95 0 0 1-4 2.6v-1.3a27.5 27.5 0 0 0-5.2-11.1l-1.3-1.5-.6-.7-.6-.6-1.3-1.3-1.3-1.2-.7-.5a10 10 0 0 0-.7-.6l-1.4-1-.7-.5-.7-.5-.3-.2 2.1-.8.5-.3.5-.2.7-.4.9-.4 1.7-1a28.3 28.3 0 0 1 22.6-.1c1 .5 1.8 1 2.4 1.7.6.6 1 1.2 1.3 1.8.2.6.3 1.3.2 2.3Z" fill="#FFF"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Kubernetes.svelte

@@ -7,14 +7,16 @@
 	}
 
 	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 722.8 702" width="${width}" height="${height}" ${restAttrs}>
+	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 722.8 702" width="${width}" height="${height}" ${restAttrs}>
   <path style="fill:#326ce5;fill-opacity:1;stroke:#fff;stroke-width:0;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" d="M365 185a47 46 0 0 0-18 4L103 306a47 46 0 0 0-25 32L18 600a47 46 0 0 0 6 35 47 46 0 0 0 3 4l169 210a47 46 0 0 0 36 18h271a47 46 0 0 0 37-18l169-210a47 46 0 0 0 9-39l-60-263a47 46 0 0 0-26-31L388 189a47 46 0 0 0-23-4z" transform="translate(-6 -175)"/>
   <path d="M368 274c-8 0-15 7-15 16v4l2 14 2 27c-1 3-3 6-5 7v7a190 190 0 0 0-122 58l-6-3c-2 0-5 1-8-1l-20-18-10-10-3-3c-3-2-7-4-10-4-5 0-9 2-12 5-5 7-3 16 4 22l3 3 12 7 22 15c2 2 3 7 3 8l5 5c-26 37-37 84-30 131l-6 2c-2 2-4 6-7 7l-26 4-14 1-4 1c-9 2-14 10-13 18 2 8 11 12 19 11h1v-1h4l13-5c9-4 17-7 25-8l9 3 6-1c15 45 45 82 84 105l-2 7c1 2 2 5 1 8l-13 24-8 11-2 4c-4 8-1 18 6 21 8 4 17 0 20-8l2-4 5-13c3-10 6-20 11-27l6-3 3-6a189 189 0 0 0 135 1l4 5c2 1 5 2 7 5l10 24 4 14 2 4c4 8 13 11 20 8 8-4 10-13 7-21l-2-4-8-12c-6-8-10-15-13-23-1-4 0-6 1-8l-2-6c40-24 70-62 84-106l6 1c2-2 4-4 8-3 8 1 16 4 26 7l13 5 4 1c9 2 17-3 19-10 2-8-4-16-12-18l-5-1-14-1c-10-1-18-2-26-5-3-1-5-5-6-6l-6-2a189 189 0 0 0-31-131l6-5c0-3 0-5 2-8 6-6 13-10 22-16l12-7 4-2c7-6 8-16 3-22s-15-7-22-1l-3 2-10 11c-7 7-13 13-19 17-3 2-7 2-9 1l-6 4c-31-33-75-54-121-58v-7c-2-2-5-3-5-7-1-8 0-16 1-27l2-14v-4c0-9-6-16-14-16zm-19 113-4 77a13 13 0 0 1-21 10l-63-44a151 151 0 0 1 88-43zm37 0c33 5 64 20 88 43l-63 44a13 13 0 0 1-21-10zm-148 71 58 52a13 13 0 0 1-5 22l-74 22c-4-35 4-68 21-96zm259 0a153 153 0 0 1 22 95l-74-21a13 13 0 0 1-5-22h-1l58-52zm-141 56h23l15 18-5 23-21 10-21-10-6-23zm75 62h3l77 13c-12 32-33 59-61 77l-30-72a13 13 0 0 1 11-18zm-128 1a13 13 0 0 1 12 18l-29 71c-27-18-49-44-61-77l76-12h2zm64 31c2-1 4 0 6 1 3 1 5 3 6 5l38 68a154 154 0 0 1-98-1l37-67c3-4 7-6 11-6z" style="font-size:medium;font-style:normal;font-variant:normal;font-weight:400;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;color:#000;fill:#fff;fill-opacity:1;stroke:#fff;stroke-width:.25;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" transform="translate(-6 -175)"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Laravel.svelte

@@ -7,13 +7,15 @@
 	}
 
 	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 264" width="${width}" height="${height}" ${restAttrs}>
+	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 264" width="${width}" height="${height}" ${restAttrs}>
   <path d="m255.9 59.6.1 1.1v56.6c0 1.4-.8 2.8-2 3.5l-47.6 27.4v54.2c0 1.4-.7 2.8-2 3.5l-99.1 57-.7.4-.3.1c-.7.2-1.4.2-2.1 0l-.4-.1-.6-.3L2 206c-1.3-.8-2.1-2.2-2.1-3.6V32.7l.1-1.1.2-.4.3-.6.2-.4.4-.5.4-.3c.2 0 .3-.2.5-.3L51.6.6c1.3-.8 2.9-.8 4.1 0L105.3 29c.2 0 .3.2.4.3l.5.3c0 .2.2.4.3.5l.3.4.3.6.1.4.2 1v106l41.2-23.7V60.7c0-.4 0-.7.2-1l.1-.4.3-.7.3-.3.3-.5.5-.3.4-.4 49.6-28.5c1.2-.7 2.8-.7 4 0L254 57l.5.4.4.3.4.5.2.3c.2.2.2.5.3.7l.2.3Zm-8.2 55.3v-47l-17.3 10-24 13.7v47l41.3-23.7Zm-49.5 85v-47l-23.6 13.5-67.2 38.4v47.5l90.8-52.3ZM8.2 39.9V200l90.9 52.3v-47.5l-47.5-26.9-.4-.4c-.2 0-.3-.1-.4-.3l-.4-.4-.3-.4-.2-.5-.2-.5v-.6l-.2-.5V63.6L25.6 49.8l-17.3-10Zm45.5-31L12.4 32.8l41.3 23.7 41.2-23.7L53.7 8.9ZM75 157.3l24-13.8V39.8l-17.3 10-24 13.8v103.6l17.3-10ZM202.3 36.9 161 60.7l41.3 23.8 41.3-23.8-41.3-23.8Zm-4.1 54.7-24-13.8-17.3-10v47l24 13.9 17.3 10v-47Zm-95 106 60.6-34.5 30.2-17.3-41.2-23.8-47.5 27.4L62 174.3l41.2 23.3Z" fill="#FF2D20"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/Layers.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 32 33" width="${width}" height="${height}" ${restAttrs}><path fill="#111827" fill-opacity="0.2" d="M0 18.83L.08 6.832C.094 4.66 1.613 2.798 3.71 2.383L15.297.086c2.784-.552 5.368 1.627 5.35 4.51l-.08 12c-.015 2.171-1.534 4.032-3.631 4.448L5.349 23.341C2.565 23.893-.019 21.714 0 18.83z"/><path fill="#111827" fill-opacity="0.5" d="M5.677 23.617l.08-12C5.77 9.447 7.29 7.586 9.387 7.17l11.587-2.296c2.784-.552 5.368 1.626 5.349 4.51l-.08 12c-.014 2.171-1.533 4.032-3.63 4.448l-11.587 2.297c-2.784.551-5.368-1.627-5.349-4.51z"/><path fill="#111827" fill-opacity="0.8" d="M11.354 28.404l.08-12c.014-2.172 1.533-4.032 3.63-4.448l11.587-2.297c2.784-.552 5.368 1.627 5.349 4.51l-.08 12c-.014 2.172-1.533 4.033-3.63 4.448l-11.587 2.297c-2.784.552-5.368-1.627-5.35-4.51z"/></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 32 33" width="${width}" height="${height}" ${restAttrs}><path fill="#111827" fill-opacity="0.2" d="M0 18.83L.08 6.832C.094 4.66 1.613 2.798 3.71 2.383L15.297.086c2.784-.552 5.368 1.627 5.35 4.51l-.08 12c-.015 2.171-1.534 4.032-3.631 4.448L5.349 23.341C2.565 23.893-.019 21.714 0 18.83z"/><path fill="#111827" fill-opacity="0.5" d="M5.677 23.617l.08-12C5.77 9.447 7.29 7.586 9.387 7.17l11.587-2.296c2.784-.552 5.368 1.626 5.349 4.51l-.08 12c-.014 2.171-1.533 4.032-3.63 4.448l-11.587 2.297c-2.784.551-5.368-1.627-5.349-4.51z"/><path fill="#111827" fill-opacity="0.8" d="M11.354 28.404l.08-12c.014-2.172 1.533-4.032 3.63-4.448l11.587-2.297c2.784-.552 5.368 1.627 5.349 4.51l-.08 12c-.014 2.172-1.533 4.033-3.63 4.448l-11.587 2.297c-2.784.552-5.368-1.627-5.35-4.51z"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/LeapWallet.svelte

@@ -7,10 +7,11 @@
 	}
 
 	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 166 166" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
+	const svgContent = () => {
+		const restAttrs = Object.entries(rest)
+			.map(([k, v]) => `${k}="${v}"`)
+			.join(' ');
+		return `<svg viewBox="0 0 166 166" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path d="M138.614 100.445C138.614 120.217 114.483 128.252 84.5216 128.252C54.5603 128.252 30.0784 120.217 30.0784 100.445C30.0784 80.6726 54.3846 64.6731 84.346 64.6731C114.307 64.6731 138.614 80.7075 138.614 100.445Z" fill="#24A95A"/>
 <path d="M133.103 57.3474C133.103 46.9373 124.603 38.4834 114.136 38.4834C108.693 38.4834 103.787 40.7721 100.33 44.4174C99.7944 44.982 99.0118 45.2571 98.249 45.1031C93.869 44.2188 89.2355 43.7234 84.4555 43.7234C79.676 43.7234 75.043 44.1896 70.6634 45.0953C69.8998 45.2532 69.1138 44.9825 68.575 44.4188C65.09 40.7727 60.1867 38.4834 54.7752 38.4834C44.308 38.4834 35.8079 46.9373 35.8079 57.3474C35.8079 60.3836 36.5262 63.2275 37.7913 65.7572C38.0943 66.363 38.1248 67.0723 37.8627 67.6969C36.6353 70.6214 35.9835 73.7094 35.9835 76.9101C35.9835 95.2501 57.6905 110.097 84.4555 110.097C111.221 110.097 132.928 95.2501 132.928 76.9101C132.928 73.7094 132.276 70.6214 131.048 67.6969C130.786 67.0723 130.817 66.363 131.12 65.7572C132.385 63.2275 133.103 60.3836 133.103 57.3474Z" fill="#32DA6D"/>
 <path d="M53.2271 67.8119C59.6287 67.8119 64.8183 62.6506 64.8183 56.2839C64.8183 49.9171 59.6287 44.7559 53.2271 44.7559C46.8255 44.7559 41.636 49.9171 41.636 56.2839C41.636 62.6506 46.8255 67.8119 53.2271 67.8119Z" fill="white"/>
@@ -22,6 +23,7 @@
 <path d="M99.7995 83.0176C101.514 83.1651 102.81 84.6862 102.378 86.3518C102.029 87.6979 101.529 89.0039 100.886 90.2442C99.763 92.409 98.2246 94.3315 96.3586 95.9018C94.4927 97.4722 92.3357 98.6596 90.0108 99.3963C87.686 100.133 85.2388 100.405 82.809 100.196C80.3791 99.9866 78.0143 99.301 75.8494 98.178C73.6846 97.0551 71.7621 95.5167 70.1917 93.6507C68.6214 91.7848 67.434 89.6278 66.6972 87.303C66.1701 85.6396 65.8811 83.9135 65.8359 82.1761C65.806 81.0294 66.8244 80.1808 67.9673 80.2791L84.4007 81.6928L99.7995 83.0176Z" fill="#092511"/>
 </svg>
 `;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}

package/dist/components/LearnThis.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" viewBox="0 0 45 45" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}><path d="M9.4 10.8s3.7 4.8 13.8 7.7c0 0 7.5 2.1 11 6.2 0 0 3.5 2.7 4.8 12.2 0 0-2.9-5.6-11.3-7.8 0 0-8.8-2.2-11.1-3.5s-4.9-3.6-5.9-6.8-1.5-6.9-1.3-8z" fill="#039ff4"/><path d="M5.1 23s4.1 3.4 9.1 5.2c0 0 4.1 1.8 10 2.7 0 0 5.4 1.1 8.3 2.8 0 0 5 2.9 7.5 10.3 0 0-2.5-3.3-7-4.1 0 0-2.6-1-10.3-1.3 0 0-5.6.1-10.7-3.1 0 0-3.7-2.1-5.8-8.6-.3 0-1-2.1-1.1-3.9z" fill="#028df1"/><path d="M19.2.9s2.6 4 7.2 6.4c0 0 4.3 2.4 6.7 5 0 0 2.2 2 3.7 6.2 0 0 .9 2.3 1.2 7.3 0 0-2-3.6-3.8-4.8 0 0-2-1.6-4.5-2.9S25 15.8 23.1 14s-3.3-3.9-3.7-6.2-.4-5.3-.2-6.9z" fill="#4fbcf7"/></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 45 45" xml:space="preserve" width="${width}" height="${height}" ${restAttrs}><path d="M9.4 10.8s3.7 4.8 13.8 7.7c0 0 7.5 2.1 11 6.2 0 0 3.5 2.7 4.8 12.2 0 0-2.9-5.6-11.3-7.8 0 0-8.8-2.2-11.1-3.5s-4.9-3.6-5.9-6.8-1.5-6.9-1.3-8z" fill="#039ff4"/><path d="M5.1 23s4.1 3.4 9.1 5.2c0 0 4.1 1.8 10 2.7 0 0 5.4 1.1 8.3 2.8 0 0 5 2.9 7.5 10.3 0 0-2.5-3.3-7-4.1 0 0-2.6-1-10.3-1.3 0 0-5.6.1-10.7-3.1 0 0-3.7-2.1-5.8-8.6-.3 0-1-2.1-1.1-3.9z" fill="#028df1"/><path d="M19.2.9s2.6 4 7.2 6.4c0 0 4.3 2.4 6.7 5 0 0 2.2 2 3.7 6.2 0 0 .9 2.3 1.2 7.3 0 0-2-3.6-3.8-4.8 0 0-2-1.6-4.5-2.9S25 15.8 23.1 14s-3.3-3.9-3.7-6.2-.4-5.3-.2-6.9z" fill="#4fbcf7"/></svg>`;
+	};
 </script>
 
-{@html svgContent}
+{@html svgContent()}