give every brand icon the lucide safe area and centre its artwork (#10790)

Co-authored-by: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-07 16:03:21 +00:00 · 2026-08-21 10:15:19 +02:00
parent 75d0c29586
commit c7e3537da8
363 changed files with 842 additions and 404 deletions
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 77.5931 64"
+	viewBox="-3.527 -10.324 84.647 84.647"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	aria-hidden="true"
@@ -8,7 +8,7 @@
 </script>

 <!-- #20E492 per abstractapi.com's own logo SVG (6538df34291c9fa4ed28d6f7_Logo.svg). -->
-<svg {width} {height} viewBox="0.77 0 90.15 90.15" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-3.328 -4.098 98.345 98.345" xmlns="http://www.w3.org/2000/svg">
 	<defs
 		><clipPath id="abstractapi-clip0_4255_674">
 			<rect
@@ -9,7 +9,7 @@

 <!-- #4C49CB, with #F6511E and #CAD1E1, per Accelo_Logo-Primary.svg on accelo.com. The mark keeps these
 	three fills in both themes; only the wordmark (not drawn here) swaps #10202D for white. -->
-<svg {width} {height} viewBox="-1 -1 158 152" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-7.2 -10.508 171.017 171.017" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M95.1552 97.2397C92.0269 90.7038 84.2061 87.9534 77.6839 91.0587L7.56272 124.655C0.922451 127.849 -1.8517 135.804 1.30611 142.429C3.60807 147.22 8.35955 150 13.3176 150C15.2359 150 17.2132 149.586 19.0725 148.699L89.1642 115.162C95.6864 112.027 98.4606 104.19 95.3323 97.6537C95.2733 97.5354 95.2142 97.4171 95.1552 97.2988V97.2397Z"
 		fill="#CAD1E1"
@@ -13,7 +13,7 @@
 	class="text-[#004CFF] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 256 391"
+	viewBox="-85.273 -17.773 426.545 426.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -13,7 +13,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-6.563 -6.399 181.125 181.125"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,7 @@
 </script>

 <!-- #149ED7 per Acumbamail's own isotype SVG, /static/favico/Acumbamail/favicon-32.svg on acumbamail.com. -->
-<svg {width} {height} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-1.455 -1.455 34.909 34.909" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<clipPath id="acumbamail-clippath">
 			<path
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="143 17 71 42"
+	viewBox="140.686 0.464 75.488 75.488"
 	fill="#00acc6"
 	fill-rule="evenodd"
 	xmlns="http://www.w3.org/2000/svg"
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.047 -0.554 25.108 25.108"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 41.8 512 428.4"
+	viewBox="-23.273 -23.273 558.545 558.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="text-[#003DFF] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -14,7 +14,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
 	height={`${size}px`}
-	viewBox="0 0 24 24"
+	viewBox="1.057 1.057 21.886 21.886"
 	fill={color ?? 'currentColor'}
 	class={clazz}
 >
@@ -13,7 +13,7 @@
 <svg
 	{height}
 	preserveAspectRatio="xMidYMid"
-	viewBox="0 0 256 256"
+	viewBox="-11.114 -11.614 278.727 278.727"
 	{width}
 	xmlns="http://www.w3.org/2000/svg"
 	class="dark:invert"
@@ -12,7 +12,7 @@
 	class="text-[#141413] dark:text-[#FAF9F5]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.019 -0.066 24.085 24.085"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
@@ -8,7 +8,13 @@
 </script>

 <!-- #246DFF / #20A34E / #F86606 per apify.com/resources/brand. White/black variants are reserved for monochromatic contexts, so the tricolour mark stays in both themes. -->
-<svg {width} {height} viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-9.091 -9.091 218.182 218.182"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<!-- Apify logo icon (extracted from official SVG) -->
 	<g clip-path="url(#clip0_267_4154)">
 		<path
@@ -12,7 +12,7 @@
 	class="text-[#1F1F1E] dark:text-[#F8FF2C]"
 	{width}
 	{height}
-	viewBox="0 0 303 303"
+	viewBox="-13.773 -13.773 330.545 330.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 30.3 512 451.5"
+	viewBox="-23.273 -23.223 558.545 558.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,13 @@
 </script>

 <!-- #006FDE per Esri's ArcGIS Pro product logo (esri.com/content/dam/esrisites/en-us/common/icons/product-logos/arcgis-pro-64.svg). Esri publishes no reversed variant for this badge and forbids altering its logos. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#006FDE" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#006FDE"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M12 0a.84923.84923 0 0 0-.33766.07031l-8.5183 3.69444C2.1458 4.19776 1.4997 5.1816 1.4997 6.2697v13.2521l10.16264 4.40783c.21517.09333.46015.09407.67532.00073l8.5183-3.6959c.99824-.43301 1.64434-1.41685 1.64434-2.50495V4.47814L12.33766.06958C12.23007.02291 12.11516-.00005 12 0Zm0 4.83705c4.16294 0 7.53757 3.3746 7.53757 7.53757S16.163 19.91218 12 19.91218c-4.163 0-7.53757-3.37462-7.53757-7.53756S7.837 4.83705 12 4.83705zm-.3501 1.38871c-.89685-.02267-2.32742.2409-3.74645 1.6143.34958.55454.64544.97782.49 1.41801-.23127.65503-.5139.51378-1.07083.99466-.39567.34169.2067 1.01292-.31275 1.30595-.51945.29306-1.21315.6636-.94925 1.17557.2639.51196 1.4691.83013 1.95929 1.07522.49018.2451.92812.70605.6072 1.2371-.31403.51948-.53713 1.13083-.60134 1.60917 1.0549.94423 2.44706 1.51909 3.97423 1.51909 3.2928 0 5.81772-2.71048 5.96208-6.00017.04062-.92531-.93924-.93972-1.53447-.93972 0 0 .34061.92356.01831 1.43632-.3223.51278-.84968.76166-.83498 1.37699.01464.61533-.93743 1.5967-1.2598 1.9483-.32223.35163-.9228.74718-1.12796-.0586-.2051-.80579-.12596-1.47799.1084-2.04938.23442-.57136-.2174-.74707-.92068-.76174-.7032-.01463-1.0798-.10795-1.18656-1.19315-.08787-.89369 1.2429-1.84356 1.81426-1.84356.33406 0 1.45485.21963 1.50737-.34058.08056-.8593-.8204-1.04164-1.03934-1.60185C13.2877 7.58747 14.98596 6.60707 12 6.24993c-.10475-.01253-.22199-.02093-.3501-.02417z"
 	/>
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 256 236.624"
+	viewBox="-11.636 -21.324 279.273 279.273"
 	xmlns="http://www.w3.org/2000/svg"
 	preserveAspectRatio="xMidYMid"
 	><title>Asana</title><g
@@ -14,7 +14,7 @@
 	class="text-[#1D1B16] dark:text-[#C7C3B2]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.208 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -17,7 +17,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 22 22"
+	viewBox="-0.685 -0.685 23.672 23.672"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	class={className}
@@ -18,7 +18,7 @@
 	{width}
 	{height}
 	class={className}
-	viewBox="0 0 22 22"
+	viewBox="-0.685 -1.265 23.672 23.672"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -13,7 +13,7 @@
 	{width}
 	{height}
 	class={className}
-	viewBox="0 0 22 22"
+	viewBox="-0.664 -0.664 23.156 23.156"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -13,7 +13,7 @@
 	{width}
 	{height}
 	class={className}
-	viewBox="0 0 22 22"
+	viewBox="-1.201 -0.685 23.672 23.672"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -13,7 +13,7 @@
 	class="text-[#1C1D1F] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 18 18"
+	viewBox="0.553 0.447 17.105 17.105"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -26,7 +26,7 @@
 	role="img"
 	{width}
 	{height}
-	viewBox="0 0 19.7865 24"
+	viewBox="-3.198 -1.091 26.182 26.182"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
 	class={twMerge('text-[#232220] dark:text-[#FFFFFF]', clazz)}
@@ -1,6 +1,11 @@
 <!-- #3F51B4 per authelia.com/images/branding/logo-cropped.svg (light stop of the official #3F51B4→#113155 gradient, flattened).
 	 authelia.com/reference/guides/branding permits format/layout changes only — do not alter the design. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 335.000000 335.000000" width="24" height="24">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="-13.71 -13.383 360.458 360.458"
+	width="24"
+	height="24"
+>
 	<title>authelia-svg</title>
 	<g
 		transform="translate(0.000000,335.000000) scale(0.100000,-0.100000)"
@@ -3,7 +3,7 @@
 	id="Layer_1"
 	data-name="Layer 1"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 1000 1000"
+	viewBox="-45.455 -45.455 1090.909 1090.909"
 	width="24"
 	height="24"
 	fill="currentColor"
@@ -16,7 +16,7 @@ fill for both themes; the gradient tile was retired in the 2023 accessibility re
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-7.636 -7.636 183.273 183.273"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -18,7 +18,7 @@
 	class={twMerge('text-[#252F3E] dark:text-white', clazz)}
 	width={width ?? size}
 	height={height ?? size}
-	viewBox="0.02 102.6 511.9 306.4"
+	viewBox="-23.248 -23.418 558.436 558.436"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -18,7 +18,7 @@
 <svg
 	width={`${size}px`}
 	height={`${size}px`}
-	viewBox="0 0 256 256"
+	viewBox="0.341 0.591 255.818 255.818"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="Azure"
@@ -12,7 +12,7 @@
 	class="text-[#599D15] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,13 @@
 </script>

 <!-- #5386FF per the mark in baremetrics.com's header logo (baremetrics-logo.svg), the asset this path is taken from. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#5386FF" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#5386FF"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M22.109 7.951l1.485 2.464a3.507 3.507 0 010 3.275l-4.505 7.717a3.333 3.333 0 01-2.94 1.793H7.83a3.335 3.335 0 01-2.94-1.793l-1.555-2.632 6.139-5.695 4.447 2.578a1.093 1.093 0 001.456-.198zm-13.39.628L1.99 16.15.406 13.725a3.495 3.495 0 010-3.27L5.158 2.59A3.338 3.338 0 018.1.8h8.008c1.228 0 2.357.687 2.942 1.79l1.616 2.722-6.017 5.592-4.432-2.574a1.098 1.098 0 00-1.499.248z"
 	/>
@@ -12,7 +12,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	height={`${size}px`}
 	width={`${size}px`}
-	viewBox="-64 -64 640 640"
+	viewBox="-23.545 -23.545 559.091 559.091"
 	class={clazz}
 	{style}
 >
@@ -8,7 +8,13 @@
 </script>

 <!-- #2BC3F1 / #5190EF / #4D68C4 per the baserow.io favicon and horizontal logo. The mark keeps these three colours on light and dark; only the wordmark reverses to white. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="#2BC3F1"
 		d="M1.291.068A1.29 1.29 0 0 0 0 1.36v3.352a1.29 1.29 0 0 0 1.291 1.291h3.354a1.29 1.29 0 0 0 1.289-1.291V1.359A1.29 1.29 0 0 0 4.644.07Zm9.033 0a1.29 1.29 0 0 0-1.29 1.291v3.352a1.29 1.29 0 0 0 1.29 1.291H22.71A1.29 1.29 0 0 0 24 4.711V1.359A1.29 1.29 0 0 0 22.709.07Z"
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="1.057 1.057 21.886 21.886"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
@@ -13,7 +13,7 @@
 	class="text-[#1D2032] dark:text-[#EBEDFF]"
 	{width}
 	{height}
-	viewBox="0 6.2 27.5 27.5"
+	viewBox="-1.25 4.95 30.0 30.0"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -7,7 +7,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="7.397 7.397 153.205 153.205"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M28 63H140"
 		stroke="currentColor"
@@ -13,7 +13,7 @@
 	class="text-[#1C1E21] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 42 42"
+	viewBox="-0.835 -0.835 43.671 43.671"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="Beamer"
@@ -8,7 +8,7 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0 0 512 512">
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="0.636 0.636 512.727 512.727">
 	<path
 		fill="#34a853"
 		d="M311.9,418.9c-8.8,0-16-7.2-16-16v-145.8c0-8.8,7.2-16,16-16s16,7.2,16,16v145.8c0,8.8-7.2,16-16,16h0Z"
@@ -13,7 +13,7 @@
 	class="text-[#1868DB] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 48 48"
+	viewBox="6.205 7.236 35.591 35.591"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 841.88983154 841.88976378"
+	viewBox="-38.268 -38.268 918.425 918.425"
 	fill="#F36600"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,7 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="12.955 12.955 166.091 166.091" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M172,125c0,25.96-21.04,47-47,47H67c-25.96,0-47-21.04-47-47V67c0-25.96,21.04-47,47-47h58 c25.96,0,47,21.04,47,47V125z"
 		fill="#F57C00"
@@ -15,7 +15,7 @@
 	class="text-[#0560FF] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,7 @@
 </script>

 <!-- #A973FF per botify.com design tokens (--color--surface--purple-05). -->
-<svg {width} {height} viewBox="0 0.632812 15.7288 21.951" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-4.109 -0.365 23.946 23.946" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M9.72505 18.0189C9.17514 18.3277 8.54237 18.5085 7.86441 18.5085C5.77024 18.5085 4.07533 16.8136 4.07533 14.7194C4.07533 12.6253 5.77024 10.9304 7.86441 10.9304C9.95857 10.9304 11.6535 12.6253 11.6535 14.7194C11.6535 15.3974 11.4727 16.0302 11.1638 16.5801L14.0942 19.5104C15.1186 18.1846 15.7288 16.5198 15.7288 14.7119C15.7288 10.3729 12.2109 6.90776 7.87194 6.90776C6.5838 6.90776 5.371 7.27688 4.29379 7.82679V0.632812H0V14.727C0 19.5405 3.51789 22.5838 7.85687 22.5838C9.66478 22.5838 11.322 21.9737 12.6554 20.9492L9.72505 18.0189Z"
 		fill="#A973FF"
@@ -13,7 +13,7 @@
 	class="text-[#0061D5] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -38,7 +38,7 @@
 <svg
 	width={w}
 	height={h}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label={letter}
@@ -8,7 +8,13 @@
 </script>

 <!-- #0B996E disc with a white letterform per brevo.com's favicon.svg. Brevo publishes no per-theme variant of the app mark; the reversed "Mint" #F9FFF6 asset is the wordmark only. -->
-<svg {width} {height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.455 -1.455 34.909 34.909"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16Z"
 		fill="#0B996E"
@@ -12,7 +12,7 @@
 	class="text-[#15191E] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 1024 1024"
+	viewBox="-47.545 -46.545 1117.091 1117.091"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -10,7 +10,7 @@
 <!-- #0000FF dot per the logo SVG served on bubble.io/brand; the B is #262626 there, kept as
 currentColor so the monochrome part follows the app theme. Bubble's brand terms forbid
 re-colouring the mark beyond its published dark/light pair. -->
-<svg {width} {height} viewBox="0 0 256 276" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-22.252 -12.521 300.503 300.503" xmlns="http://www.w3.org/2000/svg">
 	<g>
 		<path
 			d="M156.687886,71.5306475 C131.928045,71.5306475 107.524298,82.1604077 88.8931172,103.059013 L88.8931172,0 L52.0240423,0 L52.0240423,173.506229 C52.0240423,173.510361 52.0240423,173.514494 52.0240423,173.519315 C52.0240423,229.845404 97.6852437,275.506605 154.012021,275.506605 C210.33811,275.506605 256,229.845404 256,173.519315 C256,117.193226 213.013974,71.5306475 156.687886,71.5306475 M154.012021,236.224775 C119.380066,236.224775 91.3051835,208.149893 91.3051835,173.518626 C91.3051835,138.886671 119.380066,110.811789 154.012021,110.811789 C188.643288,110.811789 216.71817,138.886671 216.71817,173.518626 C216.71817,208.150582 188.643288,236.224775 154.012021,236.224775"
@@ -8,7 +8,13 @@
 </script>

 <!-- #14CC80 / #30F2A2 per buildkite.com/about/brand-assets. Buildkite ships a single mark "for any context", so there is no per-theme variant, and asks that it not be altered. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path fill="#30F2A2" d="M0 4v8l8 4V8L0 4Z" />
 	<path fill="#14CC80" d="M8 8v8l8-4V4L8 8Z" />
 	<path fill="#30F2A2" d="M16 4v8l8-4-8-4Z" />
@@ -11,7 +11,7 @@
 <svg
 	id="Bun"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 80 70"
+	viewBox="-3.124 -7.968 86.25 86.25"
 	width={`${width}px`}
 	height={`${height}px`}
 	><title>Bun Logo</title><path
@@ -8,7 +8,7 @@
 </script>

 <!-- #0069FF (Buttondown Blue) per https://buttondown.com/brand. Brand forbids recolouring the logo, so no per-theme variant. -->
-<svg {width} {height} viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-13.636 -13.929 327.273 327.273" xmlns="http://www.w3.org/2000/svg">
 	<g fill="#0069ff" fill-rule="nonzero" transform="matrix(.100402 0 0 -.100402 -.60241 299.996)"
 		><path
 			d="m1940 2982c-114 12-809 3-872-2-536-44-907-357-1023-864-28-126-39-297-39-616 0-418 16-570 81-760 105-309 344-548 653-653 190-65 342-81 760-81s570 16 760 81c309 105 548 344 653 653 65 190 81 342 81 760 0 492-29 684-139 900-171 335-489 538-915 582zm215-617c101.38 0 210-118.62 210-220v-1290c0-103.709-116.29-220-220-220h-1280c-102.364 0-209 122.636-209 225 0 247.96-24 1200 0 1280 33 110 108 188 214 221 14 4 1121.6 4 1285 4z"
@@ -7,7 +7,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="1.057 1.057 21.886 21.886"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 72 72"
+	viewBox="2.096 2.096 67.807 67.807"
 	fill="none"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
@@ -15,7 +15,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-5.518 -6.831 179.694 179.694"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -13,7 +13,7 @@
 	class="text-[#006BFF] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 1024 1024"
+	viewBox="-46.545 -46.545 1117.091 1117.091"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="Campayn"
@@ -9,7 +9,7 @@

 <!-- #FF6E30 per https://certopus.com/images/logo/logo_circle.svg. Verbatim copy of the brand's own
 	circle mark: #2C353D and the white disc are its other fixed tones, not a dark-theme variant. -->
-<svg {width} {height} viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-13.636 -13.636 327.273 327.273" xmlns="http://www.w3.org/2000/svg">
 	<circle cx="150" cy="150" r="150" fill="white" />
 	<path
 		fill-rule="evenodd"
@@ -8,7 +8,7 @@
 </script>

 <!-- #327EFF / #FFDE2D / #FF6446 per Chroma's own logo SVG served by trychroma.com (chroma-wordmark.svg). -->
-<svg {width} {height} viewBox="0 0 256 164" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-11.636 -57.636 279.273 279.273" xmlns="http://www.w3.org/2000/svg">
 	<g>
 		<ellipse fill="#FFDE2D" cx="170.666795" cy="81.9198362" rx="85.3332053" ry="81.9198362"
 		></ellipse>
@@ -13,7 +13,7 @@
 	class="text-[#161616] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="text-[#00BCEB] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -9,7 +9,7 @@

 <!-- #D97757 per https://claude.ai/favicon.svg (Anthropic's own asset). -->
 <svg
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	width={`${width}px`}
 	height={`${height}px`}
 	xmlns="http://www.w3.org/2000/svg"
@@ -8,7 +8,7 @@
 </script>

 <!-- #148CFC per clearbit.com/logo.svg. -->
-<svg {width} {height} viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="0.313 0.313 39.375 39.375" xmlns="http://www.w3.org/2000/svg">
 	<g filter="url(#filter0_f)"
 		><path
 			d="M27.9196 37H12.0804l-.6465-.005c-2.67455-.0434-3.73836-.3679-4.81023-.9411-1.15432-.6173-2.06024-1.5233-2.67758-2.6776l-.12785-.2479c-.5142-1.0387-.79606-2.185-.81698-4.8781L3 12.0804c0-3.15743.32876-4.30241.94609-5.45673.61734-1.15432 1.52326-2.06024 2.67758-2.67758l.24795-.12785c1.03866-.5142 2.185-.79606 4.87808-.81698L27.9196 3c3.1574 0 4.3024.32876 5.4567.94609 1.1543.61734 2.0603 1.52326 2.6776 2.67758l.1279.24795c.5142 1.03866.796 2.185.8169 4.87808L37 27.9196l-.005.6465c-.0434 2.6745-.3679 3.7384-.9411 4.8102-.6173 1.1543-1.5233 2.0603-2.6776 2.6776l-.2479.1279c-1.0802.5347-2.2769.8182-5.2088.8182Z"
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-19.193 -5.818 139.636 139.636"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M99.5716 10.788C101.571 12.1272 101.742 14.9444 100.04 16.646L85.4244 31.2618C84.1035 32.5828 82.0542 32.7914 80.3915 31.9397C75.4752 29.421 69.9035 28 64 28C44.1177 28 28 44.1177 28 64C28 69.9035 29.421 75.4752 31.9397 80.3915C32.7914 82.0542 32.5828 84.1035 31.2618 85.4244L16.646 100.04C14.9444 101.742 12.1272 101.571 10.788 99.5716C3.97411 89.3989 0 77.1635 0 64C0 28.6538 28.6538 0 64 0C77.1635 0 89.3989 3.97411 99.5716 10.788Z"
 		fill="#BAB1FF"
@@ -14,7 +14,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="27 24.5 100.1 100.1"
+	viewBox="22.45 19.95 109.2 109.2"
 	fill="currentColor"
 	class="text-[#161616] dark:text-[#FFFFFF]"
 >
@@ -13,7 +13,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 64 64"
+	viewBox="-2.364 -2.114 68.727 68.727"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="0 -2 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-2.909 -4.909 69.818 69.818"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M32 47C14.06 47 0 39.53 0 30C0 20.47 14.06 13 32 13C49.94 13 64 20.47 64 30C64 39.53 49.94 47 32 47ZM32 18C19.23 18 5 22.93 5 30C5 37.07 19.23 42 32 42C44.77 42 59 37.07 59 30C59 22.93 44.77 18 32 18Z"
 		fill="#4EC375"
@@ -13,7 +13,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-6.563 -7.055 181.125 181.125"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	class="text-[#3448C5] dark:text-[#FFFFFF]"
 	xmlns="http://www.w3.org/2000/svg"
@@ -14,7 +14,7 @@
 	class="text-[#6933FF] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -8,7 +8,13 @@
 </script>

 <!-- #F46A54 per Coda's own app icon, https://cdn.coda.io/icons/png/color/coda-192.png (single-colour mark, no dark variant published). -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#F46A54" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#F46A54"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M21.194 0H2.806A2.01 2.01 0 0 0 .8 2v20c0 1.1.903 2 2.006 2h18.388a2.01 2.01 0 0 0 2.006-2v-.933c-.033-1.2-.067-3.7-.067-4.834 0-.633-.468-1.166-1.07-1.166-.668 0-1.103.4-1.437.733-1.003.9-2.508 1.067-3.812.833-.601-.133-1.17-.3-1.638-.6-1.438-.833-2.374-2.4-2.374-4.066 0-1.667.936-3.2 2.374-4.067.502-.3 1.07-.467 1.638-.6 1.27-.233 2.809-.067 3.812.833.367.334.802.734 1.437.734.602 0 1.07-.534 1.07-1.167 0-1.1.034-3.633.067-4.833V2c0-1.1-.903-2-2.006-2Z"
 	/>
@@ -12,7 +12,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 100 100"
+	viewBox="-4.545 -4.545 109.091 109.091"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="Codat"
@@ -8,7 +8,7 @@
 </script>

 <!-- Fixed full-colour logomark: #355146 / #D18EE2 / #FF7759 per https://cohere.com/logo.svg. -->
-<svg {width} {height} viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-1.58 -1.455 34.909 34.909" xmlns="http://www.w3.org/2000/svg">
 	<g clip-path="url(#clip0_3915_2196)">
 		<path
 			fill-rule="evenodd"
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="text-[#0052FF] dark:text-white"
 	{width}
 	{height}
-	viewBox="0 0 32 32"
+	viewBox="-1.455 -1.455 34.909 34.909"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="text-[#022199] dark:text-[#0066FF]"
 	{width}
 	{height}
-	viewBox="0 0 320 320"
+	viewBox="-14.545 -14.545 349.091 349.091"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
@@ -8,7 +8,7 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-1.091 -1.091 26.182 26.182" xmlns="http://www.w3.org/2000/svg">
 	<path fill="#1868DB" d="M0 6a6 6 0 0 1 6-6h12a6 6 0 0 1 6 6v12a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6z" />
 	<path
 		fill="#FFFFFF"
@@ -8,7 +8,7 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>

-<svg {width} {height} viewBox="2 2 24 24" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="0.581 0.909 26.182 26.182" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill="#1773EB"
 		d="M10.713 5.001c.845.843 1.167 2.079.845 3.228A6.663 6.663 0 0 1 15 7.276h.026a6.7 6.7 0 0 1 4.743 1.988 2.64 2.64 0 1 0 3.746-3.715A11.96 11.96 0 0 0 15.042 2h-.046a11.933 11.933 0 0 0-6.691 2.036h.074a3.287 3.287 0 0 1 2.334.967V5Z"
@@ -14,7 +14,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 500 500"
+	viewBox="58.239 57.75 383.523 383.523"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="text-[#1E1E1E] dark:text-[#F2EFE9]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<g transform="translate(0 6.5802) scale(.0418514)">
@@ -15,7 +15,7 @@
 	class="text-[#1565C0] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 1561 1406"
+	viewBox="-70.955 -148.455 1702.909 1702.909"
 	fill="currentColor"
 >
 	<path
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 1000 1000"
+	viewBox="-45.455 -45.455 1090.909 1090.909"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
@@ -8,7 +8,13 @@
 </script>

 <!-- #45A2FF/#2660FF and #2994FF/#0033BF gradients per currencyapi.com/img/currencyapi_logo_color.svg. -->
-<svg {width} {height} viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="5.336 6.361 38.353 38.353"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M42 25.4897C42 28.2017 39.7997 30.402 37.0877 30.402H11.9225C9.21055 30.402 7.01025 28.2017 7.01025 25.4897C7.01025 22.7777 9.21055 20.5774 11.9225 20.5774H37.0877C39.7997 20.5774 42 22.7777 42 25.4897Z"
 		fill="url(#paint0_linear_682_2)"
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
@@ -13,7 +13,7 @@
 	role="img"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	style="fill:#FF3621;"
 >
 	<path
@@ -14,7 +14,7 @@
 	class="dark:hidden"
 	{width}
 	{height}
-	viewBox="103.88 0.26 592.73 634.49"
+	viewBox="54.16 -28.58 692.171 692.171"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -28,7 +28,7 @@
 	class="hidden dark:block"
 	{width}
 	{height}
-	viewBox="103.88 0.26 592.73 634.49"
+	viewBox="72.251 -28.468 689.467 689.467"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -8,7 +8,13 @@
 </script>

 <!-- #FF7751 (Coral) per datocms.com/company/brand-assets. Brand kit forbids altering the logo's shape or colour. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#FF7751" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#FF7751"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M12 0H.076v24H12c5.964 0 11.924-5.373 11.924-11.998C23.924 5.376 17.963 0 12 0zm0 17.453a5.453 5.453 0 115.455-5.451A5.45 5.45 0 0112 17.452z"
 	/>
@@ -8,7 +8,7 @@
 </script>

 <!-- By Fabián Alexis - https://github.com/fabianalexisinostroza/Antu, CC BY-SA 3.0, https://commons.wikimedia.org/w/index.php?curid=49951194 -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22" {width} {height}
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="2.235 2.235 17.531 17.531" {width} {height}
 	><path
 		d="m337 537.3622a8 3 0 0 0 -8 3v10a8 3 0 0 0 8 3 8 3 0 0 0 8 -3v-10a8 3 0 0 0 -8 -3m0 1a7 2 0 0 1 7 2 7 2 0 0 1 -7 2 7 2 0 0 1 -7 -2 7 2 0 0 1 7 -2m7 3.445v3.555a7 2 0 0 1 -7 2 7 2 0 0 1 -7 -2v-3.549a8 3 0 0 0 7 1.54883 8 3 0 0 0 7 -1.55469m0 5v3.555a7 2 0 0 1 -7 2 7 2 0 0 1 -7 -2v-3.549a8 3 0 0 0 7 1.54883 8 3 0 0 0 7 -1.55469"
 		fill="currentColor"
@@ -12,7 +12,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 32 32"
+	viewBox="-1.313 -1.25 34.5 34.5"
 	preserveAspectRatio="xMidYMid"
 	role="img"
 	aria-label="dbt"
@@ -13,7 +13,7 @@
 	class="text-[#1B1B1B] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 28.851 26.421"
+	viewBox="-1.311 -2.526 31.474 31.474"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -14,7 +14,7 @@
 	class="text-[#2A3275] dark:text-[#4C9CEC]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.068 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	class="dark:hidden"
 	{width}
 	{height}
-	viewBox="0 0 550 689.9"
+	viewBox="-101.309 -31.359 752.618 752.618"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -27,7 +27,7 @@
 	class="hidden dark:block"
 	{width}
 	{height}
-	viewBox="0 0 550 689.9"
+	viewBox="-101.309 -31.359 752.618 752.618"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
@@ -12,7 +12,7 @@
 	class="text-[#4D6BFE] dark:text-[#6799FE]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
@@ -12,7 +12,7 @@
 	(outlined)" marks are separate artworks to be swapped per background, never inverted. -->
 <svg
 	class="dark:hidden"
-	viewBox="0 0 401 401"
+	viewBox="-18.192 -34.639 436.6 436.6"
 	width={`${width}px`}
 	height={`${height}px`}
 	fill-rule="evenodd"
@@ -27,7 +27,7 @@
 </svg>
 <svg
 	class="hidden dark:block"
-	viewBox="0 0 441 441"
+	viewBox="-20.006 -20.006 480.151 480.151"
 	width={`${width}px`}
 	height={`${height}px`}
 	fill-rule="evenodd"
@@ -8,7 +8,13 @@
 </script>

 <!-- #0080FF per DigitalOcean's official logo kit (DO_Logo_icon_blue.svg, linked from digitalocean.com/press). -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#0080FF" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#0080FF"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M12.04 0C5.408-.02.005 5.37.005 11.992h4.638c0-4.923 4.882-8.731 10.064-6.855a6.95 6.95 0 014.147 4.148c1.889 5.177-1.924 10.055-6.84 10.064v-4.61H7.391v4.623h4.61V24c7.86 0 13.967-7.588 11.397-15.83-1.115-3.59-3.985-6.446-7.575-7.575A12.8 12.8 0 0012.039 0zM7.39 19.362H3.828v3.564H7.39zm-3.563 0v-2.978H.85v2.978z"
 	/>
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0.02 57.8 511.92 396.3"
+	viewBox="-23.249 -23.279 558.458 558.458"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
--- a/Show More
+++ b/Show More