@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/components/Flowbite.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" fill="none" viewBox="0 0 48 48" 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" fill="none" viewBox="0 0 48 48" width="${width}" height="${height}" ${restAttrs}>
   <path fill="url(#a)" d="M36.78 19.414c-.112.766-.617 1.806-1.196 2.71a5.048 5.048 0 0 1-3.218 2.218l-5.846 1.223a4.498 4.498 0 0 0-2.432 1.403l-3.833 4.285c-.72.806-1.224.613-1.224-.467-.009.04-1.903 4.925 3.116 7.82 1.929 1.112 4.705.712 6.633-.4l10.218-5.894a15.464 15.464 0 0 0 7.416-10.249c.035-.17.063-.342.092-.513l-9.727-2.136Z"/>
   <path fill="url(#b)" d="M34.13 13.527c1.928 1.112 2.716 2.768 2.716 4.993 0 .302-.024.6-.067.894l4.117 1.769 5.61.367c.719-4.158-.69-8.437-3.213-11.838a23.92 23.92 0 0 0-7.28-6.476 24.156 24.156 0 0 0-7.359-2.78l-2.8 3.625-.884 4.163 9.16 5.283Z"/>
   <path fill="url(#c)" d="M1.175 16.578c0 .003.002.004.003 0 .216-.647.487-1.37.825-2.143 1.767-4.034 5.171-6.724 9.36-8.096A15.511 15.511 0 0 1 23.94 7.65l1.03.595 3.684-7.79C16.936-1.885 4.96 5 1.19 16.533l-.015.045Z"/>

package/dist/components/Flutter.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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 317" 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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 317" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <linearGradient x1="4%" y1="27%" x2="75.9%" y2="52.9%" id="a">
       <stop offset="0%"/>

package/dist/components/Fly.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 231" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><radialGradient cx="53.096%" cy="49.564%" fx="53.096%" fy="49.564%" r="93.348%" gradientTransform="matrix(.77604 0 0 1 .119 0)" id="a"><stop stop-color="#BA7BF0" offset="0%"/><stop stop-color="#996BEC" offset="45%"/><stop stop-color="#5046E4" offset="100%"/></radialGradient></defs><path d="M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z" fill="url(#a)"/><path d="M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"/><path d="m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z" fill="#FFF"/></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 256 231" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient cx="53.096%" cy="49.564%" fx="53.096%" fy="49.564%" r="93.348%" gradientTransform="matrix(.77604 0 0 1 .119 0)" id="a"><stop stop-color="#BA7BF0" offset="0%"/><stop stop-color="#996BEC" offset="45%"/><stop stop-color="#5046E4" offset="100%"/></radialGradient></defs><path d="M179.016 31.598h29.478c26.22 0 47.506 21.287 47.506 47.507v103.652c0 26.22-21.287 47.507-47.506 47.507h-2.323c-13.495-2.111-19.348-6.158-23.869-9.579l-37.479-30.815a5.276 5.276 0 0 0-6.635 0l-12.176 10.012-34.292-28.197a5.263 5.263 0 0 0-6.632 0l-47.64 41.91c-9.588 7.798-15.93 6.357-20.043 5.905C6.782 210.782 0 197.556 0 182.757V79.105c0-26.22 21.287-47.507 47.51-47.507h29.412l-.053.119-.992 2.89-.308.992-1.335 5.92-.184 1.04-.586 5.93-.078 1.627-.012.57.056 2.72.134 1.593.33 2.494.421 2.245.5 2.068.648 2.238 1.683 4.74.555 1.422 2.931 6.192 1.036 1.902 3.389 5.818 1.297 2.099 4.73 6.965.683.923 6.155 8.01 1.99 2.467 7.027 8.216 1.444 1.58 5.793 6.234 2.295 2.376 3.792 3.766-.761.636-.474.428a46.423 46.423 0 0 0-3.654 3.816 32.49 32.49 0 0 0-1.572 2.008 25.939 25.939 0 0 0-2.03 3.318c-.303.6-.574 1.215-.814 1.842a17.056 17.056 0 0 0-1.1 5.008l-.022 1.481c.054 2.088.48 4.15 1.256 6.09a16.962 16.962 0 0 0 3.387 5.31 17.222 17.222 0 0 0 3.57 2.906c1.12.686 2.313 1.25 3.554 1.68 2.698.915 5.56 1.24 8.394.954h.016a18.933 18.933 0 0 0 6.922-2.054 17.902 17.902 0 0 0 2.644-1.712 16.956 16.956 0 0 0 5.332-7.09c.873-2.18 1.3-4.51 1.262-6.854l-.068-1.225a17.258 17.258 0 0 0-1.148-4.718 19.594 19.594 0 0 0-.888-1.927 26.472 26.472 0 0 0-2.09-3.308c-.355-.48-.723-.952-1.103-1.413a45.505 45.505 0 0 0-4.078-4.271l-1.026-.873 1.736-1.715 7.465-7.795 2.582-2.835 4.013-4.515 2.61-3.052 3.722-4.534 2.52-3.168 3.7-4.948 1.869-2.56 2.65-3.963 2.207-3.377 4.16-7.243 2.379-4.752.069-.146 1.82-4.41c.025-.056.045-.115.063-.174l1.961-6.118.206-.891.851-4.87.165-1.32.05-.807.06-3.05-.016-.567-.156-2.732-.193-2.12-.967-6.114c-.015-.081-.031-.162-.056-.243l-1.241-4.522-.427-1.256-.558-1.39Zm14.012 129.258c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Z" fill="url(#a)"/><path d="M102.63 230.264H47.51A47.304 47.304 0 0 1 17.404 219.5c4.113.452 10.455 1.893 20.043-5.905l47.64-41.91a5.263 5.263 0 0 1 6.632 0l34.292 28.197 12.176-10.012a5.276 5.276 0 0 1 6.635 0l37.48 30.815c4.52 3.42 10.373 7.468 23.868 9.579h-24.932a10.599 10.599 0 0 1-6.12-2.04l-.437-.336-32.983-27.389-32.55 27.389a10.427 10.427 0 0 1-6.519 2.376Zm90.398-69.408c-6.18.087-11.169 5.076-11.256 11.256.09 6.179 5.078 11.165 11.256 11.253 6.178-.09 11.166-5.075 11.26-11.253-.09-6.18-5.08-11.169-11.26-11.256Zm-72.765-34.102-3.792-3.766-2.295-2.376-5.793-6.233-1.444-1.581-7.028-8.216-1.99-2.466-6.154-8.01-.683-.924-4.73-6.965-1.297-2.099-3.39-5.818-1.035-1.902-2.93-6.192-.556-1.422-1.683-4.74-.649-2.238-.499-2.068-.42-2.245L73.563 55l-.134-1.593-.056-2.72.012-.57.078-1.627.586-5.93.184-1.04 1.335-5.92.308-.992.992-2.89.318-.749 1.578-3.467 1.094-2.064 1.525-2.513 1.518-2.239 1.082-1.422 1.247-1.503 1.372-1.509 1.176-1.182 2.862-2.519 2.092-1.712c.05-.043.103-.08.156-.118l2.476-1.675 1.968-1.253 3.735-1.968c.056-.034.122-.062.18-.09l5.298-2.198.49-.184 4.708-1.378 1.99-.446 2.687-.54 1.784-.27 2.734-.34 1.865-.166 3.7-.196 1.45-.016 2.748.056.714.04 3.978.331 5.264.742.608.128 5.2 1.294 1.528.455 1.697.587 2.067.782 1.634.692 2.4 1.132 1.513.777 2.719 1.596 1.013.624 3.707 2.706 1.064.923 2.585 2.354.127.128 2.192 2.351.755.851 2.572 3.418.524.816 2.042 3.449.615 1.182 1.15 2.572 1.204 3.003.427 1.256 1.241 4.522c.023.08.042.16.056.243l.967 6.114.193 2.12.156 2.732.016.567-.06 3.05-.05.807-.165 1.32-.851 4.87-.206.891-1.961 6.118c-.018.06-.038.118-.062.175l-1.821 4.409-.069.146-2.38 4.752-4.159 7.243-2.207 3.377-2.65 3.963-1.868 2.56-3.701 4.948-2.52 3.168-3.723 4.534-2.61 3.052-4.012 4.515-2.582 2.835-7.465 7.795-1.736 1.715 1.026.873a45.503 45.503 0 0 1 4.078 4.271c.38.462.748.933 1.104 1.413a26.472 26.472 0 0 1 2.089 3.308c.33.624.627 1.269.888 1.927.596 1.51.998 3.105 1.148 4.718l.068 1.225a17.667 17.667 0 0 1-1.262 6.853 16.956 16.956 0 0 1-5.332 7.09c-.83.65-1.715 1.22-2.644 1.713a18.933 18.933 0 0 1-6.922 2.054h-.016a19.924 19.924 0 0 1-8.394-.954 18.253 18.253 0 0 1-3.554-1.68 17.22 17.22 0 0 1-3.57-2.906 16.962 16.962 0 0 1-3.387-5.31 17.586 17.586 0 0 1-1.256-6.09l.022-1.481a17.056 17.056 0 0 1 1.1-5.008c.24-.63.512-1.244.814-1.842a25.938 25.938 0 0 1 2.03-3.318c.496-.689 1.023-1.36 1.572-2.008a46.423 46.423 0 0 1 3.654-3.816l.474-.428.76-.636Z"/><path d="m141.7 200.499 32.982 27.389a10.589 10.589 0 0 0 6.67 2.376h-78.834c2.42 0 4.764-.839 6.632-2.376l32.55-27.389Zm-13.536-64.64.299.087c.097.047.178.116.265.175l.25.221a35.63 35.63 0 0 1 1.792 1.774c.406.434.802.88 1.182 1.341a19.32 19.32 0 0 1 1.347 1.83c.178.281.343.565.499.861.134.256.256.52.362.789.187.468.327.96.37 1.462l-.009.942a5.372 5.372 0 0 1-2.547 4.187 7.29 7.29 0 0 1-3.1 1.02l-1.162.034-.983-.087a7.477 7.477 0 0 1-1.35-.327 6.454 6.454 0 0 1-1.278-.599l-.767-.561a5.263 5.263 0 0 1-1.746-2.994 7.539 7.539 0 0 1-.09-.592l-.029-.898c.016-.243.053-.483.106-.723a7.53 7.53 0 0 1 .57-1.516c.315-.606.674-1.189 1.073-1.743a26.809 26.809 0 0 1 2.155-2.56 32.093 32.093 0 0 1 1.534-1.521l.377-.34c.262-.175.265-.175.565-.262h.315Zm-1.93-125.195.121-.01v104.981l-.262-.483a293.485 293.485 0 0 1-9.644-19.544 208.977 208.977 0 0 1-6.545-16.385 129.208 129.208 0 0 1-3.944-13.492c-.83-3.626-1.465-7.305-1.727-11.022a53.98 53.98 0 0 1-.09-4.764c.024-1.385.08-2.766.168-4.147a78 78 0 0 1 .676-6.492c.253-1.693.565-3.38.951-5.048a53.058 53.058 0 0 1 1.067-3.935 46.63 46.63 0 0 1 2.104-5.482c.3-.642.62-1.281.958-1.908 2.026-3.754 4.776-7.212 8.378-9.525a17.514 17.514 0 0 1 7.789-2.744Zm13.613.265 7.062 2.014c3.271 1.207 6.42 2.781 9.314 4.746a37.367 37.367 0 0 1 10.015 9.99 37.714 37.714 0 0 1 3.879 7.477 43.852 43.852 0 0 1 2.7 12.107c.094 1.085.147 2.173.168 3.262.025 1.01.02 2.023-.062 3.033-.2 2.261-.626 4.496-1.269 6.673a52.82 52.82 0 0 1-1.83 5.25 75.765 75.765 0 0 1-2.906 6.277c-2.354 4.547-5.064 8.896-7.964 13.102a204.078 204.078 0 0 1-11.483 14.986c-4.406 5.254-9.001 10.347-13.776 15.269a292.15 292.15 0 0 0 9.067-18.553 230.134 230.134 0 0 0 4.41-10.623c1.519-3.928 2.888-7.913 4.106-11.945a117.089 117.089 0 0 0 2.36-9.16 74.917 74.917 0 0 0 1.282-8.014c.23-2.245.314-4.502.258-6.754a96.056 96.056 0 0 0-.152-4.131c-.33-5.538-1.173-11.057-2.788-16.367a47.834 47.834 0 0 0-2.226-5.899c-2.067-4.502-4.952-8.712-8.855-11.783l-1.31-.957Z" fill="#FFF"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Fortran.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}"><g clip-path="url(#a)"><path fill="#734F96" d="M44.01 299.986C26.274 299.992 0 269.031 0 255.695V43.73C0 25.782 31.051 0 44.452 0L256.81.015C275.136.016 300 29.907 300 44.15v212.173c0 20.902-28.002 43.585-43.791 43.59l-212.2.072Z"/><path fill="#fff" d="m41.187 241.619 11.527-.706c23.408-1.529 23.173-1.411 24.349-19.761 1.059-17.409-.275-153.712-1.059-156.445-1.29-4.501-6.135-7.09-20.585-7.087l-14.232-.088V32.007h218.787v97.748l-25.761-.382c-.235-.235-.941-7.146-1.411-13.498-2.706-29.877-9.41-47.067-22.349-53.772-6.823-3.529-17.476-4.57-51.598-4.58l-31.8.009v73.282h5.646c9.528-.118 21.643-2.353 25.643-4.823 5.175-3.176 9.527-12.351 11.057-23.408 1.152-8.07 2.042-14.107 2.042-14.107l25.012-.008V204.92h-25.878v-4.587c0-7.528-3.529-25.055-5.999-30.348-3.882-8.116-10.469-10.939-29.172-12.704l-8.587-.823.471 37.758c.353 35.877.588 37.876 2.823 40.935 2.823 3.764 5.881 4.47 24.584 5.881l12.554.597-.085 25.634H41.186v-25.643Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h300v299.986H0z"/></clipPath></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 viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><g clip-path="url(#a)"><path fill="#734F96" d="M44.01 299.986C26.274 299.992 0 269.031 0 255.695V43.73C0 25.782 31.051 0 44.452 0L256.81.015C275.136.016 300 29.907 300 44.15v212.173c0 20.902-28.002 43.585-43.791 43.59l-212.2.072Z"/><path fill="#fff" d="m41.187 241.619 11.527-.706c23.408-1.529 23.173-1.411 24.349-19.761 1.059-17.409-.275-153.712-1.059-156.445-1.29-4.501-6.135-7.09-20.585-7.087l-14.232-.088V32.007h218.787v97.748l-25.761-.382c-.235-.235-.941-7.146-1.411-13.498-2.706-29.877-9.41-47.067-22.349-53.772-6.823-3.529-17.476-4.57-51.598-4.58l-31.8.009v73.282h5.646c9.528-.118 21.643-2.353 25.643-4.823 5.175-3.176 9.527-12.351 11.057-23.408 1.152-8.07 2.042-14.107 2.042-14.107l25.012-.008V204.92h-25.878v-4.587c0-7.528-3.529-25.055-5.999-30.348-3.882-8.116-10.469-10.939-29.172-12.704l-8.587-.823.471 37.758c.353 35.877.588 37.876 2.823 40.935 2.823 3.764 5.881 4.47 24.584 5.881l12.554.597-.085 25.634H41.186v-25.643Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h300v299.986H0z"/></clipPath></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Framer.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 384" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M0 0h256v128H128L0 0Zm0 128h128l128 128H128v128L0 256V128Z"/></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 256 384" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><path d="M0 0h256v128H128L0 0Zm0 128h128l128 128H128v128L0 256V128Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Fresh.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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 216" 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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 216" width="${width}" height="${height}" ${restAttrs}>
   <path d="M240 21c38 91 0 140-31 167 8 27-23 33-35 19-34 12-104 12-154-38-27-27-6-87 65-128 62-34 124-54 155-20Z" fill="#FFDB1E"/>
   <path d="M85 41C138 7 201-8 227 15c40 34-84 112-130 131-50 20-23 65-50 65-24 0-20-31-40-60-13-17 18-70 78-110Z" fill="#FFF"/>
   <path d="M83 38 54 60l-4 4C12 98-9 137 3 154a89 89 0 0 1 11 19l2 4 5 15c7 16 13 23 26 23 11 0 15-5 18-20l1-7 1-4 1-2v-2l1-1v-2l1-2c4-11 12-19 26-25l2-1c27-10 69-36 99-60l4-3 5-5 4-4c28-26 37-49 21-64l-1-1C203-12 139 1 83 38Zm142-21c13 12 5 31-20 55l-4 3-1 1-4 4-4 3c-28 23-68 47-94 58l-3 1c-17 7-27 17-32 30l-1 3-1 2v2l-1 1v3l-1 4-1 7-1 3c-2 8-4 10-10 10-9 0-13-4-18-16l-5-16-1-2a121 121 0 0 0-13-24c-7-9 2-30 20-53l3-4c14-16 33-33 54-47C141 9 201-3 225 17Z" fill="#FFDB1E"/>

package/dist/components/Front.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 950 950" 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 950 950" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
   <circle cx="475" cy="475" r="425" fill="white"/>
   <path d="M308 308.2C308 262.25 345.25 225 391.2 225H658V343.4C658 366.375 639.375 385 616.4 385H508C485.909 385 468 402.909 468 425V683.4C468 706.375 449.375 725 426.4 725H308V308.2Z" fill="#001B38"/>
   <circle cx="509" cy="426" r="108" transform="rotate(90 509 426)" fill="url(#paint0_linear)"/>

package/dist/components/Gatsby.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 128 128" width="${width}" height="${height}"><path fill="#64328B" d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0zM13.2 64 64 114.8c-28.1 0-50.8-22.7-50.8-50.8zm62.2 49.5-60.9-61C19.7 30 39.9 13.2 64 13.2c16.6 0 31.3 7.9 40.5 20.2L97 40.6c-7.3-10.4-19.3-17.1-33-17.1-17.6 0-32.5 11.2-38.1 26.8C33.1 57 75.4 98.8 78.1 102c12.7-4.7 22.3-15.5 25.4-28.9H81.9v-9.4l33 .2c-.1 24.3-16.9 44.5-39.5 49.6z"/></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" viewBox="0 0 128 128" width="${width}" height="${height}" ${restAttrs}><path fill="#64328B" d="M64 0C28.7 0 0 28.7 0 64s28.7 64 64 64 64-28.7 64-64S99.3 0 64 0zM13.2 64 64 114.8c-28.1 0-50.8-22.7-50.8-50.8zm62.2 49.5-60.9-61C19.7 30 39.9 13.2 64 13.2c16.6 0 31.3 7.9 40.5 20.2L97 40.6c-7.3-10.4-19.3-17.1-33-17.1-17.6 0-32.5 11.2-38.1 26.8C33.1 57 75.4 98.8 78.1 102c12.7-4.7 22.3-15.5 25.4-28.9H81.9v-9.4l33 .2c-.1 24.3-16.9 44.5-39.5 49.6z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Gemini.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg style="flex:none;line-height:1" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><title>Gemini</title><defs><linearGradient id="lobe-icons-gemini-fill" x1="0%" x2="68.73%" y1="100%" y2="30.395%"><stop offset="0%" stop-color="#1C7DFF"></stop><stop offset="52.021%" stop-color="#1C69FF"></stop><stop offset="100%" stop-color="#F0DCD6"></stop></linearGradient></defs><path d="M12 24A14.304 14.304 0 000 12 14.304 14.304 0 0012 0a14.305 14.305 0 0012 12 14.305 14.305 0 00-12 12" fill="url(#lobe-icons-gemini-fill)" fill-rule="nonzero"></path></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 296 298" xmlns="http://www.w3.org/2000/svg" fill="none" width="${width}" height="${height}" ${restAttrs}><mask id="a" width="296" height="298" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#3186FF" d="M141.201 4.886c2.282-6.17 11.042-6.071 13.184.148l5.985 17.37a184.004 184.004 0 0 0 111.257 113.049l19.304 6.997c6.143 2.227 6.156 10.91.02 13.155l-19.35 7.082a184.001 184.001 0 0 0-109.495 109.385l-7.573 20.629c-2.241 6.105-10.869 6.121-13.133.025l-7.908-21.296a184 184 0 0 0-109.02-108.658l-19.698-7.239c-6.102-2.243-6.118-10.867-.025-13.132l20.083-7.467A183.998 183.998 0 0 0 133.291 26.28l7.91-21.394Z"/></mask><g mask="url(#a)"><g filter="url(#b)"><ellipse cx="163" cy="149" fill="#3689FF" rx="196" ry="159"/></g><g filter="url(#c)"><ellipse cx="33.5" cy="142.5" fill="#F6C013" rx="68.5" ry="72.5"/></g><g filter="url(#d)"><ellipse cx="19.5" cy="148.5" fill="#F6C013" rx="68.5" ry="72.5"/></g><g filter="url(#e)"><path fill="#FA4340" d="M194 10.5C172 82.5 65.5 134.333 22.5 135L144-66l50 76.5Z"/></g><g filter="url(#f)"><path fill="#FA4340" d="M190.5-12.5C168.5 59.5 62 111.333 19 112L140.5-89l50 76.5Z"/></g><g filter="url(#g)"><path fill="#14BB69" d="M194.5 279.5C172.5 207.5 66 155.667 23 155l121.5 201 50-76.5Z"/></g><g filter="url(#h)"><path fill="#14BB69" d="M196.5 320.5C174.5 248.5 68 196.667 25 196l121.5 201 50-76.5Z"/></g></g><defs><filter id="b" width="464" height="390" x="-69" y="-46" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="18"/></filter><filter id="c" width="265" height="273" x="-99" y="6" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="d" width="265" height="273" x="-113" y="12" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="e" width="299.5" height="329" x="-41.5" y="-130" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="f" width="299.5" height="329" x="-45" y="-153" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="g" width="299.5" height="329" x="-41" y="91" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter><filter id="h" width="299.5" height="329" x="-39" y="132" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_69_17998" stdDeviation="32"/></filter></defs></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Ghostty.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" fill="none" viewBox="0 0 27 32" width="${width}" height="${height}"><path fill="#3551F3" d="M20.395 32a6.35 6.35 0 0 1-3.516-1.067A6.355 6.355 0 0 1 13.362 32c-1.249 0-2.48-.375-3.516-1.067A6.265 6.265 0 0 1 6.372 32h-.038a6.255 6.255 0 0 1-4.5-1.906 6.377 6.377 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.362 0c7.369 0 13.363 5.994 13.363 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375-.117.007-.234.009-.352.009Z"/><path fill="#000" d="M20.395 30.593a4.932 4.932 0 0 1-3.08-1.083.656.656 0 0 0-.42-.145.784.784 0 0 0-.487.176 4.939 4.939 0 0 1-3.046 1.055 4.939 4.939 0 0 1-3.045-1.055.751.751 0 0 0-.942 0 4.883 4.883 0 0 1-3.01 1.055h-.033a4.852 4.852 0 0 1-3.49-1.482 4.982 4.982 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5.342 5.342 0 0 1-.274.007Z"/><path fill="#fff" d="M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.503 3.503 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.494 3.494 0 0 1-2.173-.753 2.153 2.153 0 0 0-2.684 0 3.498 3.498 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55Z"/><path fill="#000" d="m11.28 12.437-3.93-2.27a1.072 1.072 0 0 0-1.463.392 1.072 1.072 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.071 1.071 0 0 0 0-1.854v-.002ZM20.182 12.291h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143Z"/></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" fill="none" viewBox="0 0 27 32" width="${width}" height="${height}" ${restAttrs}><path fill="#3551F3" d="M20.395 32a6.35 6.35 0 0 1-3.516-1.067A6.355 6.355 0 0 1 13.362 32c-1.249 0-2.48-.375-3.516-1.067A6.265 6.265 0 0 1 6.372 32h-.038a6.255 6.255 0 0 1-4.5-1.906 6.377 6.377 0 0 1-1.836-4.482v-12.25C0 5.995 5.994 0 13.362 0c7.369 0 13.363 5.994 13.363 13.363v12.253c0 3.393-2.626 6.192-5.978 6.375-.117.007-.234.009-.352.009Z"/><path fill="#000" d="M20.395 30.593a4.932 4.932 0 0 1-3.08-1.083.656.656 0 0 0-.42-.145.784.784 0 0 0-.487.176 4.939 4.939 0 0 1-3.046 1.055 4.939 4.939 0 0 1-3.045-1.055.751.751 0 0 0-.942 0 4.883 4.883 0 0 1-3.01 1.055h-.033a4.852 4.852 0 0 1-3.49-1.482 4.982 4.982 0 0 1-1.436-3.498V13.367c0-6.597 5.364-11.96 11.957-11.96 6.592 0 11.956 5.363 11.956 11.956v12.253c0 2.645-2.042 4.827-4.65 4.97a5.342 5.342 0 0 1-.274.007Z"/><path fill="#fff" d="M23.912 13.363v12.253c0 1.876-1.447 3.463-3.32 3.566a3.503 3.503 0 0 1-2.398-.769c-.778-.626-1.873-.598-2.658.021a3.5 3.5 0 0 1-2.176.753 3.494 3.494 0 0 1-2.173-.753 2.153 2.153 0 0 0-2.684 0 3.498 3.498 0 0 1-2.15.753c-1.948.014-3.54-1.627-3.54-3.575v-12.25c0-5.825 4.724-10.549 10.55-10.549 5.825 0 10.549 4.724 10.549 10.55Z"/><path fill="#000" d="m11.28 12.437-3.93-2.27a1.072 1.072 0 0 0-1.463.392 1.072 1.072 0 0 0 .391 1.463l2.326 1.343-2.326 1.343a1.072 1.072 0 0 0 1.071 1.855l3.932-2.27a1.071 1.071 0 0 0 0-1.854v-.002ZM20.182 12.291h-5.164a1.071 1.071 0 1 0 0 2.143h5.164a1.071 1.071 0 1 0 0-2.143Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Gimp.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" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" viewBox="0 0 48 48" 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" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" viewBox="0 0 48 48" width="${width}" height="${height}" ${restAttrs}>
   <defs>
     <path id="s" fill="#2e3436" fill-rule="evenodd" stroke="#000" stroke-miterlimit="10" stroke-width="1.17391276" d="M24.041631 21.837049a2.2980971 2.2980971 0 1 1-4.596194 0 2.2980971 2.2980971 0 1 1 4.596194 0z" overflow="visible" style="marker:none"/>
     <path id="u" fill="#fff" fill-rule="evenodd" d="M23.157747 20.953165a1.767767 1.767767 0 1 1-3.535534 0 1.767767 1.767767 0 1 1 3.535534 0z" overflow="visible" style="marker:none"/>

package/dist/components/Git.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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" 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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256" width="${width}" height="${height}" ${restAttrs}>
   <path d="M251.17 116.6 139.4 4.82a16.49 16.49 0 0 0-23.31 0l-23.21 23.2 29.44 29.45a19.57 19.57 0 0 1 24.8 24.96l28.37 28.38a19.61 19.61 0 1 1-11.75 11.06L137.28 95.4v69.64a19.62 19.62 0 1 1-16.13-.57V94.2a19.61 19.61 0 0 1-10.65-25.73L81.46 39.44 4.83 116.08a16.49 16.49 0 0 0 0 23.32L116.6 251.17a16.49 16.49 0 0 0 23.32 0l111.25-111.25a16.5 16.5 0 0 0 0-23.33" fill="#DE4C36"/>
 </svg>
 `;

package/dist/components/GitHub.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 1024 1024" 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 1024 1024" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/>
 </svg>
 `;

package/dist/components/GitHubCopilot.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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 208" width="${width}" height="${height}"><path d="M205.3 31.4c14 14.8 20 35.2 22.5 63.6 6.6 0 12.8 1.5 17 7.2l7.8 10.6c2.2 3 3.4 6.6 3.4 10.4v28.7a12 12 0 0 1-4.8 9.5C215.9 187.2 172.3 208 128 208c-49 0-98.2-28.3-123.2-46.6a12 12 0 0 1-4.8-9.5v-28.7c0-3.8 1.2-7.4 3.4-10.5l7.8-10.5c4.2-5.7 10.4-7.2 17-7.2 2.5-28.4 8.4-48.8 22.5-63.6C77.3 3.2 112.6 0 127.6 0h.4c14.7 0 50.4 2.9 77.3 31.4ZM128 78.7c-3 0-6.5.2-10.3.6a27.1 27.1 0 0 1-6 12.1 45 45 0 0 1-32 13c-6.8 0-13.9-1.5-19.7-5.2-5.5 1.9-10.8 4.5-11.2 11-.5 12.2-.6 24.5-.6 36.8 0 6.1 0 12.3-.2 18.5 0 3.6 2.2 6.9 5.5 8.4C79.9 185.9 105 192 128 192s48-6 74.5-18.1a9.4 9.4 0 0 0 5.5-8.4c.3-18.4 0-37-.8-55.3-.4-6.6-5.7-9.1-11.2-11-5.8 3.7-13 5.1-19.7 5.1a45 45 0 0 1-32-12.9 27.1 27.1 0 0 1-6-12.1c-3.4-.4-6.9-.5-10.3-.6Zm-27 44c5.8 0 10.5 4.6 10.5 10.4v19.2a10.4 10.4 0 0 1-20.8 0V133c0-5.8 4.6-10.4 10.4-10.4Zm53.4 0c5.8 0 10.4 4.6 10.4 10.4v19.2a10.4 10.4 0 0 1-20.8 0V133c0-5.8 4.7-10.4 10.4-10.4Zm-73-94.4c-11.2 1.1-20.6 4.8-25.4 10-10.4 11.3-8.2 40.1-2.2 46.2A31.2 31.2 0 0 0 75 91.7c6.8 0 19.6-1.5 30.1-12.2 4.7-4.5 7.5-15.7 7.2-27-.3-9.1-2.9-16.7-6.7-19.9-4.2-3.6-13.6-5.2-24.2-4.3Zm69 4.3c-3.8 3.2-6.4 10.8-6.7 19.9-.3 11.3 2.5 22.5 7.2 27a41.7 41.7 0 0 0 30 12.2c8.9 0 17-2.9 21.3-7.2 6-6.1 8.2-34.9-2.2-46.3-4.8-5-14.2-8.8-25.4-9.9-10.6-1-20 .7-24.2 4.3ZM128 56c-2.6 0-5.6.2-9 .5.4 1.7.5 3.7.7 5.7 0 1.5 0 3-.2 4.5 3.2-.3 6-.3 8.5-.3 2.6 0 5.3 0 8.5.3-.2-1.6-.2-3-.2-4.5.2-2 .3-4 .7-5.7-3.4-.3-6.4-.5-9-.5Z"/></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" preserveAspectRatio="xMidYMid" viewBox="0 0 256 208" width="${width}" height="${height}" ${restAttrs}><path d="M205.3 31.4c14 14.8 20 35.2 22.5 63.6 6.6 0 12.8 1.5 17 7.2l7.8 10.6c2.2 3 3.4 6.6 3.4 10.4v28.7a12 12 0 0 1-4.8 9.5C215.9 187.2 172.3 208 128 208c-49 0-98.2-28.3-123.2-46.6a12 12 0 0 1-4.8-9.5v-28.7c0-3.8 1.2-7.4 3.4-10.5l7.8-10.5c4.2-5.7 10.4-7.2 17-7.2 2.5-28.4 8.4-48.8 22.5-63.6C77.3 3.2 112.6 0 127.6 0h.4c14.7 0 50.4 2.9 77.3 31.4ZM128 78.7c-3 0-6.5.2-10.3.6a27.1 27.1 0 0 1-6 12.1 45 45 0 0 1-32 13c-6.8 0-13.9-1.5-19.7-5.2-5.5 1.9-10.8 4.5-11.2 11-.5 12.2-.6 24.5-.6 36.8 0 6.1 0 12.3-.2 18.5 0 3.6 2.2 6.9 5.5 8.4C79.9 185.9 105 192 128 192s48-6 74.5-18.1a9.4 9.4 0 0 0 5.5-8.4c.3-18.4 0-37-.8-55.3-.4-6.6-5.7-9.1-11.2-11-5.8 3.7-13 5.1-19.7 5.1a45 45 0 0 1-32-12.9 27.1 27.1 0 0 1-6-12.1c-3.4-.4-6.9-.5-10.3-.6Zm-27 44c5.8 0 10.5 4.6 10.5 10.4v19.2a10.4 10.4 0 0 1-20.8 0V133c0-5.8 4.6-10.4 10.4-10.4Zm53.4 0c5.8 0 10.4 4.6 10.4 10.4v19.2a10.4 10.4 0 0 1-20.8 0V133c0-5.8 4.7-10.4 10.4-10.4Zm-73-94.4c-11.2 1.1-20.6 4.8-25.4 10-10.4 11.3-8.2 40.1-2.2 46.2A31.2 31.2 0 0 0 75 91.7c6.8 0 19.6-1.5 30.1-12.2 4.7-4.5 7.5-15.7 7.2-27-.3-9.1-2.9-16.7-6.7-19.9-4.2-3.6-13.6-5.2-24.2-4.3Zm69 4.3c-3.8 3.2-6.4 10.8-6.7 19.9-.3 11.3 2.5 22.5 7.2 27a41.7 41.7 0 0 0 30 12.2c8.9 0 17-2.9 21.3-7.2 6-6.1 8.2-34.9-2.2-46.3-4.8-5-14.2-8.8-25.4-9.9-10.6-1-20 .7-24.2 4.3ZM128 56c-2.6 0-5.6.2-9 .5.4 1.7.5 3.7.7 5.7 0 1.5 0 3-.2 4.5 3.2-.3 6-.3 8.5-.3 2.6 0 5.3 0 8.5.3-.2-1.6-.2-3-.2-4.5.2-2 .3-4 .7-5.7-3.4-.3-6.4-.5-9-.5Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/GitLab.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" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="tanukiHomeDesktop" 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" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="tanukiHomeDesktop" width="${width}" height="${height}" ${restAttrs}>
   <path d="m31.46 12.78-.04-.12-4.35-11.35A1.14 1.14 0 0 0 25.94.6c-.24 0-.47.1-.66.24-.19.15-.33.36-.39.6l-2.94 9h-11.9l-2.94-9A1.14 1.14 0 0 0 6.07.58a1.15 1.15 0 0 0-1.14.72L.58 12.68l-.05.11a8.1 8.1 0 0 0 2.68 9.34l.02.01.04.03 6.63 4.97 3.28 2.48 2 1.52a1.35 1.35 0 0 0 1.62 0l2-1.52 3.28-2.48 6.67-5h.02a8.09 8.09 0 0 0 2.7-9.36Z" fill="#E24329"/>
   <path d="m31.46 12.78-.04-.12a14.75 14.75 0 0 0-5.86 2.64l-9.55 7.24 6.09 4.6 6.67-5h.02a8.09 8.09 0 0 0 2.67-9.36Z" fill="#FC6D26"/>
   <path d="m9.9 27.14 3.28 2.48 2 1.52a1.35 1.35 0 0 0 1.62 0l2-1.52 3.28-2.48-6.1-4.6-6.07 4.6Z" fill="#FCA326"/>

package/dist/components/Gleam.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 2000 1915" width="${width}" height="${height}"><path fill="#ffaff3" d="M905.5 95.13c41.483-73.507 147.51-73.507 189 0l217.42 385.27c26.9 47.672 73.23 81.278 126.9 92.095l434.05 87.471c82.87 16.699 115.52 117.34 58.4 179.4l-299.67 325.58a188.15 188.15 0 0 0-48.49 149.06l50.83 439.33c9.69 83.71-75.98 146.04-152.89 110.88l-402.64-184.05a188.55 188.55 0 0 0-156.82 0l-402.63 184.05c-76.916 35.15-162.58-27.17-152.9-110.88l50.837-439.33c6.292-54.37-11.413-108.78-48.488-149.06l-299.68-325.58c-57.118-62.055-24.463-162.7 58.403-179.4l434.05-87.471c53.674-10.817 100-44.423 126.9-92.095z"/><g fill="#151515"><path d="M1000 1.287c-50.71 0-101.42 24.727-129.33 74.184l-217.42 385.27c-21.197 37.562-57.654 64.015-99.969 72.543l-434.05 87.47c-111.38 22.446-156.79 162.2-79.932 245.7l299.68 325.58a148.08 148.08 0 0 1 38.183 117.37l-50.836 439.33c-13.042 112.71 105.87 199.11 209.26 151.86l.002-.002 402.64-184.05.002-.002a148.48 148.48 0 0 1 123.55 0l.002.002 402.64 184.05c103.38 47.263 222.3-39.144 209.25-151.86l.002.002-50.83-439.33v-.002a148.07 148.07 0 0 1 38.181-117.37l.002-.004 299.67-325.59v-.002c76.858-83.5 31.455-223.25-79.93-245.7l-434.05-87.47c-42.311-8.527-78.773-34.981-99.967-72.54l-217.42-385.28c-27.914-49.455-78.626-74.182-129.34-74.182m.002 77.426c23.044 0 46.09 12.026 59.666 36.078l217.42 385.27c32.606 57.784 88.805 98.544 153.83 111.65l434.05 87.47c54.356 10.954 74.253 72.488 36.872 113.1l-299.67 325.59c-44.938 48.81-66.415 114.84-58.793 180.74l50.83 439.33v.001c6.333 54.706-46.086 92.96-96.523 69.903h-.002l-402.64-184.05c-60.336-27.588-129.75-27.588-190.09.002l-402.63 184.05c-50.446 23.052-102.86-15.196-96.535-69.902l50.838-439.33c7.627-65.91-13.86-131.93-58.793-180.75l-299.68-325.58c-37.378-40.609-17.476-102.14 36.874-113.1l434.05-87.473c65.032-13.106 121.23-53.865 153.84-111.65v-.002l217.42-385.27c13.573-24.05 36.616-36.076 59.66-36.076"/><circle cx="678.57" cy="1007.1" r="78.571"/><circle cx="1321.4" cy="1007.1" r="78.571"/><path d="M929.244 1112.08a40 40 0 0 0-31.543 46.96 104.3 104.3 0 0 0 15.485 37.634l.001.002.002.004a104.2 104.2 0 0 0 28.715 28.834l.008.006a104.3 104.3 0 0 0 37.533 15.652l.014.004.016.002a104.4 104.4 0 0 0 40.666.082h.004a104.3 104.3 0 0 0 37.625-15.477l.005-.004.008-.004a104.3 104.3 0 0 0 28.819-28.699 104.1 104.1 0 0 0 15.664-37.588 40 40 0 0 0-31.35-47.086 40 40 0 0 0-47.086 31.352 24.1 24.1 0 0 1-3.627 8.7l-.012.015-.01.017a24.2 24.2 0 0 1-6.7 6.676 24.2 24.2 0 0 1-8.75 3.596l-.01.002-.01.002c-3.13.615-6.348.61-9.475-.016a24.3 24.3 0 0 1-8.734-3.646l-.014-.01-.011-.008a24.2 24.2 0 0 1-6.666-6.693l-.002-.004-.002-.002a24.3 24.3 0 0 1-3.604-8.76 40 40 0 0 0-46.959-31.543"/></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="http://www.w3.org/2000/svg" viewBox="0 0 2000 1915" width="${width}" height="${height}" ${restAttrs}><path fill="#ffaff3" d="M905.5 95.13c41.483-73.507 147.51-73.507 189 0l217.42 385.27c26.9 47.672 73.23 81.278 126.9 92.095l434.05 87.471c82.87 16.699 115.52 117.34 58.4 179.4l-299.67 325.58a188.15 188.15 0 0 0-48.49 149.06l50.83 439.33c9.69 83.71-75.98 146.04-152.89 110.88l-402.64-184.05a188.55 188.55 0 0 0-156.82 0l-402.63 184.05c-76.916 35.15-162.58-27.17-152.9-110.88l50.837-439.33c6.292-54.37-11.413-108.78-48.488-149.06l-299.68-325.58c-57.118-62.055-24.463-162.7 58.403-179.4l434.05-87.471c53.674-10.817 100-44.423 126.9-92.095z"/><g fill="#151515"><path d="M1000 1.287c-50.71 0-101.42 24.727-129.33 74.184l-217.42 385.27c-21.197 37.562-57.654 64.015-99.969 72.543l-434.05 87.47c-111.38 22.446-156.79 162.2-79.932 245.7l299.68 325.58a148.08 148.08 0 0 1 38.183 117.37l-50.836 439.33c-13.042 112.71 105.87 199.11 209.26 151.86l.002-.002 402.64-184.05.002-.002a148.48 148.48 0 0 1 123.55 0l.002.002 402.64 184.05c103.38 47.263 222.3-39.144 209.25-151.86l.002.002-50.83-439.33v-.002a148.07 148.07 0 0 1 38.181-117.37l.002-.004 299.67-325.59v-.002c76.858-83.5 31.455-223.25-79.93-245.7l-434.05-87.47c-42.311-8.527-78.773-34.981-99.967-72.54l-217.42-385.28c-27.914-49.455-78.626-74.182-129.34-74.182m.002 77.426c23.044 0 46.09 12.026 59.666 36.078l217.42 385.27c32.606 57.784 88.805 98.544 153.83 111.65l434.05 87.47c54.356 10.954 74.253 72.488 36.872 113.1l-299.67 325.59c-44.938 48.81-66.415 114.84-58.793 180.74l50.83 439.33v.001c6.333 54.706-46.086 92.96-96.523 69.903h-.002l-402.64-184.05c-60.336-27.588-129.75-27.588-190.09.002l-402.63 184.05c-50.446 23.052-102.86-15.196-96.535-69.902l50.838-439.33c7.627-65.91-13.86-131.93-58.793-180.75l-299.68-325.58c-37.378-40.609-17.476-102.14 36.874-113.1l434.05-87.473c65.032-13.106 121.23-53.865 153.84-111.65v-.002l217.42-385.27c13.573-24.05 36.616-36.076 59.66-36.076"/><circle cx="678.57" cy="1007.1" r="78.571"/><circle cx="1321.4" cy="1007.1" r="78.571"/><path d="M929.244 1112.08a40 40 0 0 0-31.543 46.96 104.3 104.3 0 0 0 15.485 37.634l.001.002.002.004a104.2 104.2 0 0 0 28.715 28.834l.008.006a104.3 104.3 0 0 0 37.533 15.652l.014.004.016.002a104.4 104.4 0 0 0 40.666.082h.004a104.3 104.3 0 0 0 37.625-15.477l.005-.004.008-.004a104.3 104.3 0 0 0 28.819-28.699 104.1 104.1 0 0 0 15.664-37.588 40 40 0 0 0-31.35-47.086 40 40 0 0 0-47.086 31.352 24.1 24.1 0 0 1-3.627 8.7l-.012.015-.01.017a24.2 24.2 0 0 1-6.7 6.676 24.2 24.2 0 0 1-8.75 3.596l-.01.002-.01.002c-3.13.615-6.348.61-9.475-.016a24.3 24.3 0 0 1-8.734-3.646l-.014-.01-.011-.008a24.2 24.2 0 0 1-6.666-6.693l-.002-.004-.002-.002a24.3 24.3 0 0 1-3.604-8.76 40 40 0 0 0-46.959-31.543"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Gmail.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 49.4 512 399.42" 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 49.4 512 399.42" width="${width}" height="${height}" ${restAttrs}>
   <g fill="none" fill-rule="evenodd">
     <g fill-rule="nonzero">
       <path fill="#4285f4" d="M34.91 448.818h81.454V251L0 163.727V413.91c0 19.287 15.622 34.91 34.91 34.91z"/>

package/dist/components/Go.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 207 78" width="${width}" height="${height}"><g fill="#000000" fill-rule="evenodd"><path d="m16.2 24.1c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h35.7c.4 0 .5.3.3.6l-1.7 2.6c-.2.3-.7.6-1 .6z"/><path d="m1.1 33.3c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h45.6c.4 0 .6.3.5.6l-.8 2.4c-.1.4-.5.6-.9.6z"/><path d="m25.3 42.5c-.4 0-.5-.3-.3-.6l1.4-2.5c.2-.3.6-.6 1-.6h20c.4 0 .6.3.6.7l-.2 2.4c0 .4-.4.7-.7.7z"/><g transform="translate(55)"><path d="m74.1 22.3c-6.3 1.6-10.6 2.8-16.8 4.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1 1.5-6.8 4.4-10.3 10.9-10.2 19 .1 8 5.6 14.6 13.5 15.7 6.8.9 12.5-1.5 17-6.6.9-1.1 1.7-2.3 2.7-3.7-3.6 0-8.1 0-19.3 0-2.1 0-2.6-1.3-1.9-3 1.3-3.1 3.7-8.3 5.1-10.9.3-.6 1-1.6 2.5-1.6h36.4c-.2 2.7-.2 5.4-.6 8.1-1.1 7.2-3.8 13.8-8.2 19.6-7.2 9.5-16.6 15.4-28.5 17-9.8 1.3-18.9-.6-26.9-6.6-7.4-5.6-11.6-13-12.7-22.2-1.3-10.9 1.9-20.7 8.5-29.3 7.1-9.3 16.5-15.2 28-17.3 9.4-1.7 18.4-.6 26.5 4.9 5.3 3.5 9.1 8.3 11.6 14.1.6.9.2 1.4-1 1.7z"/><path d="m107.2 77.6c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3 1.3-21.3 8.1-30.2 7.3-9.6 16.1-14.6 28-16.7 10.2-1.8 19.8-.8 28.5 5.1 7.9 5.4 12.8 12.7 14.1 22.3 1.7 13.5-2.2 24.5-11.5 33.9-6.6 6.7-14.7 10.9-24 12.8-2.7.5-5.4.6-8 .9zm23.8-40.4c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3 2.1-15.3 8-17.5 17.4-1.8 7.8 2 15.7 9.2 18.9 5.5 2.4 11 2.1 16.3-.6 7.9-4.1 12.2-10.5 12.7-19.1z" fill-rule="nonzero"/></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="http://www.w3.org/2000/svg" viewBox="0 0 207 78" width="${width}" height="${height}" ${restAttrs}><g fill="#000000" fill-rule="evenodd"><path d="m16.2 24.1c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h35.7c.4 0 .5.3.3.6l-1.7 2.6c-.2.3-.7.6-1 .6z"/><path d="m1.1 33.3c-.4 0-.5-.2-.3-.5l2.1-2.7c.2-.3.7-.5 1.1-.5h45.6c.4 0 .6.3.5.6l-.8 2.4c-.1.4-.5.6-.9.6z"/><path d="m25.3 42.5c-.4 0-.5-.3-.3-.6l1.4-2.5c.2-.3.6-.6 1-.6h20c.4 0 .6.3.6.7l-.2 2.4c0 .4-.4.7-.7.7z"/><g transform="translate(55)"><path d="m74.1 22.3c-6.3 1.6-10.6 2.8-16.8 4.4-1.5.4-1.6.5-2.9-1-1.5-1.7-2.6-2.8-4.7-3.8-6.3-3.1-12.4-2.2-18.1 1.5-6.8 4.4-10.3 10.9-10.2 19 .1 8 5.6 14.6 13.5 15.7 6.8.9 12.5-1.5 17-6.6.9-1.1 1.7-2.3 2.7-3.7-3.6 0-8.1 0-19.3 0-2.1 0-2.6-1.3-1.9-3 1.3-3.1 3.7-8.3 5.1-10.9.3-.6 1-1.6 2.5-1.6h36.4c-.2 2.7-.2 5.4-.6 8.1-1.1 7.2-3.8 13.8-8.2 19.6-7.2 9.5-16.6 15.4-28.5 17-9.8 1.3-18.9-.6-26.9-6.6-7.4-5.6-11.6-13-12.7-22.2-1.3-10.9 1.9-20.7 8.5-29.3 7.1-9.3 16.5-15.2 28-17.3 9.4-1.7 18.4-.6 26.5 4.9 5.3 3.5 9.1 8.3 11.6 14.1.6.9.2 1.4-1 1.7z"/><path d="m107.2 77.6c-9.1-.2-17.4-2.8-24.4-8.8-5.9-5.1-9.6-11.6-10.8-19.3-1.8-11.3 1.3-21.3 8.1-30.2 7.3-9.6 16.1-14.6 28-16.7 10.2-1.8 19.8-.8 28.5 5.1 7.9 5.4 12.8 12.7 14.1 22.3 1.7 13.5-2.2 24.5-11.5 33.9-6.6 6.7-14.7 10.9-24 12.8-2.7.5-5.4.6-8 .9zm23.8-40.4c-.1-1.3-.1-2.3-.3-3.3-1.8-9.9-10.9-15.5-20.4-13.3-9.3 2.1-15.3 8-17.5 17.4-1.8 7.8 2 15.7 9.2 18.9 5.5 2.4 11 2.1 16.3-.6 7.9-4.1 12.2-10.5 12.7-19.1z" fill-rule="nonzero"/></g></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/GoDaddy.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 166 34" class="prefix__logo-mark" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path class="prefix__path-mobile" d="M30.82 1.45c-3.7-2.31-8.6-1.77-12.96.98-4.35-2.75-9.24-3.3-12.95-.98-5.87 3.67-6.58 13.11-1.59 21.1 3.68 5.88 9.43 9.33 14.55 9.27 5.12.06 10.87-3.39 14.54-9.27 4.99-7.99 4.28-17.43-1.59-21.1zM6.02 20.86a19.11 19.11 0 01-2.3-5.27 15.07 15.07 0 01-.5-4.97c.22-2.95 1.42-5.24 3.38-6.47 1.96-1.22 4.54-1.3 7.3-.2.42.17.83.36 1.22.57a22.5 22.5 0 00-3.95 4.75C8.14 14.12 7.2 19.5 8.27 23.8a19.72 19.72 0 01-2.25-2.95zm26-5.27a19.16 19.16 0 01-2.3 5.27 19.73 19.73 0 01-2.25 2.96c.94-3.86.3-8.58-2.02-13a.58.58 0 00-.83-.24l-7.23 4.52a.59.59 0 00-.19.81l1.06 1.7a.59.59 0 00.82.18l4.68-2.92a15.07 15.07 0 01.92 6.33c-.23 2.95-1.43 5.25-3.38 6.47a6.6 6.6 0 01-3.35.97h-.15a6.6 6.6 0 01-3.35-.97c-1.96-1.22-3.16-3.52-3.38-6.47a15.1 15.1 0 01.5-4.97 19.67 19.67 0 016.02-9.65 15.1 15.1 0 014.25-2.63c2.74-1.09 5.34-1.02 7.3.2 1.95 1.23 3.15 3.53 3.37 6.48a15.1 15.1 0 01-.49 4.96z"/><path class="prefix__path-desktop" d="M74.06 12.9a7.23 7.23 0 00-7.34 7.2c0 4 3.28 7.11 7.34 7.11a7.19 7.19 0 007.37-7.12c0-4.03-3.27-7.2-7.37-7.2zm0 10.55c-1.87 0-3.29-1.51-3.29-3.39s1.42-3.4 3.3-3.4c1.9 0 3.32 1.54 3.32 3.41a3.31 3.31 0 01-3.33 3.38zM90.58 7.36h-7.46a.6.6 0 00-.62.61v18.21a.6.6 0 00.61.65h7.47c5.98 0 10.13-3.97 10.13-9.76 0-5.82-4.15-9.7-10.13-9.7zm.18 15.62h-4.09V11.2h4.09c3.3 0 5.59 2.47 5.59 5.86 0 3.34-2.28 5.92-5.59 5.92zm24.82-9.7h-2.8a.63.63 0 00-.6.62v.83c-.63-1.06-2.08-1.84-3.87-1.84-3.5 0-6.79 2.76-6.79 7.15 0 4.37 3.25 7.17 6.76 7.17 1.8 0 3.28-.78 3.92-1.83v.86a.59.59 0 00.58.58h2.8a.57.57 0 00.6-.58V13.9a.6.6 0 00-.6-.62zm-6.53 10.2c-1.86 0-3.26-1.43-3.26-3.41s1.4-3.41 3.26-3.41c1.86 0 3.25 1.42 3.25 3.4 0 1.99-1.4 3.42-3.25 3.42zm22.3-16.12h-2.82a.6.6 0 00-.6.59v6.72c-.65-1-2.12-1.78-3.95-1.78-3.48 0-6.7 2.76-6.7 7.15 0 4.37 3.25 7.17 6.75 7.17 1.8 0 3.17-.78 3.92-1.83v.86c0 .32.26.58.58.58h2.81a.57.57 0 00.59-.58V7.95a.57.57 0 00-.59-.59zm-6.54 16.15c-1.85 0-3.24-1.44-3.24-3.44s1.4-3.45 3.24-3.45c1.85 0 3.24 1.44 3.24 3.45 0 2-1.39 3.44-3.24 3.44zM147.1 7.36h-2.8a.6.6 0 00-.62.59v6.72c-.64-1-2.11-1.78-3.94-1.78-3.48 0-6.7 2.76-6.7 7.15 0 4.37 3.25 7.17 6.75 7.17 1.8 0 3.17-.78 3.92-1.83v.86a.59.59 0 00.59.58h2.8a.57.57 0 00.58-.58V7.95a.57.57 0 00-.58-.59zm-6.53 16.15c-1.86 0-3.24-1.44-3.24-3.44s1.39-3.45 3.24-3.45c1.84 0 3.23 1.44 3.23 3.45 0 2-1.38 3.44-3.23 3.44zm21.9-9.28l-4.19 14.37c-.8 2.56-2.61 4.09-5.42 4.09a6.77 6.77 0 01-3.35-.78c-.53-.3-.97-.58-.97-1.03 0-.27.09-.41.25-.67l.83-1.25c.24-.35.41-.46.66-.46a.96.96 0 01.56.2 3 3 0 001.75.62c.86 0 1.52-.27 1.88-1.3l.36-1.2h-1.7c-.42 0-.65-.25-.75-.58l-3.75-12c-.14-.48-.01-.95.68-.95h2.96c.36 0 .6.12.77.64l2.77 9.67 2.59-9.67c.08-.34.3-.64.75-.64h2.8c.55 0 .72.38.52.94zm-96.8 4.28v7.67a.63.63 0 01-.64.64h-2.31a.62.62 0 01-.64-.64v-2.01c-1.47 1.85-4.03 3.02-6.92 3.02-5.44 0-9.68-4.08-9.68-9.9 0-6.05 4.58-10.22 10.37-10.22 4.28 0 7.7 1.84 9.22 5.54a.84.84 0 01.07.3c0 .18-.12.31-.5.44l-2.7 1.04a.7.7 0 01-.5.01.78.78 0 01-.33-.37 5.67 5.67 0 00-5.36-3.1c-3.45 0-5.92 2.7-5.92 6.19 0 3.39 2.1 6.17 6.02 6.17 2.06 0 3.7-.97 4.47-2.04h-2.45a.63.63 0 01-.63-.63v-2.09a.63.63 0 01.63-.63h7.16a.6.6 0 01.64.6z"/></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 166 34" class="prefix__logo-mark" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path class="prefix__path-mobile" d="M30.82 1.45c-3.7-2.31-8.6-1.77-12.96.98-4.35-2.75-9.24-3.3-12.95-.98-5.87 3.67-6.58 13.11-1.59 21.1 3.68 5.88 9.43 9.33 14.55 9.27 5.12.06 10.87-3.39 14.54-9.27 4.99-7.99 4.28-17.43-1.59-21.1zM6.02 20.86a19.11 19.11 0 01-2.3-5.27 15.07 15.07 0 01-.5-4.97c.22-2.95 1.42-5.24 3.38-6.47 1.96-1.22 4.54-1.3 7.3-.2.42.17.83.36 1.22.57a22.5 22.5 0 00-3.95 4.75C8.14 14.12 7.2 19.5 8.27 23.8a19.72 19.72 0 01-2.25-2.95zm26-5.27a19.16 19.16 0 01-2.3 5.27 19.73 19.73 0 01-2.25 2.96c.94-3.86.3-8.58-2.02-13a.58.58 0 00-.83-.24l-7.23 4.52a.59.59 0 00-.19.81l1.06 1.7a.59.59 0 00.82.18l4.68-2.92a15.07 15.07 0 01.92 6.33c-.23 2.95-1.43 5.25-3.38 6.47a6.6 6.6 0 01-3.35.97h-.15a6.6 6.6 0 01-3.35-.97c-1.96-1.22-3.16-3.52-3.38-6.47a15.1 15.1 0 01.5-4.97 19.67 19.67 0 016.02-9.65 15.1 15.1 0 014.25-2.63c2.74-1.09 5.34-1.02 7.3.2 1.95 1.23 3.15 3.53 3.37 6.48a15.1 15.1 0 01-.49 4.96z"/><path class="prefix__path-desktop" d="M74.06 12.9a7.23 7.23 0 00-7.34 7.2c0 4 3.28 7.11 7.34 7.11a7.19 7.19 0 007.37-7.12c0-4.03-3.27-7.2-7.37-7.2zm0 10.55c-1.87 0-3.29-1.51-3.29-3.39s1.42-3.4 3.3-3.4c1.9 0 3.32 1.54 3.32 3.41a3.31 3.31 0 01-3.33 3.38zM90.58 7.36h-7.46a.6.6 0 00-.62.61v18.21a.6.6 0 00.61.65h7.47c5.98 0 10.13-3.97 10.13-9.76 0-5.82-4.15-9.7-10.13-9.7zm.18 15.62h-4.09V11.2h4.09c3.3 0 5.59 2.47 5.59 5.86 0 3.34-2.28 5.92-5.59 5.92zm24.82-9.7h-2.8a.63.63 0 00-.6.62v.83c-.63-1.06-2.08-1.84-3.87-1.84-3.5 0-6.79 2.76-6.79 7.15 0 4.37 3.25 7.17 6.76 7.17 1.8 0 3.28-.78 3.92-1.83v.86a.59.59 0 00.58.58h2.8a.57.57 0 00.6-.58V13.9a.6.6 0 00-.6-.62zm-6.53 10.2c-1.86 0-3.26-1.43-3.26-3.41s1.4-3.41 3.26-3.41c1.86 0 3.25 1.42 3.25 3.4 0 1.99-1.4 3.42-3.25 3.42zm22.3-16.12h-2.82a.6.6 0 00-.6.59v6.72c-.65-1-2.12-1.78-3.95-1.78-3.48 0-6.7 2.76-6.7 7.15 0 4.37 3.25 7.17 6.75 7.17 1.8 0 3.17-.78 3.92-1.83v.86c0 .32.26.58.58.58h2.81a.57.57 0 00.59-.58V7.95a.57.57 0 00-.59-.59zm-6.54 16.15c-1.85 0-3.24-1.44-3.24-3.44s1.4-3.45 3.24-3.45c1.85 0 3.24 1.44 3.24 3.45 0 2-1.39 3.44-3.24 3.44zM147.1 7.36h-2.8a.6.6 0 00-.62.59v6.72c-.64-1-2.11-1.78-3.94-1.78-3.48 0-6.7 2.76-6.7 7.15 0 4.37 3.25 7.17 6.75 7.17 1.8 0 3.17-.78 3.92-1.83v.86a.59.59 0 00.59.58h2.8a.57.57 0 00.58-.58V7.95a.57.57 0 00-.58-.59zm-6.53 16.15c-1.86 0-3.24-1.44-3.24-3.44s1.39-3.45 3.24-3.45c1.84 0 3.23 1.44 3.23 3.45 0 2-1.38 3.44-3.23 3.44zm21.9-9.28l-4.19 14.37c-.8 2.56-2.61 4.09-5.42 4.09a6.77 6.77 0 01-3.35-.78c-.53-.3-.97-.58-.97-1.03 0-.27.09-.41.25-.67l.83-1.25c.24-.35.41-.46.66-.46a.96.96 0 01.56.2 3 3 0 001.75.62c.86 0 1.52-.27 1.88-1.3l.36-1.2h-1.7c-.42 0-.65-.25-.75-.58l-3.75-12c-.14-.48-.01-.95.68-.95h2.96c.36 0 .6.12.77.64l2.77 9.67 2.59-9.67c.08-.34.3-.64.75-.64h2.8c.55 0 .72.38.52.94zm-96.8 4.28v7.67a.63.63 0 01-.64.64h-2.31a.62.62 0 01-.64-.64v-2.01c-1.47 1.85-4.03 3.02-6.92 3.02-5.44 0-9.68-4.08-9.68-9.9 0-6.05 4.58-10.22 10.37-10.22 4.28 0 7.7 1.84 9.22 5.54a.84.84 0 01.07.3c0 .18-.12.31-.5.44l-2.7 1.04a.7.7 0 01-.5.01.78.78 0 01-.33-.37 5.67 5.67 0 00-5.36-3.1c-3.45 0-5.92 2.7-5.92 6.19 0 3.39 2.1 6.17 6.02 6.17 2.06 0 3.7-.97 4.47-2.04h-2.45a.63.63 0 01-.63-.63v-2.09a.63.63 0 01.63-.63h7.16a.6.6 0 01.64.6z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/GodotEngine.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}"><path d="M229.81 168.288s-.338-2.075-.536-2.056l-37.653 3.633a6.119 6.119 0 00-5.533 5.681l-1.034 14.826-29.13 2.078-1.982-13.437c-.441-2.989-3.051-5.242-6.072-5.242h-39.74c-3.02 0-5.63 2.253-6.071 5.242l-1.983 13.437-29.13-2.078-1.034-14.826a6.12 6.12 0 00-5.533-5.682l-37.672-3.632c-.195-.019-.337 2.058-.532 2.058l-.05 8.148 31.904 5.145 1.044 14.959c.212 3.028 2.655 5.477 5.685 5.694l40.119 2.862c.152.01.301.017.451.017 3.015 0 5.621-2.254 6.062-5.243l2.039-13.826h29.143l2.039 13.826c.44 2.988 3.049 5.242 6.068 5.242.148 0 .296-.006.44-.016l40.124-2.862c3.029-.217 5.473-2.666 5.685-5.694l1.043-14.959 31.891-5.167-.052-8.128z" fill="#fff"/><path d="M26.175 106.847v61.441c.112.001.224.005.336.016l37.667 3.631a4.057 4.057 0 013.657 3.756l1.162 16.628 32.857 2.344 2.264-15.346c.293-1.99 2-3.465 4.012-3.465h39.741a4.055 4.055 0 014.011 3.465l2.264 15.346 32.858-2.344 1.161-16.628a4.058 4.058 0 013.657-3.756l37.653-3.631a3.72 3.72 0 01.335-.016v-4.903l.015-.005v-56.533c5.304-6.678 10.327-14.043 14.175-20.24-5.881-10.01-13.086-18.957-20.788-27.246-7.143 3.595-14.081 7.668-20.634 12.003-3.279-3.26-6.973-5.926-10.6-8.713-3.564-2.863-7.581-4.962-11.391-7.407 1.134-8.447 1.695-16.763 1.921-25.442-9.83-4.947-20.313-8.227-30.916-10.583-4.233 7.115-8.104 14.82-11.476 22.352-3.998-.668-8.015-.916-12.037-.964v-.006c-.029 0-.055.006-.078.006-.025 0-.051-.006-.076-.006v.006c-4.03.048-8.044.296-12.043.964-3.37-7.532-7.239-15.237-11.478-22.352-10.598 2.356-21.082 5.636-30.91 10.583.224 8.68.785 16.995 1.922 25.442-3.817 2.446-7.828 4.544-11.394 7.407-3.622 2.787-7.322 5.453-10.602 8.713-6.553-4.335-13.489-8.408-20.634-12.003C25.084 67.65 17.883 76.596 12 86.607c4.623 7.257 9.582 14.551 14.175 20.24z" fill="#478CBF"/><path d="M196.018 179.681l-1.167 16.716a4.057 4.057 0 01-3.758 3.763l-40.122 2.863a4.057 4.057 0 01-4.301-3.455l-2.301-15.604h-32.738l-2.301 15.604a4.053 4.053 0 01-4.301 3.455l-40.122-2.863a4.058 4.058 0 01-3.758-3.763l-1.166-16.716-33.87-3.266c.015 3.64.062 7.628.062 8.422 0 35.772 45.378 52.965 101.756 53.163h.138c56.379-.198 101.741-17.391 101.741-53.163 0-.808.049-4.78.065-8.422l-33.857 3.266z" fill="#478CBF"/><path d="M97.304 131.788c0 12.542-10.162 22.702-22.7 22.702-12.532 0-22.697-10.16-22.697-22.702 0-12.534 10.165-22.688 22.697-22.688 12.538 0 22.7 10.154 22.7 22.688z" fill="#fff"/><path d="M91.842 133.134c0 8.319-6.743 15.062-15.068 15.062-8.32 0-15.068-6.743-15.068-15.062 0-8.319 6.747-15.067 15.068-15.067 8.325 0 15.068 6.748 15.068 15.067z" fill="#414042"/><path d="M127.998 156.555c-4.035 0-7.306-2.974-7.306-6.64v-20.898c0-3.663 3.271-6.64 7.306-6.64 4.036 0 7.314 2.977 7.314 6.64v20.898c0 3.666-3.278 6.64-7.314 6.64zM158.697 131.788c0 12.542 10.162 22.702 22.702 22.702 12.53 0 22.694-10.16 22.694-22.702 0-12.534-10.164-22.688-22.694-22.688-12.54 0-22.702 10.154-22.702 22.688z" fill="#fff"/><path d="M164.16 133.134c0 8.319 6.74 15.062 15.059 15.062 8.328 0 15.068-6.743 15.068-15.062 0-8.319-6.74-15.067-15.068-15.067-8.319 0-15.059 6.748-15.059 15.067z" fill="#414042"/></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 256 256" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}><path d="M229.81 168.288s-.338-2.075-.536-2.056l-37.653 3.633a6.119 6.119 0 00-5.533 5.681l-1.034 14.826-29.13 2.078-1.982-13.437c-.441-2.989-3.051-5.242-6.072-5.242h-39.74c-3.02 0-5.63 2.253-6.071 5.242l-1.983 13.437-29.13-2.078-1.034-14.826a6.12 6.12 0 00-5.533-5.682l-37.672-3.632c-.195-.019-.337 2.058-.532 2.058l-.05 8.148 31.904 5.145 1.044 14.959c.212 3.028 2.655 5.477 5.685 5.694l40.119 2.862c.152.01.301.017.451.017 3.015 0 5.621-2.254 6.062-5.243l2.039-13.826h29.143l2.039 13.826c.44 2.988 3.049 5.242 6.068 5.242.148 0 .296-.006.44-.016l40.124-2.862c3.029-.217 5.473-2.666 5.685-5.694l1.043-14.959 31.891-5.167-.052-8.128z" fill="#fff"/><path d="M26.175 106.847v61.441c.112.001.224.005.336.016l37.667 3.631a4.057 4.057 0 013.657 3.756l1.162 16.628 32.857 2.344 2.264-15.346c.293-1.99 2-3.465 4.012-3.465h39.741a4.055 4.055 0 014.011 3.465l2.264 15.346 32.858-2.344 1.161-16.628a4.058 4.058 0 013.657-3.756l37.653-3.631a3.72 3.72 0 01.335-.016v-4.903l.015-.005v-56.533c5.304-6.678 10.327-14.043 14.175-20.24-5.881-10.01-13.086-18.957-20.788-27.246-7.143 3.595-14.081 7.668-20.634 12.003-3.279-3.26-6.973-5.926-10.6-8.713-3.564-2.863-7.581-4.962-11.391-7.407 1.134-8.447 1.695-16.763 1.921-25.442-9.83-4.947-20.313-8.227-30.916-10.583-4.233 7.115-8.104 14.82-11.476 22.352-3.998-.668-8.015-.916-12.037-.964v-.006c-.029 0-.055.006-.078.006-.025 0-.051-.006-.076-.006v.006c-4.03.048-8.044.296-12.043.964-3.37-7.532-7.239-15.237-11.478-22.352-10.598 2.356-21.082 5.636-30.91 10.583.224 8.68.785 16.995 1.922 25.442-3.817 2.446-7.828 4.544-11.394 7.407-3.622 2.787-7.322 5.453-10.602 8.713-6.553-4.335-13.489-8.408-20.634-12.003C25.084 67.65 17.883 76.596 12 86.607c4.623 7.257 9.582 14.551 14.175 20.24z" fill="#478CBF"/><path d="M196.018 179.681l-1.167 16.716a4.057 4.057 0 01-3.758 3.763l-40.122 2.863a4.057 4.057 0 01-4.301-3.455l-2.301-15.604h-32.738l-2.301 15.604a4.053 4.053 0 01-4.301 3.455l-40.122-2.863a4.058 4.058 0 01-3.758-3.763l-1.166-16.716-33.87-3.266c.015 3.64.062 7.628.062 8.422 0 35.772 45.378 52.965 101.756 53.163h.138c56.379-.198 101.741-17.391 101.741-53.163 0-.808.049-4.78.065-8.422l-33.857 3.266z" fill="#478CBF"/><path d="M97.304 131.788c0 12.542-10.162 22.702-22.7 22.702-12.532 0-22.697-10.16-22.697-22.702 0-12.534 10.165-22.688 22.697-22.688 12.538 0 22.7 10.154 22.7 22.688z" fill="#fff"/><path d="M91.842 133.134c0 8.319-6.743 15.062-15.068 15.062-8.32 0-15.068-6.743-15.068-15.062 0-8.319 6.747-15.067 15.068-15.067 8.325 0 15.068 6.748 15.068 15.067z" fill="#414042"/><path d="M127.998 156.555c-4.035 0-7.306-2.974-7.306-6.64v-20.898c0-3.663 3.271-6.64 7.306-6.64 4.036 0 7.314 2.977 7.314 6.64v20.898c0 3.666-3.278 6.64-7.314 6.64zM158.697 131.788c0 12.542 10.162 22.702 22.702 22.702 12.53 0 22.694-10.16 22.694-22.702 0-12.534-10.164-22.688-22.694-22.688-12.54 0-22.702 10.154-22.702 22.688z" fill="#fff"/><path d="M164.16 133.134c0 8.319 6.74 15.062 15.059 15.062 8.328 0 15.068-6.743 15.068-15.062 0-8.319-6.74-15.067-15.068-15.067-8.319 0-15.059 6.748-15.059 15.067z" fill="#414042"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Google.svelte

@@ -1,8 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 256 262" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" fill="#4285F4"/><path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" fill="#34A853"/><path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" fill="#FBBC05"/><path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" fill="#EB4335"/></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" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" overflow="hidden" viewBox="0 0 268.152 273.883" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a"><stop offset="0" stop-color="#0fbc5c"/><stop offset="1" stop-color="#0cba65"/></linearGradient><linearGradient id="g"><stop offset=".231" stop-color="#0fbc5f"/><stop offset=".312" stop-color="#0fbc5f"/><stop offset=".366" stop-color="#0fbc5e"/><stop offset=".458" stop-color="#0fbc5d"/><stop offset=".54" stop-color="#12bc58"/><stop offset=".699" stop-color="#28bf3c"/><stop offset=".771" stop-color="#38c02b"/><stop offset=".861" stop-color="#52c218"/><stop offset=".915" stop-color="#67c30f"/><stop offset="1" stop-color="#86c504"/></linearGradient><linearGradient id="h"><stop offset=".142" stop-color="#1abd4d"/><stop offset=".248" stop-color="#6ec30d"/><stop offset=".312" stop-color="#8ac502"/><stop offset=".366" stop-color="#a2c600"/><stop offset=".446" stop-color="#c8c903"/><stop offset=".54" stop-color="#ebcb03"/><stop offset=".616" stop-color="#f7cd07"/><stop offset=".699" stop-color="#fdcd04"/><stop offset=".771" stop-color="#fdce05"/><stop offset=".861" stop-color="#ffce0a"/></linearGradient><linearGradient id="f"><stop offset=".316" stop-color="#ff4c3c"/><stop offset=".604" stop-color="#ff692c"/><stop offset=".727" stop-color="#ff7825"/><stop offset=".885" stop-color="#ff8d1b"/><stop offset="1" stop-color="#ff9f13"/></linearGradient><linearGradient id="b"><stop offset=".231" stop-color="#ff4541"/><stop offset=".312" stop-color="#ff4540"/><stop offset=".458" stop-color="#ff4640"/><stop offset=".54" stop-color="#ff473f"/><stop offset=".699" stop-color="#ff5138"/><stop offset=".771" stop-color="#ff5b33"/><stop offset=".861" stop-color="#ff6c29"/><stop offset="1" stop-color="#ff8c18"/></linearGradient><linearGradient id="d"><stop offset=".408" stop-color="#fb4e5a"/><stop offset="1" stop-color="#ff4540"/></linearGradient><linearGradient id="c"><stop offset=".132" stop-color="#0cba65"/><stop offset=".21" stop-color="#0bb86d"/><stop offset=".297" stop-color="#09b479"/><stop offset=".396" stop-color="#08ad93"/><stop offset=".477" stop-color="#0aa6a9"/><stop offset=".568" stop-color="#0d9cc6"/><stop offset=".667" stop-color="#1893dd"/><stop offset=".769" stop-color="#258bf1"/><stop offset=".859" stop-color="#3086ff"/></linearGradient><linearGradient id="e"><stop offset=".366" stop-color="#ff4e3a"/><stop offset=".458" stop-color="#ff8a1b"/><stop offset=".54" stop-color="#ffa312"/><stop offset=".616" stop-color="#ffb60c"/><stop offset=".771" stop-color="#ffcd0a"/><stop offset=".861" stop-color="#fecf0a"/><stop offset=".915" stop-color="#fecf08"/><stop offset="1" stop-color="#fdcd01"/></linearGradient><linearGradient xlink:href="#a" id="s" x1="219.7" x2="254.467" y1="329.535" y2="329.535" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#b" id="m" cx="109.627" cy="135.862" r="71.46" fx="109.627" fy="135.862" gradientTransform="matrix(-1.93688 1.043 1.45573 2.55542 290.525 -400.634)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#c" id="n" cx="45.259" cy="279.274" r="71.46" fx="45.259" fy="279.274" gradientTransform="matrix(-3.5126 -4.45809 -1.69255 1.26062 870.8 191.554)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#d" id="l" cx="304.017" cy="118.009" r="47.854" fx="304.017" fy="118.009" gradientTransform="matrix(2.06435 0 0 2.59204 -297.679 -151.747)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#e" id="o" cx="181.001" cy="177.201" r="71.46" fx="181.001" fy="177.201" gradientTransform="matrix(-.24858 2.08314 2.96249 .33417 -255.146 -331.164)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#f" id="p" cx="207.673" cy="108.097" r="41.102" fx="207.673" fy="108.097" gradientTransform="matrix(-1.2492 1.34326 -3.89684 -3.4257 880.501 194.905)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#g" id="r" cx="109.627" cy="135.862" r="71.46" fx="109.627" fy="135.862" gradientTransform="matrix(-1.93688 -1.043 1.45573 -2.55542 290.525 838.683)" gradientUnits="userSpaceOnUse"/><radialGradient xlink:href="#h" id="j" cx="154.87" cy="145.969" r="71.46" fx="154.87" fy="145.969" gradientTransform="matrix(-.0814 -1.93722 2.92674 -.11625 -215.135 632.86)" gradientUnits="userSpaceOnUse"/><filter id="q" width="1.097" height="1.116" x="-.048" y="-.058" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="1.701"/></filter><filter id="k" width="1.033" height="1.02" x="-.017" y="-.01" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation=".242"/></filter><clipPath id="i" clipPathUnits="userSpaceOnUse"><path d="M371.378 193.24H237.083v53.438h77.167c-1.241 7.563-4.026 15.003-8.105 21.786-4.674 7.773-10.451 13.69-16.373 18.196-17.74 13.498-38.42 16.258-52.783 16.258-36.283 0-67.283-23.286-79.285-54.928-.484-1.149-.805-2.335-1.197-3.507a81.115 81.115 0 0 1-4.101-25.448c0-9.226 1.569-18.057 4.43-26.398 11.285-32.897 42.985-57.467 80.179-57.467 7.481 0 14.685.884 21.517 2.648a77.668 77.668 0 0 1 33.425 18.25l40.834-39.712c-24.839-22.616-57.219-36.32-95.844-36.32-30.878 0-59.386 9.553-82.748 25.7-18.945 13.093-34.483 30.625-44.97 50.985-9.753 18.879-15.094 39.8-15.094 62.294 0 22.495 5.35 43.633 15.103 62.337v.126c10.302 19.857 25.368 36.954 43.678 49.988 15.997 11.386 44.68 26.551 84.031 26.551 22.63 0 42.687-4.051 60.375-11.644 12.76-5.478 24.065-12.622 34.301-21.804 13.525-12.132 24.117-27.139 31.347-44.404 7.23-17.265 11.097-36.79 11.097-57.957 0-9.858-.998-19.87-2.689-28.968Z"/></clipPath></defs><g clip-path="url(#i)" transform="matrix(.95792 0 0 .98525 -90.174 -78.856)"><path fill="url(#j)" d="M92.076 219.958c.148 22.14 6.501 44.983 16.117 63.424v.127c6.949 13.392 16.445 23.97 27.26 34.452l65.327-23.67c-12.36-6.235-14.246-10.055-23.105-17.026-9.054-9.066-15.802-19.473-20.004-31.677h-.17l.17-.127c-2.765-8.058-3.037-16.613-3.14-25.503Z" filter="url(#k)"/><path fill="url(#l)" d="M237.083 79.025c-6.456 22.526-3.988 44.421 0 57.161 7.457.006 14.64.888 21.45 2.647a77.662 77.662 0 0 1 33.424 18.25l41.88-40.726c-24.81-22.59-54.667-37.297-96.754-37.332Z" filter="url(#k)"/><path fill="url(#m)" d="M236.943 78.847c-31.67 0-60.91 9.798-84.871 26.359a145.533 145.533 0 0 0-24.332 21.15c-1.904 17.744 14.257 39.551 46.262 39.37 15.528-17.936 38.495-29.542 64.056-29.542l.07.002-1.044-57.335c-.048 0-.093-.004-.14-.004Z" filter="url(#k)"/><path fill="url(#n)" d="m341.475 226.379-28.268 19.285c-1.24 7.562-4.028 15.002-8.107 21.786-4.674 7.772-10.45 13.69-16.373 18.196-17.702 13.47-38.328 16.244-52.687 16.255-14.842 25.102-17.444 37.675 1.043 57.934 22.877-.016 43.157-4.117 61.046-11.796 12.931-5.551 24.388-12.792 34.761-22.097 13.706-12.295 24.442-27.503 31.769-45 7.327-17.497 11.245-37.282 11.245-58.734Z" filter="url(#k)"/><path fill="#3086ff" d="M234.996 191.21v57.498h136.006c1.196-7.874 5.152-18.064 5.152-26.5 0-9.858-.996-21.899-2.687-30.998Z" filter="url(#k)"/><path fill="url(#o)" d="M128.39 124.327c-8.394 9.119-15.564 19.326-21.249 30.364-9.753 18.879-15.094 41.83-15.094 64.324 0 .317.026.627.029.944 4.32 8.224 59.666 6.649 62.456 0-.004-.31-.039-.613-.039-.924 0-9.226 1.57-16.026 4.43-24.367 3.53-10.289 9.056-19.763 16.123-27.926 1.602-2.031 5.875-6.397 7.121-9.016.475-.997-.862-1.557-.937-1.908-.083-.393-1.876-.077-2.277-.37-1.275-.929-3.8-1.414-5.334-1.845-3.277-.921-8.708-2.953-11.725-5.06-9.536-6.658-24.417-14.612-33.505-24.216Z" filter="url(#k)"/><path fill="url(#p)" d="M162.099 155.857c22.112 13.301 28.471-6.714 43.173-12.977l-25.574-52.664a144.74 144.74 0 0 0-26.543 14.504c-12.316 8.512-23.192 18.9-32.176 30.72Z" filter="url(#q)"/><path fill="url(#r)" d="M171.099 290.222c-29.683 10.641-34.33 11.023-37.062 29.29a144.806 144.806 0 0 0 16.792 13.984c15.996 11.386 46.766 26.551 86.118 26.551.046 0 .09-.004.137-.004v-59.157l-.094.002c-14.736 0-26.512-3.843-38.585-10.527-2.977-1.648-8.378 2.777-11.123.799-3.786-2.729-12.9 2.35-16.183-.938Z" filter="url(#k)"/><path fill="url(#s)" d="M219.7 299.023v59.996c5.506.64 11.236 1.028 17.247 1.028 6.026 0 11.855-.307 17.52-.872v-59.748a105.119 105.119 0 0 1-17.477 1.461c-5.932 0-11.7-.686-17.29-1.865Z" filter="url(#k)" opacity=".5"/></g></svg>`;
 </script>
 
 {@html svgContent}