@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/components/AMP.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg fill="#005AF0" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><title>AMP</title><path d="M12 0c6.628 0 12 5.373 12 12s-5.372 12-12 12C5.373 24 0 18.627 0 12S5.373 0 12 0zm-.92 19.278l5.034-8.377a.444.444 0 00.097-.268.455.455 0 00-.455-.455l-2.851.004.924-5.468-.927-.003-5.018 8.367s-.1.183-.1.291c0 .251.204.455.455.455l2.831-.004-.901 5.458z"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg fill="#005AF0" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><title>AMP</title><path d="M12 0c6.628 0 12 5.373 12 12s-5.372 12-12 12C5.373 24 0 18.627 0 12S5.373 0 12 0zm-.92 19.278l5.034-8.377a.444.444 0 00.097-.268.455.455 0 00-.455-.455l-2.851.004.924-5.468-.927-.003-5.018 8.367s-.1.183-.1.291c0 .251.204.455.455.455l2.831-.004-.901 5.458z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Adobe.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 91 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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 91 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_906_1839)">
 <path d="M56.9686 0H90.4318V80L56.9686 0Z" fill="#EB1000"/>
 <path d="M33.4632 0H0V80L33.4632 0Z" fill="#EB1000"/>

package/dist/components/AffinityDesigner.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}"><path fill="#134881" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M2477 909.311c-.17 21.934-18.03 39.689-40 39.689h-403.69l-172.55-298.876H2477v259.187ZM1603 909V733.513L1983.19 75h148.58l-321.19 556.33L1993.98 949H1643c-22.08 0-40-17.923-40-40Zm487.17-292.956h-150.22c-16.77 0-32.27-8.8-40.65-23.327-8.38-14.502-8.38-32.433 0-46.935l75.15-130.17 115.72 200.432ZM2437 75c21.97 0 39.83 17.755 40 39.689v501.355h-347.48l-135.41-234.495L2171.1 75H2437Z" transform="translate(-1528)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(2271.03 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6be1fb"/><stop offset="1" stop-color="#38bdfa"/></radialGradient></defs></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><path fill="#134881" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M2477 909.311c-.17 21.934-18.03 39.689-40 39.689h-403.69l-172.55-298.876H2477v259.187ZM1603 909V733.513L1983.19 75h148.58l-321.19 556.33L1993.98 949H1643c-22.08 0-40-17.923-40-40Zm487.17-292.956h-150.22c-16.77 0-32.27-8.8-40.65-23.327-8.38-14.502-8.38-32.433 0-46.935l75.15-130.17 115.72 200.432ZM2437 75c21.97 0 39.83 17.755 40 39.689v501.355h-347.48l-135.41-234.495L2171.1 75H2437Z" transform="translate(-1528)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(2271.03 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6be1fb"/><stop offset="1" stop-color="#38bdfa"/></radialGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AffinityPhoto.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}"><path fill="#4e3188" d="M1023.994 100c0-55.192-44.807-100-99.999-100H100.002C44.81 0 .002 44.808.002 100v824c0 55.192 44.808 100 100 100h823.993c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M3547 650.087V909c0 21.809-17.49 39.566-39.2 39.992l-264.42-.001-172.64-298.904H3547Zm-342.96 298.904h-467.78l234.02-404.714 233.76 404.714Zm-505.34-2.629c-14.15-5.425-24.44-18.652-25.59-34.397l-.11-178.463 190.17-329.251h148.64L2698.7 946.362Zm449.05-542.726c12.95.054 25.34 7.661 32.03 18.935.07.114.2.344.2.344l39.3 68.052.34.564c6.42 11.234 6.67 25.389.25 36.827-13.17 23.042-26.55 45.973-39.83 68.96-6.52 11.179-18.86 18.473-31.98 18.636-25.03.105-75.22.047-75.29.047-12.95-.054-25.54-6.959-32.24-18.233-.15-.244-.43-.743-.43-.743s-39.32-68.059-39.4-68.217c-6.43-11.234-6.42-25.747 0-37.185.09-.168.29-.504.29-.504s26.31-45.638 39.48-68.457c6.52-11.179 18.89-18.87 32-19.034.22-.001.66-.011.66-.011l74.17.019h.45Zm372.14-326.51-311.25 538.875H3547V115c0-17.566-11.35-32.503-27.11-37.874ZM3053.34 75h428.43l-231.7 401.157-214.21-370.881L3053.34 75Zm96.18 295.191h-266.68l133.34-230.855 133.34 230.855Z" transform="matrix(1 0 0 1 -2597.98 0)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(3341.03 -89.259) scale(1038.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a6ff"/><stop offset="1" stop-color="#ea73ff"/></radialGradient></defs></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><path fill="#4e3188" d="M1023.994 100c0-55.192-44.807-100-99.999-100H100.002C44.81 0 .002 44.808.002 100v824c0 55.192 44.808 100 100 100h823.993c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="M3547 650.087V909c0 21.809-17.49 39.566-39.2 39.992l-264.42-.001-172.64-298.904H3547Zm-342.96 298.904h-467.78l234.02-404.714 233.76 404.714Zm-505.34-2.629c-14.15-5.425-24.44-18.652-25.59-34.397l-.11-178.463 190.17-329.251h148.64L2698.7 946.362Zm449.05-542.726c12.95.054 25.34 7.661 32.03 18.935.07.114.2.344.2.344l39.3 68.052.34.564c6.42 11.234 6.67 25.389.25 36.827-13.17 23.042-26.55 45.973-39.83 68.96-6.52 11.179-18.86 18.473-31.98 18.636-25.03.105-75.22.047-75.29.047-12.95-.054-25.54-6.959-32.24-18.233-.15-.244-.43-.743-.43-.743s-39.32-68.059-39.4-68.217c-6.43-11.234-6.42-25.747 0-37.185.09-.168.29-.504.29-.504s26.31-45.638 39.48-68.457c6.52-11.179 18.89-18.87 32-19.034.22-.001.66-.011.66-.011l74.17.019h.45Zm372.14-326.51-311.25 538.875H3547V115c0-17.566-11.35-32.503-27.11-37.874ZM3053.34 75h428.43l-231.7 401.157-214.21-370.881L3053.34 75Zm96.18 295.191h-266.68l133.34-230.855 133.34 230.855Z" transform="matrix(1 0 0 1 -2597.98 0)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(3341.03 -89.259) scale(1038.25)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f9a6ff"/><stop offset="1" stop-color="#ea73ff"/></radialGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AffinityPublisher.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}"><path fill="#891b26" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z" transform="translate(-3678.99)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(4421.95 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffae71"/><stop offset="1" stop-color="#ff9350"/></radialGradient></defs></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" clip-rule="evenodd" viewBox="0 0 1024 1024" width="${width}" height="${height}" ${restAttrs}><path fill="#891b26" d="M1024 100c0-55.192-44.808-100-100-100H100C44.808 0 0 44.808 0 100v824c0 55.192 44.808 100 100 100h824c55.192 0 100-44.808 100-100V100Z"/><path fill="url(#a)" d="m4145.14 949-257.8-446.348L3754 733.508V909c0 22.077 17.92 40 40 40h351.14Zm187.99 0h-148.64s-192.55-333.487-257.06-445.057c-12.63-21.85-12.64-48.87-.01-70.724 23.33-40.368 53.92-93.31 53.92-93.31L4333.13 949Zm187.99 0h-148.64l-369.29-646.928 72.14-124.89L4521.12 949ZM4628 808.578V909c0 22.077-17.92 40-40 40h-27.53L4095 143.121 4134.35 75h69.95L4628 808.578ZM4588 75h-344.36L4628 740.456V115c0-22.077-17.92-40-40-40Z" transform="translate(-3678.99)"/><defs><radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="translate(4421.95 -89.26) scale(1038.26)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffae71"/><stop offset="1" stop-color="#ff9350"/></radialGradient></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Afordin.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 196 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M109.337 48.428c0-6.421-2.518-12.579-7-17.12-4.483-4.54-10.563-7.092-16.902-7.094 6.34-.002 12.42-2.554 16.902-7.094s7-10.7 7-17.12c0 6.421 2.518 12.58 7.002 17.121a23.76 23.76 0 0 0 16.905 7.093 23.76 23.76 0 0 0-16.905 7.093c-4.484 4.54-7.002 10.7-7.002 17.12m29.694 44.055a31.5 31.5 0 0 0-11.353-15.22 30.87 30.87 0 0 0-17.943-5.805 30.86 30.86 0 0 0-17.964 5.74 31.5 31.5 0 0 0-11.406 15.18l-25.795 73.16h37.412l17.46-57.182 22.773 77.722 10.669 31.871c3.384 11.026 10.162 20.667 19.343 27.512 9.182 6.846 20.285 10.537 31.687 10.534H196zM22.692 256h1.791a53 53 0 0 0 31.165-10.155c9.085-6.602 15.897-15.923 19.477-26.651l.418-1.249.307-.961H36.44z" fill="#000"/><path d="M79.43 209.426c17.013-3.116 29.917-18.19 29.917-36.321H35.864c-9.511.001-18.633 3.829-25.358 10.64S0 199.793 0 209.426z" fill="#000"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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 196 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M109.337 48.428c0-6.421-2.518-12.579-7-17.12-4.483-4.54-10.563-7.092-16.902-7.094 6.34-.002 12.42-2.554 16.902-7.094s7-10.7 7-17.12c0 6.421 2.518 12.58 7.002 17.121a23.76 23.76 0 0 0 16.905 7.093 23.76 23.76 0 0 0-16.905 7.093c-4.484 4.54-7.002 10.7-7.002 17.12m29.694 44.055a31.5 31.5 0 0 0-11.353-15.22 30.87 30.87 0 0 0-17.943-5.805 30.86 30.86 0 0 0-17.964 5.74 31.5 31.5 0 0 0-11.406 15.18l-25.795 73.16h37.412l17.46-57.182 22.773 77.722 10.669 31.871c3.384 11.026 10.162 20.667 19.343 27.512 9.182 6.846 20.285 10.537 31.687 10.534H196zM22.692 256h1.791a53 53 0 0 0 31.165-10.155c9.085-6.602 15.897-15.923 19.477-26.651l.418-1.249.307-.961H36.44z" fill="#000"/><path d="M79.43 209.426c17.013-3.116 29.917-18.19 29.917-36.321H35.864c-9.511.001-18.633 3.829-25.358 10.64S0 199.793 0 209.426z" fill="#000"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/AfterEffects.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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 83 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_912_9)">
 <path d="M67.5214 0H14.5299C6.50526 0 0 6.50526 0 14.5299V65.4701C0 73.4947 6.50526 80 14.5299 80H67.5214C75.546 80 82.0513 73.4947 82.0513 65.4701V14.5299C82.0513 6.50526 75.546 0 67.5214 0Z" fill="#00005B"/>
 <path d="M32.9624 47.8634H20.2474L17.6604 55.915C17.6252 56.0616 17.54 56.1913 17.4194 56.2817C17.2988 56.3721 17.1504 56.4177 16.9999 56.4104H10.5599C10.1927 56.4104 10.0642 56.2086 10.1746 55.805L21.1832 24.2314C21.2932 23.9012 21.4034 23.5783 21.5134 23.156C21.6576 22.4216 21.7313 21.6752 21.7336 20.9268C21.7261 20.8745 21.731 20.8212 21.7477 20.771C21.7644 20.7209 21.7926 20.6753 21.83 20.6379C21.8674 20.6005 21.9129 20.5723 21.9631 20.5556C22.0132 20.5389 22.0666 20.534 22.1189 20.5415H30.8708C31.127 20.5415 31.2738 20.6332 31.3111 20.8168L43.8058 55.86C43.9158 56.2272 43.8057 56.4107 43.4756 56.4104H36.32C36.1971 56.4241 36.0734 56.3925 35.9721 56.3216C35.8708 56.2507 35.7988 56.1453 35.7696 56.0251L32.9624 47.8634ZM22.2291 41.0745H30.9258C30.7056 40.3409 30.4487 39.5152 30.1551 38.5975C29.861 37.6807 29.5491 36.6991 29.2194 35.6527C28.8892 34.607 28.559 33.5611 28.2287 32.5153C27.8985 31.4695 27.5957 30.4604 27.3204 29.4879C27.0453 28.5161 26.7976 27.6263 26.5774 26.8184H26.5223C26.2126 28.305 25.8268 29.7747 25.3664 31.2218C24.8521 32.8731 24.3292 34.5611 23.7977 36.2857C23.2654 38.011 22.7425 39.6072 22.2291 41.0745Z" fill="#9999FF"/>

package/dist/components/Ahooks.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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 44 44" width="${width}" height="${height}" ${restAttrs}>
   <g fill="none" fill-rule="nonzero">
     <rect width="44.005" height="44.005" fill="#4569D4" rx="22.003" />
     <path fill="#FFF"

package/dist/components/Ahrefs.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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 128 128" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="m24 8v24h64v16l-26.104 0.456c-35.096 3.256-45.896 11.624-45.896 36.504v6.512c0 19.064 14.328 28.528 32 28.528 7.984 0 16.32-1.56 25.04-5.976l14.96-6.024v12h24v-112zm64 76-18.112 7.472c-6.296 3.488-12.832 5.344-17.92 5.344-6.288 0-11.968-1.136-11.968-8.816v-5.12c0.48-8.136 7.376-11.176 26.256-13.032l21.744-1.848z" fill="#f80"/></svg>`;
+</script>
+
+{@html svgContent}

package/dist/components/Airbnb.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg enable-background="new 0 0 1991.3 2143.2" viewBox="0 0 1991.3 2143.2" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg enable-background="new 0 0 1991.3 2143.2" viewBox="0 0 1991.3 2143.2" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
     <path d="m1851.6 1735.6c-15 111.6-90.1 208.1-195.2 251-51.5 21.4-107.3 27.9-163.1 21.4-53.6-6.4-107.3-23.6-163-55.7-77.2-43-154.5-109.4-244.6-208.1 141.6-173.8 227.4-332.5 259.6-474.1 15-66.5 17.2-126.6 10.7-182.4-8.6-53.6-27.9-103-57.9-145.9-66.5-96.5-178.1-152.3-302.5-152.3s-236 57.9-302.5 152.3c-30 42.9-49.3 92.3-57.9 145.9-8.6 55.8-6.4 118 10.7 182.4 32.2 141.6 120.1 302.5 259.6 476.2-88 98.7-167.3 165.2-244.6 208.1-55.8 32.2-109.4 49.4-163 55.8-55.3 6.2-111.2-1.2-163-21.4-105.1-42.9-180.2-139.5-195.2-251-6.4-53.6-2.1-107.2 19.3-167.3 6.4-21.5 17.2-42.9 27.9-68.6 15-34.3 32.2-70.8 49.3-107.3l2.2-4.3c148-319.7 306.8-645.8 472-963.3l6.4-12.9c17.2-32.1 34.3-66.5 51.5-98.7 17.2-34.3 36.5-66.5 60.1-94.4 45.1-51.5 105.1-79.4 171.6-79.4s126.6 27.9 171.6 79.4c23.6 27.9 42.9 60.1 60.1 94.4 17.2 32.2 34.3 66.5 51.5 98.6l6.5 12.9c163 319.6 321.8 645.7 469.8 965.4v2.1c17.2 34.3 32.2 73 49.3 107.3 10.7 25.8 21.5 47.2 27.9 68.6 17.1 55.9 23.5 109.5 14.9 165.3zm-856-100.9c-115.8-145.9-190.9-283.2-216.7-399-10.7-49.4-12.9-92.3-6.4-130.9 4.3-34.3 17.2-64.4 34.3-90.1 40.8-57.9 109.4-94.4 188.8-94.4s150.2 34.4 188.8 94.4c17.2 25.8 30 55.8 34.3 90.1 6.4 38.6 4.3 83.7-6.4 130.9-25.7 113.7-100.8 251-216.7 399zm967.6-111.5c-10.7-25.7-21.5-53.6-32.2-77.2-17.2-38.6-34.3-75.1-49.4-109.4l-2.1-2.1c-148-321.8-306.8-647.9-474.1-969.7l-6.4-12.9c-17.2-32.2-34.3-66.5-51.5-100.8-21.5-38.6-42.9-79.4-77.2-118-68.7-85.9-167.4-133.1-272.5-133.1-107.3 0-203.8 47.2-274.7 128.7-32.2 38.6-55.8 79.4-77.2 118-17.2 34.3-34.3 68.6-51.5 100.8l-6.4 12.8c-165.2 321.8-326.1 647.9-474.1 969.7l-2.1 4.3c-15 34.3-32.2 70.8-49.4 109.4-11.5 25.4-22.2 51.2-32.2 77.2-27.9 79.4-36.5 154.5-25.8 231.7 23.6 160.9 130.9 296.1 278.9 356.1 55.8 23.6 113.7 34.3 173.8 34.3 17.2 0 38.6-2.1 55.8-4.3 70.8-8.6 143.7-32.1 214.5-72.9 88-49.3 171.6-120.1 266-223.1 94.4 103 180.2 173.8 266 223.1 70.8 40.8 143.7 64.3 214.5 72.9 17.2 2.2 38.6 4.3 55.8 4.3 60.1 0 120.1-10.7 173.8-34.3 150.2-60.1 255.3-197.4 278.9-356.1 17.2-75 8.6-150-19.2-229.4z" fill="#e0565b"/>
 </svg>
 `;

package/dist/components/Alacritty.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 64 64" version="1.1" xml:space="preserve" style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41420996;enable-background:new" id="svg3967" sodipodi:docname="alacritty.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" width="${width}" height="${height}"><metadata id="metadata3971"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><sodipodi:namedview pagecolor="#1b1b1b" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="1" inkscape:pageshadow="2" inkscape:window-width="1912" inkscape:window-height="2051" id="namedview3969" showgrid="true" inkscape:pagecheckerboard="false" showguides="false" inkscape:guide-bbox="true" inkscape:measure-start="35.0647,26.4746" inkscape:measure-end="23.3668,17.3739" inkscape:lockguides="false" inkscape:snap-page="false" inkscape:zoom="16.123347" inkscape:cx="29.021205" inkscape:cy="30.792291" inkscape:window-x="1912" inkscape:window-y="48" inkscape:window-maximized="0" inkscape:current-layer="layer1" inkscape:snap-smooth-nodes="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" showborder="true" inkscape:showpageshadow="false" inkscape:object-nodes="true" viewbox-y="-0.5" inkscape:snap-to-guides="false" inkscape:snap-grids="false"><sodipodi:guide position="52,8.2500022" orientation="1,0" id="guide959" inkscape:locked="false" inkscape:label="A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,48.250002" orientation="0,1" id="guide961" inkscape:locked="false" inkscape:label="A Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="1,0" id="guide963" inkscape:locked="false" inkscape:label="A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="1,0" id="guide965" inkscape:locked="false" inkscape:label="Vertical Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="0,1" id="guide967" inkscape:locked="false" inkscape:label="Horizontal Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="28.813,21.500002" orientation="1,0" id="guide969" inkscape:locked="false" inkscape:label="Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="37.187,21.500002" orientation="1,0" id="guide971" inkscape:locked="false" inkscape:label="Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.5,48.250002" orientation="1,0" id="guide973" inkscape:locked="false" inkscape:label="A Top Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.5,48.250002" orientation="1,0" id="guide975" inkscape:locked="false" inkscape:label="A Top Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="20.5,8.2500022" orientation="1,0" id="guide977" inkscape:locked="false" inkscape:label="Width A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="45.5,8.2500022" orientation="1,0" id="guide979" inkscape:locked="false" inkscape:label="Width A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="0,1" id="guide981" inkscape:locked="false" inkscape:label="A Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,12.688002" orientation="0,1" id="guide983" inkscape:locked="false" inkscape:label="Flame Curve Intersect" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="34.5,12.688002" orientation="1,0" id="guide985" inkscape:locked="false" inkscape:label="Right Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="31.5,12.688002" orientation="1,0" id="guide987" inkscape:locked="false" inkscape:label="Left Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,0.36128283" id="guide3628" inkscape:locked="false" inkscape:label="Inner Flame Angle Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,-0.36128283" id="guide3630" inkscape:locked="false" inkscape:label="Inner Flame Angle Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,21.500002" orientation="0,1" id="guide3644" inkscape:locked="false" inkscape:label="Flame Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.813,24.080519" orientation="1,0" id="guide3646" inkscape:locked="false" inkscape:label="Inner Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.187,24.080519" orientation="1,0" id="guide3648" inkscape:locked="false" inkscape:label="Inner Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,32.305002" orientation="0,1" id="guide3650" inkscape:locked="false" inkscape:label="Flame Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,5.0000022" orientation="0,1" id="guide3652" inkscape:locked="false" inkscape:label="Flame Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,53.750002" orientation="0,1" id="guide3936" inkscape:locked="false" inkscape:label="Term Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,3.0000022" orientation="0,1" id="guide3938" inkscape:locked="false" inkscape:label="Term Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="63,24.750002" orientation="1,0" id="guide3940" inkscape:locked="false" inkscape:label="Term Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="3.0000001,24.750002" orientation="1,0" id="guide3942" inkscape:locked="false" inkscape:label="Term Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="0,1" id="guide15457" inkscape:locked="false" inkscape:label="Outline Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="1,0" id="guide15459" inkscape:locked="false" inkscape:label="Outline Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="0,1" id="guide15461" inkscape:locked="false" inkscape:label="Outline Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="1,0" id="guide15463" inkscape:locked="false" inkscape:label="Outline Right" inkscape:color="rgb(0,0,255)"/></sodipodi:namedview><defs id="defs3965"><linearGradient id="red-orange" x1="0.025171699" y1="0.079489581" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0,473.895,-473.895,0,547.884,192.222)"><stop offset="0" style="stop-color:#ec2802;stop-opacity:1" id="stop926"/><stop offset="1" style="stop-color:#fcb200;stop-opacity:1" id="stop928"/></linearGradient><linearGradient id="linearGradient5362" osb:paint="solid"><stop style="stop-color:#aaaaaa;stop-opacity:1;" offset="0" id="stop5360"/></linearGradient><linearGradient inkscape:collect="always" xlink:href="#red-orange" id="linearGradient11006" x1="19.0625" y1="0" x2="19" y2="43.25" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.4018804,0,0,1.3482131,21.364273,-32.960592)"/><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3639"><path inkscape:connector-curvature="0" id="path3641" d="M 14.813062,26.75 19,15.945 23.186938,26.75 19,43.25 Z" style="fill:none;stroke:#000000;stroke-width:0.03779528;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/></clipPath><filter inkscape:collect="always" style="color-interpolation-filters:sRGB" id="filter1378" x="-0.096199476" width="1.192399" y="-0.074239448" height="1.1484789"><feGaussianBlur inkscape:collect="always" stdDeviation="1.0020779" id="feGaussianBlur1380"/></filter></defs><g inkscape:groupmode="layer" id="layer1" inkscape:label="Main" style="display:inline" transform="translate(-16,35.820639)" sodipodi:insensitive="true"><g id="g4199"><path clip-path="none" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0" id="path5352" d="M 43.566236,2.9721345 42.175119,6.3426951 C 45.913195,17.853356 45.913195,17.853356 48,27.894557 50.086805,17.853356 50.086805,17.853356 53.824881,6.3426951 L 52.433764,2.9721345 48,-7.7705098 Z" style="clip-rule:evenodd;fill:#069efe;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26960364;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:0.4330357;paint-order:stroke markers fill"/><path sodipodi:nodetypes="cccccccc" inkscape:connector-curvature="0" id="path5336" d="m 43.09342,-32.960595 h 9.81316 l 21.729148,53.92852 H 65.523505 L 48,-20.221038 30.476495,20.967925 h -9.112223 z" style="clip-rule:evenodd;fill:url(#linearGradient11006);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient10962);stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/><path transform="matrix(1.3912031,0,0,1.3379446,21.567141,-29.104025)" clip-path="url(#clipPath3639)" style="clip-rule:evenodd;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;filter:url(#filter1378)" d="M 19,32.395 31.5,0 6.5,0.13313911 Z" id="path9580" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc"/></g></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	let { width = 50, height = 50, ...rest }: Props = $props();
+	const restAttrs = Object.entries(rest)
+		.map(([k, v]) => `${k}="${v}"`)
+		.join(' ');
+	const svgContent = `<svg xmlns:osb="http://www.openswatchbook.org/uri/2009/osb" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 64 64" version="1.1" xml:space="preserve" style="clip-rule:evenodd;fill-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41420996;enable-background:new" id="svg3967" sodipodi:docname="alacritty.svg" inkscape:version="0.92.4 (5da689c313, 2019-01-14)" width="${width}" height="${height}" ${restAttrs}><metadata id="metadata3971"><rdf:RDF><cc:Work rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/><dc:title/></cc:Work></rdf:RDF></metadata><sodipodi:namedview pagecolor="#1b1b1b" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="1" inkscape:pageshadow="2" inkscape:window-width="1912" inkscape:window-height="2051" id="namedview3969" showgrid="true" inkscape:pagecheckerboard="false" showguides="false" inkscape:guide-bbox="true" inkscape:measure-start="35.0647,26.4746" inkscape:measure-end="23.3668,17.3739" inkscape:lockguides="false" inkscape:snap-page="false" inkscape:zoom="16.123347" inkscape:cx="29.021205" inkscape:cy="30.792291" inkscape:window-x="1912" inkscape:window-y="48" inkscape:window-maximized="0" inkscape:current-layer="layer1" inkscape:snap-smooth-nodes="false" fit-margin-top="0" fit-margin-left="0" fit-margin-right="0" fit-margin-bottom="0" showborder="true" inkscape:showpageshadow="false" inkscape:object-nodes="true" viewbox-y="-0.5" inkscape:snap-to-guides="false" inkscape:snap-grids="false"><sodipodi:guide position="52,8.2500022" orientation="1,0" id="guide959" inkscape:locked="false" inkscape:label="A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,48.250002" orientation="0,1" id="guide961" inkscape:locked="false" inkscape:label="A Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="1,0" id="guide963" inkscape:locked="false" inkscape:label="A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="1,0" id="guide965" inkscape:locked="false" inkscape:label="Vertical Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,24.750002" orientation="0,1" id="guide967" inkscape:locked="false" inkscape:label="Horizontal Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="28.813,21.500002" orientation="1,0" id="guide969" inkscape:locked="false" inkscape:label="Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="37.187,21.500002" orientation="1,0" id="guide971" inkscape:locked="false" inkscape:label="Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.5,48.250002" orientation="1,0" id="guide973" inkscape:locked="false" inkscape:label="A Top Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.5,48.250002" orientation="1,0" id="guide975" inkscape:locked="false" inkscape:label="A Top Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="20.5,8.2500022" orientation="1,0" id="guide977" inkscape:locked="false" inkscape:label="Width A Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="45.5,8.2500022" orientation="1,0" id="guide979" inkscape:locked="false" inkscape:label="Width A Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="14,8.2500022" orientation="0,1" id="guide981" inkscape:locked="false" inkscape:label="A Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,12.688002" orientation="0,1" id="guide983" inkscape:locked="false" inkscape:label="Flame Curve Intersect" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="34.5,12.688002" orientation="1,0" id="guide985" inkscape:locked="false" inkscape:label="Right Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="31.5,12.688002" orientation="1,0" id="guide987" inkscape:locked="false" inkscape:label="Left Flame Curve" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,0.36128283" id="guide3628" inkscape:locked="false" inkscape:label="Inner Flame Angle Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,15.855002" orientation="-0.93245628,-0.36128283" id="guide3630" inkscape:locked="false" inkscape:label="Inner Flame Angle Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,21.500002" orientation="0,1" id="guide3644" inkscape:locked="false" inkscape:label="Flame Center" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="29.813,24.080519" orientation="1,0" id="guide3646" inkscape:locked="false" inkscape:label="Inner Flame Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="36.187,24.080519" orientation="1,0" id="guide3648" inkscape:locked="false" inkscape:label="Inner Flame Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,32.305002" orientation="0,1" id="guide3650" inkscape:locked="false" inkscape:label="Flame Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,5.0000022" orientation="0,1" id="guide3652" inkscape:locked="false" inkscape:label="Flame Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,53.750002" orientation="0,1" id="guide3936" inkscape:locked="false" inkscape:label="Term Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="33,3.0000022" orientation="0,1" id="guide3938" inkscape:locked="false" inkscape:label="Term Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="63,24.750002" orientation="1,0" id="guide3940" inkscape:locked="false" inkscape:label="Term Right" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="3.0000001,24.750002" orientation="1,0" id="guide3942" inkscape:locked="false" inkscape:label="Term Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="0,1" id="guide15457" inkscape:locked="false" inkscape:label="Outline Top" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="1.4777768e-07,56.750002" orientation="1,0" id="guide15459" inkscape:locked="false" inkscape:label="Outline Left" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="0,1" id="guide15461" inkscape:locked="false" inkscape:label="Outline Bottom" inkscape:color="rgb(0,0,255)"/><sodipodi:guide position="66,2.2454491e-06" orientation="1,0" id="guide15463" inkscape:locked="false" inkscape:label="Outline Right" inkscape:color="rgb(0,0,255)"/></sodipodi:namedview><defs id="defs3965"><linearGradient id="red-orange" x1="0.025171699" y1="0.079489581" x2="1" y2="0" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0,473.895,-473.895,0,547.884,192.222)"><stop offset="0" style="stop-color:#ec2802;stop-opacity:1" id="stop926"/><stop offset="1" style="stop-color:#fcb200;stop-opacity:1" id="stop928"/></linearGradient><linearGradient id="linearGradient5362" osb:paint="solid"><stop style="stop-color:#aaaaaa;stop-opacity:1;" offset="0" id="stop5360"/></linearGradient><linearGradient inkscape:collect="always" xlink:href="#red-orange" id="linearGradient11006" x1="19.0625" y1="0" x2="19" y2="43.25" gradientUnits="userSpaceOnUse" gradientTransform="matrix(1.4018804,0,0,1.3482131,21.364273,-32.960592)"/><clipPath clipPathUnits="userSpaceOnUse" id="clipPath3639"><path inkscape:connector-curvature="0" id="path3641" d="M 14.813062,26.75 19,15.945 23.186938,26.75 19,43.25 Z" style="fill:none;stroke:#000000;stroke-width:0.03779528;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/></clipPath><filter inkscape:collect="always" style="color-interpolation-filters:sRGB" id="filter1378" x="-0.096199476" width="1.192399" y="-0.074239448" height="1.1484789"><feGaussianBlur inkscape:collect="always" stdDeviation="1.0020779" id="feGaussianBlur1380"/></filter></defs><g inkscape:groupmode="layer" id="layer1" inkscape:label="Main" style="display:inline" transform="translate(-16,35.820639)" sodipodi:insensitive="true"><g id="g4199"><path clip-path="none" sodipodi:nodetypes="ccccccc" inkscape:connector-curvature="0" id="path5352" d="M 43.566236,2.9721345 42.175119,6.3426951 C 45.913195,17.853356 45.913195,17.853356 48,27.894557 50.086805,17.853356 50.086805,17.853356 53.824881,6.3426951 L 52.433764,2.9721345 48,-7.7705098 Z" style="clip-rule:evenodd;fill:#069efe;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.26960364;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:0.4330357;paint-order:stroke markers fill"/><path sodipodi:nodetypes="cccccccc" inkscape:connector-curvature="0" id="path5336" d="m 43.09342,-32.960595 h 9.81316 l 21.729148,53.92852 H 65.523505 L 48,-20.221038 30.476495,20.967925 h -9.112223 z" style="clip-rule:evenodd;fill:url(#linearGradient11006);fill-opacity:1;fill-rule:evenodd;stroke:url(#linearGradient10962);stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:1.41420996;stroke-dasharray:none;stroke-opacity:1"/><path transform="matrix(1.3912031,0,0,1.3379446,21.567141,-29.104025)" clip-path="url(#clipPath3639)" style="clip-rule:evenodd;display:inline;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:0;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;paint-order:markers fill stroke;filter:url(#filter1378)" d="M 19,32.395 31.5,0 6.5,0.13313911 Z" id="path9580" inkscape:connector-curvature="0" sodipodi:nodetypes="cccc"/></g></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Algolia.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 485 120" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><g fill="none"><path d="M16.8-1.001h88.4c8.7 0 15.8 7.065 15.8 15.8v88.405c0 8.7-7.065 15.795-15.8 15.795H16.8c-8.7 0-15.8-7.06-15.8-15.795V14.759c0-8.695 7.06-15.76 15.8-15.76" fill="#5468FF"/><path d="M73.505 25.788v-4.115a5.209 5.209 0 0 0-5.21-5.205H56.15a5.209 5.209 0 0 0-5.21 5.205v4.225c0 .47.435.8.91.69a37.966 37.966 0 0 1 10.57-1.49c3.465 0 6.895.47 10.21 1.38.44.11.875-.215.875-.69M40.22 31.173l-2.075-2.075a5.206 5.206 0 0 0-7.365 0l-2.48 2.475a5.185 5.185 0 0 0 0 7.355l2.04 2.04c.33.325.805.25 1.095-.075a39.876 39.876 0 0 1 3.975-4.66 37.68 37.68 0 0 1 4.7-4c.364-.22.4-.73.11-1.06m22.164 13.065v17.8c0 .51.55.875 1.02.62l15.825-8.19c.36-.18.47-.62.29-.98-3.28-5.755-9.37-9.685-16.405-9.94-.365 0-.73.29-.73.69m0 42.88c-13.195 0-23.915-10.705-23.915-23.88 0-13.175 10.72-23.875 23.915-23.875 13.2 0 23.916 10.7 23.916 23.875s-10.68 23.88-23.916 23.88m0-57.8c-18.74 0-33.94 15.18-33.94 33.92 0 18.745 15.2 33.89 33.94 33.89s33.94-15.18 33.94-33.925c0-18.745-15.165-33.885-33.94-33.885" fill="#FFF"/><path d="M240.214 94.177c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.254-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975h.001zm-57.78-11.61c4.374 0 7.62-.255 9.88-.69V67.392a29.196 29.196 0 0 0-3.43-.695 33.742 33.742 0 0 0-4.956-.365c-1.57 0-3.175.11-4.775.365-1.605.22-3.065.655-4.34 1.275-1.275.62-2.335 1.495-3.1 2.62-.8 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.115 1.275 4.995 1.93 8.606 1.93zm-1.24-51.685c4.7 0 8.674.585 11.884 1.75 3.206 1.165 5.796 2.8 7.69 4.875 1.935 2.11 3.245 4.915 4.046 7.9.84 2.985 1.24 6.26 1.24 9.86v36.62c-2.185.47-5.506 1.015-9.95 1.67-4.446.655-9.44.985-14.986.985-3.68 0-7.07-.365-10.095-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.48-1.825-5.97-1.825-9.61 0-3.495.69-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.53 5.065-2.62 8.165-3.275 3.1-.655 6.345-.985 9.695-.985 1.57 0 3.21.11 4.96.29 1.715.185 3.575.515 5.545.985v-2.33c0-1.635-.185-3.2-.585-4.655a10.012 10.012 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.605-.62-3.65-1.095-6.09-1.095-3.28 0-6.27.4-9.005.875-2.735.47-4.995 1.02-6.71 1.635l-1.71-11.68c1.785-.62 4.445-1.24 7.875-1.855 3.425-.66 7.11-.95 11.045-.95h.001zm281.51 51.285c4.375 0 7.615-.255 9.875-.695v-14.48c-.8-.22-1.93-.475-3.425-.695a33.813 33.813 0 0 0-4.96-.365c-1.565 0-3.17.11-4.775.365-1.6.22-3.06.655-4.335 1.275-1.28.62-2.335 1.495-3.1 2.62-.805 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.15 1.31 4.995 1.93 8.605 1.93zm-1.205-51.645c4.7 0 8.674.58 11.884 1.745 3.205 1.165 5.795 2.8 7.69 4.875 1.895 2.075 3.245 4.915 4.045 7.9.84 2.985 1.24 6.26 1.24 9.865v36.615c-2.185.47-5.505 1.015-9.95 1.675-4.445.655-9.44.98-14.985.98-3.68 0-7.07-.365-10.094-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.475-1.825-5.97-1.825-9.61 0-3.495.695-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.525 5.065-2.62 8.165-3.275 3.1-.655 6.345-.98 9.7-.98 1.565 0 3.205.11 4.955.29s3.575.51 5.54.985v-2.33c0-1.64-.18-3.205-.58-4.66a9.977 9.977 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.606-.62-3.65-1.09-6.09-1.09-3.28 0-6.27.4-9.005.87-2.735.475-4.995 1.02-6.71 1.64l-1.71-11.685c1.785-.62 4.445-1.235 7.875-1.855 3.425-.62 7.105-.945 11.045-.945zm-42.8-6.77c4.774 0 8.68-3.86 8.68-8.63 0-4.765-3.866-8.625-8.68-8.625-4.81 0-8.675 3.86-8.675 8.625 0 4.77 3.9 8.63 8.675 8.63zm7.18 70.425h-14.326v-61.44l14.325-2.255v63.695h.001zm-25.116 0c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.255-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975zm-46.335-31.445c0-6.155-1.35-11.285-3.974-14.85-2.625-3.605-6.305-5.385-11.01-5.385-4.7 0-8.386 1.78-11.006 5.385-2.625 3.6-3.904 8.695-3.904 14.85 0 6.225 1.315 10.405 3.94 14.01 2.625 3.64 6.305 5.425 11.01 5.425 4.7 0 8.385-1.82 11.01-5.425 2.624-3.64 3.934-7.785 3.934-14.01zm14.58-.035c0 4.805-.69 8.44-2.114 12.41-1.42 3.965-3.425 7.35-6.01 10.155-2.59 2.8-5.69 4.985-9.336 6.515-3.644 1.525-9.26 2.4-12.065 2.4-2.81-.035-8.385-.835-11.995-2.4-3.61-1.565-6.71-3.715-9.295-6.515-2.59-2.805-4.594-6.19-6.054-10.155-1.456-3.97-2.185-7.605-2.185-12.41s.654-9.43 2.114-13.36c1.46-3.93 3.5-7.28 6.125-10.08 2.625-2.805 5.76-4.955 9.33-6.48 3.61-1.53 7.585-2.255 11.885-2.255 4.305 0 8.275.76 11.92 2.255 3.65 1.525 6.786 3.675 9.336 6.48 2.584 2.8 4.59 6.15 6.05 10.08 1.53 3.93 2.295 8.555 2.295 13.36h-.001zm-107.284 0c0 5.965 1.31 12.59 3.935 15.355 2.625 2.77 6.014 4.15 10.175 4.15 2.26 0 4.41-.325 6.414-.945 2.005-.62 3.606-1.35 4.886-2.22v-35.34c-1.02-.22-5.286-1.095-9.41-1.2-5.175-.15-9.11 1.965-11.88 5.345-2.736 3.39-4.12 9.32-4.12 14.855zm39.625 28.095c0 9.72-2.48 16.815-7.476 21.33-4.99 4.51-12.61 6.77-22.89 6.77-3.755 0-11.555-.73-17.79-2.11l2.295-11.285c5.215 1.09 12.105 1.385 15.715 1.385 5.72 0 9.805-1.165 12.245-3.495 2.445-2.33 3.645-5.785 3.645-10.375v-2.33c-1.42.69-3.28 1.385-5.575 2.115-2.295.69-4.955 1.055-7.95 1.055-3.935 0-7.51-.62-10.75-1.86-3.245-1.235-6.055-3.055-8.35-5.46-2.295-2.4-4.12-5.42-5.395-9.025-1.275-3.605-1.935-10.045-1.935-14.775 0-4.44.695-10.01 2.046-13.725 1.384-3.71 3.35-6.915 6.014-9.57 2.626-2.655 5.835-4.695 9.59-6.19 3.755-1.49 8.16-2.435 12.935-2.435 4.635 0 8.9.58 13.055 1.275 4.155.69 7.69 1.415 10.57 2.215v56.49h.001z" fill="#5468FF"/></g></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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 485 120" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><g fill="none"><path d="M16.8-1.001h88.4c8.7 0 15.8 7.065 15.8 15.8v88.405c0 8.7-7.065 15.795-15.8 15.795H16.8c-8.7 0-15.8-7.06-15.8-15.795V14.759c0-8.695 7.06-15.76 15.8-15.76" fill="#5468FF"/><path d="M73.505 25.788v-4.115a5.209 5.209 0 0 0-5.21-5.205H56.15a5.209 5.209 0 0 0-5.21 5.205v4.225c0 .47.435.8.91.69a37.966 37.966 0 0 1 10.57-1.49c3.465 0 6.895.47 10.21 1.38.44.11.875-.215.875-.69M40.22 31.173l-2.075-2.075a5.206 5.206 0 0 0-7.365 0l-2.48 2.475a5.185 5.185 0 0 0 0 7.355l2.04 2.04c.33.325.805.25 1.095-.075a39.876 39.876 0 0 1 3.975-4.66 37.68 37.68 0 0 1 4.7-4c.364-.22.4-.73.11-1.06m22.164 13.065v17.8c0 .51.55.875 1.02.62l15.825-8.19c.36-.18.47-.62.29-.98-3.28-5.755-9.37-9.685-16.405-9.94-.365 0-.73.29-.73.69m0 42.88c-13.195 0-23.915-10.705-23.915-23.88 0-13.175 10.72-23.875 23.915-23.875 13.2 0 23.916 10.7 23.916 23.875s-10.68 23.88-23.916 23.88m0-57.8c-18.74 0-33.94 15.18-33.94 33.92 0 18.745 15.2 33.89 33.94 33.89s33.94-15.18 33.94-33.925c0-18.745-15.165-33.885-33.94-33.885" fill="#FFF"/><path d="M240.214 94.177c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.254-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975h.001zm-57.78-11.61c4.374 0 7.62-.255 9.88-.69V67.392a29.196 29.196 0 0 0-3.43-.695 33.742 33.742 0 0 0-4.956-.365c-1.57 0-3.175.11-4.775.365-1.605.22-3.065.655-4.34 1.275-1.275.62-2.335 1.495-3.1 2.62-.8 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.115 1.275 4.995 1.93 8.606 1.93zm-1.24-51.685c4.7 0 8.674.585 11.884 1.75 3.206 1.165 5.796 2.8 7.69 4.875 1.935 2.11 3.245 4.915 4.046 7.9.84 2.985 1.24 6.26 1.24 9.86v36.62c-2.185.47-5.506 1.015-9.95 1.67-4.446.655-9.44.985-14.986.985-3.68 0-7.07-.365-10.095-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.48-1.825-5.97-1.825-9.61 0-3.495.69-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.53 5.065-2.62 8.165-3.275 3.1-.655 6.345-.985 9.695-.985 1.57 0 3.21.11 4.96.29 1.715.185 3.575.515 5.545.985v-2.33c0-1.635-.185-3.2-.585-4.655a10.012 10.012 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.605-.62-3.65-1.095-6.09-1.095-3.28 0-6.27.4-9.005.875-2.735.47-4.995 1.02-6.71 1.635l-1.71-11.68c1.785-.62 4.445-1.24 7.875-1.855 3.425-.66 7.11-.95 11.045-.95h.001zm281.51 51.285c4.375 0 7.615-.255 9.875-.695v-14.48c-.8-.22-1.93-.475-3.425-.695a33.813 33.813 0 0 0-4.96-.365c-1.565 0-3.17.11-4.775.365-1.6.22-3.06.655-4.335 1.275-1.28.62-2.335 1.495-3.1 2.62-.805 1.13-1.165 1.785-1.165 3.495 0 3.345 1.165 5.28 3.28 6.55 2.15 1.31 4.995 1.93 8.605 1.93zm-1.205-51.645c4.7 0 8.674.58 11.884 1.745 3.205 1.165 5.795 2.8 7.69 4.875 1.895 2.075 3.245 4.915 4.045 7.9.84 2.985 1.24 6.26 1.24 9.865v36.615c-2.185.47-5.505 1.015-9.95 1.675-4.445.655-9.44.98-14.985.98-3.68 0-7.07-.365-10.094-1.055-3.065-.69-5.65-1.82-7.84-3.385-2.15-1.565-3.825-3.57-5.065-6.04-1.205-2.475-1.825-5.97-1.825-9.61 0-3.495.695-5.715 2.045-8.12 1.38-2.4 3.24-4.365 5.575-5.895 2.37-1.525 5.065-2.62 8.165-3.275 3.1-.655 6.345-.98 9.7-.98 1.565 0 3.205.11 4.955.29s3.575.51 5.54.985v-2.33c0-1.64-.18-3.205-.58-4.66a9.977 9.977 0 0 0-2.045-3.895c-.985-1.13-2.255-2.005-3.86-2.62-1.606-.62-3.65-1.09-6.09-1.09-3.28 0-6.27.4-9.005.87-2.735.475-4.995 1.02-6.71 1.64l-1.71-11.685c1.785-.62 4.445-1.235 7.875-1.855 3.425-.62 7.105-.945 11.045-.945zm-42.8-6.77c4.774 0 8.68-3.86 8.68-8.63 0-4.765-3.866-8.625-8.68-8.625-4.81 0-8.675 3.86-8.675 8.625 0 4.77 3.9 8.63 8.675 8.63zm7.18 70.425h-14.326v-61.44l14.325-2.255v63.695h.001zm-25.116 0c-23.365.11-23.365-18.855-23.365-21.875l-.04-71.045 14.255-2.26v70.61c0 1.715 0 12.56 9.15 12.595v11.975zm-46.335-31.445c0-6.155-1.35-11.285-3.974-14.85-2.625-3.605-6.305-5.385-11.01-5.385-4.7 0-8.386 1.78-11.006 5.385-2.625 3.6-3.904 8.695-3.904 14.85 0 6.225 1.315 10.405 3.94 14.01 2.625 3.64 6.305 5.425 11.01 5.425 4.7 0 8.385-1.82 11.01-5.425 2.624-3.64 3.934-7.785 3.934-14.01zm14.58-.035c0 4.805-.69 8.44-2.114 12.41-1.42 3.965-3.425 7.35-6.01 10.155-2.59 2.8-5.69 4.985-9.336 6.515-3.644 1.525-9.26 2.4-12.065 2.4-2.81-.035-8.385-.835-11.995-2.4-3.61-1.565-6.71-3.715-9.295-6.515-2.59-2.805-4.594-6.19-6.054-10.155-1.456-3.97-2.185-7.605-2.185-12.41s.654-9.43 2.114-13.36c1.46-3.93 3.5-7.28 6.125-10.08 2.625-2.805 5.76-4.955 9.33-6.48 3.61-1.53 7.585-2.255 11.885-2.255 4.305 0 8.275.76 11.92 2.255 3.65 1.525 6.786 3.675 9.336 6.48 2.584 2.8 4.59 6.15 6.05 10.08 1.53 3.93 2.295 8.555 2.295 13.36h-.001zm-107.284 0c0 5.965 1.31 12.59 3.935 15.355 2.625 2.77 6.014 4.15 10.175 4.15 2.26 0 4.41-.325 6.414-.945 2.005-.62 3.606-1.35 4.886-2.22v-35.34c-1.02-.22-5.286-1.095-9.41-1.2-5.175-.15-9.11 1.965-11.88 5.345-2.736 3.39-4.12 9.32-4.12 14.855zm39.625 28.095c0 9.72-2.48 16.815-7.476 21.33-4.99 4.51-12.61 6.77-22.89 6.77-3.755 0-11.555-.73-17.79-2.11l2.295-11.285c5.215 1.09 12.105 1.385 15.715 1.385 5.72 0 9.805-1.165 12.245-3.495 2.445-2.33 3.645-5.785 3.645-10.375v-2.33c-1.42.69-3.28 1.385-5.575 2.115-2.295.69-4.955 1.055-7.95 1.055-3.935 0-7.51-.62-10.75-1.86-3.245-1.235-6.055-3.055-8.35-5.46-2.295-2.4-4.12-5.42-5.395-9.025-1.275-3.605-1.935-10.045-1.935-14.775 0-4.44.695-10.01 2.046-13.725 1.384-3.71 3.35-6.915 6.014-9.57 2.626-2.655 5.835-4.695 9.59-6.19 3.755-1.49 8.16-2.435 12.935-2.435 4.635 0 8.9.58 13.055 1.275 4.155.69 7.69 1.415 10.57 2.215v56.49h.001z" fill="#5468FF"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Algorand.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}">
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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" xmlns:xlink="http://www.w3.org/1999/xlink" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient id="c" x1="16" x2="16" y1="0" y2="30" gradientUnits="userSpaceOnUse">
       <stop offset="0%" stop-color="#FFF" stop-opacity=".5"/>

package/dist/components/Aliexpress.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M5 0a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5h54a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5z" fill="#e62e04"/><path d="M17.6 21.452c.245 1 .107 2.08.348 3.097.84-.615 1.4-1.63 1.285-2.687-.017-1.892-2.145-3.375-3.926-2.738-1.12.32-1.948 1.325-2.136 2.46-.224 1.3.557 2.63 1.718 3.224-.115-1.12-.384-2.3-.083-3.396.46-1.194 2.37-1.17 2.795.04zm33.138 1.356c.408-1.468-.48-3.17-1.936-3.64-1.4-.55-3.133.15-3.75 1.514-.688 1.263-.272 3.06.986 3.8.248-1.014.065-2.1.36-3.085.47-1.177 2.355-1.143 2.784.05.273 1.066.026 2.186-.077 3.262.854-.264 1.387-1.08 1.632-1.898z" fill="#b32100"/><path d="M46.4 21.396c-.296.995-.113 2.072-.36 3.085-.732 4.4-3.678 8.332-7.667 10.303a14.2 14.2 0 0 1-12.798-.016c-3.952-1.966-6.875-5.865-7.626-10.218-.24-1.018-.104-2.087-.348-3.097-.424-1.2-2.334-1.235-2.794-.04-.3 1.106-.03 2.277.083 3.396.84 5.44 4.48 10.325 9.412 12.75a17.34 17.34 0 0 0 14.635.346c5.333-2.303 9.32-7.446 10.173-13.2.103-1.076.35-2.197.076-3.262-.43-1.193-2.314-1.226-2.785-.05z" fill="#fff"/><path d="M5 0a5 5 0 0 0-5 5v9.5a5 5 0 0 1 5-5h54a5 5 0 0 1 5 5V5a5 5 0 0 0-5-5z" fill="#f90"/></svg>`;
+	import type { HTMLAttributes } from 'svelte/elements';
+
+	export interface Props extends HTMLAttributes<SVGElement> {
+		width?: number;
+		height?: number;
+	}
+
+	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" width="${width}" height="${height}" ${restAttrs}><path d="M5 0a5 5 0 0 0-5 5v54a5 5 0 0 0 5 5h54a5 5 0 0 0 5-5V5a5 5 0 0 0-5-5z" fill="#e62e04"/><path d="M17.6 21.452c.245 1 .107 2.08.348 3.097.84-.615 1.4-1.63 1.285-2.687-.017-1.892-2.145-3.375-3.926-2.738-1.12.32-1.948 1.325-2.136 2.46-.224 1.3.557 2.63 1.718 3.224-.115-1.12-.384-2.3-.083-3.396.46-1.194 2.37-1.17 2.795.04zm33.138 1.356c.408-1.468-.48-3.17-1.936-3.64-1.4-.55-3.133.15-3.75 1.514-.688 1.263-.272 3.06.986 3.8.248-1.014.065-2.1.36-3.085.47-1.177 2.355-1.143 2.784.05.273 1.066.026 2.186-.077 3.262.854-.264 1.387-1.08 1.632-1.898z" fill="#b32100"/><path d="M46.4 21.396c-.296.995-.113 2.072-.36 3.085-.732 4.4-3.678 8.332-7.667 10.303a14.2 14.2 0 0 1-12.798-.016c-3.952-1.966-6.875-5.865-7.626-10.218-.24-1.018-.104-2.087-.348-3.097-.424-1.2-2.334-1.235-2.794-.04-.3 1.106-.03 2.277.083 3.396.84 5.44 4.48 10.325 9.412 12.75a17.34 17.34 0 0 0 14.635.346c5.333-2.303 9.32-7.446 10.173-13.2.103-1.076.35-2.197.076-3.262-.43-1.193-2.314-1.226-2.785-.05z" fill="#fff"/><path d="M5 0a5 5 0 0 0-5 5v9.5a5 5 0 0 1 5-5h54a5 5 0 0 1 5 5V5a5 5 0 0 0-5-5z" fill="#f90"/></svg>`;
 </script>
 
 {@html svgContent}