@selemondev/svgl-svelte 0.0.2 → 2.0.0

package/dist/components/ElysiaJS.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" style="transform:matrix(1.11388,0,0,1.11388,0,0);transform-origin:50% 50%;cursor:move;transition:transform 200ms ease-in-out 0s" viewBox="0 0 4040 4040" width="${width}" height="${height}"><defs><linearGradient id="a" x1="75%" x2="25%" y1="45%" y2="90%" gradientUnits="userSpaceOnUse"><stop offset="0%" style="stop-color:#8d8e8d"/><stop offset="1%" style="stop-color:#8b8c8b"/><stop offset="2%" style="stop-color:#8a8c8a"/><stop offset="3%" style="stop-color:#8a8b8a"/><stop offset="4%" style="stop-color:#828382"/><stop offset="5%" style="stop-color:#878987"/><stop offset="12%" style="stop-color:#848584"/><stop offset="13%" style="stop-color:#838583"/><stop offset="14%" style="stop-color:#838483"/><stop offset="24%" style="stop-color:#7d7e7d"/><stop offset="25%" style="stop-color:#7c7e7c"/><stop offset="26%" style="stop-color:#7c7d7c"/><stop offset="28%" style="stop-color:#7b7c7b"/><stop offset="29%" style="stop-color:#7a7c7a"/><stop offset="30%" style="stop-color:#7a7b7a"/><stop offset="31%" style="stop-color:#797b79"/><stop offset="37%" style="stop-color:#777877"/><stop offset="38%" style="stop-color:#767876"/><stop offset="92%" style="stop-color:#616261"/><stop offset="93%" style="stop-color:#5f605e"/><stop offset="94%" style="stop-color:#5f5f5e"/><stop offset="98%" style="stop-color:#5d5e5c"/><stop offset="100%" style="stop-color:#5d5d5d"/></linearGradient></defs><g fill="#333" style="transform:none"><path d="M3390 3118c1-24 5-88 10-143 24-264-44-534-188-747-49-73-49-73-215-128s-166-55-167-92c0-36-1-37-52-48-155-34-306-19-499 50-62 22-127 40-144 40-32 0-32 0-39-109-3-60-15-144-26-186-36-140-44-132 133-138 167-5 243-22 374-82 86-40 168-94 156-104-4-4-33-18-63-30-96-38-208-111-260-167-42-46-54-70-76-142-73-243-178-358-399-437-27-10-67-34-88-54-57-53-117-135-117-158 0-19 8-21 93-27 319-22 506-6 729 63 479 150 843 466 1053 915 147 314 191 715 119 1076-23 118-81 285-137 400-61 124-167 290-184 290-9 0-13-15-13-42zM321 2538c-28-146-35-229-35-433-1-188 3-236 21-330 67-328 222-622 452-854 110-112 185-181 195-181 2 0 12 24 22 53 22 69 64 150 108 212 24 33 36 61 36 82 0 30-5 35-58 62-118 60-213 144-301 269-51 72-51 72 19 72s70 0 70 34c0 30-6 37-45 60-25 15-72 50-106 77-196 164-338 527-339 867 0 47-3 62-14 62-10 0-18-18-25-52z"/><path d="M2180 1175c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35zM1900 995c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35z"/></g><g fill="#666" style="transform:none"><path fill="url(#a)" d="M2911 3730c85-125 134-292 110-378-16-59-67-107-130-122-101-24-216 12-581 184-207 98-372 157-505 182-103 19-368 16-465-6-232-51-457-150-545-240-50-51-50-51-50-248 0-155 4-213 18-274 18-78 18-78 53-78 26 0 34 4 34 18 1 14 5 12 23-9 142-169 182-215 187-219 3-3 42-48 85-100 77-93 78-95 52-98-23-3-27-8-27-38 0-24 5-34 15-34 8 0 15-4 15-9 0-11 98-54 181-79 82-25 249-45 306-36 40 6 43 8 42 38 0 26-8 36-46 61-26 17-58 46-72 65-29 39-23 36 60-32 73-59 257-179 343-223 78-40 78-40 73-145-3-58-13-130-22-160s-19-72-22-92c-5-38-5-38 30-38 22 0 37 6 41 15 4 10-1 15-15 15-16 0-19 4-14 18 18 48 35 148 41 245 4 59 8 107 9 107s52-18 114-40c182-65 359-86 507-59 78 14 254 71 254 82 0 6-25 7-58 3-116-13-94 5 75 62 166 57 166 57 215 130 150 222 215 497 189 800-6 68-9 127-6 132 3 4-3 18-13 31s-31 56-46 94c-68 172-199 348-336 450-33 25-143 85-155 85-3 0 13-27 36-60zm434-1211c-21-82-125-297-147-307-5-2-8-9-8-15 0-7-10-18-22-26-36-23-298-111-352-119-51-7-51-7-51-49s0-42-64-49c-91-10-223 1-311 26-93 26-231 80-226 89 8 12 208 105 275 128 25 8 96 37 156 65 141 63 143 64 320 138 83 34 168 70 190 80s76 32 120 50c44 17 91 37 105 44s26 12 28 10c2-1-4-30-13-65z"/><path d="M340 2611c-11-21-14-181-4-218 4-13 13-23 20-23 11 0 14 26 14 130 0 127-7 153-30 111zM345 2304c16-133 93-372 123-382 21-7 14 49-18 129-30 78-70 239-70 284 0 19-5 25-21 25-20 0-21-3-14-56zM490 1861c0-5 23-43 50-85 57-84 135-159 224-214 60-37 60-37 25-43-19-4-26-7-16-8 9 0 17-8 17-16 0-11 11-15 40-15 39 0 40 1 40 35 0 25-5 38-17 42-10 4-24 13-31 20s-20 13-28 13-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 16-82 97-98 97-7 0-12 9-12 20s-4 20-10 20c-5 0-10 7-10 15s-4 15-9 15-12 11-15 25c-5 18-13 25-31 25-14 0-25-4-25-9zM2280 1634c0-16 12-22 68-31 86-15 194-45 208-58 6-5 35-21 65-35s56-28 57-32c2-5 8-8 13-8s17-8 27-18c15-15 16-21 6-30-7-7-22-12-34-12-11 0-20-4-20-10 0-5-9-10-19-10-30 0-51-11-51-26 0-8-10-14-24-14s-31-6-38-14c-8-7-24-17-36-20-12-4-22-14-22-22s-8-14-18-14c-20 0-72-49-72-68 0-7-4-12-10-12-5 0-10-13-10-30 0-18-5-30-13-30-12 0-57-130-57-165 0-8-4-15-9-15s-17-20-28-45c-10-25-21-45-25-45-5 0-8-9-8-20s-6-20-13-20c-16 0-67-52-67-68 0-7-9-12-20-12s-20-4-20-8-16-14-35-21-35-19-35-27c0-9-11-14-30-14-16 0-30-3-30-8 0-4-23-13-52-20-59-14-108-54-108-88 0-16-7-24-22-26s-24-11-26-25c-2-13-10-23-18-23s-14-7-14-15-4-15-10-15c-5 0-10-9-10-20 0-30 33-25 52 8 31 53 137 160 165 166 16 4 70 27 121 52 163 79 241 180 306 396 22 72 34 96 76 142 56 61 166 129 284 177 42 17 76 36 76 42 0 24-87 90-173 131-96 46-205 80-294 92-48 6-53 5-53-12zM640 1512c0-5 15-26 33-48 18-21 54-68 79-105 25-36 53-71 62-78 14-12 16-9 16 24 0 28-5 38-20 42-11 3-20 14-20 24 0 11-4 19-10 19-5 0-10 7-10 15s-4 15-10 15c-5 0-10 7-10 15s-9 15-20 15c-15 0-20 7-20 25 0 14-8 29-19 35-24 12-51 13-51 2zM870 1229c42-37 132-99 142-99 5 0 8 11 8 25 0 16-6 25-15 25-8 0-15 5-15 10 0 6-7 10-15 10s-15 5-15 10c0 6-11 10-25 10-18 0-25 5-25 20 0 17-7 20-37 20-38-1-38-1-3-31z"/><path d="M2034 1195c-109-55-168-152-138-229 10-27 68-21 84 8 17 32 77 74 178 125 82 41 82 41 82 81s0 40-78 40c-63 0-87-5-128-25zM1030 1130c0-5 14-17 30-25 33-17 34-15-16-85-39-56-71-118-95-187-18-53-18-53 6-53 19 0 25 8 36 50 7 28 16 50 20 50s15 20 26 45c10 25 21 45 26 45 4 0 7 7 7 15s5 15 10 15c6 0 10 9 10 20s7 20 15 20c10 0 15 11 15 35 0 19-4 35-10 35-5 0-10 7-10 15 0 10-11 15-35 15-19 0-35-4-35-10zM3275 918c-50-53-50-53 3-3 28 27 52 51 52 52 0 8-9-1-55-49z"/></g><g fill="#999" style="transform:none"><path fill="url(#a)" d="M766 3321c-37-41-48-272-21-439 69-426 448-742 891-742 94 0 94 0 94 35 0 24-7 41-22 53-59 48-98 85-98 95 0 6 7 1 16-11 8-12 21-22 27-22 7 0 18-9 25-20s16-20 22-20c5 0 21-11 36-25s33-25 40-25c8 0 14-4 14-9 0-16 295-191 322-191 4 0 8 7 8 15 0 20 7 19 86-13 156-64 224-77 409-77 169 1 171 1 275 37 105 36 105 36 2 37-106 1-130 14-45 24 27 3 116 29 198 59 150 53 150 53 188 108 63 92 125 229 152 339 14 57 24 111 22 120-4 13-5 13-6-2 0-10-6-15-12-12-5 4-33-4-62-18s-88-40-132-57-98-40-120-50-107-46-190-80c-177-74-179-75-320-138-60-28-131-57-156-65-44-15-115-47-243-109-32-15-65-28-73-28-9 0-13-6-10-14 4-10 1-13-8-9-8 3-12 10-8 16 3 6 1 7-6 3-24-15-271 147-450 297-45 37-83 67-86 67-6 0 4-54 16-97 15-49 65-111 115-142 44-29 44-29 15-33-84-12-337 41-327 69 3 7 2 13-3 13-4 0-28 28-52 62-39 56-183 235-199 248-3 3-32 37-65 75-189 226-223 259-226 218-1-10-7 11-15 47-17 82-17 263 0 358 7 39 9 72 6 72-4 0-14-8-24-19z"/><path d="M345 2328c14-105 47-234 85-333 41-104 122-245 160-280 21-19 21-19 18 20-2 33-7 41-25 43-18 3-23 10-23 33 0 19-5 29-15 29-8 0-15 9-15 20 0 24-41 110-52 110-4 0-8 11-8 25s-4 25-10 25c-5 0-10 7-10 15s-12 54-26 102c-14 49-30 123-37 166-9 65-14 77-30 77-17 0-18-5-12-52zM2080 1847c0-18-9-67-20-108s-20-86-20-101c0-28 0-28 75-28 68 0 75 2 75 20s-7 20-60 20c-58 0-60 1-50 20 12 22 40 158 40 191 0 12-7 19-20 19-16 0-20-7-20-33zM670 1635c7-8 45-36 84-62 39-25 74-49 78-52 4-4-23-5-61-3-61 4-70 2-74-14-4-17-5-17-6-1-1 11-9 17-26 17-30 0-29-3 25-73 19-26 39-47 44-47 4 0 6 18 4 40-4 40-4 40 69 40s73 0 73 35c0 24-5 35-15 35-8 0-15 5-15 10 0 6-11 10-25 10-16 0-25 6-25 15 0 8-7 15-15 15s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 11-11 15-36 15-31 0-35-2-24-15zM2240 1633c0-18 9-21 69-27 73-6 257-61 279-83 7-7 27-13 43-13 19 0 29-5 29-15 0-8 7-15 15-15s15-4 15-10c0-5 9-10 20-10s20-6 20-14-9-18-20-21-20-11-20-16-11-9-25-9c-16 0-25-6-25-15s-9-15-24-15c-35 0-56-10-56-26 0-8-10-14-25-14s-25-6-25-14c0-9-12-16-27-18-24-3-29-8-31-37-4-35-4-35 30-9 54 41 153 95 233 129 41 17 77 34 80 39 11 17-77 85-170 131-107 52-210 83-318 94-62 7-67 6-67-12zM762 1348c41-60 124-136 203-187 43-28 83-51 90-51s18-7 25-15c9-11 7-21-13-47-62-81-146-265-132-288 3-6 12-10 20-10 15 0 55 109 55 152 0 21 5 28 20 28 13 0 22 9 26 25 3 14 10 25 15 25s9 7 9 15 5 15 10 15c6 0 10 9 10 20s6 20 14 20c17 0 26 22 26 61 0 24-4 29-25 29-25 0-98 30-103 43-2 4-10 7-18 7s-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 19-63 77-83 77-11 0-17 8-17 25 0 21-5 25-31 25-30 0-30 0-7-32zM2098 1223c-16-2-28-9-28-14s-11-9-25-9-25-4-25-10c0-5-7-10-15-10s-15-4-15-10c0-5-6-10-13-10-14 0-57-44-57-59 0-5-5-11-12-13-6-2-13-31-16-66-4-62-4-62 42-62 33 0 46 4 46 14 0 8 7 16 15 20 8 3 15 12 15 21 0 8 9 15 20 15s20 4 20 9 11 12 25 15c18 5 25 13 25 31 0 14-4 25-9 25-19 0-128-81-141-105-21-39-35-6-16 38 30 74 144 147 227 147 60 0 68-12 24-33-43-20-45-37-5-37 53 0 80 19 80 57 0 30-3 33-30 33-16 0-30 5-30 10 0 10-48 11-102 3zM2380 1209c0-6-7-17-15-25-8-9-15-26-15-39s-3-25-8-27c-11-5-52-140-52-172 0-55 25-19 61 86 19 59 47 125 62 147 27 41 27 41-3 41-16 0-30-5-30-11zM2240 876c0-8-5-16-11-18s-9-19-7-38c3-35 3-35 36 9 39 53 40 61 7 61-15 0-25-6-25-14zM2120 750c0-5-7-10-15-10s-15-9-15-20c0-15-7-20-27-20-14 0-59-12-99-27-61-23-74-32-74-50 0-23 0-23 73 3 76 28 195 93 217 118 11 14 8 16-24 16-20 0-36-4-36-10zM1342 584c-25-17-30-44-8-44 8 0 16-7 20-15 3-8 11-15 18-15s25-7 41-14c15-8 27-11 27-7 0 5 26 12 58 15 31 3 92 12 135 18 77 12 77 12 77 45s0 33-173 33c-140 0-177-3-195-16zM1807 573c-4-3-7-17-7-30 0-17-6-23-21-23-12 0-23-8-26-20-3-11-9-20-14-20s-9-13-9-30c0-16 4-30 8-30 5 0 31 28 58 62 83 106 79 98 46 98-16 0-32-3-35-7z"/></g><g fill="#CCC" style="transform:none"><path d="M767 3320c-14-16-30-30-34-30-18 0-70-67-86-110-36-100-47-174-47-330 0-234 42-399 154-604 101-186 288-396 442-498 108-72 267-145 379-175 88-23 120-26 265-27 133 0 171 3 195 16 46 24 150 48 211 48 40 0 54 4 54 14 0 22-51 29-147 21-82-7-86-7-79 11 24 61 38 144 43 255 6 126 6 126-83 173-118 63-236 142-357 240-153 124-147 120-147 104 0-70 65-175 135-218 19-12 35-26 35-31 0-14-119-11-208 6-366 70-658 366-717 727-23 142-16 332 16 407 15 35 5 36-24 1zM350 2631c-16-31-12-51 10-51 16 0 20 7 20 35 0 39-14 46-30 16zM340 2403c0-51 29-208 55-296 30-103 79-217 94-217 20 0 11 52-24 139-42 105-73 231-82 329-5 61-9 72-24 72-14 0-19-7-19-27zM490 1874c0-14 62-112 94-149 35-40 35-40 36-2 0 30-3 37-20 37-15 0-20 7-20 25 0 16-6 25-15 25-8 0-15 9-15 19 0 35-12 51-36 51-13 0-24-3-24-6zM656 1649c10-12 59-48 108-80 73-48 85-59 63-59-15 0-27-4-27-9 0-12 26-21 61-21 26 0 29 3 29 34 0 35-13 46-51 46-10 0-19 7-19 15s-7 15-15 15-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-8 10-19 10-10 0-21 9-24 20-4 16-14 20-43 20-37 0-37 0-18-21zM2320 1622c0-20 38-32 103-32 15 0 27-4 27-10 0-5 14-10 30-10 17 0 30-4 30-10 0-5 11-10 25-10s25-4 25-10c0-5 14-10 30-10 19 0 30-5 30-14 0-16 21-26 56-26 17 0 24-6 24-20 0-15 7-20 26-20 23 0 24-2 10-15-8-8-20-15-27-15-8 0-33-7-56-16-29-12-43-23-43-35 0-15-8-19-35-19-24 0-35-5-35-15 0-9-9-15-25-15-20 0-25-5-25-25 0-14 2-25 5-25s40 20 83 44c42 25 107 57 145 72 37 15 67 33 67 40 0 22-81 83-164 123s-188 74-263 86c-38 6-43 5-43-13zM650 1510c0-5 12-24 28-42 15-18 44-58 65-89s47-65 57-74c20-18 20-17 20 19 0 29-4 39-20 43-11 3-20 14-20 24 0 11-4 19-9 19s-12 11-15 25c-5 18-13 25-31 25-14 0-25 5-25 10 0 6 14 10 30 10 36 0 41 25 8 34-35 9-88 7-88-4zM860 1245c0-9 125-97 172-121 29-14 54-21 65-17 17 7 17 6 1-17-96-136-156-262-165-345-2-22-6-101-9-176-5-137-5-137 93-118 100 18 230 55 248 69 6 5 28 11 50 15s46 12 53 18c7 5 22 11 35 12 12 1 28 3 35 4 23 2 12 27-20 46-22 13-58 20-113 23-70 4-90 1-145-21-35-15-65-25-67-23-5 5 90 142 152 221 41 52 55 78 55 102 0 31-2 33-36 33-42 0-68 12-111 53-32 30-43 57-23 57 6 0 10 15 10 34 0 29-4 36-31 45-18 6-43 11-55 11-15 0-24 6-24 15 0 8-7 15-15 15s-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 10-11 15-35 15-19 0-35-2-35-5zM2073 1219c-18-5-33-14-33-19 0-6-9-10-20-10s-20-4-20-10c0-5-7-10-15-10-10 0-15-10-15-30 0-27-3-30-30-30-23 0-30-4-30-20 0-11-4-20-10-20-5 0-10-16-10-35s5-35 10-35c6 0 10-11 10-25 0-22 4-25 35-25s36 3 42 30c4 21 11 30 25 30 10 0 21 7 24 15 4 8 12 15 20 15s14 7 14 15 9 15 20 15c24 0 110 41 110 52 0 4 11 8 25 8 23 0 25 4 25 44 0 37-4 45-22 50-33 8-118 6-155-5zm136-34c20-6 8-15-80-58-69-34-120-67-151-98-50-50-64-49-53 3 13 58 114 138 200 159 30 7 41 6 84-6zM2370 1180c0-20-5-30-15-30s-15-10-15-30c0-16-4-30-8-30s-21-40-37-90c-17-49-33-90-37-90-5 0-8-7-8-15s-4-15-10-15c-5 0-10-7-10-15s-4-15-10-15c-5 0-10-16-10-36 0-23 4-33 11-28 30 18 92 137 124 238 20 61 47 128 61 149 24 37 24 37-6 37-27 0-30-3-30-30zM2130 760c0-5-7-10-15-10s-15-4-15-8-16-14-35-21-35-17-35-22-9-9-20-9-20-4-20-10c0-5-9-10-20-10s-43-9-72-20c-54-21-190-40-285-40-39 0-53-4-53-14 0-8-6-17-12-19-7-3 21-6 62-7 75-2 75-2 5-15-38-7-100-16-137-20-38-4-68-11-68-16s11-26 24-47c13-20 27-50 30-67 28-156 22-148 86-114 32 17 86 53 119 80 34 27 65 49 70 49 4 0 20 17 34 38 14 20 47 62 75 92 42 48 62 60 134 88 80 30 198 97 212 121 5 7-5 11-28 11-20 0-36-4-36-10z"/></g><path fill="#FFF" d="M683 3248c-106-109-293-406-293-464 0-10-6-36-14-59-32-91-39-154-33-280 11-213 53-377 144-562 73-149 164-245 317-337 60-36 60-36-48-36-109 0-109 0-82-33 14-17 41-54 59-82 82-123 257-268 340-282 20-3 37-8 37-12 0-3-10-19-23-35-23-29-23-29 17-73 49-54 68-65 124-73 42-5 42-5-13-75-109-137-218-315-203-331 4-3 53 16 110 42 91 43 111 49 168 49 48 0 74-5 95-19 26-17 41-18 169-12 229 11 309 22 403 57 223 82 308 167 382 383 22 63 45 126 52 138 36 71 192 182 332 238 31 12 60 27 63 32 20 32-197 157-336 193-101 26-263 31-346 10-38-9-82-24-99-33-23-12-60-16-165-15-167 1-284 28-439 103-141 69-230 129-335 230-210 201-364 469-417 725-24 113-25 312-4 405 17 73 60 194 81 228 23 35 2 26-43-20zm1539-2066c5-5-24-25-78-51-101-48-180-103-189-131-8-24-23-26-31-5-22 55 67 152 175 192 38 14 107 11 123-5z" style="transform:none"/></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" style="transform:matrix(1.11388,0,0,1.11388,0,0);transform-origin:50% 50%;cursor:move;transition:transform 200ms ease-in-out 0s" viewBox="0 0 4040 4040" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x1="75%" x2="25%" y1="45%" y2="90%" gradientUnits="userSpaceOnUse"><stop offset="0%" style="stop-color:#8d8e8d"/><stop offset="1%" style="stop-color:#8b8c8b"/><stop offset="2%" style="stop-color:#8a8c8a"/><stop offset="3%" style="stop-color:#8a8b8a"/><stop offset="4%" style="stop-color:#828382"/><stop offset="5%" style="stop-color:#878987"/><stop offset="12%" style="stop-color:#848584"/><stop offset="13%" style="stop-color:#838583"/><stop offset="14%" style="stop-color:#838483"/><stop offset="24%" style="stop-color:#7d7e7d"/><stop offset="25%" style="stop-color:#7c7e7c"/><stop offset="26%" style="stop-color:#7c7d7c"/><stop offset="28%" style="stop-color:#7b7c7b"/><stop offset="29%" style="stop-color:#7a7c7a"/><stop offset="30%" style="stop-color:#7a7b7a"/><stop offset="31%" style="stop-color:#797b79"/><stop offset="37%" style="stop-color:#777877"/><stop offset="38%" style="stop-color:#767876"/><stop offset="92%" style="stop-color:#616261"/><stop offset="93%" style="stop-color:#5f605e"/><stop offset="94%" style="stop-color:#5f5f5e"/><stop offset="98%" style="stop-color:#5d5e5c"/><stop offset="100%" style="stop-color:#5d5d5d"/></linearGradient></defs><g fill="#333" style="transform:none"><path d="M3390 3118c1-24 5-88 10-143 24-264-44-534-188-747-49-73-49-73-215-128s-166-55-167-92c0-36-1-37-52-48-155-34-306-19-499 50-62 22-127 40-144 40-32 0-32 0-39-109-3-60-15-144-26-186-36-140-44-132 133-138 167-5 243-22 374-82 86-40 168-94 156-104-4-4-33-18-63-30-96-38-208-111-260-167-42-46-54-70-76-142-73-243-178-358-399-437-27-10-67-34-88-54-57-53-117-135-117-158 0-19 8-21 93-27 319-22 506-6 729 63 479 150 843 466 1053 915 147 314 191 715 119 1076-23 118-81 285-137 400-61 124-167 290-184 290-9 0-13-15-13-42zM321 2538c-28-146-35-229-35-433-1-188 3-236 21-330 67-328 222-622 452-854 110-112 185-181 195-181 2 0 12 24 22 53 22 69 64 150 108 212 24 33 36 61 36 82 0 30-5 35-58 62-118 60-213 144-301 269-51 72-51 72 19 72s70 0 70 34c0 30-6 37-45 60-25 15-72 50-106 77-196 164-338 527-339 867 0 47-3 62-14 62-10 0-18-18-25-52z"/><path d="M2180 1175c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35zM1900 995c0-33 2-35 35-35s35 2 35 35-2 35-35 35-35-2-35-35z"/></g><g fill="#666" style="transform:none"><path fill="url(#a)" d="M2911 3730c85-125 134-292 110-378-16-59-67-107-130-122-101-24-216 12-581 184-207 98-372 157-505 182-103 19-368 16-465-6-232-51-457-150-545-240-50-51-50-51-50-248 0-155 4-213 18-274 18-78 18-78 53-78 26 0 34 4 34 18 1 14 5 12 23-9 142-169 182-215 187-219 3-3 42-48 85-100 77-93 78-95 52-98-23-3-27-8-27-38 0-24 5-34 15-34 8 0 15-4 15-9 0-11 98-54 181-79 82-25 249-45 306-36 40 6 43 8 42 38 0 26-8 36-46 61-26 17-58 46-72 65-29 39-23 36 60-32 73-59 257-179 343-223 78-40 78-40 73-145-3-58-13-130-22-160s-19-72-22-92c-5-38-5-38 30-38 22 0 37 6 41 15 4 10-1 15-15 15-16 0-19 4-14 18 18 48 35 148 41 245 4 59 8 107 9 107s52-18 114-40c182-65 359-86 507-59 78 14 254 71 254 82 0 6-25 7-58 3-116-13-94 5 75 62 166 57 166 57 215 130 150 222 215 497 189 800-6 68-9 127-6 132 3 4-3 18-13 31s-31 56-46 94c-68 172-199 348-336 450-33 25-143 85-155 85-3 0 13-27 36-60zm434-1211c-21-82-125-297-147-307-5-2-8-9-8-15 0-7-10-18-22-26-36-23-298-111-352-119-51-7-51-7-51-49s0-42-64-49c-91-10-223 1-311 26-93 26-231 80-226 89 8 12 208 105 275 128 25 8 96 37 156 65 141 63 143 64 320 138 83 34 168 70 190 80s76 32 120 50c44 17 91 37 105 44s26 12 28 10c2-1-4-30-13-65z"/><path d="M340 2611c-11-21-14-181-4-218 4-13 13-23 20-23 11 0 14 26 14 130 0 127-7 153-30 111zM345 2304c16-133 93-372 123-382 21-7 14 49-18 129-30 78-70 239-70 284 0 19-5 25-21 25-20 0-21-3-14-56zM490 1861c0-5 23-43 50-85 57-84 135-159 224-214 60-37 60-37 25-43-19-4-26-7-16-8 9 0 17-8 17-16 0-11 11-15 40-15 39 0 40 1 40 35 0 25-5 38-17 42-10 4-24 13-31 20s-20 13-28 13-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 16-82 97-98 97-7 0-12 9-12 20s-4 20-10 20c-5 0-10 7-10 15s-4 15-9 15-12 11-15 25c-5 18-13 25-31 25-14 0-25-4-25-9zM2280 1634c0-16 12-22 68-31 86-15 194-45 208-58 6-5 35-21 65-35s56-28 57-32c2-5 8-8 13-8s17-8 27-18c15-15 16-21 6-30-7-7-22-12-34-12-11 0-20-4-20-10 0-5-9-10-19-10-30 0-51-11-51-26 0-8-10-14-24-14s-31-6-38-14c-8-7-24-17-36-20-12-4-22-14-22-22s-8-14-18-14c-20 0-72-49-72-68 0-7-4-12-10-12-5 0-10-13-10-30 0-18-5-30-13-30-12 0-57-130-57-165 0-8-4-15-9-15s-17-20-28-45c-10-25-21-45-25-45-5 0-8-9-8-20s-6-20-13-20c-16 0-67-52-67-68 0-7-9-12-20-12s-20-4-20-8-16-14-35-21-35-19-35-27c0-9-11-14-30-14-16 0-30-3-30-8 0-4-23-13-52-20-59-14-108-54-108-88 0-16-7-24-22-26s-24-11-26-25c-2-13-10-23-18-23s-14-7-14-15-4-15-10-15c-5 0-10-9-10-20 0-30 33-25 52 8 31 53 137 160 165 166 16 4 70 27 121 52 163 79 241 180 306 396 22 72 34 96 76 142 56 61 166 129 284 177 42 17 76 36 76 42 0 24-87 90-173 131-96 46-205 80-294 92-48 6-53 5-53-12zM640 1512c0-5 15-26 33-48 18-21 54-68 79-105 25-36 53-71 62-78 14-12 16-9 16 24 0 28-5 38-20 42-11 3-20 14-20 24 0 11-4 19-10 19-5 0-10 7-10 15s-4 15-10 15c-5 0-10 7-10 15s-9 15-20 15c-15 0-20 7-20 25 0 14-8 29-19 35-24 12-51 13-51 2zM870 1229c42-37 132-99 142-99 5 0 8 11 8 25 0 16-6 25-15 25-8 0-15 5-15 10 0 6-7 10-15 10s-15 5-15 10c0 6-11 10-25 10-18 0-25 5-25 20 0 17-7 20-37 20-38-1-38-1-3-31z"/><path d="M2034 1195c-109-55-168-152-138-229 10-27 68-21 84 8 17 32 77 74 178 125 82 41 82 41 82 81s0 40-78 40c-63 0-87-5-128-25zM1030 1130c0-5 14-17 30-25 33-17 34-15-16-85-39-56-71-118-95-187-18-53-18-53 6-53 19 0 25 8 36 50 7 28 16 50 20 50s15 20 26 45c10 25 21 45 26 45 4 0 7 7 7 15s5 15 10 15c6 0 10 9 10 20s7 20 15 20c10 0 15 11 15 35 0 19-4 35-10 35-5 0-10 7-10 15 0 10-11 15-35 15-19 0-35-4-35-10zM3275 918c-50-53-50-53 3-3 28 27 52 51 52 52 0 8-9-1-55-49z"/></g><g fill="#999" style="transform:none"><path fill="url(#a)" d="M766 3321c-37-41-48-272-21-439 69-426 448-742 891-742 94 0 94 0 94 35 0 24-7 41-22 53-59 48-98 85-98 95 0 6 7 1 16-11 8-12 21-22 27-22 7 0 18-9 25-20s16-20 22-20c5 0 21-11 36-25s33-25 40-25c8 0 14-4 14-9 0-16 295-191 322-191 4 0 8 7 8 15 0 20 7 19 86-13 156-64 224-77 409-77 169 1 171 1 275 37 105 36 105 36 2 37-106 1-130 14-45 24 27 3 116 29 198 59 150 53 150 53 188 108 63 92 125 229 152 339 14 57 24 111 22 120-4 13-5 13-6-2 0-10-6-15-12-12-5 4-33-4-62-18s-88-40-132-57-98-40-120-50-107-46-190-80c-177-74-179-75-320-138-60-28-131-57-156-65-44-15-115-47-243-109-32-15-65-28-73-28-9 0-13-6-10-14 4-10 1-13-8-9-8 3-12 10-8 16 3 6 1 7-6 3-24-15-271 147-450 297-45 37-83 67-86 67-6 0 4-54 16-97 15-49 65-111 115-142 44-29 44-29 15-33-84-12-337 41-327 69 3 7 2 13-3 13-4 0-28 28-52 62-39 56-183 235-199 248-3 3-32 37-65 75-189 226-223 259-226 218-1-10-7 11-15 47-17 82-17 263 0 358 7 39 9 72 6 72-4 0-14-8-24-19z"/><path d="M345 2328c14-105 47-234 85-333 41-104 122-245 160-280 21-19 21-19 18 20-2 33-7 41-25 43-18 3-23 10-23 33 0 19-5 29-15 29-8 0-15 9-15 20 0 24-41 110-52 110-4 0-8 11-8 25s-4 25-10 25c-5 0-10 7-10 15s-12 54-26 102c-14 49-30 123-37 166-9 65-14 77-30 77-17 0-18-5-12-52zM2080 1847c0-18-9-67-20-108s-20-86-20-101c0-28 0-28 75-28 68 0 75 2 75 20s-7 20-60 20c-58 0-60 1-50 20 12 22 40 158 40 191 0 12-7 19-20 19-16 0-20-7-20-33zM670 1635c7-8 45-36 84-62 39-25 74-49 78-52 4-4-23-5-61-3-61 4-70 2-74-14-4-17-5-17-6-1-1 11-9 17-26 17-30 0-29-3 25-73 19-26 39-47 44-47 4 0 6 18 4 40-4 40-4 40 69 40s73 0 73 35c0 24-5 35-15 35-8 0-15 5-15 10 0 6-11 10-25 10-16 0-25 6-25 15 0 8-7 15-15 15s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 11-11 15-36 15-31 0-35-2-24-15zM2240 1633c0-18 9-21 69-27 73-6 257-61 279-83 7-7 27-13 43-13 19 0 29-5 29-15 0-8 7-15 15-15s15-4 15-10c0-5 9-10 20-10s20-6 20-14-9-18-20-21-20-11-20-16-11-9-25-9c-16 0-25-6-25-15s-9-15-24-15c-35 0-56-10-56-26 0-8-10-14-25-14s-25-6-25-14c0-9-12-16-27-18-24-3-29-8-31-37-4-35-4-35 30-9 54 41 153 95 233 129 41 17 77 34 80 39 11 17-77 85-170 131-107 52-210 83-318 94-62 7-67 6-67-12zM762 1348c41-60 124-136 203-187 43-28 83-51 90-51s18-7 25-15c9-11 7-21-13-47-62-81-146-265-132-288 3-6 12-10 20-10 15 0 55 109 55 152 0 21 5 28 20 28 13 0 22 9 26 25 3 14 10 25 15 25s9 7 9 15 5 15 10 15c6 0 10 9 10 20s6 20 14 20c17 0 26 22 26 61 0 24-4 29-25 29-25 0-98 30-103 43-2 4-10 7-18 7s-14 5-14 10c0 6-6 10-14 10s-16 7-20 15c-3 8-15 15-26 15s-20 6-20 13c0 19-63 77-83 77-11 0-17 8-17 25 0 21-5 25-31 25-30 0-30 0-7-32zM2098 1223c-16-2-28-9-28-14s-11-9-25-9-25-4-25-10c0-5-7-10-15-10s-15-4-15-10c0-5-6-10-13-10-14 0-57-44-57-59 0-5-5-11-12-13-6-2-13-31-16-66-4-62-4-62 42-62 33 0 46 4 46 14 0 8 7 16 15 20 8 3 15 12 15 21 0 8 9 15 20 15s20 4 20 9 11 12 25 15c18 5 25 13 25 31 0 14-4 25-9 25-19 0-128-81-141-105-21-39-35-6-16 38 30 74 144 147 227 147 60 0 68-12 24-33-43-20-45-37-5-37 53 0 80 19 80 57 0 30-3 33-30 33-16 0-30 5-30 10 0 10-48 11-102 3zM2380 1209c0-6-7-17-15-25-8-9-15-26-15-39s-3-25-8-27c-11-5-52-140-52-172 0-55 25-19 61 86 19 59 47 125 62 147 27 41 27 41-3 41-16 0-30-5-30-11zM2240 876c0-8-5-16-11-18s-9-19-7-38c3-35 3-35 36 9 39 53 40 61 7 61-15 0-25-6-25-14zM2120 750c0-5-7-10-15-10s-15-9-15-20c0-15-7-20-27-20-14 0-59-12-99-27-61-23-74-32-74-50 0-23 0-23 73 3 76 28 195 93 217 118 11 14 8 16-24 16-20 0-36-4-36-10zM1342 584c-25-17-30-44-8-44 8 0 16-7 20-15 3-8 11-15 18-15s25-7 41-14c15-8 27-11 27-7 0 5 26 12 58 15 31 3 92 12 135 18 77 12 77 12 77 45s0 33-173 33c-140 0-177-3-195-16zM1807 573c-4-3-7-17-7-30 0-17-6-23-21-23-12 0-23-8-26-20-3-11-9-20-14-20s-9-13-9-30c0-16 4-30 8-30 5 0 31 28 58 62 83 106 79 98 46 98-16 0-32-3-35-7z"/></g><g fill="#CCC" style="transform:none"><path d="M767 3320c-14-16-30-30-34-30-18 0-70-67-86-110-36-100-47-174-47-330 0-234 42-399 154-604 101-186 288-396 442-498 108-72 267-145 379-175 88-23 120-26 265-27 133 0 171 3 195 16 46 24 150 48 211 48 40 0 54 4 54 14 0 22-51 29-147 21-82-7-86-7-79 11 24 61 38 144 43 255 6 126 6 126-83 173-118 63-236 142-357 240-153 124-147 120-147 104 0-70 65-175 135-218 19-12 35-26 35-31 0-14-119-11-208 6-366 70-658 366-717 727-23 142-16 332 16 407 15 35 5 36-24 1zM350 2631c-16-31-12-51 10-51 16 0 20 7 20 35 0 39-14 46-30 16zM340 2403c0-51 29-208 55-296 30-103 79-217 94-217 20 0 11 52-24 139-42 105-73 231-82 329-5 61-9 72-24 72-14 0-19-7-19-27zM490 1874c0-14 62-112 94-149 35-40 35-40 36-2 0 30-3 37-20 37-15 0-20 7-20 25 0 16-6 25-15 25-8 0-15 9-15 19 0 35-12 51-36 51-13 0-24-3-24-6zM656 1649c10-12 59-48 108-80 73-48 85-59 63-59-15 0-27-4-27-9 0-12 26-21 61-21 26 0 29 3 29 34 0 35-13 46-51 46-10 0-19 7-19 15s-7 15-15 15-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-8 10-19 10-10 0-21 9-24 20-4 16-14 20-43 20-37 0-37 0-18-21zM2320 1622c0-20 38-32 103-32 15 0 27-4 27-10 0-5 14-10 30-10 17 0 30-4 30-10 0-5 11-10 25-10s25-4 25-10c0-5 14-10 30-10 19 0 30-5 30-14 0-16 21-26 56-26 17 0 24-6 24-20 0-15 7-20 26-20 23 0 24-2 10-15-8-8-20-15-27-15-8 0-33-7-56-16-29-12-43-23-43-35 0-15-8-19-35-19-24 0-35-5-35-15 0-9-9-15-25-15-20 0-25-5-25-25 0-14 2-25 5-25s40 20 83 44c42 25 107 57 145 72 37 15 67 33 67 40 0 22-81 83-164 123s-188 74-263 86c-38 6-43 5-43-13zM650 1510c0-5 12-24 28-42 15-18 44-58 65-89s47-65 57-74c20-18 20-17 20 19 0 29-4 39-20 43-11 3-20 14-20 24 0 11-4 19-9 19s-12 11-15 25c-5 18-13 25-31 25-14 0-25 5-25 10 0 6 14 10 30 10 36 0 41 25 8 34-35 9-88 7-88-4zM860 1245c0-9 125-97 172-121 29-14 54-21 65-17 17 7 17 6 1-17-96-136-156-262-165-345-2-22-6-101-9-176-5-137-5-137 93-118 100 18 230 55 248 69 6 5 28 11 50 15s46 12 53 18c7 5 22 11 35 12 12 1 28 3 35 4 23 2 12 27-20 46-22 13-58 20-113 23-70 4-90 1-145-21-35-15-65-25-67-23-5 5 90 142 152 221 41 52 55 78 55 102 0 31-2 33-36 33-42 0-68 12-111 53-32 30-43 57-23 57 6 0 10 15 10 34 0 29-4 36-31 45-18 6-43 11-55 11-15 0-24 6-24 15 0 8-7 15-15 15s-15 5-15 10c0 6-7 10-15 10s-15 5-15 10c0 6-9 10-20 10s-20 7-20 15c0 10-11 15-35 15-19 0-35-2-35-5zM2073 1219c-18-5-33-14-33-19 0-6-9-10-20-10s-20-4-20-10c0-5-7-10-15-10-10 0-15-10-15-30 0-27-3-30-30-30-23 0-30-4-30-20 0-11-4-20-10-20-5 0-10-16-10-35s5-35 10-35c6 0 10-11 10-25 0-22 4-25 35-25s36 3 42 30c4 21 11 30 25 30 10 0 21 7 24 15 4 8 12 15 20 15s14 7 14 15 9 15 20 15c24 0 110 41 110 52 0 4 11 8 25 8 23 0 25 4 25 44 0 37-4 45-22 50-33 8-118 6-155-5zm136-34c20-6 8-15-80-58-69-34-120-67-151-98-50-50-64-49-53 3 13 58 114 138 200 159 30 7 41 6 84-6zM2370 1180c0-20-5-30-15-30s-15-10-15-30c0-16-4-30-8-30s-21-40-37-90c-17-49-33-90-37-90-5 0-8-7-8-15s-4-15-10-15c-5 0-10-7-10-15s-4-15-10-15c-5 0-10-16-10-36 0-23 4-33 11-28 30 18 92 137 124 238 20 61 47 128 61 149 24 37 24 37-6 37-27 0-30-3-30-30zM2130 760c0-5-7-10-15-10s-15-4-15-8-16-14-35-21-35-17-35-22-9-9-20-9-20-4-20-10c0-5-9-10-20-10s-43-9-72-20c-54-21-190-40-285-40-39 0-53-4-53-14 0-8-6-17-12-19-7-3 21-6 62-7 75-2 75-2 5-15-38-7-100-16-137-20-38-4-68-11-68-16s11-26 24-47c13-20 27-50 30-67 28-156 22-148 86-114 32 17 86 53 119 80 34 27 65 49 70 49 4 0 20 17 34 38 14 20 47 62 75 92 42 48 62 60 134 88 80 30 198 97 212 121 5 7-5 11-28 11-20 0-36-4-36-10z"/></g><path fill="#FFF" d="M683 3248c-106-109-293-406-293-464 0-10-6-36-14-59-32-91-39-154-33-280 11-213 53-377 144-562 73-149 164-245 317-337 60-36 60-36-48-36-109 0-109 0-82-33 14-17 41-54 59-82 82-123 257-268 340-282 20-3 37-8 37-12 0-3-10-19-23-35-23-29-23-29 17-73 49-54 68-65 124-73 42-5 42-5-13-75-109-137-218-315-203-331 4-3 53 16 110 42 91 43 111 49 168 49 48 0 74-5 95-19 26-17 41-18 169-12 229 11 309 22 403 57 223 82 308 167 382 383 22 63 45 126 52 138 36 71 192 182 332 238 31 12 60 27 63 32 20 32-197 157-336 193-101 26-263 31-346 10-38-9-82-24-99-33-23-12-60-16-165-15-167 1-284 28-439 103-141 69-230 129-335 230-210 201-364 469-417 725-24 113-25 312-4 405 17 73 60 194 81 228 23 35 2 26-43-20zm1539-2066c5-5-24-25-78-51-101-48-180-103-189-131-8-24-23-26-31-5-22 55 67 152 175 192 38 14 107 11 123-5z" style="transform:none"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Emacs.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 256 256" width="${width}" height="${height}"><g fill="none"><rect width="256" height="256" fill="url(#skillIconsEmacs0)" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M86.53 227.747s11.67.822 26.684-.496c6.08-.533 29.165-2.791 46.424-6.561c0 0 21.043-4.484 32.301-8.616c11.779-4.322 18.189-7.991 21.074-13.19c-.126-1.065.888-4.842-4.544-7.111c-13.888-5.801-29.994-4.752-61.866-5.425c-35.343-1.209-47.101-7.1-53.364-11.845c-6.006-4.813-2.986-18.13 22.748-29.86c12.963-6.247 63.78-17.774 63.78-17.774c-17.114-8.424-49.027-23.233-55.587-26.431c-5.753-2.804-14.96-7.028-16.956-12.137c-2.263-4.905 5.344-9.13 9.593-10.34c13.684-3.931 33.003-6.374 50.585-6.648c8.838-.138 10.272-.704 10.272-.704c12.195-2.015 20.222-10.323 16.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171 2.572-48.328 12.452-48.328 12.452c42.22-.364 49.287.338 52.443 4.732c1.864 2.595-.847 6.153-12.107 7.985c-12.259 1.993-37.741 4.394-37.741 4.394c-24.445 1.446-41.665 1.543-46.83 12.431c-3.373 7.114 3.599 13.403 6.654 17.34c12.914 14.301 31.567 22.014 43.573 27.694c4.518 2.137 17.773 6.173 17.773 6.173c-38.951-2.134-67.05 9.777-83.531 23.49c-18.642 17.171-10.396 37.637 27.796 50.239c22.558 7.443 33.745 10.944 67.393 7.927c19.819-1.064 22.943-.431 23.141 1.188c.278 2.28-22.014 7.944-28.099 9.692c-15.483 4.447-56.068 13.427-56.271 13.471" clip-rule="evenodd"/><defs><linearGradient id="skillIconsEmacs0" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#8381C5"/><stop offset=".615" stop-color="#7E55B3"/><stop offset="1" stop-color="#A52ECB"/></linearGradient></defs></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 256 256" width="${width}" height="${height}" ${restAttrs}><g fill="none"><rect width="256" height="256" fill="url(#skillIconsEmacs0)" rx="60"/><path fill="#fff" fill-rule="evenodd" d="M86.53 227.747s11.67.822 26.684-.496c6.08-.533 29.165-2.791 46.424-6.561c0 0 21.043-4.484 32.301-8.616c11.779-4.322 18.189-7.991 21.074-13.19c-.126-1.065.888-4.842-4.544-7.111c-13.888-5.801-29.994-4.752-61.866-5.425c-35.343-1.209-47.101-7.1-53.364-11.845c-6.006-4.813-2.986-18.13 22.748-29.86c12.963-6.247 63.78-17.774 63.78-17.774c-17.114-8.424-49.027-23.233-55.587-26.431c-5.753-2.804-14.96-7.028-16.956-12.137c-2.263-4.905 5.344-9.13 9.593-10.34c13.684-3.931 33.003-6.374 50.585-6.648c8.838-.138 10.272-.704 10.272-.704c12.195-2.015 20.222-10.323 16.878-23.48c-3.003-13.431-18.839-21.323-33.888-18.59c-14.171 2.572-48.328 12.452-48.328 12.452c42.22-.364 49.287.338 52.443 4.732c1.864 2.595-.847 6.153-12.107 7.985c-12.259 1.993-37.741 4.394-37.741 4.394c-24.445 1.446-41.665 1.543-46.83 12.431c-3.373 7.114 3.599 13.403 6.654 17.34c12.914 14.301 31.567 22.014 43.573 27.694c4.518 2.137 17.773 6.173 17.773 6.173c-38.951-2.134-67.05 9.777-83.531 23.49c-18.642 17.171-10.396 37.637 27.796 50.239c22.558 7.443 33.745 10.944 67.393 7.927c19.819-1.064 22.943-.431 23.141 1.188c.278 2.28-22.014 7.944-28.099 9.692c-15.483 4.447-56.068 13.427-56.271 13.471" clip-rule="evenodd"/><defs><linearGradient id="skillIconsEmacs0" x1="0" x2="256" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#8381C5"/><stop offset=".615" stop-color="#7E55B3"/><stop offset="1" stop-color="#A52ECB"/></linearGradient></defs></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Ember.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 512 213" 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 512 213" width="${width}" height="${height}" ${restAttrs}>
   <path d="M511.7 146.4c-1.2-12.2-10-17.6-18.4-17.6a22 22 0 0 0-8 1.5l-1.6.7-1.4 1c-2 1.5-5.4 3.5-8.4 4.6a43 43 0 0 1 .3-8.3v-.5c2.3-21.4-2.2-34-13.3-37.1-1.9-.5-3.8-.8-5.7-.8-6.8 0-12.8 3.3-16.7 6-3.2-4-8.7-6.4-15.5-6.4-10.2 0-18.3 4.8-21.3 12.4l-1.2 3.5A31.2 31.2 0 0 0 371 87a47.5 47.5 0 0 0-25 7.2l-.6.4a74.8 74.8 0 0 0-23.7 27.3 43 43 0 0 0-19.4-25l-.2-.2-.9-.4c10.5-18.7 19.9-43.4 14.3-67-6-25-20.7-28.8-29-28.8-3.4 0-7 .7-10.5 2h-.5a51.2 51.2 0 0 0-23.9 17.6 156.5 156.5 0 0 0-22.8 66.3l-1.4 12.9a23.2 23.2 0 0 0-18.6-9.3c-8.6 0-15.6 5.3-19.4 8.8v-.1a18 18 0 0 0-14.2-8h-1.4c-9.2 0-16.5 4-21.9 8.7-3.4-6-9.7-9.7-17-9.7h-3c-10.2 0-18.2 4.9-21.5 12.9l-.8 2.4a38 38 0 0 0-31.9-14.6h-1.3c-8.5.1-29.8 3.7-42.9 33-2 4.6-3.6 9.2-4.7 13.7a17.8 17.8 0 0 0-22 5.9c-2 3-8.4 13.4-5.2 23.7 1.7 5.5 5.7 9.7 11.3 11.8 4.8 2 11 3.9 15.7 5.2 2.9 6.5 8 14 17.1 21a39.4 39.4 0 0 0 24.4 7.3c16.3 0 32.1-7 33.8-7.8l.6-.3.2-.2c3 3.3 7.2 5.6 12.4 6.6 1.6.3 3.6.6 6 .6 8.8 0 15-4.5 20.6-13a26.5 26.5 0 0 0 23.1 11.4h.1c.6 0 1.1.4 1.7.4 5.3 0 12-1.9 17.4-10.7 4.6 8.2 13 13 23 13 8.8 0 16.5-3.7 17.9-4.4l.3-.2c3-1.5 5.4-3 7.4-4a62 62 0 0 0 35.2 7h1.1c26-5.2 43-11.4 53-16.2a50.1 50.1 0 0 0 39.9 17c13.2 0 23.8-3.8 31.5-7.9a27 27 0 0 0 9.7 6.7 19 19 0 0 0 7.4 1.5c16.2 0 23.7-19.3 25.8-25.8l4-10.4c3.3 3.6 7.7 6.6 13.2 8.1 3 .9 6.3 1.4 9.6 1.4 17.8 0 35-12.6 37.6-14.7 5-4 10.3-12.4 9.1-23.8" fill="#FFF"/>
   <path d="M348.7 151.7s-2.2-8 6.2-23.3c8.3-15.2 14.8-6.9 14.8-6.9s7.2 7.8-1 19.4c-8.2 11.6-20 10.8-20 10.8m-64 11c-9.6 25-32.9 14.8-32.9 14.8s-2.6-8.9 5-34c7.5-25 25.2-15.2 25.2-15.2s12.2 9.4 2.6 34.4M267.3 57.9s14.5-37.7 18-19.4c3.4 18.4-30.3 73-30.3 73 .3-12.4 12.3-53.6 12.3-53.6M60.6 151.7c.7-24.3 16.5-34.8 22-29.6 5.5 5.3 3.5 16.7-6.9 23.9-10.3 7.1-15 5.7-15 5.7m437.8-4c-.8-8.2-8.1-5.1-8.1-5.1s-11.8 9.1-22.3 8.1c-10.3-1-7-24.2-7-24.2s2.2-21.3-4-23c-6-1.9-13.6 5.4-13.6 5.4s-9.4 10.4-13.8 23.7l-1.3.3s1.4-23.2-.2-28.5c-1.2-2.6-12.4-2.4-14.2 2.3a280.9 280.9 0 0 0-11.4 50.9s-17.5 14.8-32.8 17.3c-15.3 2.4-19-7.2-19-7.2s41.6-11.5 40.1-44.7c-1.4-33.2-33.5-20.9-37.1-18.2-3.5 2.7-22.2 14-27.8 45.2l-.5 5.8s-16 10.8-25 13.7c0 0 25-42.2-5.5-61.3-13.9-8.4-24.9 9.1-24.9 9.1s41.3-46 32.2-84.9C297.9 14 288.7 12 280 15a39 39 0 0 0-17.8 12.6s-16.7 24.3-20.6 60.3c-3.8 36-9.5 79.6-9.5 79.6s-8 7.7-15.2 8.1c-7.3.4-4-21.7-4-21.7s5.6-33.8 5.2-39.5c-.4-5.7-.8-8.8-7.5-10.8s-14.1 6.5-14.1 6.5-19.3 29.3-21 33.8l-1 1.9-1-1.3s13.7-39.9.6-40.4c-13-.7-21.6 14.2-21.6 14.2s-14.8 24.8-15.4 27.6l-1-1.2s6.1-28.9 4.9-36c-1.3-7.2-8-5.7-8-5.7s-8.5-1-10.8 4.5c-2.2 5.5-10.4 42-11.4 53.5 0 0-21.4 15.3-35.4 15.5-14 .2-12.6-9-12.6-9s51.5-17.6 37.4-52.4c-6.3-9-13.6-11.7-24-11.6-10.4.3-22.6 6.5-31 25.3-4 8.9-5.6 17.4-5.6 23.8 0 0-9.6 1.9-14.5-2.2-4.9-4-7.7 0-7.7 0s-8.5 12.2-.2 15.4c8.3 3.3 21.2 6.3 21.2 6.3 1.2 5.3 4.7 14 14.8 21.6 15.3 11.6 44.6-1.8 44.6-1.8l12-7.1s.5 10.8 9.2 12.4c8.8 1.6 12.5-.1 27.7-37.1 9-19 9.6-18 9.6-18l1-.2s-7 36.2-4.3 46c2.6 9.8 14.2 8.8 14.2 8.8s6.3 2.2 11.4-15.7c5.2-18 14.9-36.7 14.9-36.7h1.2s-4.3 36 2.3 47.9c6.5 11.8 23.4 3.5 23.4 3.5s11.8-6.3 13.6-8.1c0 0 14 11.8 33.8 9.6 44.2-8.7 60-20.5 60-20.5s7.5 19.2 31 21c26.9 2 41.6-15 41.6-15s-.3 11 9.1 15c9.4 3.8 15.7-16.7 15.7-16.7l15.7-42h1.4s.8 26.8 16.3 31.3c15.7 4.5 35.8-11 35.8-11s4.9-3.3 4-11.5" fill="#E24B31"/>
 </svg>

package/dist/components/Esbuild.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" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><circle fill="#FFCF00" cx="128" cy="128" r="128"/><path d="M69.285 58.715 138.571 128l-69.286 69.285-16.97-16.97L104.629 128 52.315 75.685l16.97-16.97Zm76.8 0L215.371 128l-69.286 69.285-16.97-16.97L181.429 128l-52.314-52.315 16.97-16.97Z" fill="#191919"/></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" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><circle fill="#FFCF00" cx="128" cy="128" r="128"/><path d="M69.285 58.715 138.571 128l-69.286 69.285-16.97-16.97L104.629 128 52.315 75.685l16.97-16.97Zm76.8 0L215.371 128l-69.286 69.285-16.97-16.97L181.429 128l-52.314-52.315 16.97-16.97Z" fill="#191919"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Ethereum.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" viewBox="0 0 32 32" width="${width}" height="${height}"><defs><linearGradient id="eth-c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-opacity=".5"/></linearGradient><circle id="eth-b" cx="16" cy="15" r="15"/><filter id="eth-a" width="111.7%" height="111.7%" x="-5.8%" y="-4.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/></filter><path id="eth-e" d="M16.4977734,20.9675435 L23.9999473,16.616495 L16.4977207,26.9946245 L16.4976173,26.9943278 L9,16.6164144 L16.4977734,20.9674935 Z M16.4977471,3.00004297 L23.9954941,15.2198561 L16.4977734,19.5730917 L9,15.2198561 L16.4977471,3.00004297 Z"/><filter id="eth-d" width="123.3%" height="114.6%" x="-11.7%" y="-5.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.204257246 0"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#eth-a)" xlink:href="#eth-b"/><use fill="#627EEA" xlink:href="#eth-b"/><use fill="url(#eth-c)" style="mix-blend-mode:soft-light" xlink:href="#eth-b"/><circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097"/><g fill-rule="nonzero"><use fill="#000" filter="url(#eth-d)" xlink:href="#eth-e"/><use fill="#FFF" fill-opacity="0" fill-rule="evenodd" xlink:href="#eth-e"/></g><g fill="#FFF" fill-rule="nonzero" transform="translate(9 3)"><polygon fill-opacity=".602" points="7.498 0 7.498 8.87 14.995 12.22"/><polygon points="7.498 0 0 12.22 7.498 8.87"/><polygon fill-opacity=".602" points="7.498 17.968 7.498 23.995 15 13.616"/><polygon points="7.498 23.995 7.498 17.967 0 13.616"/><polygon fill-opacity=".2" points="7.498 16.573 14.995 12.22 7.498 8.872"/><polygon fill-opacity=".602" points="0 12.22 7.498 16.573 7.498 8.872"/></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" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="eth-c" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#FFF" stop-opacity=".5"/><stop offset="100%" stop-opacity=".5"/></linearGradient><circle id="eth-b" cx="16" cy="15" r="15"/><filter id="eth-a" width="111.7%" height="111.7%" x="-5.8%" y="-4.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.199473505 0"/></filter><path id="eth-e" d="M16.4977734,20.9675435 L23.9999473,16.616495 L16.4977207,26.9946245 L16.4976173,26.9943278 L9,16.6164144 L16.4977734,20.9674935 Z M16.4977471,3.00004297 L23.9954941,15.2198561 L16.4977734,19.5730917 L9,15.2198561 L16.4977471,3.00004297 Z"/><filter id="eth-d" width="123.3%" height="114.6%" x="-11.7%" y="-5.2%" filterUnits="objectBoundingBox"><feOffset dy=".5" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation=".5"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix in="shadowBlurOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.204257246 0"/></filter></defs><g fill="none" fill-rule="evenodd"><use fill="#000" filter="url(#eth-a)" xlink:href="#eth-b"/><use fill="#627EEA" xlink:href="#eth-b"/><use fill="url(#eth-c)" style="mix-blend-mode:soft-light" xlink:href="#eth-b"/><circle cx="16" cy="15" r="14.5" stroke="#000" stroke-opacity=".097"/><g fill-rule="nonzero"><use fill="#000" filter="url(#eth-d)" xlink:href="#eth-e"/><use fill="#FFF" fill-opacity="0" fill-rule="evenodd" xlink:href="#eth-e"/></g><g fill="#FFF" fill-rule="nonzero" transform="translate(9 3)"><polygon fill-opacity=".602" points="7.498 0 7.498 8.87 14.995 12.22"/><polygon points="7.498 0 0 12.22 7.498 8.87"/><polygon fill-opacity=".602" points="7.498 17.968 7.498 23.995 15 13.616"/><polygon points="7.498 23.995 7.498 17.967 0 13.616"/><polygon fill-opacity=".2" points="7.498 16.573 14.995 12.22 7.498 8.872"/><polygon fill-opacity=".602" points="0 12.22 7.498 16.573 7.498 8.872"/></g></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Exome.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 184 184" width="${width}" height="${height}"><g fill="#F5841B" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="m23 173.5.1-.7v.7Zm37.7-42.6a278.3 278.3 0 0 1-27 19.3 379.5 379.5 0 0 1 52.7-64 378.5 378.5 0 0 1 64-52.6 272 272 0 0 1-19.5 27.1 50 50 0 0 1 10 22.4c31.8-37.5 48.9-70.3 39.6-79.6-11.8-11.7-60.8 18.4-109.6 67.2-48.9 48.8-79 97.9-67.2 109.6 9.3 9.3 42-7.7 79.4-39.3a50 50 0 0 1-22.4-10Zm113-108h-.7.6ZM161 10.3l-.1.7v-.7ZM11 160.8h-.6.7Z"/><path d="M11 23.1h.6a2 2 0 0 1-.7 0Zm75.8 74.7a378.6 378.6 0 0 1-52.6-64 274 274 0 0 1 26.2 18.8 50 50 0 0 1 22.2-10.4C45.6 11.1 13.3-5.5 4 3.7-7.6 15.4 22.5 64.5 71.3 113.3s97.9 79 109.6 67.2c9.3-9.3-7.8-42.3-39.8-80a50 50 0 0 1-10.2 22.2 304 304 0 0 1 20 27.7 378.6 378.6 0 0 1-64-52.6Zm74.7 75.9v-.7.7ZM174 161h-.7.7ZM23.6 11.2v-.7.7Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h184v184H0z"/></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 xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 184 184" width="${width}" height="${height}" ${restAttrs}><g fill="#F5841B" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="m23 173.5.1-.7v.7Zm37.7-42.6a278.3 278.3 0 0 1-27 19.3 379.5 379.5 0 0 1 52.7-64 378.5 378.5 0 0 1 64-52.6 272 272 0 0 1-19.5 27.1 50 50 0 0 1 10 22.4c31.8-37.5 48.9-70.3 39.6-79.6-11.8-11.7-60.8 18.4-109.6 67.2-48.9 48.8-79 97.9-67.2 109.6 9.3 9.3 42-7.7 79.4-39.3a50 50 0 0 1-22.4-10Zm113-108h-.7.6ZM161 10.3l-.1.7v-.7ZM11 160.8h-.6.7Z"/><path d="M11 23.1h.6a2 2 0 0 1-.7 0Zm75.8 74.7a378.6 378.6 0 0 1-52.6-64 274 274 0 0 1 26.2 18.8 50 50 0 0 1 22.2-10.4C45.6 11.1 13.3-5.5 4 3.7-7.6 15.4 22.5 64.5 71.3 113.3s97.9 79 109.6 67.2c9.3-9.3-7.8-42.3-39.8-80a50 50 0 0 1-10.2 22.2 304 304 0 0 1 20 27.7 378.6 378.6 0 0 1-64-52.6Zm74.7 75.9v-.7.7ZM174 161h-.7.7ZM23.6 11.2v-.7.7Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h184v184H0z"/></clipPath></defs></svg>
 `;
 </script>
 

package/dist/components/Expo.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 231" 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 231" width="${width}" height="${height}" ${restAttrs}>
   <path d="M121 85c2-3 5-4 7-4 1 0 5 1 7 4 16 22 43 67 63 101l26 40c7 8 18 3 24-6s8-15 8-22c0-4-88-168-97-182-9-13-11-16-26-16h-11c-14 0-16 3-25 16C88 30 0 194 0 198c0 7 2 13 8 22s17 14 24 6l26-40c20-34 47-79 63-101Z" fill="#000020"/>
 </svg>
 `;

package/dist/components/Expressjs.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 32 32" width="${width}" height="${height}"><path d="M32 24.795c-1.164.296-1.884.013-2.53-.957l-4.594-6.356-.664-.88-5.365 7.257c-.613.873-1.256 1.253-2.4.944l6.87-9.222-6.396-8.33c1.1-.214 1.86-.105 2.535.88l4.765 6.435 4.8-6.4c.615-.873 1.276-1.205 2.38-.883l-2.48 3.288-3.36 4.375c-.4.5-.345.842.023 1.325L32 24.795zM.008 15.427l.562-2.764C2.1 7.193 8.37 4.92 12.694 8.3c2.527 1.988 3.155 4.8 3.03 7.95H1.48c-.214 5.67 3.867 9.092 9.07 7.346 1.825-.613 2.9-2.042 3.438-3.83.273-.896.725-1.036 1.567-.78-.43 2.236-1.4 4.104-3.45 5.273-3.063 1.75-7.435 1.184-9.735-1.248C1 21.6.434 19.812.18 17.9c-.04-.316-.12-.617-.18-.92q.008-.776.008-1.552zm1.498-.38h12.872c-.084-4.1-2.637-7.012-6.126-7.037-3.83-.03-6.58 2.813-6.746 7.037z"/></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 32 32" width="${width}" height="${height}" ${restAttrs}><path d="M32 24.795c-1.164.296-1.884.013-2.53-.957l-4.594-6.356-.664-.88-5.365 7.257c-.613.873-1.256 1.253-2.4.944l6.87-9.222-6.396-8.33c1.1-.214 1.86-.105 2.535.88l4.765 6.435 4.8-6.4c.615-.873 1.276-1.205 2.38-.883l-2.48 3.288-3.36 4.375c-.4.5-.345.842.023 1.325L32 24.795zM.008 15.427l.562-2.764C2.1 7.193 8.37 4.92 12.694 8.3c2.527 1.988 3.155 4.8 3.03 7.95H1.48c-.214 5.67 3.867 9.092 9.07 7.346 1.825-.613 2.9-2.042 3.438-3.83.273-.896.725-1.036 1.567-.78-.43 2.236-1.4 4.104-3.45 5.273-3.063 1.75-7.435 1.184-9.735-1.248C1 21.6.434 19.812.18 17.9c-.04-.316-.12-.617-.18-.92q.008-.776.008-1.552zm1.498-.38h12.872c-.084-4.1-2.637-7.012-6.126-7.037-3.83-.03-6.58 2.813-6.746 7.037z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Facebook.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 36 36" fill="url(#a)" width="${width}" height="${height}"><defs><linearGradient x1="50%" x2="50%" y1="97.078%" y2="0%" id="a"><stop offset="0%" stop-color="#0062E0"/><stop offset="100%" stop-color="#19AFFF"/></linearGradient></defs><path d="M15 35.8C6.5 34.3 0 26.9 0 18 0 8.1 8.1 0 18 0s18 8.1 18 18c0 8.9-6.5 16.3-15 17.8l-1-.8h-4l-1 .8z"/><path fill="#FFF" d="m25 23 .8-5H21v-3.5c0-1.4.5-2.5 2.7-2.5H26V7.4c-1.3-.2-2.7-.4-4-.4-4.1 0-7 2.5-7 7v4h-4.5v5H15v12.7c1 .2 2 .3 3 .3s2-.1 3-.3V23h4z"/></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 666.667 666.667" width="${width}" height="${height}" ${restAttrs}><defs><clipPath id="a" clipPathUnits="userSpaceOnUse"><path d="M0 700h700V0H0Z"/></clipPath></defs><g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 -133.333 800)"><path d="M0 0c0 138.071-111.929 250-250 250S-500 138.071-500 0c0-117.245 80.715-215.622 189.606-242.638v166.242h-51.552V0h51.552v32.919c0 85.092 38.508 124.532 122.048 124.532 15.838 0 43.167-3.105 54.347-6.211V81.986c-5.901.621-16.149.932-28.882.932-40.993 0-56.832-15.528-56.832-55.9V0h81.659l-14.028-76.396h-67.631v-171.773C-95.927-233.218 0-127.818 0 0" style="fill:#0866ff;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(600 350)"/><path d="m0 0 14.029 76.396H-67.63v27.019c0 40.372 15.838 55.899 56.831 55.899 12.733 0 22.981-.31 28.882-.931v69.253c-11.18 3.106-38.509 6.212-54.347 6.212-83.539 0-122.048-39.441-122.048-124.533V76.396h-51.552V0h51.552v-166.242a250.559 250.559 0 0 1 60.394-7.362c10.254 0 20.358.632 30.288 1.831V0Z" style="fill:#fff;fill-opacity:1;fill-rule:nonzero;stroke:none" transform="translate(447.918 273.604)"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/FastAPI.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}"><path d="M128 0C57.33 0 0 57.33 0 128s57.33 128 128 128 128-57.33 128-128S198.67 0 128 0Zm-6.67 230.605v-80.288H76.699l64.128-124.922v80.288h42.966L121.33 230.605Z" fill="#009688"/></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 256" width="${width}" height="${height}" ${restAttrs}><path d="M128 0C57.33 0 0 57.33 0 128s57.33 128 128 128 128-57.33 128-128S198.67 0 128 0Zm-6.67 230.605v-80.288H76.699l64.128-124.922v80.288h42.966L121.33 230.605Z" fill="#009688"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Fastify.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg preserveAspectRatio="xMidYMid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 167.509" width="${width}" height="${height}"><path d="M247.942 23.314 256 2.444l-.35-1.293-79.717 21.003C184.433 9.86 181.513 0 181.513 0s-25.457 16.257-44.709 15.832c-19.251-.426-25.457-5.564-54.977 3.853-29.52 9.41-37.86 38.295-46.419 44.5S0 90.603 0 90.603l.058.359 24.207-7.707S17.625 89.51 3.52 108.52l-.659-.609.025.134s11.336 17.324 22.463 14.121c1.118-.325 2.377-.859 3.753-1.56 4.48 2.495 10.327 4.947 16.783 5.622 0 0-4.37-5.08-8.016-10.86.984-.634 1.994-1.293 3.02-1.96l-.476.334 9.217 3.386-1.017-8.666c.033-.017.058-.042.091-.059l9.059 3.328-1.126-7.882a76.868 76.868 0 0 1 3.436-1.693l9.443-35.717 39.045-26.634-3.103 7.808c-7.916 19.468-22.78 24.064-22.78 24.064l-6.206 2.352c-4.612 5.455-6.556 6.798-8.14 25.107 3.72-.934 7.273-1.16 10.492-.292 16.683 4.496 22.463 24.599 17.967 30.162-1.126 1.393-3.803 3.77-7.181 6.565h-6.773l-.092 5.488c-.234.184-.467.359-.693.542h-6.89l-.083 5.355c-.609.468-1.218.918-1.801 1.36-6.473.133-14.673-5.514-14.673-5.514 0 5.139 4.28 13.046 4.28 13.046s.283-.133.758-.367c-.417.309-.65.476-.65.476s17.324 11.552 28.235 7.273c9.7-3.804 34.816-23.606 56.495-32.981l65.603-17.283 8.65-22.413-49.997 13.17V83.597l58.664-15.457 8.65-22.413-67.297 17.734V43.324z"/></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 preserveAspectRatio="xMidYMid" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 167.509" width="${width}" height="${height}" ${restAttrs}><path d="M247.942 23.314 256 2.444l-.35-1.293-79.717 21.003C184.433 9.86 181.513 0 181.513 0s-25.457 16.257-44.709 15.832c-19.251-.426-25.457-5.564-54.977 3.853-29.52 9.41-37.86 38.295-46.419 44.5S0 90.603 0 90.603l.058.359 24.207-7.707S17.625 89.51 3.52 108.52l-.659-.609.025.134s11.336 17.324 22.463 14.121c1.118-.325 2.377-.859 3.753-1.56 4.48 2.495 10.327 4.947 16.783 5.622 0 0-4.37-5.08-8.016-10.86.984-.634 1.994-1.293 3.02-1.96l-.476.334 9.217 3.386-1.017-8.666c.033-.017.058-.042.091-.059l9.059 3.328-1.126-7.882a76.868 76.868 0 0 1 3.436-1.693l9.443-35.717 39.045-26.634-3.103 7.808c-7.916 19.468-22.78 24.064-22.78 24.064l-6.206 2.352c-4.612 5.455-6.556 6.798-8.14 25.107 3.72-.934 7.273-1.16 10.492-.292 16.683 4.496 22.463 24.599 17.967 30.162-1.126 1.393-3.803 3.77-7.181 6.565h-6.773l-.092 5.488c-.234.184-.467.359-.693.542h-6.89l-.083 5.355c-.609.468-1.218.918-1.801 1.36-6.473.133-14.673-5.514-14.673-5.514 0 5.139 4.28 13.046 4.28 13.046s.283-.133.758-.367c-.417.309-.65.476-.65.476s17.324 11.552 28.235 7.273c9.7-3.804 34.816-23.606 56.495-32.981l65.603-17.283 8.65-22.413-49.997 13.17V83.597l58.664-15.457 8.65-22.413-67.297 17.734V43.324z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Figma.svelte

@@ -1,7 +1,16 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
-	const svgContent = `<svg viewBox="0 0 54 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 54 80" fill="none" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <g clip-path="url(#clip0_912_3)">
 <path d="M13.3333 80.0002C20.6933 80.0002 26.6667 74.0268 26.6667 66.6668V53.3335H13.3333C5.97333 53.3335 0 59.3068 0 66.6668C0 74.0268 5.97333 80.0002 13.3333 80.0002Z" fill="#0ACF83"/>
 <path d="M0 39.9998C0 32.6398 5.97333 26.6665 13.3333 26.6665H26.6667V53.3332H13.3333C5.97333 53.3332 0 47.3598 0 39.9998Z" fill="#A259FF"/>

package/dist/components/Firebase.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 600 600" width="${width}" height="${height}"><path fill="#FF9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z"/><path fill="#FFC400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z"/><path fill="#FF9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z"/><path fill="#DD2C00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z"/></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 600 600" width="${width}" height="${height}" ${restAttrs}><path fill="#FF9100" d="M213.918 560.499c23.248 9.357 48.469 14.909 74.952 15.834 35.84 1.252 69.922-6.158 100.391-20.234-36.537-14.355-69.627-35.348-97.869-61.448-18.306 29.31-45.382 52.462-77.474 65.848Z"/><path fill="#FFC400" d="M291.389 494.66c-64.466-59.622-103.574-145.917-100.269-240.568.108-3.073.27-6.145.46-9.216a166.993 166.993 0 0 0-36.004-5.241 167.001 167.001 0 0 0-51.183 6.153c-17.21 30.145-27.594 64.733-28.888 101.781-3.339 95.611 54.522 179.154 138.409 212.939 32.093-13.387 59.168-36.51 77.475-65.848Z"/><path fill="#FF9100" d="M291.39 494.657c14.988-23.986 24.075-52.106 25.133-82.403 2.783-79.695-50.792-148.251-124.942-167.381-.19 3.071-.352 6.143-.46 9.216-3.305 94.651 35.803 180.946 100.269 240.568Z"/><path fill="#DD2C00" d="M308.231 20.858C266 54.691 232.652 99.302 212.475 150.693c-11.551 29.436-18.81 61.055-20.929 94.2 74.15 19.13 127.726 87.686 124.943 167.38-1.058 30.297-10.172 58.39-25.134 82.404 28.24 26.127 61.331 47.093 97.868 61.447 73.337-33.9 125.37-106.846 128.383-193.127 1.952-55.901-19.526-105.724-49.875-147.778-32.051-44.477-159.5-194.36-159.5-194.36Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/FirebaseStudio.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 43.5 65" width="${width}" height="${height}"><defs><linearGradient id="b" x1="5.9" x2="27.6" y1="28" y2="64.5" data-name="Degradado sin nombre" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset="1" stop-color="#dd2c00"/></linearGradient><linearGradient id="c" x1="29" x2="26.5" y1="38.5" y2="-5" data-name="Degradado sin nombre 2" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset=".6" stop-color="#e92a4e"/><stop offset="1" stop-color="#c447ff"/></linearGradient><clipPath id="a"><path d="M0 .1h44.8v64H0z" style="fill:none"/></clipPath></defs><g style="clip-path:url(#a)"><path d="M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3-21.5 12.8c-.3.1-.7.2-1.1.4-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9 17.3-6.7c1.8-.7 3.3-1 4.5-1.2 1.3-.2 2.5-.4 3.9-.3Z" style="fill:#ffc400"/><path d="M31 7.9c-.1-.6-.3-1.2-.5-1.7-.3-1-1.1-3-3-4.9-.3-.3-.8-.8-1.4-1.2-2.3 2.8-4.4 4.8-5.8 6-3.6 3.3-9.5 7.8-13.3 11.3-.7.6-2 1.9-3.2 4-.2.4-.5.9-.8 1.4 0 0 0 .2-.1.3-.1.3-.2.5-.4.8-.5 1.1-1.1 2.6-1.2 4.5-.2 1.7 0 3 .1 3.6 0 .2 0 .4.1.6.2.7.4 1.4.7 2 1.3 3 3.4 4.7 3.8 5 2.3 1.8 4.6 2.3 5.3 2.5 1 .2 1.9.2 2.6.2-.1-.5-.3-1.2-.4-2-.3-2.9.7-5.1 1.1-6.3.4-.8 1.2-2.8 3.1-4.6.9-.8 1.8-1.5 2.7-2.1 1-.7 1.9-1.2 2.4-1.5 1.8-1.3 5.3-4.3 7.1-9 .2-.6.4-1.1.4-1.1.6-1.8 1.1-4.5.4-7.7Z" style="fill:url(#b)"/><path d="M14 42.3c-.6 0-1.5 0-2.6-.2-.7-.1-3-.7-5.3-2.5-.5-.4-3.7-3-4.6-7.7-.1-.6-.3-1.9-.1-3.6.2-1.9.8-3.3 1.2-4.5.4-1.1.9-1.9 1.2-2.5.1.4.4 1 .8 1.6.9 1.4 2 2.1 2.8 2.7.4.2 2.1 1.3 4.7 1.9 1.8.4 3.2.4 3.6.4 1.1 0 2.7-.2 4.7-.9 1.1-.4 2-1 2.6-1.3-.5.4-1.4.9-2.5 1.6-.9.6-1.9 1.3-2.7 2.1-1.9 1.8-2.7 3.8-3.1 4.6-.5 1.1-1.4 3.3-1.1 6.3 0 .9.2 1.6.4 2Z" style="fill:#ff9100"/><path d="M42 41.4c.8-1.6 1.1-3.3 1.1-3.3 0-.4.2-1.1.3-1.8 0-.7 0-1.8-.1-2.7-.5-2.9-2.7-5.2-3-5.5 0 0-1.5-1.5-3.7-2.6-.3-.2-.9-.4-1.7-.7-.8-.2-1.4-.3-2-.4-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3.2 0 .5.2.8.5.1.1.3.2.4.4.1.2.3.4.4.8.3 1.1-.4 2.1-.6 2.5-1.7 2.6-11.1 8.1-16.6 13.8-1.4 1.5-2.4 2.8-3.2 4.4-1.7 3.8-1.1 7.4-.9 8.2 1 5.3 4.9 8.2 5.8 8.8 2.7-3 5.1-5.3 6.9-7 4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z" style="fill:url(#c)"/></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 43.5 65" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="b" x1="5.9" x2="27.6" y1="28" y2="64.5" data-name="Degradado sin nombre" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset="1" stop-color="#dd2c00"/></linearGradient><linearGradient id="c" x1="29" x2="26.5" y1="38.5" y2="-5" data-name="Degradado sin nombre 2" gradientTransform="matrix(1 0 0 -1 0 66)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f8682f"/><stop offset=".6" stop-color="#e92a4e"/><stop offset="1" stop-color="#c447ff"/></linearGradient><clipPath id="a"><path d="M0 .1h44.8v64H0z" style="fill:none"/></clipPath></defs><g style="clip-path:url(#a)"><path d="M31.4 24.3c.4 0 .9.2 1.6.3l6.6 4.3-21.5 12.8c-.3.1-.7.2-1.1.4-.5.1-1.1.2-1.5.3h-1.4l-8.3-9.9 17.3-6.7c1.8-.7 3.3-1 4.5-1.2 1.3-.2 2.5-.4 3.9-.3Z" style="fill:#ffc400"/><path d="M31 7.9c-.1-.6-.3-1.2-.5-1.7-.3-1-1.1-3-3-4.9-.3-.3-.8-.8-1.4-1.2-2.3 2.8-4.4 4.8-5.8 6-3.6 3.3-9.5 7.8-13.3 11.3-.7.6-2 1.9-3.2 4-.2.4-.5.9-.8 1.4 0 0 0 .2-.1.3-.1.3-.2.5-.4.8-.5 1.1-1.1 2.6-1.2 4.5-.2 1.7 0 3 .1 3.6 0 .2 0 .4.1.6.2.7.4 1.4.7 2 1.3 3 3.4 4.7 3.8 5 2.3 1.8 4.6 2.3 5.3 2.5 1 .2 1.9.2 2.6.2-.1-.5-.3-1.2-.4-2-.3-2.9.7-5.1 1.1-6.3.4-.8 1.2-2.8 3.1-4.6.9-.8 1.8-1.5 2.7-2.1 1-.7 1.9-1.2 2.4-1.5 1.8-1.3 5.3-4.3 7.1-9 .2-.6.4-1.1.4-1.1.6-1.8 1.1-4.5.4-7.7Z" style="fill:url(#b)"/><path d="M14 42.3c-.6 0-1.5 0-2.6-.2-.7-.1-3-.7-5.3-2.5-.5-.4-3.7-3-4.6-7.7-.1-.6-.3-1.9-.1-3.6.2-1.9.8-3.3 1.2-4.5.4-1.1.9-1.9 1.2-2.5.1.4.4 1 .8 1.6.9 1.4 2 2.1 2.8 2.7.4.2 2.1 1.3 4.7 1.9 1.8.4 3.2.4 3.6.4 1.1 0 2.7-.2 4.7-.9 1.1-.4 2-1 2.6-1.3-.5.4-1.4.9-2.5 1.6-.9.6-1.9 1.3-2.7 2.1-1.9 1.8-2.7 3.8-3.1 4.6-.5 1.1-1.4 3.3-1.1 6.3 0 .9.2 1.6.4 2Z" style="fill:#ff9100"/><path d="M42 41.4c.8-1.6 1.1-3.3 1.1-3.3 0-.4.2-1.1.3-1.8 0-.7 0-1.8-.1-2.7-.5-2.9-2.7-5.2-3-5.5 0 0-1.5-1.5-3.7-2.6-.3-.2-.9-.4-1.7-.7-.8-.2-1.4-.3-2-.4-.7 0-1.2-.1-1.6-.2h.4c.4 0 .6.2.8.3.2 0 .5.2.8.5.1.1.3.2.4.4.1.2.3.4.4.8.3 1.1-.4 2.1-.6 2.5-1.7 2.6-11.1 8.1-16.6 13.8-1.4 1.5-2.4 2.8-3.2 4.4-1.7 3.8-1.1 7.4-.9 8.2 1 5.3 4.9 8.2 5.8 8.8 2.7-3 5.1-5.3 6.9-7 4.5-4.1 10.3-8.6 10.3-8.6s4.5-3.6 6.2-7.1Z" style="fill:url(#c)"/></g></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Firefox.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 265" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}"><defs><radialGradient id="b" cx="-7907.187" cy="-8515.121" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".129" stop-color="#ffbd4f"/><stop offset=".186" stop-color="#ffac31"/><stop offset=".247" stop-color="#ff9d17"/><stop offset=".283" stop-color="#ff980e"/><stop offset=".403" stop-color="#ff563b"/><stop offset=".467" stop-color="#ff3750"/><stop offset=".71" stop-color="#f5156c"/><stop offset=".782" stop-color="#eb0878"/><stop offset=".86" stop-color="#e50080"/></radialGradient><radialGradient id="c" cx="-7936.711" cy="-8482.089" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#960e18"/><stop offset=".351" stop-color="#b11927" stop-opacity=".74"/><stop offset=".435" stop-color="#db293d" stop-opacity=".343"/><stop offset=".497" stop-color="#f5334b" stop-opacity=".094"/><stop offset=".53" stop-color="#ff3750" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-7926.97" cy="-8533.457" r="58.534" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".132" stop-color="#fff44f"/><stop offset=".252" stop-color="#ffdc3e"/><stop offset=".506" stop-color="#ff9d12"/><stop offset=".526" stop-color="#ff980e"/></radialGradient><radialGradient id="e" cx="-7945.648" cy="-8460.984" r="38.471" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".353" stop-color="#3a8ee6"/><stop offset=".472" stop-color="#5c79f0"/><stop offset=".669" stop-color="#9059ff"/><stop offset="1" stop-color="#c139e6"/></radialGradient><radialGradient id="f" cx="-7935.62" cy="-8491.546" r="20.397" gradientTransform="matrix(3.21411 -.77707 .90934 3.76302 33365.914 25904.014)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#9059ff" stop-opacity="0"/><stop offset=".278" stop-color="#8c4ff3" stop-opacity=".064"/><stop offset=".747" stop-color="#7716a8" stop-opacity=".45"/><stop offset=".975" stop-color="#6e008b" stop-opacity=".6"/></radialGradient><radialGradient id="g" cx="-7937.731" cy="-8518.427" r="27.676" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe226"/><stop offset=".121" stop-color="#ffdb27"/><stop offset=".295" stop-color="#ffc82a"/><stop offset=".502" stop-color="#ffa930"/><stop offset=".732" stop-color="#ff7e37"/><stop offset=".792" stop-color="#ff7139"/></radialGradient><radialGradient id="h" cx="-7915.977" cy="-8535.981" r="118.081" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".113" stop-color="#fff44f"/><stop offset=".456" stop-color="#ff980e"/><stop offset=".622" stop-color="#ff5634"/><stop offset=".716" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="i" cx="-7927.165" cy="-8522.859" r="86.499" gradientTransform="matrix(.3472 3.29017 -2.15928 .22816 -15491.597 28008.376)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff44f"/><stop offset=".06" stop-color="#ffe847"/><stop offset=".168" stop-color="#ffc830"/><stop offset=".304" stop-color="#ff980e"/><stop offset=".356" stop-color="#ff8b16"/><stop offset=".455" stop-color="#ff672a"/><stop offset=".57" stop-color="#ff3647"/><stop offset=".737" stop-color="#e31587"/></radialGradient><radialGradient id="j" cx="-7938.383" cy="-8508.176" r="73.72" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".137" stop-color="#fff44f"/><stop offset=".48" stop-color="#ff980e"/><stop offset=".592" stop-color="#ff5634"/><stop offset=".655" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="k" cx="-7918.923" cy="-8503.861" r="80.686" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#fff44f"/><stop offset=".231" stop-color="#ffe141"/><stop offset=".509" stop-color="#ffaf1e"/><stop offset=".626" stop-color="#ff980e"/></radialGradient><linearGradient id="a" x1="70.786" x2="6.447" y1="12.393" y2="74.468" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#fff44f"/><stop offset=".111" stop-color="#ffe847"/><stop offset=".225" stop-color="#ffc830"/><stop offset=".368" stop-color="#ff980e"/><stop offset=".401" stop-color="#ff8b16"/><stop offset=".462" stop-color="#ff672a"/><stop offset=".534" stop-color="#ff3647"/><stop offset=".705" stop-color="#e31587"/></linearGradient><linearGradient id="l" x1="70.013" x2="15.267" y1="12.061" y2="66.806" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#fff44f" stop-opacity=".8"/><stop offset=".266" stop-color="#fff44f" stop-opacity=".634"/><stop offset=".489" stop-color="#fff44f" stop-opacity=".217"/><stop offset=".6" stop-color="#fff44f" stop-opacity="0"/></linearGradient></defs><path fill="url(#a)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194a64.108 64.108 0 0 0-35.269 13.593 38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846a203.818 203.818 0 0 0-1.26 8.003c0 .096-.02.185-.03.281a122.12 122.12 0 0 0-2.08 17.667v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378ZM100.322 189.031c.599.288 1.161.599 1.776.873l.089.057a68.838 68.838 0 0 1-1.865-.93Zm29.357-77.297Zm105.656-16.315v-.123l.023.136-.023-.013Z"/><path fill="url(#b)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#c)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#d)" d="M185.754 103.778c.278.195.536.39.797.585a69.775 69.775 0 0 0-11.904-15.525C134.815 48.999 164.208 2.457 169.165.093l.049-.073c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793Z"/><path fill="url(#e)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#f)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#g)" d="M83.852 80.545a81.51 81.51 0 0 1 2.645 1.756 59.407 59.407 0 0 1-.36-31.324 94.926 94.926 0 0 0-30.849 23.841c.625-.017 19.216-.351 28.564 5.727Z"/><path fill="url(#h)" d="M2.471 139.411c9.89 58.443 62.857 103.063 122.989 104.766 55.652 1.574 91.205-30.732 105.894-62.248a116.067 116.067 0 0 0 3.988-86.497v-.122c0-.096-.02-.153 0-.123l.023.215c4.547 29.684-10.552 58.443-34.155 77.889l-.073.166c-45.989 37.455-90.002 22.598-98.91 16.533a64.67 64.67 0 0 1-1.865-.929c-26.814-12.817-37.891-37.247-35.517-58.198a32.912 32.912 0 0 1-30.359-19.096 48.336 48.336 0 0 1 47.117-1.891 63.821 63.821 0 0 0 48.119 1.891c-.049-1.042-22.353-9.92-31.05-18.484-4.646-4.58-6.851-6.786-8.805-8.442a38.145 38.145 0 0 0-3.307-2.507c-.761-.519-1.617-1.081-2.645-1.756-9.348-6.078-27.939-5.744-28.554-5.727h-.059c-5.079-6.438-4.722-27.667-4.431-32.101a22.862 22.862 0 0 0-4.279 2.271 93.373 93.373 0 0 0-12.526 10.73 112.062 112.062 0 0 0-12.03 14.342v.019-.023A108.26 108.26 0 0 0 4.841 108.92c-.062.261-4.616 20.167-2.37 30.491Z"/><path fill="url(#i)" d="M174.654 88.838a69.818 69.818 0 0 1 11.904 15.542 26.607 26.607 0 0 1 1.921 1.574c29.056 26.784 13.832 64.646 12.698 67.341 23.603-19.447 38.688-48.205 34.155-77.89-14.497-36.142-39.069-50.708-59.137-82.426a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049-4.957 2.351-34.35 48.893 5.489 88.732Z"/><path fill="url(#j)" d="M188.459 105.937a26.822 26.822 0 0 0-1.921-1.574c-.261-.195-.519-.39-.797-.585a44.243 44.243 0 0 0-30.901-7.503c46.095 23.048 33.728 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.725-.331-1.449-.661-2.163-1.032l.089.057c8.908 6.081 52.907 20.938 98.91-16.534l.073-.165c1.147-2.679 16.371-40.55-12.698-67.325Z"/><path fill="url(#k)" d="M71.911 147.962s5.916-22.046 42.359-22.046c3.938 0 15.211-10.994 15.413-14.182a63.817 63.817 0 0 1-48.119-1.892 48.341 48.341 0 0 0-47.118 1.892 32.912 32.912 0 0 0 30.359 19.096c-2.374 20.955 8.703 45.385 35.517 58.198.599.288 1.161.599 1.776.873-15.65-8.085-28.573-23.375-30.187-41.939Z"/><path fill="url(#l)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793 44.241 44.241 0 0 0-30.901-7.503c46.096 23.048 33.729 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.724-.331-1.449-.661-2.163-1.032l.089.057a68.838 68.838 0 0 1-1.865-.93c.599.288 1.161.599 1.776.873-15.65-8.088-28.573-23.378-30.187-41.942 0 0 5.916-22.046 42.359-22.046 3.938 0 15.211-10.994 15.413-14.182-.05-1.042-22.354-9.92-31.05-18.485-4.646-4.579-6.852-6.785-8.806-8.442a38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846c-.242 1.128-1.323 6.855-1.479 8.085 0 .093 0-.096 0 0A149.15 149.15 0 0 0 1.3 135.717v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Zm-12.715 6.583.024.136-.024-.136Z"/></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 265" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" width="${width}" height="${height}" ${restAttrs}><defs><radialGradient id="b" cx="-7907.187" cy="-8515.121" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".129" stop-color="#ffbd4f"/><stop offset=".186" stop-color="#ffac31"/><stop offset=".247" stop-color="#ff9d17"/><stop offset=".283" stop-color="#ff980e"/><stop offset=".403" stop-color="#ff563b"/><stop offset=".467" stop-color="#ff3750"/><stop offset=".71" stop-color="#f5156c"/><stop offset=".782" stop-color="#eb0878"/><stop offset=".86" stop-color="#e50080"/></radialGradient><radialGradient id="c" cx="-7936.711" cy="-8482.089" r="80.797" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#960e18"/><stop offset=".351" stop-color="#b11927" stop-opacity=".74"/><stop offset=".435" stop-color="#db293d" stop-opacity=".343"/><stop offset=".497" stop-color="#f5334b" stop-opacity=".094"/><stop offset=".53" stop-color="#ff3750" stop-opacity="0"/></radialGradient><radialGradient id="d" cx="-7926.97" cy="-8533.457" r="58.534" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".132" stop-color="#fff44f"/><stop offset=".252" stop-color="#ffdc3e"/><stop offset=".506" stop-color="#ff9d12"/><stop offset=".526" stop-color="#ff980e"/></radialGradient><radialGradient id="e" cx="-7945.648" cy="-8460.984" r="38.471" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".353" stop-color="#3a8ee6"/><stop offset=".472" stop-color="#5c79f0"/><stop offset=".669" stop-color="#9059ff"/><stop offset="1" stop-color="#c139e6"/></radialGradient><radialGradient id="f" cx="-7935.62" cy="-8491.546" r="20.397" gradientTransform="matrix(3.21411 -.77707 .90934 3.76302 33365.914 25904.014)" gradientUnits="userSpaceOnUse"><stop offset=".206" stop-color="#9059ff" stop-opacity="0"/><stop offset=".278" stop-color="#8c4ff3" stop-opacity=".064"/><stop offset=".747" stop-color="#7716a8" stop-opacity=".45"/><stop offset=".975" stop-color="#6e008b" stop-opacity=".6"/></radialGradient><radialGradient id="g" cx="-7937.731" cy="-8518.427" r="27.676" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe226"/><stop offset=".121" stop-color="#ffdb27"/><stop offset=".295" stop-color="#ffc82a"/><stop offset=".502" stop-color="#ffa930"/><stop offset=".732" stop-color="#ff7e37"/><stop offset=".792" stop-color="#ff7139"/></radialGradient><radialGradient id="h" cx="-7915.977" cy="-8535.981" r="118.081" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".113" stop-color="#fff44f"/><stop offset=".456" stop-color="#ff980e"/><stop offset=".622" stop-color="#ff5634"/><stop offset=".716" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="i" cx="-7927.165" cy="-8522.859" r="86.499" gradientTransform="matrix(.3472 3.29017 -2.15928 .22816 -15491.597 28008.376)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fff44f"/><stop offset=".06" stop-color="#ffe847"/><stop offset=".168" stop-color="#ffc830"/><stop offset=".304" stop-color="#ff980e"/><stop offset=".356" stop-color="#ff8b16"/><stop offset=".455" stop-color="#ff672a"/><stop offset=".57" stop-color="#ff3647"/><stop offset=".737" stop-color="#e31587"/></radialGradient><radialGradient id="j" cx="-7938.383" cy="-8508.176" r="73.72" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".137" stop-color="#fff44f"/><stop offset=".48" stop-color="#ff980e"/><stop offset=".592" stop-color="#ff5634"/><stop offset=".655" stop-color="#ff3647"/><stop offset=".904" stop-color="#e31587"/></radialGradient><radialGradient id="k" cx="-7918.923" cy="-8503.861" r="80.686" gradientTransform="translate(26367.938 28186.305) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".094" stop-color="#fff44f"/><stop offset=".231" stop-color="#ffe141"/><stop offset=".509" stop-color="#ffaf1e"/><stop offset=".626" stop-color="#ff980e"/></radialGradient><linearGradient id="a" x1="70.786" x2="6.447" y1="12.393" y2="74.468" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".048" stop-color="#fff44f"/><stop offset=".111" stop-color="#ffe847"/><stop offset=".225" stop-color="#ffc830"/><stop offset=".368" stop-color="#ff980e"/><stop offset=".401" stop-color="#ff8b16"/><stop offset=".462" stop-color="#ff672a"/><stop offset=".534" stop-color="#ff3647"/><stop offset=".705" stop-color="#e31587"/></linearGradient><linearGradient id="l" x1="70.013" x2="15.267" y1="12.061" y2="66.806" gradientTransform="translate(-2.999 -.01) scale(3.3067)" gradientUnits="userSpaceOnUse"><stop offset=".167" stop-color="#fff44f" stop-opacity=".8"/><stop offset=".266" stop-color="#fff44f" stop-opacity=".634"/><stop offset=".489" stop-color="#fff44f" stop-opacity=".217"/><stop offset=".6" stop-color="#fff44f" stop-opacity="0"/></linearGradient></defs><path fill="url(#a)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194a64.108 64.108 0 0 0-35.269 13.593 38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846a203.818 203.818 0 0 0-1.26 8.003c0 .096-.02.185-.03.281a122.12 122.12 0 0 0-2.08 17.667v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378ZM100.322 189.031c.599.288 1.161.599 1.776.873l.089.057a68.838 68.838 0 0 1-1.865-.93Zm29.357-77.297Zm105.656-16.315v-.123l.023.136-.023-.013Z"/><path fill="url(#b)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#c)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9v.122l.023.136a116.067 116.067 0 0 1-3.988 86.497c-14.688 31.516-50.242 63.819-105.894 62.248-60.132-1.703-113.089-46.323-122.989-104.766-1.802-9.216 0-13.888.906-21.378a95.444 95.444 0 0 0-2.06 17.684v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Z"/><path fill="url(#d)" d="M185.754 103.778c.278.195.536.39.797.585a69.775 69.775 0 0 0-11.904-15.525C134.815 48.999 164.208 2.457 169.165.093l.049-.073c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793Z"/><path fill="url(#e)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#f)" d="M129.683 111.734c-.212 3.188-11.475 14.182-15.413 14.182-36.443 0-42.359 22.046-42.359 22.046 1.614 18.564 14.55 33.854 30.187 41.942.714.371 1.439.705 2.163 1.032a70.572 70.572 0 0 0 3.763 1.541 56.974 56.974 0 0 0 16.675 3.217c63.876 2.996 76.25-76.384 30.154-99.419a44.241 44.241 0 0 1 30.901 7.503A64.68 64.68 0 0 0 129.6 70.985c-1.521 0-3.009.126-4.504.229a64.108 64.108 0 0 0-35.269 13.593c1.954 1.654 4.16 3.863 8.806 8.442 8.696 8.568 31 17.443 31.05 18.485Z"/><path fill="url(#g)" d="M83.852 80.545a81.51 81.51 0 0 1 2.645 1.756 59.407 59.407 0 0 1-.36-31.324 94.926 94.926 0 0 0-30.849 23.841c.625-.017 19.216-.351 28.564 5.727Z"/><path fill="url(#h)" d="M2.471 139.411c9.89 58.443 62.857 103.063 122.989 104.766 55.652 1.574 91.205-30.732 105.894-62.248a116.067 116.067 0 0 0 3.988-86.497v-.122c0-.096-.02-.153 0-.123l.023.215c4.547 29.684-10.552 58.443-34.155 77.889l-.073.166c-45.989 37.455-90.002 22.598-98.91 16.533a64.67 64.67 0 0 1-1.865-.929c-26.814-12.817-37.891-37.247-35.517-58.198a32.912 32.912 0 0 1-30.359-19.096 48.336 48.336 0 0 1 47.117-1.891 63.821 63.821 0 0 0 48.119 1.891c-.049-1.042-22.353-9.92-31.05-18.484-4.646-4.58-6.851-6.786-8.805-8.442a38.145 38.145 0 0 0-3.307-2.507c-.761-.519-1.617-1.081-2.645-1.756-9.348-6.078-27.939-5.744-28.554-5.727h-.059c-5.079-6.438-4.722-27.667-4.431-32.101a22.862 22.862 0 0 0-4.279 2.271 93.373 93.373 0 0 0-12.526 10.73 112.062 112.062 0 0 0-12.03 14.342v.019-.023A108.26 108.26 0 0 0 4.841 108.92c-.062.261-4.616 20.167-2.37 30.491Z"/><path fill="url(#i)" d="M174.654 88.838a69.818 69.818 0 0 1 11.904 15.542 26.607 26.607 0 0 1 1.921 1.574c29.056 26.784 13.832 64.646 12.698 67.341 23.603-19.447 38.688-48.205 34.155-77.89-14.497-36.142-39.069-50.708-59.137-82.426a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049-4.957 2.351-34.35 48.893 5.489 88.732Z"/><path fill="url(#j)" d="M188.459 105.937a26.822 26.822 0 0 0-1.921-1.574c-.261-.195-.519-.39-.797-.585a44.243 44.243 0 0 0-30.901-7.503c46.095 23.048 33.728 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.725-.331-1.449-.661-2.163-1.032l.089.057c8.908 6.081 52.907 20.938 98.91-16.534l.073-.165c1.147-2.679 16.371-40.55-12.698-67.325Z"/><path fill="url(#k)" d="M71.911 147.962s5.916-22.046 42.359-22.046c3.938 0 15.211-10.994 15.413-14.182a63.817 63.817 0 0 1-48.119-1.892 48.341 48.341 0 0 0-47.118 1.892 32.912 32.912 0 0 0 30.359 19.096c-2.374 20.955 8.703 45.385 35.517 58.198.599.288 1.161.599 1.776.873-15.65-8.085-28.573-23.375-30.187-41.939Z"/><path fill="url(#l)" d="M248.033 88.713c-5.569-13.399-16.864-27.866-25.71-32.439a133.169 133.169 0 0 1 12.979 38.9l.023.215c-14.49-36.126-39.062-50.692-59.13-82.41a155.1 155.1 0 0 1-3.019-4.907 40.605 40.605 0 0 1-1.412-2.645 23.31 23.31 0 0 1-1.912-5.076.331.331 0 0 0-.291-.331.469.469 0 0 0-.241 0c-.016 0-.043.03-.063.037-.02.006-.063.036-.092.049l.049-.086c-32.19 18.849-43.113 53.741-44.118 71.194 1.495-.103 2.976-.229 4.504-.229a64.68 64.68 0 0 1 56.154 32.793 44.241 44.241 0 0 0-30.901-7.503c46.096 23.048 33.729 102.415-30.154 99.419a56.974 56.974 0 0 1-16.675-3.217 67.38 67.38 0 0 1-3.763-1.541c-.724-.331-1.449-.661-2.163-1.032l.089.057a68.838 68.838 0 0 1-1.865-.93c.599.288 1.161.599 1.776.873-15.65-8.088-28.573-23.378-30.187-41.942 0 0 5.916-22.046 42.359-22.046 3.938 0 15.211-10.994 15.413-14.182-.05-1.042-22.354-9.92-31.05-18.485-4.646-4.579-6.852-6.785-8.806-8.442a38.336 38.336 0 0 0-3.307-2.506 59.417 59.417 0 0 1-.36-31.324 94.912 94.912 0 0 0-30.848 23.841h-.06c-5.079-6.438-4.722-27.667-4.431-32.102a22.957 22.957 0 0 0-4.279 2.272 93.435 93.435 0 0 0-12.526 10.73 111.954 111.954 0 0 0-11.98 14.375v.019-.023A108.26 108.26 0 0 0 4.841 108.92l-.171.846c-.242 1.128-1.323 6.855-1.479 8.085 0 .093 0-.096 0 0A149.15 149.15 0 0 0 1.3 135.717v.662c.086 98.661 106.944 160.23 192.344 110.825a128.165 128.165 0 0 0 62.12-89.153c.215-1.653.39-3.29.582-4.96a131.8 131.8 0 0 0-8.313-64.378Zm-12.715 6.583.024.136-.024-.136Z"/></svg>`;
 </script>
 
 {@html svgContent}

package/dist/components/Flask.svelte

@@ -1,9 +1,18 @@
 <script lang="ts">
-	export let width: number = 50;
-	export let height: number = 50;
+	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 = `
 <!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
-<svg fill="#000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}">
+<svg fill="#000000" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" width="${width}" height="${height}" ${restAttrs}>
 <title>flask</title>
 <path d="M14.319 9.028c0.35-0.62-1.443-0.835-0.235-0.219 0.112 0.037 0.087 0.262 0.235 0.219zM4.542 3.761c-0.762-0.995 1.432 0.167 0.659-0.875-0.652-0.519-1.278 0.585-0.659 0.875zM6.138 5.011c1.082-0.144-0.275-0.466-0.217-0.013zM5.283 4.806c0.232-0.315-0.407 0.16 0 0zM7.008 6.705c0.672 0.016-0.289-0.902 0.511-0.487-0.131-0.429-0.932-0.509-1.325-0.68-0.22 0.392 0.45 1.172 0.812 1.167zM4.916 6.619c0.575-0.434 1.984 0.257 1.080-0.431-0.087-0.077-1.982 0.522-1.080 0.431zM4.326 7.747c1.007-0.342 2.383-0.726 2.858 0.169-0.484-0.582-0.195-1.155 0.262-0.304 0.645 0.861 0.968-0.391 0.547-0.681 0.479 0.595 1.023 0.875 0.321 0.037 0.762-0.917-1.528 0.121-2.049 0.11-0.25 0.112-2.588 0.596-1.938 0.669zM6.2 10.881c0.246-0.304-0.337-0.081 0 0zM5.613 12.452c-0.060-0.362-0.175 0.192 0 0zM5.116 12.2c0.562-0.037 0.882-0.621-0.109-0.587-1.537-0.159 1.355 0.525-0.197 0.33-0.209 0.137 0.295 0.296 0.306 0.259zM29.116 27.445c0.696 0 2.109-0.216 0.594-0.216-0.237 0.038-1.386 0.030-0.595 0.216zM25.78 25.486c0.075-0.51-0.337 0.046 0 0zM28.395 27.273c0.015-0.444-0.38 0.2 0 0zM2.65 11.165c0.499-0.381-0.589-0.145 0 0zM4.549 12.515c0.306-0.325-0.663-0.132 0 0zM3.906 12.335c0.871-0.534-0.926-0.462 0 0zM10.348 8.28c0.291-0.765 1.132-0.306 0.135-0.154 0.021 0.081-0.030 0.395-0.135 0.154zM9.548 8.285c-0.069-1.517 1.398 0.54-0 0zM6.736 8.718c0.462-0.555 2.618-0.354 1.040-0.054-0.422-0.319-0.747 0.187-1.040 0.054zM6.541 8.848c0.277-0.325 0.080 0.287-0 0zM5.782 9.154c0.040-0.514 1.272 0.272 0.204 0.185zM5.226 9.144c0.437-0.325 0.232 0.182-0 0zM5.167 9.687c0.304-1.117 1.625 0.918 0.497 0.147-0.121-0.095-0.275-0.152-0.443-0.152-0.019 0-0.038 0.001-0.057 0.002l0.002-0zM2.050 11.274c-0.116-0.669-0.1-1.842 1.015-1.445-1.488 0.295 1.030 1.849 0.712 0.622 0.625 0.030 1.225-0.37 0.895 0.237 1.233-0.137 2.087-1.205 3.279-1.056 1.082-0.090 2.082-0.299 3.033-0.615l-0.091 0.026c0.822-0.060 1.612-0.945 1.162-1.468-0.218-0.013-0.473-0.021-0.73-0.021-0.993 0-1.96 0.114-2.888 0.329l0.086-0.017c-1.372 0.285-2.619 0.827-4.005 1.061-1.35 0.181 0.271 0.5-0.115 0.57-0.705 0.245 0.84 0.41-0.091 0.667-0.575-0.11-1.175-0.307-0.928-0.912-1.293 0.166-2.431 0.704-1.408 2.019h0.075zM4.22 12.726c0.069-0.475-0.512 0.094-0 0zM26.941 27.412c0.165-0.49-0.417 0.062 0 0zM24.474 26.133c0.412-0.379-0.525-0.117 0 0zM4.062 13.526c0.647-0.254-1.175-0.525-0.13-0.050zM2.538 12.615c-0.044-0.4-0.237 0.050 0 0zM2.263 12.823c-0.025-0.337-0.18 0.127 0 0zM4.12 14.028c-0.087-0.731-1.050-0.11 0-0zM7.719 16.687c0.152-0.14-0.362-0.104 0 0zM4.463 14.6c-0.15-0.121-0.117 0.152 0 0zM3.946 14.347c0.011-0.312-0.829-0.28 0 0zM3.041 14.119c-0.172-0.968-0.656-0.147-0 0zM6.836 16.754c0.011-0.509-0.396-0.019 0 0zM23.985 27.436c0.64-0.13 2.097 0.325 2.332-0.17-0.775-0.019-2.687-0.547-2.777 0.125l0.17 0.029zM6.378 16.639c-0.009-0.166-0.152 0.062 0 0zM4.933 15.939c0.499-0.169-0.459-0.112 0 0zM16.467 23.725c-0.009-0.501-0.494 0.125 0 0zM5.241 16.65c0.775-0.3-0.83-0.212 0 0zM20.249 26.297c0.27-0.2-0.337-0.025 0 0zM17.435 24.523c-0.050-0.194-0.196 0.037 0 0zM17.093 24.274c-0.135-0.347-0.535-0.008 0 0zM9.994 19.796c0-0.506-0.906-0.205 0 0zM9.174 19.606c-0.332-0.279-0.016-0.040 0 0zM3.771 16.275c0.115-0.479-1.066-2.633-0.557-1.080 0.182 0.325 0.162 0.942 0.557 1.080zM6.715 18.599c0.646 0.145 2.582 1.592 1.44 0.1-0.585-0.172-0.234-1.603-0.831-1.35 0.4 0.669 0.33 0.953-0.512 0.532-1.056-0.516-0.592 0.255-0.387 0.467-0.28 0.065 0.374 0.245 0.291 0.25zM22.891 29.012c0.482-0.322-0.586-0.104 0 0zM21.166 27.865c0.717-0.602-0.759 0.266-0 0zM21.503 28.028c0.881-0.637-0.535-0.122-0.185 0.12zM11.639 22.174c-0.181-0.371-0.28 0.059 0 0zM11.064 21.841c-0.025-0.3-0.364 0.025 0 0zM20.399 27.727c0.689-0.444-0.157-0.375-0.125 0.040zM6.272 18.818c0.204-0.302-0.525-0.039 0 0zM20.625 28.018c0.712-0.61-0.45-0.128 0-0zM19.543 27.593c1.418-0.917-0.582-0.4 0-0zM4.51 18.178c-0.657-0.937-0.409-1.36-1.043-2.124-0.12-0.587-1.087-1.916-0.5-0.507 0.537 0.823 0.697 2.098 1.543 2.632zM19.784 27.853c0.771-0.817-0.747 0.049 0 0zM19.783 28.115c0.004-0.187-0.3 0.082-0 0zM18.333 27.121c0.697-0.585-0.675 0.26-0 0zM11.964 23.185c0.452 0.4 2.077 0.295 0.55 0.050-0.227-0.337-1.438-0.255-0.55-0.050zM7.327 20.39c-0.302-0.502-1.080-0.455 0 0zM6.513 19.855c-0.125-0.491-0.875-0.487 0-0zM18.624 27.462c0.406-0.394 0.016 0.629 0.675-0.096 0.006-0.519-0.021-0.825-0.757-0.195-0.202 0.112-0.292 0.591 0.082 0.291zM17.861 27.141c0.025-0.35-0.241 0.3 0-0zM10.438 22.644c1.762 0.567-0.864-0.695 0-0zM8.988 21.811c0.425 0.316 1.6 0.898 0.605 0.12 0.336-0.39-0.642-0.597-0.317-0.857-0.825-0.505-0.65-0.46-0.072-0.445-0.992-0.442 0.142-0.41 0.087-0.637-0.381-0.075-1.899-0.675-1.005 0.050-0.907-0.462-0.216 0.172-0.49 0.105-0.928-0.252 0.825 0.706-0.147 0.469 0.531 0.421 1.432 1.080 0.225 0.446-0.16 0.229 0.862 0.575 1.115 0.75zM11.726 23.628c0.769 0.2 0.765-0.119 0.069-0.212-0.375-0.35-1.557-0.719-0.5-0.044 0.071 0.177 0.294 0.174 0.43 0.257zM10.339 22.928c-0.16-0.139 0.020 0.087-0-0zM11.013 9.666c0.117-0.144 0.025 0.174-0-0zM10.61 12.069c-0.27-0.475 0.34-2.091 0.407-1.087-0.284 0.781-0.081 1.218 0.116 0.17 0.366-0.825-0.079 1.628-0.525 0.918zM10.218 12.706c-0.066-0.4 0.225 0.505 0 0zM10.459 13.343c-0.393-0.97 0.365 0.512-0-0zM10.623 13.706c-0.003-0.209 0.054 0.302-0-0zM7.795 12.132c0.257-0.542 0.475 0.604-0-0zM6.793 11.535c0.161-0.069 0.085 0.215-0-0zM11.076 14.879c0.146-1.18 0.129 0.691-0-0zM7.234 12.625c0.211-0.31-0.562-1.4 0.111-0.391 0.29 0.231 0.84 0.387 0.354 0.484 0.762 0.674-0.187 0.182-0.465-0.092zM11.296 15.203c0.055-1.037 0.31-0.619 0.002 0.147zM6.848 12.985c0.519-0.11 2.147 0.911 0.65 0.292-0.165-0.185-0.52-0.1-0.65-0.293zM11.586 16.261c0.162-0.577 0.012 0.381 0 0zM9.484 14.913c-0.082-1.012 0.184 0.167 0 0zM6.715 13.444c-0.871-1.203 2.533 1.216 0.559 0.305-0.206-0.054-0.455-0.075-0.559-0.305zM11.521 16.702c0.067-0.275 0.009 0.322 0 0zM11.771 16.95c0.060-0.641 0.124 0.437-0 0zM10.334 16.1c-0.587-0.352-0.154-2.479 0.046-1.025 0.571-0.185-0.031 0.75 0.394 0.742-0.066 0.591-0.257 0.804-0.437 0.282zM6.448 13.841c-1.357-1.207 1.706 0.632 0.221 0.225zM7.319 14.674c-0.41-0.771 0.5 0.322 0 0zM6.881 14.533c0.271-0.269 0.144 0.265 0 0zM6.169 14.552c-0.467-0.462-0.805-0.891 0.021-0.287 0.319 0.012-0.707-0.972 0.075-0.312 0.825 0.15 0.409 1.352-0.096 0.6zM7.524 15.601c0.27-0.569 0.457 0.792 0 0zM6.961 15.408c0.050-0.754 0.287 0.516 0 0zM8.215 16.271c-0.262-0.448-0.417-0.987-0.417-1.562 0-0.001 0-0.002 0-0.003v0c0.095 0.472 1.005 2.033 0.446 0.647-0.617-1.162 0.737 0.377 0.877 0.667 0.062 0.287-0.381-0.079-0.080 0.597-0.55-0.771-0.325 0.425-0.826-0.347zM12.271 18.977c-0.44-0.987 0.312-0.54 0.097 0.162zM9.919 18.222c-0.194-0.347 0.404 0.325 0 0zM12.658 20.128c0.168-0.63 0.198 0.53 0 0zM8.78 18.026c0.274-0.075 0.135 0.467 0 0zM13.653 21.39c-0.465-0.9 0.587 0.255 0 0zM14.056 21.931c-0.012-0.585 0.134 0.45 0 0zM18.687 25.45c0.231-0.014 0.008 0.175 0 0zM14.64 22.879c-0.37-0.387-0.466-1.112-0.066-0.481 0.205 0.082 0.656 1.183 0.066 0.481zM15.883 26.388c0.966-0.577 0.647 1.352 1.638 0.162 0.977-0.712-0.843 0.883 0.362 0.129 0.87-0.584 2.157 0.275 2.969 0.556 0.585-0.029 1.153 0.506 1.753 0.181 1.153-0.312-2.257-0.462-1.362-1.012-0.138 0.031-0.297 0.049-0.46 0.049-0.805 0-1.509-0.435-1.89-1.082l-0.006-0.010c-1.299-0.215-2.402-0.92-3.136-1.914l-0.009-0.013c-0.24-0.394 0.35 0.055-0.207-0.587-0.606-0.61-1.123-1.311-1.527-2.079l-0.023-0.047c-0.571-0.305-0.637-1.203-0.696-0.030 0.005-0.741-0.691-1.24-0.86-1.032-0.002-0.714 0.744-0.356 0.22-0.884-0.112-0.74-0.482-1.512-0.594-2.346-0.172-0.402-0.025-1.263-0.591-0.352-0.206 0.962-0.069-1.183 0.252-0.475 0.421-0.725-0.15-0.637-0.175-0.537 0.275-0.61 0.175-1.475-0.071-1.145 0.146-0.646 0.231-2.377-0.219-2.069 0.272-0.675 0.517-3.090-0.667-2.169-0.62 0.025-1.202 0.159-1.736 0.382l0.033-0.012c1.232 0.679-0.125 0.245-0.625 0.137-0.065 0.627-0.562 0.356-1.182 0.362 0.991 0.122-0.482 1.012-1.051 0.667-0.737 0.352 0.637 1.233 0.015 1.506 0.075 0.41-1.131-0.15-1.037 0.8-0.716-0.301-0.097 1.125 0.261 0.642 1.218 0.33 0.857 1.082 0.887 1.796-0.197 0.416-0.98-0.978-0.175-0.914-0.634-1.033-0.701-0.375-1.23 0.106-0.125 0.035 1.348 0.684 0.425 1.003 0.812 0.125 0.835 0.837 1 1.287 0.487 0.509 0.387-0.562 0.973 0.050-0.37-0.545-1.958-1.535-0.68-1.217-0.006-0.55-0.231-0.991 0.161-0.98 0.387-0.702-0.406 1.733 0.469 0.84 0.241-0.106 0.3-0.704 0.737 0.056 0.631 0.622 0.227 1.072-0.664 0.504 0.159 0.541 1.192 0.734 0.998 1.581 0.206 0.744 0.494 0.47 0.745 0.427 0.197 0.722 0.309 0.191 0.319-0.154 0.9 0.194 0.69 0.725 0.972 1.1 0.621 0.28-0.89-1.902 0.177-0.657 1.122 1.012 0.421 1.437-0.587 1.275 0.637-0.051 0.844 0.862 1.641 0.83 0.727 0.346 1.218 1.675-0.034 1.121-0.435-0.391-1.974-0.875-0.716-0.13 1.282 0.525 2.335 1.039 3.35 1.611l-0.15-0.077c0.8 0.572 1.147 1.227 1.45 1.357-0.672 0.321-2.028-0.257-1.021-0.435-0.629-0.114-1.335-0.431-0.734 0.35 0.512 0.429 1.812 0.382 2.046 0.431-0.199 0.435-0.537 0.47 0.008 0.504-0.607 0.325 0.195 0.375 0.251 0.56zM12.289 24.179c1.033 0.132-1.231-0.704-0.226-0.075zM15.045 26.050c0.897-0.356-0.875-0.175 0 0zM9.746 22.754c0.575-0.062-0.925-0.389 0 0zM12.877 24.744c0.075-0.319-0.66-0.096 0 0zM17.456 27.709c-0.012-0.246-0.229 0.094 0 0zM13.25 25.129c-0.142-0.162-0.068 0.035 0 0zM6.493 20.836c-0.096-0.371-0.842-0.667 0 0zM9.067 22.501c0.775-0.046-1.060-0.341 0 0zM11.239 24.068c-0.080-0.239-0.42-0.010 0 0zM17.025 27.637c0.035-0.454-0.441 0.337 0 0zM8.94 22.657c-0.052-0.25-0.332 0.023 0 0zM14.743 26.356c1.35 0.012-1.218-0.184 0 0zM12.277 24.931c1.425 0.404-1.197-0.9-0.351-0.147l0.187 0.085 0.162 0.062zM13.507 25.91c0.241-0.412-1.018-0.237 0 0zM9.458 23.438c0.582 0.447 2.349 0.057 0.892-0.266-0.662-0.354-2.158-0.595-1.14 0.212zM12.687 25.653c0.537-0.202-0.87-0.204 0 0zM11.48 24.912c0.375-0.262-0.776-0.2 0 0zM10.043 24.075c-0.050-0.209-0.77-0.231 0 0zM14.943 27.892c0.496 0.312 2.899 0.687 1.393 0.129-0.25 0.052-2.787-0.717-1.395-0.129zM11.856 25.965c-0.017-0.207-0.22 0.094 0 0zM11.239 25.657c0.609-0.394-0.787-0.005 0 0zM13.947 27.548c0.239-0.352-0.762-0.134 0 0zM12.538 26.761c0.39-0.375-0.605-0.235 0 0zM11.714 26.417c-0.067-0.331-0.3 0.185 0 0zM11.056 26.177c0.269-0.12-0.387-0.15 0 0zM6.115 21.807c0.041-0.182 0.221 0.396 0 0zM9.606 25.64c1.212 0.449-0.005-0.852-0.562-0.777-0.245-0.426-0.938-0.696-0.45-0.925-0.88 0.305-0.921-1.162-1.337-0.953-0.93-0.294-0.362-1.337-1.47-1.974-0.101-0.675-1.102-1.26-1.422-2.277-0.141-0.52-1.131-2.016-0.522-0.625 0.648 1.386 1.378 2.579 2.221 3.68l-0.034-0.047c0.545 1.179 1.346 2.158 2.336 2.898l0.020 0.014c0.362 0.348 0.71 0.879 1.221 0.987zM11.985 27.322c1.11 0.571 2.398 1.016 3.753 1.268l0.088 0.014c1.303 0.299 2.799 0.47 4.336 0.47 0.798 0 1.586-0.046 2.36-0.136l-0.094 0.009c-0.987-0.446-2.009 0.175-2.993-0.319-0.35 0.040-0.756 0.062-1.167 0.062-0.879 0-1.734-0.103-2.553-0.298l0.075 0.015c-1.631-0.594-2.987-1.206-4.292-1.902l0.179 0.087c-1.596-0.582 0.825 0.747 1.256 0.856 0.997 0.566-1.096-0.291-1.392-0.526-0.835-0.469-0.942-0.371-0.082 0.105 0.174 0.1 0.345 0.207 0.525 0.294zM9.967 26.447c-1.228-0.845-2.28-1.828-3.171-2.945l-0.023-0.029c-1.676-2.057-3.041-4.451-3.971-7.051l-0.053-0.168c-0.557-1.693-0.75-3.509-1.467-5.136-0.145-0.266-0.23-0.583-0.23-0.92 0-0.972 0.711-1.779 1.641-1.928l0.011-0.001c0.575-0.109 1.59-0.652 0.366-0.264-1.097 0.805-1.203-0.731-0.079-0.827 0.489-0.005 0.884-0.402 0.884-0.892 0-0.147-0.036-0.286-0.099-0.409l0.002 0.005c-0.825-0.537 1.999-1.128 0.579-1.929-1.478-1.598 2.071-1.904 1.196-0.092-0.209 1.393 2.479-0.256 1.856 1.353 0.634 0.774 2.374 0.175 2.331 1.261 0.925 0.062 1.241 0.84 2.108 0.9 0.9 0.406 2.527 0.725 2.832 1.737-0.891 0.707-2.954-1.456-3.053 0.497 0.023 3.075 0.48 6.034 1.312 8.832l-0.057-0.225c0.67 1.664 1.62 3.085 2.804 4.271l-0-0c1.079 1.202 2.376 2.182 3.834 2.884l0.074 0.032c1.16 0.548 2.508 0.98 3.918 1.228l0.097 0.014c0.56-0.429 1.55-2.021 2.422-1.35 0.041 0.755-1.735 1.578-0.084 1.495 0.97-0.292 1.642 0.75 2.441-0.19 0.735 0.871 3.057-0.557 2.533 1.225-0.707 0.455-1.739 0.18-2.448 0.807-1.168-0.584-2.099 0.522-3.393 0.382-1.271 0.231-2.734 0.363-4.228 0.363-0.044 0-0.089-0-0.133-0l0.007 0c-2.548-0.045-4.986-0.444-7.29-1.149l0.187 0.049c-1.394-0.471-2.603-1.091-3.7-1.86l0.046 0.031z"></path>
 </svg>`;

package/dist/components/FlowLauncher.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 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 382.6 382.5" width="${width}" height="${height}" ${restAttrs}><defs><linearGradient id="a" x2="249.9" y1="191.3" y2="191.3" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1b9de2"/><stop offset=".2" stop-color="#1595df"/><stop offset=".7" stop-color="#0680d7"/><stop offset="1" stop-color="#0078d4"/></linearGradient><linearGradient xlink:href="#a" id="b" x1="697.3" x2="809.9" y1="499.2" y2="499.2" gradientTransform="rotate(49.2 809.6 -269.1)"/><linearGradient id="c" x1="143.6" x2="393.5" y1="249.8" y2="249.8" gradientTransform="rotate(180 263.1 220.5)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0c59a4"/><stop offset="1" stop-color="#114a8b"/></linearGradient></defs><path fill="url(#a)" d="M117 382.5H0v-189C0 90.7 84 0 186.9 0h63v120.4h-54.6c-46.8 0-78 31.2-78 78l-.1 184.1z"/><path fill="url(#b)" d="m249.9 182.6.2-46.8h-54.7c-39 0-62.4 23.4-62.4 62.4l-.2 47 54.6-.1c39 0 62.5-23.4 62.5-62.5z"/><path fill="url(#c)" d="M265.5 0h117v189c0 102.8-84 193.5-186.8 193.5h-63V262.1h54.6c46.9 0 78.1-31.2 78.1-78L265.5 0z"/></svg>`;
+</script>
+
+{@html svgContent}