diff --git a/frontend/src/lib/components/icons/AblyIcon.svelte b/frontend/src/lib/components/icons/AblyIcon.svelte
index ce4c360152..63212ba3b4 100644
--- a/frontend/src/lib/components/icons/AblyIcon.svelte
+++ b/frontend/src/lib/components/icons/AblyIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/AbstractApiIcon.svelte b/frontend/src/lib/components/icons/AbstractApiIcon.svelte
index a4b1635775..49cbcf824a 100644
--- a/frontend/src/lib/components/icons/AbstractApiIcon.svelte
+++ b/frontend/src/lib/components/icons/AbstractApiIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/AcceloIcon.svelte b/frontend/src/lib/components/icons/AcceloIcon.svelte
index 0f7846e903..4bf23a972d 100644
--- a/frontend/src/lib/components/icons/AcceloIcon.svelte
+++ b/frontend/src/lib/components/icons/AcceloIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte b/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte
index 8d0b08374b..558a588716 100644
--- a/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte
+++ b/frontend/src/lib/components/icons/ActiveCampaignIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ActivitypubIcon.svelte b/frontend/src/lib/components/icons/ActivitypubIcon.svelte
index b8eea782f7..1a98f2ca2f 100644
--- a/frontend/src/lib/components/icons/ActivitypubIcon.svelte
+++ b/frontend/src/lib/components/icons/ActivitypubIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AcumbamailIcon.svelte b/frontend/src/lib/components/icons/AcumbamailIcon.svelte
index f36ceafbb5..128f7650de 100644
--- a/frontend/src/lib/components/icons/AcumbamailIcon.svelte
+++ b/frontend/src/lib/components/icons/AcumbamailIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/AdhookIcon.svelte b/frontend/src/lib/components/icons/AdhookIcon.svelte
index 89da89b9cf..4e85ecc30a 100644
--- a/frontend/src/lib/components/icons/AdhookIcon.svelte
+++ b/frontend/src/lib/components/icons/AdhookIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte b/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte
index e5a6169bbe..6e24bdb305 100644
--- a/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte
+++ b/frontend/src/lib/components/icons/AgentInstructionsIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/Ai21Icon.svelte b/frontend/src/lib/components/icons/Ai21Icon.svelte
index 600fb8a3b6..24cc653cb7 100644
--- a/frontend/src/lib/components/icons/Ai21Icon.svelte
+++ b/frontend/src/lib/components/icons/Ai21Icon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AiAgentIcon.svelte b/frontend/src/lib/components/icons/AiAgentIcon.svelte
index f3d042c98d..ecbb9ec326 100644
--- a/frontend/src/lib/components/icons/AiAgentIcon.svelte
+++ b/frontend/src/lib/components/icons/AiAgentIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/AirtableIcon.svelte b/frontend/src/lib/components/icons/AirtableIcon.svelte
index 70cc6c1698..c7366dbd34 100644
--- a/frontend/src/lib/components/icons/AirtableIcon.svelte
+++ b/frontend/src/lib/components/icons/AirtableIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AlgoliaIcon.svelte b/frontend/src/lib/components/icons/AlgoliaIcon.svelte
index 5b1fdddedd..b8cdd83c97 100644
--- a/frontend/src/lib/components/icons/AlgoliaIcon.svelte
+++ b/frontend/src/lib/components/icons/AlgoliaIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AmqpIcon.svelte b/frontend/src/lib/components/icons/AmqpIcon.svelte
index c5de0c1699..771af6072c 100644
--- a/frontend/src/lib/components/icons/AmqpIcon.svelte
+++ b/frontend/src/lib/components/icons/AmqpIcon.svelte
@@ -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}
 >
diff --git a/frontend/src/lib/components/icons/AnsibleIcon.svelte b/frontend/src/lib/components/icons/AnsibleIcon.svelte
index 1a09cb853c..e09abbc0a0 100644
--- a/frontend/src/lib/components/icons/AnsibleIcon.svelte
+++ b/frontend/src/lib/components/icons/AnsibleIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/AnthropicIcon.svelte b/frontend/src/lib/components/icons/AnthropicIcon.svelte
index 3d7805df3b..01eea50471 100644
--- a/frontend/src/lib/components/icons/AnthropicIcon.svelte
+++ b/frontend/src/lib/components/icons/AnthropicIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte b/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte
index 8fe884c479..a01fcfd3c7 100644
--- a/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte
+++ b/frontend/src/lib/components/icons/ApiKeyAuthIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ApifyIcon.svelte b/frontend/src/lib/components/icons/ApifyIcon.svelte
index 9c9e6d5978..40942f498a 100644
--- a/frontend/src/lib/components/icons/ApifyIcon.svelte
+++ b/frontend/src/lib/components/icons/ApifyIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/ApolloIcon.svelte b/frontend/src/lib/components/icons/ApolloIcon.svelte
index c41d0087f5..596e2e3a9c 100644
--- a/frontend/src/lib/components/icons/ApolloIcon.svelte
+++ b/frontend/src/lib/components/icons/ApolloIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AppwriteIcon.svelte b/frontend/src/lib/components/icons/AppwriteIcon.svelte
index 34de69ee08..7917a86992 100644
--- a/frontend/src/lib/components/icons/AppwriteIcon.svelte
+++ b/frontend/src/lib/components/icons/AppwriteIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ArcGisIcon.svelte b/frontend/src/lib/components/icons/ArcGisIcon.svelte
index 660d28b804..50b084bd5d 100644
--- a/frontend/src/lib/components/icons/ArcGisIcon.svelte
+++ b/frontend/src/lib/components/icons/ArcGisIcon.svelte
@@ -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"
 	/>
diff --git a/frontend/src/lib/components/icons/AsanaIcon.svelte b/frontend/src/lib/components/icons/AsanaIcon.svelte
index e6043784fd..ac9c289635 100644
--- a/frontend/src/lib/components/icons/AsanaIcon.svelte
+++ b/frontend/src/lib/components/icons/AsanaIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/AssemblyAiIcon.svelte b/frontend/src/lib/components/icons/AssemblyAiIcon.svelte
index bfc65a32db..b8160f2992 100644
--- a/frontend/src/lib/components/icons/AssemblyAiIcon.svelte
+++ b/frontend/src/lib/components/icons/AssemblyAiIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte b/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte
index d7342a2765..6a020d6541 100644
--- a/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte
+++ b/frontend/src/lib/components/icons/AssetDatabaseIcon.svelte
@@ -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}
diff --git a/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte b/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte
index bca57f64c0..d02a6b5b7b 100644
--- a/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte
+++ b/frontend/src/lib/components/icons/AssetDucklakeIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AssetResIcon.svelte b/frontend/src/lib/components/icons/AssetResIcon.svelte
index 9a6a2faf5d..30d64ef139 100644
--- a/frontend/src/lib/components/icons/AssetResIcon.svelte
+++ b/frontend/src/lib/components/icons/AssetResIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AssetS3Icon.svelte b/frontend/src/lib/components/icons/AssetS3Icon.svelte
index a578a6f223..bed360a546 100644
--- a/frontend/src/lib/components/icons/AssetS3Icon.svelte
+++ b/frontend/src/lib/components/icons/AssetS3Icon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AttioIcon.svelte b/frontend/src/lib/components/icons/AttioIcon.svelte
index 5f0d5b9a3c..2ed815b46e 100644
--- a/frontend/src/lib/components/icons/AttioIcon.svelte
+++ b/frontend/src/lib/components/icons/AttioIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/Auth0Icon.svelte b/frontend/src/lib/components/icons/Auth0Icon.svelte
index 97fa53a3d9..1f42d8f5f9 100644
--- a/frontend/src/lib/components/icons/Auth0Icon.svelte
+++ b/frontend/src/lib/components/icons/Auth0Icon.svelte
@@ -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)}
diff --git a/frontend/src/lib/components/icons/AutheliaIcon.svelte b/frontend/src/lib/components/icons/AutheliaIcon.svelte
index 4878dcb26f..1e71d1a6bd 100644
--- a/frontend/src/lib/components/icons/AutheliaIcon.svelte
+++ b/frontend/src/lib/components/icons/AutheliaIcon.svelte
@@ -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)"
diff --git a/frontend/src/lib/components/icons/AuthentikIcon.svelte b/frontend/src/lib/components/icons/AuthentikIcon.svelte
index e79f18eef1..79562742d7 100644
--- a/frontend/src/lib/components/icons/AuthentikIcon.svelte
+++ b/frontend/src/lib/components/icons/AuthentikIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/AwsEcrIcon.svelte b/frontend/src/lib/components/icons/AwsEcrIcon.svelte
index 379a14e4a0..094b6c2ad1 100644
--- a/frontend/src/lib/components/icons/AwsEcrIcon.svelte
+++ b/frontend/src/lib/components/icons/AwsEcrIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/AwsIcon.svelte b/frontend/src/lib/components/icons/AwsIcon.svelte
index 7f371a6229..36f4913fba 100644
--- a/frontend/src/lib/components/icons/AwsIcon.svelte
+++ b/frontend/src/lib/components/icons/AwsIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/AzureIcon.svelte b/frontend/src/lib/components/icons/AzureIcon.svelte
index 011142b851..46f1558076 100644
--- a/frontend/src/lib/components/icons/AzureIcon.svelte
+++ b/frontend/src/lib/components/icons/AzureIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BambooHrIcon.svelte b/frontend/src/lib/components/icons/BambooHrIcon.svelte
index 534b48cbe6..3e2b609482 100644
--- a/frontend/src/lib/components/icons/BambooHrIcon.svelte
+++ b/frontend/src/lib/components/icons/BambooHrIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BaremetricsIcon.svelte b/frontend/src/lib/components/icons/BaremetricsIcon.svelte
index a05a84c7c9..e6433698f3 100644
--- a/frontend/src/lib/components/icons/BaremetricsIcon.svelte
+++ b/frontend/src/lib/components/icons/BaremetricsIcon.svelte
@@ -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"
 	/>
diff --git a/frontend/src/lib/components/icons/BarsStaggered.svelte b/frontend/src/lib/components/icons/BarsStaggered.svelte
index eedc72de8a..a3aa602600 100644
--- a/frontend/src/lib/components/icons/BarsStaggered.svelte
+++ b/frontend/src/lib/components/icons/BarsStaggered.svelte
@@ -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}
 >
diff --git a/frontend/src/lib/components/icons/BaserowIcon.svelte b/frontend/src/lib/components/icons/BaserowIcon.svelte
index 5d51c8cfa5..31450e473a 100644
--- a/frontend/src/lib/components/icons/BaserowIcon.svelte
+++ b/frontend/src/lib/components/icons/BaserowIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte b/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte
index 2a570cfb3e..acc5d121e3 100644
--- a/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte
+++ b/frontend/src/lib/components/icons/BasicHttpAuthIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BasisTheoryIcon.svelte b/frontend/src/lib/components/icons/BasisTheoryIcon.svelte
index 6f2dfc2d4e..0852f0c8c5 100644
--- a/frontend/src/lib/components/icons/BasisTheoryIcon.svelte
+++ b/frontend/src/lib/components/icons/BasisTheoryIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BcryptIcon.svelte b/frontend/src/lib/components/icons/BcryptIcon.svelte
index be79ba1418..f8ad3304ba 100644
--- a/frontend/src/lib/components/icons/BcryptIcon.svelte
+++ b/frontend/src/lib/components/icons/BcryptIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BeamerIcon.svelte b/frontend/src/lib/components/icons/BeamerIcon.svelte
index 696eac11f4..e6488d249f 100644
--- a/frontend/src/lib/components/icons/BeamerIcon.svelte
+++ b/frontend/src/lib/components/icons/BeamerIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BigQueryIcon.svelte b/frontend/src/lib/components/icons/BigQueryIcon.svelte
index 43958d302e..803e286f46 100644
--- a/frontend/src/lib/components/icons/BigQueryIcon.svelte
+++ b/frontend/src/lib/components/icons/BigQueryIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BitbucketIcon.svelte b/frontend/src/lib/components/icons/BitbucketIcon.svelte
index ca368edc70..657817276d 100644
--- a/frontend/src/lib/components/icons/BitbucketIcon.svelte
+++ b/frontend/src/lib/components/icons/BitbucketIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BitlyIcon.svelte b/frontend/src/lib/components/icons/BitlyIcon.svelte
index a023981cec..a31da1f900 100644
--- a/frontend/src/lib/components/icons/BitlyIcon.svelte
+++ b/frontend/src/lib/components/icons/BitlyIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BloggerIcon.svelte b/frontend/src/lib/components/icons/BloggerIcon.svelte
index 13ec49a1c0..839f7f167c 100644
--- a/frontend/src/lib/components/icons/BloggerIcon.svelte
+++ b/frontend/src/lib/components/icons/BloggerIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BlueskyIcon.svelte b/frontend/src/lib/components/icons/BlueskyIcon.svelte
index 68dea0f3d2..d31f315b5f 100644
--- a/frontend/src/lib/components/icons/BlueskyIcon.svelte
+++ b/frontend/src/lib/components/icons/BlueskyIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BotifyIcon.svelte b/frontend/src/lib/components/icons/BotifyIcon.svelte
index 375e128ac4..1bd451338d 100644
--- a/frontend/src/lib/components/icons/BotifyIcon.svelte
+++ b/frontend/src/lib/components/icons/BotifyIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BoxIcon.svelte b/frontend/src/lib/components/icons/BoxIcon.svelte
index 980d8f5757..c3a18db187 100644
--- a/frontend/src/lib/components/icons/BoxIcon.svelte
+++ b/frontend/src/lib/components/icons/BoxIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BrandLetterIcon.svelte b/frontend/src/lib/components/icons/BrandLetterIcon.svelte
index a9e9fa2966..0a7026e3c2 100644
--- a/frontend/src/lib/components/icons/BrandLetterIcon.svelte
+++ b/frontend/src/lib/components/icons/BrandLetterIcon.svelte
@@ -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}
diff --git a/frontend/src/lib/components/icons/BrevoIcon.svelte b/frontend/src/lib/components/icons/BrevoIcon.svelte
index 971fb5d9f3..07e1bfbbd6 100644
--- a/frontend/src/lib/components/icons/BrevoIcon.svelte
+++ b/frontend/src/lib/components/icons/BrevoIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BrexIcon.svelte b/frontend/src/lib/components/icons/BrexIcon.svelte
index 526b2fe536..a57dd3534e 100644
--- a/frontend/src/lib/components/icons/BrexIcon.svelte
+++ b/frontend/src/lib/components/icons/BrexIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/BrowserlessIcon.svelte b/frontend/src/lib/components/icons/BrowserlessIcon.svelte
index 9dcf785adf..437e124098 100644
--- a/frontend/src/lib/components/icons/BrowserlessIcon.svelte
+++ b/frontend/src/lib/components/icons/BrowserlessIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/BubbleIcon.svelte b/frontend/src/lib/components/icons/BubbleIcon.svelte
index 15277d5436..41c26603b0 100644
--- a/frontend/src/lib/components/icons/BubbleIcon.svelte
+++ b/frontend/src/lib/components/icons/BubbleIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/BuildkiteIcon.svelte b/frontend/src/lib/components/icons/BuildkiteIcon.svelte
index e510c61449..3b12a16775 100644
--- a/frontend/src/lib/components/icons/BuildkiteIcon.svelte
+++ b/frontend/src/lib/components/icons/BuildkiteIcon.svelte
@@ -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" />
diff --git a/frontend/src/lib/components/icons/BunIcon.svelte b/frontend/src/lib/components/icons/BunIcon.svelte
index 792ad10b3c..1d73456f91 100644
--- a/frontend/src/lib/components/icons/BunIcon.svelte
+++ b/frontend/src/lib/components/icons/BunIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/ButtondownIcon.svelte b/frontend/src/lib/components/icons/ButtondownIcon.svelte
index b7fa075167..4fcb47c9d0 100644
--- a/frontend/src/lib/components/icons/ButtondownIcon.svelte
+++ b/frontend/src/lib/components/icons/ButtondownIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CACertificate.svelte b/frontend/src/lib/components/icons/CACertificate.svelte
index d6a6a6cdde..cd988b75b5 100644
--- a/frontend/src/lib/components/icons/CACertificate.svelte
+++ b/frontend/src/lib/components/icons/CACertificate.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CSharpIcon.svelte b/frontend/src/lib/components/icons/CSharpIcon.svelte
index c9c06d77cb..185c2b9ddc 100644
--- a/frontend/src/lib/components/icons/CSharpIcon.svelte
+++ b/frontend/src/lib/components/icons/CSharpIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CalcomIcon.svelte b/frontend/src/lib/components/icons/CalcomIcon.svelte
index 5dea23818d..e756c19b7f 100644
--- a/frontend/src/lib/components/icons/CalcomIcon.svelte
+++ b/frontend/src/lib/components/icons/CalcomIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CalendlyIcon.svelte b/frontend/src/lib/components/icons/CalendlyIcon.svelte
index d1dfd1f094..70fb159918 100644
--- a/frontend/src/lib/components/icons/CalendlyIcon.svelte
+++ b/frontend/src/lib/components/icons/CalendlyIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CampaynIcon.svelte b/frontend/src/lib/components/icons/CampaynIcon.svelte
index c343cb186f..8e2a90a0f3 100644
--- a/frontend/src/lib/components/icons/CampaynIcon.svelte
+++ b/frontend/src/lib/components/icons/CampaynIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CertopusIcon.svelte b/frontend/src/lib/components/icons/CertopusIcon.svelte
index 227528bae2..3a95a2df64 100644
--- a/frontend/src/lib/components/icons/CertopusIcon.svelte
+++ b/frontend/src/lib/components/icons/CertopusIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ChromaIcon.svelte b/frontend/src/lib/components/icons/ChromaIcon.svelte
index b42a6b58e4..333c4857fe 100644
--- a/frontend/src/lib/components/icons/ChromaIcon.svelte
+++ b/frontend/src/lib/components/icons/ChromaIcon.svelte
@@ -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>
diff --git a/frontend/src/lib/components/icons/CircleCiIcon.svelte b/frontend/src/lib/components/icons/CircleCiIcon.svelte
index 59c97c4e37..cc4ec168fb 100644
--- a/frontend/src/lib/components/icons/CircleCiIcon.svelte
+++ b/frontend/src/lib/components/icons/CircleCiIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CiscoIcon.svelte b/frontend/src/lib/components/icons/CiscoIcon.svelte
index aa3ed22d0f..18f408932a 100644
--- a/frontend/src/lib/components/icons/CiscoIcon.svelte
+++ b/frontend/src/lib/components/icons/CiscoIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ClaudeIcon.svelte b/frontend/src/lib/components/icons/ClaudeIcon.svelte
index 44ec5723c2..ab0c8491d9 100644
--- a/frontend/src/lib/components/icons/ClaudeIcon.svelte
+++ b/frontend/src/lib/components/icons/ClaudeIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ClearbitIcon.svelte b/frontend/src/lib/components/icons/ClearbitIcon.svelte
index 478387223d..3235c73bc5 100644
--- a/frontend/src/lib/components/icons/ClearbitIcon.svelte
+++ b/frontend/src/lib/components/icons/ClearbitIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ClerkIcon.svelte b/frontend/src/lib/components/icons/ClerkIcon.svelte
index 9649794578..06af22628a 100644
--- a/frontend/src/lib/components/icons/ClerkIcon.svelte
+++ b/frontend/src/lib/components/icons/ClerkIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ClickhouseIcon.svelte b/frontend/src/lib/components/icons/ClickhouseIcon.svelte
index a1ea211f36..f786cc5819 100644
--- a/frontend/src/lib/components/icons/ClickhouseIcon.svelte
+++ b/frontend/src/lib/components/icons/ClickhouseIcon.svelte
@@ -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]"
 >
diff --git a/frontend/src/lib/components/icons/ClickupIcon.svelte b/frontend/src/lib/components/icons/ClickupIcon.svelte
index e84ddc0633..4d7fcdce27 100644
--- a/frontend/src/lib/components/icons/ClickupIcon.svelte
+++ b/frontend/src/lib/components/icons/ClickupIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CloseIcon.svelte b/frontend/src/lib/components/icons/CloseIcon.svelte
index e61b7ada6c..efbb015cc5 100644
--- a/frontend/src/lib/components/icons/CloseIcon.svelte
+++ b/frontend/src/lib/components/icons/CloseIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CloudflareIcon.svelte b/frontend/src/lib/components/icons/CloudflareIcon.svelte
index 7fed848d2d..db7bc8db5c 100644
--- a/frontend/src/lib/components/icons/CloudflareIcon.svelte
+++ b/frontend/src/lib/components/icons/CloudflareIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CloudinaryIcon.svelte b/frontend/src/lib/components/icons/CloudinaryIcon.svelte
index 9dc633dccd..fcb1e1aaaa 100644
--- a/frontend/src/lib/components/icons/CloudinaryIcon.svelte
+++ b/frontend/src/lib/components/icons/CloudinaryIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CockroachDbIcon.svelte b/frontend/src/lib/components/icons/CockroachDbIcon.svelte
index 2953c152f5..93b6d5afe2 100644
--- a/frontend/src/lib/components/icons/CockroachDbIcon.svelte
+++ b/frontend/src/lib/components/icons/CockroachDbIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CodaIcon.svelte b/frontend/src/lib/components/icons/CodaIcon.svelte
index 9a58fb8998..3aee2cfb49 100644
--- a/frontend/src/lib/components/icons/CodaIcon.svelte
+++ b/frontend/src/lib/components/icons/CodaIcon.svelte
@@ -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"
 	/>
diff --git a/frontend/src/lib/components/icons/CodatIcon.svelte b/frontend/src/lib/components/icons/CodatIcon.svelte
index 732a4a878e..46455a7a6c 100644
--- a/frontend/src/lib/components/icons/CodatIcon.svelte
+++ b/frontend/src/lib/components/icons/CodatIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CohereIcon.svelte b/frontend/src/lib/components/icons/CohereIcon.svelte
index dba01ef6ed..d3c0dc0949 100644
--- a/frontend/src/lib/components/icons/CohereIcon.svelte
+++ b/frontend/src/lib/components/icons/CohereIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte b/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte
index 67ff2998c8..ccd9253302 100644
--- a/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte
+++ b/frontend/src/lib/components/icons/CoinMarketCapIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/CoinbaseIcon.svelte b/frontend/src/lib/components/icons/CoinbaseIcon.svelte
index 5d61e83df7..bdff312a75 100644
--- a/frontend/src/lib/components/icons/CoinbaseIcon.svelte
+++ b/frontend/src/lib/components/icons/CoinbaseIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ComapeoIcon.svelte b/frontend/src/lib/components/icons/ComapeoIcon.svelte
index 062c45e087..f7b3a9a1ea 100644
--- a/frontend/src/lib/components/icons/ComapeoIcon.svelte
+++ b/frontend/src/lib/components/icons/ComapeoIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ConfluenceIcon.svelte b/frontend/src/lib/components/icons/ConfluenceIcon.svelte
index a892e912f2..2f1a94b6c6 100644
--- a/frontend/src/lib/components/icons/ConfluenceIcon.svelte
+++ b/frontend/src/lib/components/icons/ConfluenceIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ContentfulIcon.svelte b/frontend/src/lib/components/icons/ContentfulIcon.svelte
index 38f466d92d..92c38a2abe 100644
--- a/frontend/src/lib/components/icons/ContentfulIcon.svelte
+++ b/frontend/src/lib/components/icons/ContentfulIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/ContiguityIcon.svelte b/frontend/src/lib/components/icons/ContiguityIcon.svelte
index 30de7f9c13..cd8ffb58af 100644
--- a/frontend/src/lib/components/icons/ContiguityIcon.svelte
+++ b/frontend/src/lib/components/icons/ContiguityIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ConvertKitIcon.svelte b/frontend/src/lib/components/icons/ConvertKitIcon.svelte
index 0506f62f43..674bb1b967 100644
--- a/frontend/src/lib/components/icons/ConvertKitIcon.svelte
+++ b/frontend/src/lib/components/icons/ConvertKitIcon.svelte
@@ -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)">
diff --git a/frontend/src/lib/components/icons/CoupaIcon.svelte b/frontend/src/lib/components/icons/CoupaIcon.svelte
index a8c780bdbc..ac5b288b80 100644
--- a/frontend/src/lib/components/icons/CoupaIcon.svelte
+++ b/frontend/src/lib/components/icons/CoupaIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/CssIcon.svelte b/frontend/src/lib/components/icons/CssIcon.svelte
index 4fe976e5f5..069b2a6398 100644
--- a/frontend/src/lib/components/icons/CssIcon.svelte
+++ b/frontend/src/lib/components/icons/CssIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/CurrencyApiIcon.svelte b/frontend/src/lib/components/icons/CurrencyApiIcon.svelte
index ba9cd73b8a..722791cc88 100644
--- a/frontend/src/lib/components/icons/CurrencyApiIcon.svelte
+++ b/frontend/src/lib/components/icons/CurrencyApiIcon.svelte
@@ -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)"
diff --git a/frontend/src/lib/components/icons/CustomAiIcon.svelte b/frontend/src/lib/components/icons/CustomAiIcon.svelte
index a646753b7c..897df2cb0c 100644
--- a/frontend/src/lib/components/icons/CustomAiIcon.svelte
+++ b/frontend/src/lib/components/icons/CustomAiIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/DatabricksIcon.svelte b/frontend/src/lib/components/icons/DatabricksIcon.svelte
index e06471cdd4..ba303fa8b6 100644
--- a/frontend/src/lib/components/icons/DatabricksIcon.svelte
+++ b/frontend/src/lib/components/icons/DatabricksIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/DatadogIcon.svelte b/frontend/src/lib/components/icons/DatadogIcon.svelte
index c5aa563a30..c05f10434c 100644
--- a/frontend/src/lib/components/icons/DatadogIcon.svelte
+++ b/frontend/src/lib/components/icons/DatadogIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/DatoCmsIcon.svelte b/frontend/src/lib/components/icons/DatoCmsIcon.svelte
index e2e4b2be0e..89e9d2169c 100644
--- a/frontend/src/lib/components/icons/DatoCmsIcon.svelte
+++ b/frontend/src/lib/components/icons/DatoCmsIcon.svelte
@@ -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"
 	/>
diff --git a/frontend/src/lib/components/icons/DbIcon.svelte b/frontend/src/lib/components/icons/DbIcon.svelte
index 44227ad43a..b66ef83a17 100644
--- a/frontend/src/lib/components/icons/DbIcon.svelte
+++ b/frontend/src/lib/components/icons/DbIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/DbtIcon.svelte b/frontend/src/lib/components/icons/DbtIcon.svelte
index a90f82b90f..688f41fbff 100644
--- a/frontend/src/lib/components/icons/DbtIcon.svelte
+++ b/frontend/src/lib/components/icons/DbtIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/DeelIcon.svelte b/frontend/src/lib/components/icons/DeelIcon.svelte
index e36b64fe3f..fae10e0f8e 100644
--- a/frontend/src/lib/components/icons/DeelIcon.svelte
+++ b/frontend/src/lib/components/icons/DeelIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/DeepInfraIcon.svelte b/frontend/src/lib/components/icons/DeepInfraIcon.svelte
index 3750b5ff42..0c966b9047 100644
--- a/frontend/src/lib/components/icons/DeepInfraIcon.svelte
+++ b/frontend/src/lib/components/icons/DeepInfraIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/DeepLIcon.svelte b/frontend/src/lib/components/icons/DeepLIcon.svelte
index 58b2a14833..f0a3874f8a 100644
--- a/frontend/src/lib/components/icons/DeepLIcon.svelte
+++ b/frontend/src/lib/components/icons/DeepLIcon.svelte
@@ -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
diff --git a/frontend/src/lib/components/icons/DeepSeekIcon.svelte b/frontend/src/lib/components/icons/DeepSeekIcon.svelte
index 560c5704bb..dff5abf538 100644
--- a/frontend/src/lib/components/icons/DeepSeekIcon.svelte
+++ b/frontend/src/lib/components/icons/DeepSeekIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/DenoIcon.svelte b/frontend/src/lib/components/icons/DenoIcon.svelte
index 776144b34f..876393c4a7 100644
--- a/frontend/src/lib/components/icons/DenoIcon.svelte
+++ b/frontend/src/lib/components/icons/DenoIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/DigitalOceanIcon.svelte b/frontend/src/lib/components/icons/DigitalOceanIcon.svelte
index 6daeb458d0..28c74a6153 100644
--- a/frontend/src/lib/components/icons/DigitalOceanIcon.svelte
+++ b/frontend/src/lib/components/icons/DigitalOceanIcon.svelte
@@ -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"
 	/>
diff --git a/frontend/src/lib/components/icons/DiscordIcon.svelte b/frontend/src/lib/components/icons/DiscordIcon.svelte
index ca92f30ed4..23a5627a4a 100644
--- a/frontend/src/lib/components/icons/DiscordIcon.svelte
+++ b/frontend/src/lib/components/icons/DiscordIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/DiscourseIcon.svelte b/frontend/src/lib/components/icons/DiscourseIcon.svelte
index dd590cee4a..262b6d7160 100644
--- a/frontend/src/lib/components/icons/DiscourseIcon.svelte
+++ b/frontend/src/lib/components/icons/DiscourseIcon.svelte
@@ -13,7 +13,7 @@
 	{width}
 	{height}
 	class="text-[#000000] dark:text-[#FFFFFF]"
-	viewBox="0 0 512 512"
+	viewBox="-23.273 -23.273 558.545 558.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/DocSpringIcon.svelte b/frontend/src/lib/components/icons/DocSpringIcon.svelte
index f67ba12c70..755d310556 100644
--- a/frontend/src/lib/components/icons/DocSpringIcon.svelte
+++ b/frontend/src/lib/components/icons/DocSpringIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #3C8EE0 per DocSpring's own logo SVG, docspring.com/assets/logo-text-*.svg. -->
-<svg {width} {height} viewBox="0 0 325 375" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-42.045 -17.045 409.091 409.091" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<path
 			d="M82.7708709,9.04533917 C86.4749789,5.03737303 89.622499,2.53280823 92.2134313,1.53164477 C95.1943105,0.379801744 98.0002807,-0.12237578 100.631342,0.0251121959 L107,0.0251121959 L325.000002,-5.40012479e-13 L325.000002,337.5 C325.000002,358.210678 308.21068,375 287.500002,375 L-1.13686838e-13,375 L0.048844333,110 L0.048844333,105.626194 C-0.125483604,104.504595 0.16682749,102.922738 0.925777616,100.880623 C1.68472774,98.8385079 3.42554643,96.4605452 6.14823367,93.7467348 L82.7708709,9.04533917 Z"
diff --git a/frontend/src/lib/components/icons/DockerIcon.svelte b/frontend/src/lib/components/icons/DockerIcon.svelte
index f5a5ac11a5..91408a1de4 100644
--- a/frontend/src/lib/components/icons/DockerIcon.svelte
+++ b/frontend/src/lib/components/icons/DockerIcon.svelte
@@ -12,7 +12,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	aria-label="Docker"
 	role="img"
-	viewBox="0 0 340 268"
+	viewBox="-15.425 -51.093 370.185 370.185"
 	{width}
 	{height}
 	><path
diff --git a/frontend/src/lib/components/icons/DocusignIcon.svelte b/frontend/src/lib/components/icons/DocusignIcon.svelte
index 5fe8c42f82..3efaaa212f 100644
--- a/frontend/src/lib/components/icons/DocusignIcon.svelte
+++ b/frontend/src/lib/components/icons/DocusignIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 64 64"
+	viewBox="-2.909 -2.909 69.818 69.818"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#000000] dark:text-[#FFFFFF]"
 >
diff --git a/frontend/src/lib/components/icons/DropboxIcon.svelte b/frontend/src/lib/components/icons/DropboxIcon.svelte
index 51821fdd3e..efe139b69d 100644
--- a/frontend/src/lib/components/icons/DropboxIcon.svelte
+++ b/frontend/src/lib/components/icons/DropboxIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #0061FE / #0061FE per brand.dropbox.com/logo and the DIG token dig-color__primary__base. Dropbox's branding terms forbid recolouring the logo, and their inverse-theme token keeps the same blue. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#0061FE" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#0061FE"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M6 1.807L0 5.629l6 3.822 6.001-3.822L6 1.807zM18 1.807l-6 3.822 6 3.822 6-3.822-6-3.822zM0 13.274l6 3.822 6.001-3.822L6 9.452l-6 3.822zM18 9.452l-6 3.822 6 3.822 6-3.822-6-3.822zM6 18.371l6.001 3.822 6-3.822-6-3.822L6 18.371z"
 	/>
diff --git a/frontend/src/lib/components/icons/DuckDbIcon.svelte b/frontend/src/lib/components/icons/DuckDbIcon.svelte
index 793827c981..043be2c1cb 100644
--- a/frontend/src/lib/components/icons/DuckDbIcon.svelte
+++ b/frontend/src/lib/components/icons/DuckDbIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#1A1A1A] dark:text-[#FFF100]"
 	{width}
 	{height}
-	viewBox="0 0 335 335"
+	viewBox="-15.198 -15.198 364.741 364.741"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/DucklakeIcon.svelte b/frontend/src/lib/components/icons/DucklakeIcon.svelte
index 5665734ff5..b75e7d7b6c 100644
--- a/frontend/src/lib/components/icons/DucklakeIcon.svelte
+++ b/frontend/src/lib/components/icons/DucklakeIcon.svelte
@@ -13,7 +13,7 @@
 	width={size}
 	height={size}
 	class={twMerge('text-[#1A1A1A] dark:text-[#2EAFFF]', className)}
-	viewBox="0 0 13 13"
+	viewBox="-0.591 -0.591 14.182 14.182"
 	style="fill:currentcolor;"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/DustIcon.svelte b/frontend/src/lib/components/icons/DustIcon.svelte
index 5d283a9155..bec44c8553 100644
--- a/frontend/src/lib/components/icons/DustIcon.svelte
+++ b/frontend/src/lib/components/icons/DustIcon.svelte
@@ -9,7 +9,7 @@
 
 <!-- #3B82F6 per dust.tt/home/brand-resources (Dust_LogoSquare.svg from their brand kit).
 	Dust's guidelines forbid recolouring the logo. -->
-<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.182 -2.182 52.364 52.364" xmlns="http://www.w3.org/2000/svg">
 	<path d="M36 24H24V48H36V24Z" fill="#FE9C1A" />
 	<path
 		fill-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/DynatraceIcon.svelte b/frontend/src/lib/components/icons/DynatraceIcon.svelte
index df0ad401a4..bceae8333a 100644
--- a/frontend/src/lib/components/icons/DynatraceIcon.svelte
+++ b/frontend/src/lib/components/icons/DynatraceIcon.svelte
@@ -12,7 +12,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="-2 0 260 260"
+	viewBox="-13.519 -11.772 282.528 282.528"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/EdgeDbIcon.svelte b/frontend/src/lib/components/icons/EdgeDbIcon.svelte
index 19cb62e2b3..6165392e09 100644
--- a/frontend/src/lib/components/icons/EdgeDbIcon.svelte
+++ b/frontend/src/lib/components/icons/EdgeDbIcon.svelte
@@ -10,7 +10,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="55 25 81 130" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="24.591 19.091 141.818 141.818"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M55 66.0417C55 88.75 73.0914 107.083 95.5 107.083C117.703 107.083 136 88.75 136 66.0417C136 43.5417 117.703 25 95.5 25C73.0914 25 55 43.5417 55 66.0417ZM65.6904 127.5C67.335 141.875 79.0533 155 95.5 155C111.741 155 123.871 141.875 125.515 127.5C127.777 106.667 109.069 113.542 95.5 113.542C81.9315 113.542 63.4289 106.667 65.6904 127.5Z"
 		fill="#8FAF24"
diff --git a/frontend/src/lib/components/icons/EnodeIcon.svelte b/frontend/src/lib/components/icons/EnodeIcon.svelte
index 91a5f59094..7ccb11eaaf 100644
--- a/frontend/src/lib/components/icons/EnodeIcon.svelte
+++ b/frontend/src/lib/components/icons/EnodeIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#5D770D] dark:text-[#E8E8E1]"
 	{width}
 	{height}
-	viewBox="0 0 16 16"
+	viewBox="-0.727 -0.727 17.455 17.455"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/EventbriteIcon.svelte b/frontend/src/lib/components/icons/EventbriteIcon.svelte
index c98db1071e..f82d8125bb 100644
--- a/frontend/src/lib/components/icons/EventbriteIcon.svelte
+++ b/frontend/src/lib/components/icons/EventbriteIcon.svelte
@@ -8,7 +8,12 @@
 </script>
 
 <!-- #FF5E30 per the 2025 Eventbrite press kit logos; the brand publishes no reversed variant. -->
-<svg {width} {height} viewBox="0 0 1000 1213.9" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-162.127 -55.177 1324.255 1324.255"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M917 814.9L515.3 501.7c-6.7-5.1.2-15.4 7.5-11.3l156.9 87.9c71.1 39.9 161 16.8 204.1-52.4 45.4-73 21.4-169.1-53.2-212.2L600.4 180.6c-7.3-4.3-1.9-15.3 6-12.2l105.8 42.3c.2.1 2.7 1 3.7 1.3 11.2 3.9 23.3 6.1 35.9 6.1 57.4 0 104.5-45.4 108.6-99.4C865.5 48.9 812 0 748.2 0h-489c-62.8 0-115.5 51.3-114.7 113.9.4 33.3 15.3 63 38.7 83.4 17.6 15.3 76.9 62.8 105.1 85.3 5 4 2.2 12.1-4.3 12.1h-97.9C83.2 295.3 0 378.9 0 482c0 52.1 21.3 99.2 55.6 133.1l566.6 538.5c40.1 37.4 93.9 60.3 153.1 60.3 124.1 0 224.7-100.6 224.7-224.7 0-70.3-32.4-133.1-83-174.3z"
 		fill="#FF5E30"
diff --git a/frontend/src/lib/components/icons/ExaIcon.svelte b/frontend/src/lib/components/icons/ExaIcon.svelte
index eef3057e92..e8d02519ab 100644
--- a/frontend/src/lib/components/icons/ExaIcon.svelte
+++ b/frontend/src/lib/components/icons/ExaIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#0143D9] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 150 150"
+	viewBox="14.915 14.915 120.171 120.171"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/FaunadbIcon.svelte b/frontend/src/lib/components/icons/FaunadbIcon.svelte
index 7bb3f371e3..cde4aa6462 100644
--- a/frontend/src/lib/components/icons/FaunadbIcon.svelte
+++ b/frontend/src/lib/components/icons/FaunadbIcon.svelte
@@ -15,7 +15,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-3.356 -3.356 175.04 175.04"
 	fill="none"
 	style="enable-background:new 0 0 270 270; fill:currentcolor;"
 >
diff --git a/frontend/src/lib/components/icons/FigmaIcon.svelte b/frontend/src/lib/components/icons/FigmaIcon.svelte
index bc39256ab2..97775bc873 100644
--- a/frontend/src/lib/components/icons/FigmaIcon.svelte
+++ b/frontend/src/lib/components/icons/FigmaIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 40 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-12.727 -2.727 65.455 65.455"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M0 50C0 44.4772 4.4772 40 10 40H20V50C20 55.5228 15.5228 60 10 60C4.4772 60 0 55.5228 0 50Z"
 		fill="#24CB71"
diff --git a/frontend/src/lib/components/icons/FirebaseIcon.svelte b/frontend/src/lib/components/icons/FirebaseIcon.svelte
index fd85fc72d2..05355d685b 100644
--- a/frontend/src/lib/components/icons/FirebaseIcon.svelte
+++ b/frontend/src/lib/components/icons/FirebaseIcon.svelte
@@ -13,7 +13,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 600 600"
+	viewBox="-6.499 -4.155 605.966 605.966"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/FlyIcon.svelte b/frontend/src/lib/components/icons/FlyIcon.svelte
index d48b62556e..2e8b7795d7 100644
--- a/frontend/src/lib/components/icons/FlyIcon.svelte
+++ b/frontend/src/lib/components/icons/FlyIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#24175B] 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"
 >
diff --git a/frontend/src/lib/components/icons/FormInputIcon.svelte b/frontend/src/lib/components/icons/FormInputIcon.svelte
index 1f1dcbc242..c713dbb866 100644
--- a/frontend/src/lib/components/icons/FormInputIcon.svelte
+++ b/frontend/src/lib/components/icons/FormInputIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/FormstackIcon.svelte b/frontend/src/lib/components/icons/FormstackIcon.svelte
index e0da265e6a..f38f2d2051 100644
--- a/frontend/src/lib/components/icons/FormstackIcon.svelte
+++ b/frontend/src/lib/components/icons/FormstackIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #21B573 ("Formstack Green") per the brand guide at formstack.com/press-kit. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#21B573" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#21B573"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M19,4.035h1.4c0.331,0,0.6,0.269,0.6,0.6v14.73c0,0.331-0.269,0.6-0.6,0.6H19V4.035z M22,6.026h1.4 c0.331,0,0.6,0.269,0.6,0.6v10.747c0,0.331-0.269,0.6-0.6,0.6H22V6.026z M0.6,2.044h16.8c0.331,0,0.6,0.269,0.6,0.6v18.712 c0,0.331-0.269,0.6-0.6,0.6H0.6c-0.331,0-0.6-0.269-0.6-0.6V2.644C0,2.313,0.269,2.044,0.6,2.044z M4.2,5.23 c-0.11,0-0.2,0.09-0.2,0.2v7.35c0,0.045,0.015,0.089,0.044,0.125c0.069,0.086,0.195,0.101,0.281,0.032l9.228-7.35 c0.048-0.038,0.075-0.096,0.075-0.156c0-0.11-0.09-0.2-0.2-0.2L4.2,5.23z M4,17.185c0,0.04,0.012,0.08,0.035,0.113 c0.062,0.091,0.187,0.114,0.278,0.052l7.576-5.184c0.054-0.037,0.087-0.099,0.087-0.165c0-0.11-0.09-0.2-0.2-0.2H6.89 c-0.045,0-0.088,0.015-0.123,0.042l-2.69,2.102C4.028,13.983,4,14.041,4,14.103L4,17.185z M4.086,18.342 C4.032,18.379,4,18.441,4,18.506v0.087c0,0.106,0.086,0.192,0.192,0.192H7c0.11,0,0.2-0.09,0.2-0.2v-2.022 c0-0.041-0.012-0.081-0.036-0.114c-0.063-0.091-0.188-0.113-0.278-0.05L4.086,18.342z"
 	/>
diff --git a/frontend/src/lib/components/icons/FoxentryIcon.svelte b/frontend/src/lib/components/icons/FoxentryIcon.svelte
index 88f6b71054..479a3f894f 100644
--- a/frontend/src/lib/components/icons/FoxentryIcon.svelte
+++ b/frontend/src/lib/components/icons/FoxentryIcon.svelte
@@ -9,7 +9,7 @@
 
 <!-- #ff6102 per foxentry.com/assets/img/logo-foxentry-symbol.svg. Fixed tri-tone mark, no per-theme
 	variant: the brand ships a separate greyscale logo rather than a recoloured one. -->
-<svg {width} {height} viewBox="0 0 240.3 240.21" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-10.923 -10.968 262.145 262.145" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M117.23 122.8c7.86 18.81 34.37 55.66 39.58 62.02 3.71 4.59 80.56 54.27 83.49 55.39V0"
 		fill="#e74600"
diff --git a/frontend/src/lib/components/icons/FreshdeskIcon.svelte b/frontend/src/lib/components/icons/FreshdeskIcon.svelte
index bbeb87d668..6176bc09c7 100644
--- a/frontend/src/lib/components/icons/FreshdeskIcon.svelte
+++ b/frontend/src/lib/components/icons/FreshdeskIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #20A849 per Freshworks' own product-logo asset (freshdesk-dew.svg, used on freshworks.com/apps). Freshworks publishes no reversed variant: the white glyph always sits on the green leaf. -->
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.909 -2.909 69.818 69.818" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M31.9 0h24.036A8 8 0 0 1 64 8.073V32.1C64 49.722 49.722 64 32.1 64h-.182A31.89 31.89 0 0 1 0 32.109C0 14.437 14.254.182 31.9 0z"
 		fill="#20A849"
diff --git a/frontend/src/lib/components/icons/FrontAppIcon.svelte b/frontend/src/lib/components/icons/FrontAppIcon.svelte
index aba4bccae4..107b25c28a 100644
--- a/frontend/src/lib/components/icons/FrontAppIcon.svelte
+++ b/frontend/src/lib/components/icons/FrontAppIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #A857F1 per the logo mark front.com ships inline on its own pages; the mark keeps this purple on both light and dark backgrounds. -->
-<svg {width} {height} viewBox="0 0 65 65" fill="#A857F1" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-2.955 -3.018 70.909 70.909"
+	fill="#A857F1"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path d="M0 63.6152H21.3918V21.3008H64.0428V0H0V63.6152Z" />
 	<path
 		d="M45.5945 64.8878C56.2523 64.8878 64.8922 56.2479 64.8922 45.5901C64.8922 34.9323 56.2523 26.2925 45.5945 26.2925C34.9367 26.2925 26.2969 34.9323 26.2969 45.5901C26.2969 56.2479 34.9367 64.8878 45.5945 64.8878Z"
diff --git a/frontend/src/lib/components/icons/FunkwhaleIcon.svelte b/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
index 0fb36804f6..a049bb50df 100644
--- a/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
+++ b/frontend/src/lib/components/icons/FunkwhaleIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 24.63 511.99 462.87"
+	viewBox="-23.272 -23.202 558.535 558.535"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/FunnelCog.svelte b/frontend/src/lib/components/icons/FunnelCog.svelte
index 12602f6849..e5449bd261 100644
--- a/frontend/src/lib/components/icons/FunnelCog.svelte
+++ b/frontend/src/lib/components/icons/FunnelCog.svelte
@@ -26,7 +26,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={size}
 	height={size}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="none"
 	stroke={color}
 	stroke-width={computedStrokeWidth}
diff --git a/frontend/src/lib/components/icons/GSheetsIcon.svelte b/frontend/src/lib/components/icons/GSheetsIcon.svelte
index b23010fd90..20e3a6ddbb 100644
--- a/frontend/src/lib/components/icons/GSheetsIcon.svelte
+++ b/frontend/src/lib/components/icons/GSheetsIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #0EBC5F / #0EBC5F per Google product logo sheets_2026q3 (gstatic productlogos, used on workspace.google.com/products/sheets). Google forbids recolouring its marks, so the same full-colour artwork is used on both themes. -->
-<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-0.136 -0.136 192.273 192.273"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="#009954"
 		d="M183.96 117.4c0 8.94 0 13.41-1.4 16.96a20 20 0 0 1-11.23 11.24c-3.55 1.4-8.02 1.4-16.97 1.4h-60.8c-8.94 0-13.41 0-16.96-1.4a20 20 0 0 1-11.23-11.24c-1.4-3.55-1.4-8.02-1.4-16.96V74.6c0-8.94 0-13.42 1.4-16.96A20 20 0 0 1 76.6 46.4C80.15 45 84.62 45 93.56 45h60.8c8.95 0 13.42 0 16.97 1.4a20 20 0 0 1 11.23 11.24c1.4 3.54 1.4 8.02 1.4 16.96z"
diff --git a/frontend/src/lib/components/icons/GcalIcon.svelte b/frontend/src/lib/components/icons/GcalIcon.svelte
index 3a46c28c3e..40214ad03d 100644
--- a/frontend/src/lib/components/icons/GcalIcon.svelte
+++ b/frontend/src/lib/components/icons/GcalIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #3c90ff per Google's own Calendar 2026 product logo, https://www.gstatic.com/images/branding/productlogos/calendar_2026/v2/web/192px.svg (paths verbatim).
 	 Google forbids modifying its logos, colour included, so this stays fixed with no per-theme pair. -->
-<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="6.409 0.409 179.182 179.182"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="#bbe2ff"
 		d="M32 36.8C32 20.894 44.894 8 60.8 8h70.4C147.106 8 160 20.894 160 36.8v30.4c0 15.906-12.894 28.8-28.8 28.8H60.8C44.894 96 32 83.106 32 67.2z"
diff --git a/frontend/src/lib/components/icons/GdocsIcon.svelte b/frontend/src/lib/components/icons/GdocsIcon.svelte
index c25121c2d3..37840856eb 100644
--- a/frontend/src/lib/components/icons/GdocsIcon.svelte
+++ b/frontend/src/lib/components/icons/GdocsIcon.svelte
@@ -13,7 +13,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 192 192"
+	viewBox="-0.136 -0.136 192.273 192.273"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/GdriveIcon.svelte b/frontend/src/lib/components/icons/GdriveIcon.svelte
index 70c5466cc0..e4a2bbd8bc 100644
--- a/frontend/src/lib/components/icons/GdriveIcon.svelte
+++ b/frontend/src/lib/components/icons/GdriveIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #3186ff per https://www.gstatic.com/images/branding/productlogos/drive_2026/v2/web/192px.svg, Google's own product-logo CDN; paths and gradient stops are verbatim.
 	 Google forbids modifying its logos "in any way, including changing the color", so this stays full-colour with no per-theme pair. -->
-<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="5.182 4.244 181.636 181.636"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<mask
 		id="gdrive-mask"
 		width="168"
diff --git a/frontend/src/lib/components/icons/GhostCmsIcon.svelte b/frontend/src/lib/components/icons/GhostCmsIcon.svelte
index fcebf9f38f..04756c7e97 100644
--- a/frontend/src/lib/components/icons/GhostCmsIcon.svelte
+++ b/frontend/src/lib/components/icons/GhostCmsIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#15171A] 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"
 >
diff --git a/frontend/src/lib/components/icons/GiphyIcon.svelte b/frontend/src/lib/components/icons/GiphyIcon.svelte
index fc075eeac5..4d61bb4c58 100644
--- a/frontend/src/lib/components/icons/GiphyIcon.svelte
+++ b/frontend/src/lib/components/icons/GiphyIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #FFF35C / #00FF99 / #00CCFF / #9933FF / #FF6666 per GIPHY's own app icon (giphy.com/static/img/icons/apple-touch-icon-180px.png). Same full-colour mark on light and dark. -->
-<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="#FFF35C" d="M2.666 0H12.666L10 2.668H5.334Z" />
 	<path fill="#00FF99" d="M2.666 0L5.334 2.668V21.334L2.666 24Z" />
 	<path fill="#00CCFF" d="M2.666 24L5.334 21.334H18.666L21.334 24Z" />
diff --git a/frontend/src/lib/components/icons/GitBookIcon.svelte b/frontend/src/lib/components/icons/GitBookIcon.svelte
index c3d1c1cf52..d1d547cbd6 100644
--- a/frontend/src/lib/components/icons/GitBookIcon.svelte
+++ b/frontend/src/lib/components/icons/GitBookIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#181C1F] dark:text-[#F2F7F7]"
 	{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"
 >
diff --git a/frontend/src/lib/components/icons/GitIcon.svelte b/frontend/src/lib/components/icons/GitIcon.svelte
index c6dd709daa..4543bcd371 100644
--- a/frontend/src/lib/components/icons/GitIcon.svelte
+++ b/frontend/src/lib/components/icons/GitIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 100 100"
+	viewBox="-1.642 -1.642 100.355 100.355"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/GithubIcon.svelte b/frontend/src/lib/components/icons/GithubIcon.svelte
index 0bb14688cd..36f2cd7a49 100644
--- a/frontend/src/lib/components/icons/GithubIcon.svelte
+++ b/frontend/src/lib/components/icons/GithubIcon.svelte
@@ -27,7 +27,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 30 30"
+	viewBox="1.896 1.72 26.207 26.207"
 	fill="currentColor"
 	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
 >
diff --git a/frontend/src/lib/components/icons/GitlabIcon.svelte b/frontend/src/lib/components/icons/GitlabIcon.svelte
index d6ba636626..88fa898a3d 100644
--- a/frontend/src/lib/components/icons/GitlabIcon.svelte
+++ b/frontend/src/lib/components/icons/GitlabIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="93.97 97.52 192.05 184.99"
+	viewBox="85.24 85.26 209.509 209.509"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/GmailIcon.svelte b/frontend/src/lib/components/icons/GmailIcon.svelte
index cbcad5a889..f6ea22c2d2 100644
--- a/frontend/src/lib/components/icons/GmailIcon.svelte
+++ b/frontend/src/lib/components/icons/GmailIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #EA4335 per gstatic.com/images/branding/product/2x/gmail_2020q4_48dp.png. Google's brand guidelines forbid recolouring the mark. -->
-<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-23.273 -23.273 558.545 558.545"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path d="M34.9 448h81.5V250.2L0 163v250.2C0 432.5 15.7 448 34.9 448" style="fill:#4285f4" /><path
 		d="M395.6 448h81.5c19.3 0 34.9-15.7 34.9-34.9V163l-116.4 87.3"
 		style="fill:#34a853"
diff --git a/frontend/src/lib/components/icons/GoogleAiIcon.svelte b/frontend/src/lib/components/icons/GoogleAiIcon.svelte
index 9cae17abd8..2fa773b757 100644
--- a/frontend/src/lib/components/icons/GoogleAiIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleAiIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #217BFE → #BD99FE per Google's standard Gemini product icon (gstatic.com/images/branding/productlogos/gemini/v1/192px.svg). Google ships no reversed variant; the same gradient is used on light and dark. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-0.963 -0.94 25.926 25.926"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<defs>
 		<linearGradient
 			id="googleai-gemini-gradient"
diff --git a/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte b/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte
index 9f7c39b085..05748463cf 100644
--- a/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleCalendarIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #3C90FF per the Google Calendar 2026 product icon, taken verbatim from
 	https://www.gstatic.com/images/branding/productlogos/calendar_2026/v2/web/192px.svg. Google's trademark guidelines forbid distorting or altering a brand feature, so no per-theme recolour. -->
-<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="6.409 0.409 179.182 179.182"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="#bbe2ff"
 		d="M32 36.8C32 20.894 44.894 8 60.8 8h70.4C147.106 8 160 20.894 160 36.8v30.4c0 15.906-12.894 28.8-28.8 28.8H60.8C44.894 96 32 83.106 32 67.2z"
diff --git a/frontend/src/lib/components/icons/GoogleCloudIcon.svelte b/frontend/src/lib/components/icons/GoogleCloudIcon.svelte
index 61455feb1d..ae8aa9c8a7 100644
--- a/frontend/src/lib/components/icons/GoogleCloudIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleCloudIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={width ?? size}
 	height={height ?? size}
-	viewBox="0 -25 256 256"
+	viewBox="-11.636 -36.636 279.273 279.273"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/GoogleDriveIcon.svelte b/frontend/src/lib/components/icons/GoogleDriveIcon.svelte
index 943f4c2cb0..63c7a1db07 100644
--- a/frontend/src/lib/components/icons/GoogleDriveIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleDriveIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #3186FF / #0EBC5F / #FEC700 gradients per https://www.gstatic.com/images/branding/productlogos/drive_2026/v2/web/192px.svg (Drive 2026 mark, copied verbatim).
 	Google's Drive branding guide permits resizing only — no other change to the logo — so no per-theme recolour. -->
-<svg {width} {height} viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="5.182 4.244 181.636 181.636"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<mask
 		id="googledrive-mask"
 		width="168"
diff --git a/frontend/src/lib/components/icons/GoogleFormsIcon.svelte b/frontend/src/lib/components/icons/GoogleFormsIcon.svelte
index 3c43dab1f9..e97d65bb8a 100644
--- a/frontend/src/lib/components/icons/GoogleFormsIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleFormsIcon.svelte
@@ -18,7 +18,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 192 192"
+	viewBox="12.955 12.955 166.091 166.091"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/GoogleIcon.svelte b/frontend/src/lib/components/icons/GoogleIcon.svelte
index da75fb7a3b..1fbadde237 100644
--- a/frontend/src/lib/components/icons/GoogleIcon.svelte
+++ b/frontend/src/lib/components/icons/GoogleIcon.svelte
@@ -17,7 +17,7 @@
 	width={width ?? size}
 	height={height ?? size}
 	class={clazz}
-	viewBox="0 0 512 512"
+	viewBox="-28.273 -23.273 558.545 558.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/GorgiasIcon.svelte b/frontend/src/lib/components/icons/GorgiasIcon.svelte
index 290ca62806..a0e0b12d79 100644
--- a/frontend/src/lib/components/icons/GorgiasIcon.svelte
+++ b/frontend/src/lib/components/icons/GorgiasIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#000000] dark:text-[#FFF9F4]"
 	{width}
 	{height}
-	viewBox="0 0 65 69"
+	viewBox="-2.085 0.049 69.98 69.98"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/GpgKeyIcon.svelte b/frontend/src/lib/components/icons/GpgKeyIcon.svelte
index 86d11487ae..6a47e77d2f 100644
--- a/frontend/src/lib/components/icons/GpgKeyIcon.svelte
+++ b/frontend/src/lib/components/icons/GpgKeyIcon.svelte
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.04 -0.017 24.035 24.035"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
diff --git a/frontend/src/lib/components/icons/GraphqlIcon.svelte b/frontend/src/lib/components/icons/GraphqlIcon.svelte
index 245cdc7b37..8a9f85bf95 100644
--- a/frontend/src/lib/components/icons/GraphqlIcon.svelte
+++ b/frontend/src/lib/components/icons/GraphqlIcon.svelte
@@ -16,7 +16,7 @@
 	xmlns:xlink="http://www.w3.org/1999/xlink"
 	x="0px"
 	y="0px"
-	viewBox="0 0 400 400"
+	viewBox="-13.92 -13.92 427.841 427.841"
 	enable-background="new 0 0 400 400"
 	xml:space="preserve"
 	{width}
diff --git a/frontend/src/lib/components/icons/GreipIcon.svelte b/frontend/src/lib/components/icons/GreipIcon.svelte
index 2cbc05a638..bc93af95b8 100644
--- a/frontend/src/lib/components/icons/GreipIcon.svelte
+++ b/frontend/src/lib/components/icons/GreipIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#141C27] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 69 80"
+	viewBox="-7.559 -1.591 83.182 83.182"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/GristIcon.svelte b/frontend/src/lib/components/icons/GristIcon.svelte
index dc81a5e946..a42a22224f 100644
--- a/frontend/src/lib/components/icons/GristIcon.svelte
+++ b/frontend/src/lib/components/icons/GristIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #16B378 / #F9AE41 / #D2D2D2 on both themes per getgrist.com/trademark/assets/. "Keep it exactly as depicted — no recoloring, no cropping." -->
-<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="#16B378"
 		d="M24 0.928L20.292 0.928C18.581 0.928 17.192 2.317 17.192 4.028L17.192 7.117L20.929 7.117C22.624 7.117 24 5.741 24 4.047Z"
diff --git a/frontend/src/lib/components/icons/GroqIcon.svelte b/frontend/src/lib/components/icons/GroqIcon.svelte
index e133736d1a..88cdbccca3 100644
--- a/frontend/src/lib/components/icons/GroqIcon.svelte
+++ b/frontend/src/lib/components/icons/GroqIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #F43E01 per https://groq.com/favicon.svg. Logo use in a UI requires a license from Groq. -->
-<svg {width} {height} viewBox="0 0 33 33" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-0.941 -1.07 34.945 34.945" xmlns="http://www.w3.org/2000/svg">
 	<g clip-path="url(#a)"
 		><path fill="#F43E01" d="M.54.39h32v32h-32z" /><path
 			fill="#fff"
diff --git a/frontend/src/lib/components/icons/HackernewsIcon.svelte b/frontend/src/lib/components/icons/HackernewsIcon.svelte
index aaf1f9e2b3..b37df61bd6 100644
--- a/frontend/src/lib/components/icons/HackernewsIcon.svelte
+++ b/frontend/src/lib/components/icons/HackernewsIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FF6600 per news.ycombinator.com/y18.svg. -->
-<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-7.636 -7.636 183.273 183.273"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<g clip-path="url(#clip0_210_234)">
 		<path d="M168 0H0V168H168V0Z" fill="#FF6600" />
 		<path
diff --git a/frontend/src/lib/components/icons/HoldedIcon.svelte b/frontend/src/lib/components/icons/HoldedIcon.svelte
index 8cd9dc7a07..21a05e1f1a 100644
--- a/frontend/src/lib/components/icons/HoldedIcon.svelte
+++ b/frontend/src/lib/components/icons/HoldedIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-0.343 -0.125 32.25 32.25"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/HoneybadgerIcon.svelte b/frontend/src/lib/components/icons/HoneybadgerIcon.svelte
index 8326939189..0648e3c9c7 100644
--- a/frontend/src/lib/components/icons/HoneybadgerIcon.svelte
+++ b/frontend/src/lib/components/icons/HoneybadgerIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #EA5937 per honeybadger.io/favicon.svg. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#EA5937" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#EA5937"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M11.999 0c-.346 0-.691.131-.955.395L.394 11.045a1.35 1.35 0 0 0 0 1.91l6.243 6.24.915-1.95L2.306 12l9.693-9.693 1.158 1.157 1.432-1.432L12.954.395A1.346 1.346 0 0 0 11.999 0Zm5.54 1.106a.331.331 0 0 0-.218.102l-1.777 1.778-1.432 1.432-8.393 8.392h4.726l-3.76 9.26c-.139.34.29.626.55.366l1.321-1.32v-.001l1.432-1.432h.001l8.56-8.561h-4.727l2.083-4.91v.001l.854-2.012 1.112-2.623c.108-.256-.108-.485-.333-.472Zm.25 4.125-.853 2.012 4.756 4.756L12 21.693l-1.056-1.055-1.432 1.432 1.533 1.534a1.35 1.35 0 0 0 1.91 0l10.65-10.65a1.35 1.35 0 0 0 0-1.91z"
 	/>
diff --git a/frontend/src/lib/components/icons/HtmlIcon.svelte b/frontend/src/lib/components/icons/HtmlIcon.svelte
index 207d18e939..d824690e6e 100644
--- a/frontend/src/lib/components/icons/HtmlIcon.svelte
+++ b/frontend/src/lib/components/icons/HtmlIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 32 32"
+	viewBox="0.727 1.727 30.545 30.545"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/HttpIcon.svelte b/frontend/src/lib/components/icons/HttpIcon.svelte
index f6a29899d1..7d1b4088c6 100644
--- a/frontend/src/lib/components/icons/HttpIcon.svelte
+++ b/frontend/src/lib/components/icons/HttpIcon.svelte
@@ -14,7 +14,7 @@
 	{width}
 	{height}
 	xmlns:xlink="http://www.w3.org/1999/xlink"
-	viewBox="0 0 1000 1000"
+	viewBox="-34.801 -34.801 1069.603 1069.603"
 	fill="currentColor"
 	enable-background="new 0 0 1000 1000"
 	xml:space="preserve"
diff --git a/frontend/src/lib/components/icons/HubspotIcon.svelte b/frontend/src/lib/components/icons/HubspotIcon.svelte
index e4c96556a3..3da29bb7bb 100644
--- a/frontend/src/lib/components/icons/HubspotIcon.svelte
+++ b/frontend/src/lib/components/icons/HubspotIcon.svelte
@@ -15,7 +15,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 32 32"
+	viewBox="2.364 2.864 27.273 27.273"
 	style="fill:currentcolor;"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/IfsIcon.svelte b/frontend/src/lib/components/icons/IfsIcon.svelte
index 68b48232d5..2b0ce9fed8 100644
--- a/frontend/src/lib/components/icons/IfsIcon.svelte
+++ b/frontend/src/lib/components/icons/IfsIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 250 250.23" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-11.489 -11.374 272.978 272.978"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<defs>
 		<radialGradient
 			id="ifs-symbol-gradient"
diff --git a/frontend/src/lib/components/icons/IftttIcon.svelte b/frontend/src/lib/components/icons/IftttIcon.svelte
index bc516a083a..861aab4e29 100644
--- a/frontend/src/lib/components/icons/IftttIcon.svelte
+++ b/frontend/src/lib/components/icons/IftttIcon.svelte
@@ -13,7 +13,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"
 >
diff --git a/frontend/src/lib/components/icons/InkeepIcon.svelte b/frontend/src/lib/components/icons/InkeepIcon.svelte
index 9d7e59d788..e6ce2c2654 100644
--- a/frontend/src/lib/components/icons/InkeepIcon.svelte
+++ b/frontend/src/lib/components/icons/InkeepIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #69A3FF on #D5E5FF per Inkeep's brand page "Icon Core" (https://inkeep.com/brand). -->
-<svg {width} {height} viewBox="0 0 361 224" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-16.248 -82.986 389.973 389.973" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M67.3465 4.3208C62.5234 4.3208 58.0667 6.89389 55.6552 11.0708L1.80865 104.336C-0.602889 108.513 -0.602883 113.659 1.80866 117.836L55.6552 211.101C58.0667 215.277 62.5234 217.851 67.3465 217.851H175.039C179.863 217.851 184.319 215.277 186.731 211.101L240.577 117.836C242.989 113.659 242.989 108.513 240.577 104.336L186.731 11.0708C184.319 6.89388 179.863 4.3208 175.039 4.3208L67.3465 4.3208Z"
 		fill="#D5E5FF"
diff --git a/frontend/src/lib/components/icons/IntercomIcon.svelte b/frontend/src/lib/components/icons/IntercomIcon.svelte
index 26163e1c3e..6890d5eda9 100644
--- a/frontend/src/lib/components/icons/IntercomIcon.svelte
+++ b/frontend/src/lib/components/icons/IntercomIcon.svelte
@@ -13,7 +13,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"
 >
diff --git a/frontend/src/lib/components/icons/IpinfoIcon.svelte b/frontend/src/lib/components/icons/IpinfoIcon.svelte
index a34935ae9a..b716b79be9 100644
--- a/frontend/src/lib/components/icons/IpinfoIcon.svelte
+++ b/frontend/src/lib/components/icons/IpinfoIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#3091CF] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 50 50"
+	viewBox="5.611 5.318 38.778 38.778"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/JavaIcon.svelte b/frontend/src/lib/components/icons/JavaIcon.svelte
index c8e5883ccb..74754e9211 100644
--- a/frontend/src/lib/components/icons/JavaIcon.svelte
+++ b/frontend/src/lib/components/icons/JavaIcon.svelte
@@ -8,21 +8,29 @@
 </script>
 
 <!-- Java Blue #007396 / Java Orange #ED8B00 per Oracle's Java Branding and Licensing Guidelines v21 (oracle.com/a/ocom/docs/java-licensing-logo-guidelines-1908204.pdf). The Coffee Cup mark is licensee-only and "you may not use a modified version of the Coffee Cup logo" — do not recolour it or flatten it to currentColor. -->
-<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="-60.6242 20 378.0764 511.359"
-	><path
-		d="M278.577 426.546h-2.038v-1.14h5.486v1.14h-2.024v5.688h-1.424zm10.942.297h-.032l-2.019 5.392h-.924l-2.006-5.392h-.025v5.392h-1.342v-6.828h1.975l1.86 4.835 1.854-4.835h1.968v6.828h-1.31v-5.392zM96.154 286.925s-14.178 8.245 10.09 11.035c29.4 3.354 44.426 2.873 76.825-3.259 0 0 8.518 5.341 20.414 9.967-72.63 31.128-164.376-1.803-107.329-17.743m-8.875-40.62s-15.902 11.771 8.384 14.283c31.406 3.24 56.208 3.505 99.125-4.759 0 0 5.936 6.018 15.27 9.309-87.814 25.678-185.623 2.025-122.779-18.833"
-		fill="#007396"
-	/><path
-		d="M162.098 177.4c17.896 20.604-4.702 39.145-4.702 39.145s45.441-23.458 24.572-52.833c-19.491-27.394-34.438-41.005 46.479-87.934 0 0-127.013 31.722-66.349 101.622"
-		fill="#ED8B00"
-	/><path
-		d="M258.157 316.97s10.492 8.645-11.555 15.333c-41.923 12.7-174.488 16.535-211.314.506-13.238-5.759 11.587-13.751 19.396-15.428 8.144-1.766 12.798-1.437 12.798-1.437-14.722-10.371-95.157 20.364-40.857 29.166 148.084 24.015 269.943-10.814 231.532-28.14M102.972 204.218s-67.431 16.016-23.879 21.832c18.389 2.462 55.047 1.905 89.193-.956 27.906-2.354 55.927-7.359 55.927-7.359s-9.84 4.214-16.959 9.075c-68.475 18.009-200.756 9.631-162.674-8.79 32.206-15.568 58.392-13.802 58.392-13.802m120.963 67.614c69.608-36.171 37.424-70.931 14.96-66.248-5.506 1.146-7.961 2.139-7.961 2.139s2.044-3.202 5.948-4.588c44.441-15.624 78.619 46.081-14.346 70.52 0 .001 1.077-.962 1.399-1.823"
-		fill="#007396"
-	/><path
-		d="M181.968 0s38.55 38.563-36.563 97.862c-60.233 47.568-13.735 74.69-.025 105.678-35.159-31.722-60.961-59.647-43.651-85.637C127.136 79.752 197.522 61.255 181.968 0"
-		fill="#ED8B00"
-	/><path
-		d="M109.812 369.847c66.815 4.277 169.417-2.373 171.847-33.988 0 0-4.671 11.985-55.219 21.503-57.028 10.732-127.364 9.479-169.081 2.601.001-.001 8.54 7.068 52.453 9.884m-10.95 120.802c-6.303 5.467-12.96 8.536-18.934 8.536-8.527 0-13.134-5.113-13.134-13.314 0-8.871 4.936-15.357 24.739-15.357h7.328v20.135m17.393 19.623V449.53c0-15.517-8.85-25.756-30.188-25.756-12.457 0-23.369 3.076-32.238 6.999l2.56 10.752c6.983-2.563 16.022-4.949 24.894-4.949 12.292 0 17.58 4.949 17.58 15.181v7.677h-6.135c-29.865 0-43.337 11.593-43.337 28.994 0 15.017 8.878 23.553 25.594 23.553 10.745 0 18.766-4.436 26.264-10.928l1.361 9.22h13.645zm58.044 0h-21.692l-26.106-84.96h18.943l16.199 52.2 3.601 15.699c8.195-22.698 13.991-45.726 16.89-67.899h18.427c-4.937 27.977-13.821 58.685-26.262 84.96m83.213-19.623c-6.315 5.467-12.984 8.536-18.958 8.536-8.512 0-13.131-5.113-13.131-13.314 0-8.871 4.948-15.357 24.749-15.357h7.34v20.135m17.39 19.623V449.53c0-15.517-8.872-25.756-30.185-25.756-12.466 0-23.382 3.076-32.247 6.999l2.556 10.752c6.986-2.563 16.042-4.949 24.907-4.949 12.283 0 17.579 4.949 17.579 15.181v7.677h-6.145c-29.874 0-43.34 11.593-43.34 28.994 0 15.017 8.871 23.553 25.584 23.553 10.751 0 18.769-4.436 26.28-10.928l1.366 9.22h13.645zM30.32 524.7c-4.958 7.239-12.966 12.966-21.733 16.206L0 530.801c6.673-3.424 12.396-8.954 15.055-14.105 2.3-4.581 3.252-10.485 3.252-24.604v-96.995h18.478v95.666c-.001 18.876-1.51 26.501-6.465 33.937"
-		fill="#007396"
-	/></svg
+<!-- The artwork extends past the box the mark is meant to show, so the clip is what crops it
+	 to the wordmark; without it, widening the viewBox to the icon safe area exposes stray glyphs. -->
+<svg xmlns="http://www.w3.org/2000/svg" {width} {height} viewBox="-133.052 -3.244 557.846 557.846"
+	><defs
+		><clipPath id="java-crop"
+			><rect x="-60.6242" y="20" width="378.0764" height="511.359" /></clipPath
+		></defs
+	><g clip-path="url(#java-crop)"
+		><path
+			d="M278.577 426.546h-2.038v-1.14h5.486v1.14h-2.024v5.688h-1.424zm10.942.297h-.032l-2.019 5.392h-.924l-2.006-5.392h-.025v5.392h-1.342v-6.828h1.975l1.86 4.835 1.854-4.835h1.968v6.828h-1.31v-5.392zM96.154 286.925s-14.178 8.245 10.09 11.035c29.4 3.354 44.426 2.873 76.825-3.259 0 0 8.518 5.341 20.414 9.967-72.63 31.128-164.376-1.803-107.329-17.743m-8.875-40.62s-15.902 11.771 8.384 14.283c31.406 3.24 56.208 3.505 99.125-4.759 0 0 5.936 6.018 15.27 9.309-87.814 25.678-185.623 2.025-122.779-18.833"
+			fill="#007396"
+		/><path
+			d="M162.098 177.4c17.896 20.604-4.702 39.145-4.702 39.145s45.441-23.458 24.572-52.833c-19.491-27.394-34.438-41.005 46.479-87.934 0 0-127.013 31.722-66.349 101.622"
+			fill="#ED8B00"
+		/><path
+			d="M258.157 316.97s10.492 8.645-11.555 15.333c-41.923 12.7-174.488 16.535-211.314.506-13.238-5.759 11.587-13.751 19.396-15.428 8.144-1.766 12.798-1.437 12.798-1.437-14.722-10.371-95.157 20.364-40.857 29.166 148.084 24.015 269.943-10.814 231.532-28.14M102.972 204.218s-67.431 16.016-23.879 21.832c18.389 2.462 55.047 1.905 89.193-.956 27.906-2.354 55.927-7.359 55.927-7.359s-9.84 4.214-16.959 9.075c-68.475 18.009-200.756 9.631-162.674-8.79 32.206-15.568 58.392-13.802 58.392-13.802m120.963 67.614c69.608-36.171 37.424-70.931 14.96-66.248-5.506 1.146-7.961 2.139-7.961 2.139s2.044-3.202 5.948-4.588c44.441-15.624 78.619 46.081-14.346 70.52 0 .001 1.077-.962 1.399-1.823"
+			fill="#007396"
+		/><path
+			d="M181.968 0s38.55 38.563-36.563 97.862c-60.233 47.568-13.735 74.69-.025 105.678-35.159-31.722-60.961-59.647-43.651-85.637C127.136 79.752 197.522 61.255 181.968 0"
+			fill="#ED8B00"
+		/><path
+			d="M109.812 369.847c66.815 4.277 169.417-2.373 171.847-33.988 0 0-4.671 11.985-55.219 21.503-57.028 10.732-127.364 9.479-169.081 2.601.001-.001 8.54 7.068 52.453 9.884m-10.95 120.802c-6.303 5.467-12.96 8.536-18.934 8.536-8.527 0-13.134-5.113-13.134-13.314 0-8.871 4.936-15.357 24.739-15.357h7.328v20.135m17.393 19.623V449.53c0-15.517-8.85-25.756-30.188-25.756-12.457 0-23.369 3.076-32.238 6.999l2.56 10.752c6.983-2.563 16.022-4.949 24.894-4.949 12.292 0 17.58 4.949 17.58 15.181v7.677h-6.135c-29.865 0-43.337 11.593-43.337 28.994 0 15.017 8.878 23.553 25.594 23.553 10.745 0 18.766-4.436 26.264-10.928l1.361 9.22h13.645zm58.044 0h-21.692l-26.106-84.96h18.943l16.199 52.2 3.601 15.699c8.195-22.698 13.991-45.726 16.89-67.899h18.427c-4.937 27.977-13.821 58.685-26.262 84.96m83.213-19.623c-6.315 5.467-12.984 8.536-18.958 8.536-8.512 0-13.131-5.113-13.131-13.314 0-8.871 4.948-15.357 24.749-15.357h7.34v20.135m17.39 19.623V449.53c0-15.517-8.872-25.756-30.185-25.756-12.466 0-23.382 3.076-32.247 6.999l2.556 10.752c6.986-2.563 16.042-4.949 24.907-4.949 12.283 0 17.579 4.949 17.579 15.181v7.677h-6.145c-29.874 0-43.34 11.593-43.34 28.994 0 15.017 8.871 23.553 25.584 23.553 10.751 0 18.769-4.436 26.28-10.928l1.366 9.22h13.645zM30.32 524.7c-4.958 7.239-12.966 12.966-21.733 16.206L0 530.801c6.673-3.424 12.396-8.954 15.055-14.105 2.3-4.581 3.252-10.485 3.252-24.604v-96.995h18.478v95.666c-.001 18.876-1.51 26.501-6.465 33.937"
+			fill="#007396"
+		/></g
+	></svg
 >
diff --git a/frontend/src/lib/components/icons/JavaScriptIcon.svelte b/frontend/src/lib/components/icons/JavaScriptIcon.svelte
index 865d424601..db2370c2e7 100644
--- a/frontend/src/lib/components/icons/JavaScriptIcon.svelte
+++ b/frontend/src/lib/components/icons/JavaScriptIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 32 32"
+	viewBox="-1.455 -1.455 34.909 34.909"
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
 >
diff --git a/frontend/src/lib/components/icons/JiraIcon.svelte b/frontend/src/lib/components/icons/JiraIcon.svelte
index 509bffba4c..2e64d0d12e 100644
--- a/frontend/src/lib/components/icons/JiraIcon.svelte
+++ b/frontend/src/lib/components/icons/JiraIcon.svelte
@@ -13,7 +13,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 48 48"
+	viewBox="-2.182 -2.182 52.364 52.364"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/JoomlaIcon.svelte b/frontend/src/lib/components/icons/JoomlaIcon.svelte
index 2d9267878d..8a231a4835 100644
--- a/frontend/src/lib/components/icons/JoomlaIcon.svelte
+++ b/frontend/src/lib/components/icons/JoomlaIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #7AC143 / #F9A541 / #F44321 / #5091CD per the official logo at cdn.joomla.org/images/joomla-colours-logo.svg. Joomla's trademark policy forbids recolouring the mark, so there is no per-theme variant. -->
-<svg {width} {height} viewBox="10 10 79.2 79.2" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="6.569 6.569 86.063 86.063" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill="#7AC143"
 		d="M24.37,49.97l-1.52-1.51c-4.7-4.7-6.16-11.43-4.38-17.38c-4.7-1.06-8.21-5.27-8.21-10.29c0-5.83,4.72-10.55,10.55-10.55c5.25,0,9.59,3.83,10.41,8.84c5.69-1.33,11.92,0.22,16.36,4.66l0.61,0.61l-7.79,7.78l-0.6-0.61c-2.53-2.52-6.62-2.52-9.15,0c-2.54,2.54-2.53,6.64-0.01,9.16l1.52,1.52l7.79,7.78l8.24,8.23l-7.78,7.78l-8.24-8.23L24.37,49.97L24.37,49.97z"
diff --git a/frontend/src/lib/components/icons/JotformIcon.svelte b/frontend/src/lib/components/icons/JotformIcon.svelte
index 8a364a2a1d..7310d25e9d 100644
--- a/frontend/src/lib/components/icons/JotformIcon.svelte
+++ b/frontend/src/lib/components/icons/JotformIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 25 28"
+	viewBox="-2.743 -1.216 30.485 30.485"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#0A1551] dark:text-[#FFFFFF]"
diff --git a/frontend/src/lib/components/icons/JsonIcon.svelte b/frontend/src/lib/components/icons/JsonIcon.svelte
index 98001b52fb..e61946c14f 100644
--- a/frontend/src/lib/components/icons/JsonIcon.svelte
+++ b/frontend/src/lib/components/icons/JsonIcon.svelte
@@ -17,7 +17,7 @@
 	width={derivedWidth}
 	height={derivedHeight}
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 -960 960 960"
+	viewBox="42.273 -917.727 875.455 875.455"
 	><path
 		fill="#f9a825"
 		d="M560-160v-80h120q17 0 28.5-11.5T720-280v-80q0-38 22-69t58-44v-14q-36-13-58-44t-22-69v-80q0-17-11.5-28.5T680-720H560v-80h120q50 0 85 35t35 85v80q0 17 11.5 28.5T840-560h40v160h-40q-17 0-28.5 11.5T800-360v80q0 50-35 85t-85 35zm-280 0q-50 0-85-35t-35-85v-80q0-17-11.5-28.5T120-400H80v-160h40q17 0 28.5-11.5T160-600v-80q0-50 35-85t85-35h120v80H280q-17 0-28.5 11.5T240-680v80q0 38-22 69t-58 44v14q36 13 58 44t22 69v80q0 17 11.5 28.5T280-240h120v80z"
diff --git a/frontend/src/lib/components/icons/JsonSchemaIcon.svelte b/frontend/src/lib/components/icons/JsonSchemaIcon.svelte
index 3ceaf1e76b..d670d7f103 100644
--- a/frontend/src/lib/components/icons/JsonSchemaIcon.svelte
+++ b/frontend/src/lib/components/icons/JsonSchemaIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#002CC4] 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"
 >
diff --git a/frontend/src/lib/components/icons/JumpCloudIcon.svelte b/frontend/src/lib/components/icons/JumpCloudIcon.svelte
index 46cc139116..4085db7822 100644
--- a/frontend/src/lib/components/icons/JumpCloudIcon.svelte
+++ b/frontend/src/lib/components/icons/JumpCloudIcon.svelte
@@ -12,7 +12,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0.716 0.096 166.911 81.066"
+	viewBox="-6.871 -50.414 182.085 182.085"
 	fill="currentColor"
 	class="text-[#002B49] dark:text-[#F7F7FB]"
 >
diff --git a/frontend/src/lib/components/icons/KafkaIcon.svelte b/frontend/src/lib/components/icons/KafkaIcon.svelte
index 453993801e..9b1ea213fe 100644
--- a/frontend/src/lib/components/icons/KafkaIcon.svelte
+++ b/frontend/src/lib/components/icons/KafkaIcon.svelte
@@ -14,7 +14,7 @@
 	width={`${size}px`}
 	height={`${size}px`}
 	preserveAspectRatio="xMidYMid"
-	viewBox="0 0 256 413"
+	viewBox="-97.273 -18.773 450.545 450.545"
 	xmlns="http://www.w3.org/2000/svg"
 	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
 	fill={color ?? 'currentColor'}
diff --git a/frontend/src/lib/components/icons/KanidmIcon.svelte b/frontend/src/lib/components/icons/KanidmIcon.svelte
index 653159f987..e973087fca 100644
--- a/frontend/src/lib/components/icons/KanidmIcon.svelte
+++ b/frontend/src/lib/components/icons/KanidmIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FF6600 per artwork/logo-square.svg in github.com/kanidm/kanidm (full palette: #FF6600 #803300 #D45500 #2A3455 #B1B3B8 #CCCCCC). Kanidm's artwork is CC-BY-NC-ND — no recolouring or other derivatives. -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 150" x="0px" y="0px" {width} {height}
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="8.656 17.005 143.821 143.821"
+	x="0px"
+	y="0px"
+	{width}
+	{height}
 	><defs
 		><radialGradient id="a" gradientUnits="userSpaceOnUse" cx="420.208" cy="346.897" r="21.1"
 			><stop offset="0" stop-color="#B1DEF4" /><stop
diff --git a/frontend/src/lib/components/icons/KeycloakIcon.svelte b/frontend/src/lib/components/icons/KeycloakIcon.svelte
index ad45280891..4a30806829 100644
--- a/frontend/src/lib/components/icons/KeycloakIcon.svelte
+++ b/frontend/src/lib/components/icons/KeycloakIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #00B8E3 per keycloak.org's own mark, https://www.keycloak.org/resources/images/icon.svg (cyan #00B8E3/#33C6E9/#008AAA over greys #4D4D4D–#EDEDED, single theme). -->
-<svg {width} {height} viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="57.129 56.641 386.719 386.719"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M120.265 169.789L165.899 91.024L349.671 91L395.059 170.549L395.113 329.677L349.678 409.178L165.96 409.243L119.799 329.688L120.265 169.789Z"
 		fill="#4D4D4D"
diff --git a/frontend/src/lib/components/icons/KlaviyoIcon.svelte b/frontend/src/lib/components/icons/KlaviyoIcon.svelte
index 8832ec76da..89fe22e926 100644
--- a/frontend/src/lib/components/icons/KlaviyoIcon.svelte
+++ b/frontend/src/lib/components/icons/KlaviyoIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#1D1E20] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/KoboToolboxIcon.svelte b/frontend/src/lib/components/icons/KoboToolboxIcon.svelte
index 3a35bca10b..19bf09ef0a 100644
--- a/frontend/src/lib/components/icons/KoboToolboxIcon.svelte
+++ b/frontend/src/lib/components/icons/KoboToolboxIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #2095F3 per the kobotoolbox.org header logo and $kobo-blue in kobotoolbox/kpi jsapp/scss/colors.scss. -->
-<svg {width} {height} viewBox="0 0 75.6 75.6" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="10.416 10.416 54.767 54.767" xmlns="http://www.w3.org/2000/svg">
 	<g fill="#2095F3"
 		><path
 			d="m48 46.6v4.9c0 2.7-2.2 4.9-4.9 4.9h-10.7c-2.7 0-4.9-2.2-4.9-4.9v-27.4c0-2.7 2.2-4.9 4.9-4.9h10.7c2.7 0 4.9 2.2 4.9 4.9v.7c.9-.3 1.9-.5 3-.5 1.2 0 2.4.2 3.5.7v-.8c0-6.3-5.1-11.4-11.4-11.4h-10.7c-6.3 0-11.4 5.1-11.4 11.4v27.3c0 6.3 5.1 11.4 11.4 11.4h10.7c6.3 0 11.4-5.1 11.4-11.4v-12.4z"
diff --git a/frontend/src/lib/components/icons/KustomerIcon.svelte b/frontend/src/lib/components/icons/KustomerIcon.svelte
index a255a6357f..1aabb3e1e0 100644
--- a/frontend/src/lib/components/icons/KustomerIcon.svelte
+++ b/frontend/src/lib/components/icons/KustomerIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #FBEC2A (face #292929) per kustomer.com/images/kustomer/Kusty.svg. -->
-<svg {width} {height} viewBox="0 0 103 99" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-4.682 -7.084 112.364 112.364" xmlns="http://www.w3.org/2000/svg">
 	<g clip-path="url(#kustomer-clip0_1_529)">
 		<mask
 			id="kustomer-mask0_1_529"
diff --git a/frontend/src/lib/components/icons/LangfuseIcon.svelte b/frontend/src/lib/components/icons/LangfuseIcon.svelte
index bda22df319..2e680aeb39 100644
--- a/frontend/src/lib/components/icons/LangfuseIcon.svelte
+++ b/frontend/src/lib/components/icons/LangfuseIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="36.727 36.727 438.545 438.545"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M254.75 302.25L285.25 326.75C285.25 326.75 308.587 309.418 325.75 306.875C343.75 304.208 362.954 314.244 380.75 326.208C407.629 344.279 430.25 367.208 430.25 367.208L456.75 341.208C456.75 341.208 383.686 262.047 325.75 269.208C287.75 273.905 254.75 302.25 254.75 302.25Z"
 		fill="#FF5D5F"
diff --git a/frontend/src/lib/components/icons/LdapIcon.svelte b/frontend/src/lib/components/icons/LdapIcon.svelte
index 4adcd0de5b..97fdc3f929 100644
--- a/frontend/src/lib/components/icons/LdapIcon.svelte
+++ b/frontend/src/lib/components/icons/LdapIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/LessIcon.svelte b/frontend/src/lib/components/icons/LessIcon.svelte
index 08ee6e0366..9cb4a3850b 100644
--- a/frontend/src/lib/components/icons/LessIcon.svelte
+++ b/frontend/src/lib/components/icons/LessIcon.svelte
@@ -17,7 +17,7 @@
 	fill="currentColor"
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 24 24"
+	viewBox="1.057 1.057 21.886 21.886"
 	xmlns="http://www.w3.org/2000/svg"
 	><path
 		d="M21.142 10.843c0-.64.098-1.018.098-1.707 0-1.067-.393-1.411-1.263-1.411h-.641v.755h.196c.444 0 .542.147.542.689 0 .509-.049 1.018-.049 1.608 0 .755.246 1.05.739 1.165v.049c-.493.116-.739.411-.739 1.166 0 .591.049 1.067.049 1.608 0 .558-.114.705-.542.705v.017h-.196v.788h.641c.87 0 1.263-.344 1.263-1.411 0-.706-.098-1.067-.098-1.707 0-.345.213-.706.854-.739v-.853c-.642-.016-.854-.377-.854-.722zm-3.299 1.001c-.493-.196-.952-.312-.952-.64 0-.246.197-.395.558-.395.361 0 .689.148 1.05.411l.657-.87c-.409-.313-.968-.641-1.724-.641-1.115 0-1.871.641-1.871 1.544 0 .804.706 1.214 1.298 1.443.508.196 1.001.361 1.001.689 0 .246-.197.41-.641.41-.41 0-.821-.164-1.263-.509l-.657.952c.492.41 1.247.689 1.871.689 1.313 0 2.019-.689 2.019-1.592-.001-.9-.707-1.277-1.346-1.491zm-11.21 1.854c-.114 0-.262-.098-.262-.41V7.725H4.039c-.886 0-1.279.344-1.279 1.411 0 .706.099 1.101.099 1.707 0 .345-.213.706-.854.739v.853c.641.017.854.378.854.723 0 .606-.099.968-.099 1.674 0 1.067.394 1.411 1.264 1.411h.64v-.755h-.197c-.411 0-.542-.164-.542-.706 0-.541.049-1.001.049-1.607 0-.756-.245-1.05-.738-1.165v-.051c.493-.114.738-.409.738-1.165 0-.59-.049-1.066-.049-1.607 0-.542.114-.689.542-.689h.442v4.711c0 1.001.345 1.657 1.346 1.657.313 0 .559-.05.739-.115l-.165-1.066c-.098.013-.146.013-.196.013zm7.238-1.854c-.509-.196-.969-.312-.969-.64 0-.246.197-.395.558-.395.361 0 .689.148 1.051.411l.656-.87c-.41-.313-.968-.641-1.723-.641-1.116 0-1.872.641-1.872 1.544 0 .804.707 1.214 1.297 1.443.51.196 1.002.361 1.002.689 0 .246-.197.41-.641.41-.41 0-.82-.164-1.264-.509l-.64.952c.492.41 1.247.689 1.871.689 1.313 0 2.019-.689 2.019-1.592.001-.9-.705-1.277-1.345-1.491zm-4.842-2.15c-1.198 0-2.347 1.001-2.314 2.577 0 1.624 1.066 2.576 2.479 2.576.591 0 1.247-.214 1.756-.558l-.492-.87c-.36.213-.706.312-1.066.312-.657 0-1.165-.312-1.297-1.066h2.971c.017-.115.049-.345.049-.607.016-1.33-.707-2.364-2.086-2.364zm-.935 2.068c.099-.655.492-.969.951-.969.592 0 .821.411.821.969H8.094z"
diff --git a/frontend/src/lib/components/icons/LineIcon.svelte b/frontend/src/lib/components/icons/LineIcon.svelte
index f617ed2be4..1b4bd5f888 100644
--- a/frontend/src/lib/components/icons/LineIcon.svelte
+++ b/frontend/src/lib/components/icons/LineIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #06C755 / #06C755 per LINE's official brand icon asset (line.me/en/logo). LINE forbids any change to the logo's colour, so there is no reversed variant. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#06C755" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#06C755"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314"
 	/>
diff --git a/frontend/src/lib/components/icons/LinearIcon.svelte b/frontend/src/lib/components/icons/LinearIcon.svelte
index 01f481a1ae..a4c84ae7f6 100644
--- a/frontend/src/lib/components/icons/LinearIcon.svelte
+++ b/frontend/src/lib/components/icons/LinearIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#222326] dark:text-[#F4F5F8]"
 	{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"
 >
diff --git a/frontend/src/lib/components/icons/LinkdingIcon.svelte b/frontend/src/lib/components/icons/LinkdingIcon.svelte
index 69fe49549d..3f1e27feea 100644
--- a/frontend/src/lib/components/icons/LinkdingIcon.svelte
+++ b/frontend/src/lib/components/icons/LinkdingIcon.svelte
@@ -16,7 +16,7 @@
 	y="0"
 	{width}
 	{height}
-	viewBox="0 0 56 56"
+	viewBox="-2.068 -2.068 60.136 60.136"
 	style="fill:currentcolor;"
 >
 	<g id="g8">
diff --git a/frontend/src/lib/components/icons/LinkedinIcon.svelte b/frontend/src/lib/components/icons/LinkedinIcon.svelte
index d0b24aebb6..c158d9435e 100644
--- a/frontend/src/lib/components/icons/LinkedinIcon.svelte
+++ b/frontend/src/lib/components/icons/LinkedinIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #0A66C2 per the official inbug SVGs embedded in brand.linkedin.com/in-logo.
 	 That page forbids recolouring: only the approved blue, black and white variants. -->
-<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-23.273 -23.273 558.545 558.545"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M56.9 512h398.2c31.4 0 56.9-25.5 56.9-56.9V56.9C512 25.5 486.5 0 455.1 0H56.9C25.5 0 0 25.5 0 56.9v398.2C0 486.5 25.5 512 56.9 512"
 		style="fill-rule:evenodd;clip-rule:evenodd;fill:#0A66C2"
diff --git a/frontend/src/lib/components/icons/LinodeIcon.svelte b/frontend/src/lib/components/icons/LinodeIcon.svelte
index f9dadedaa4..dd0d412773 100644
--- a/frontend/src/lib/components/icons/LinodeIcon.svelte
+++ b/frontend/src/lib/components/icons/LinodeIcon.svelte
@@ -10,7 +10,7 @@
 <!-- #1cb35c with #004b16 shading per Linode's own packages/manager/src/assets/logo/logo.svg in linode/manager @3e53c92,
 	 the last revision before the Akamai rebrand dropped it. The keyline path stays unfilled so it follows currentColor
 	 instead of the source's near-black #231f20. -->
-<svg {width} {height} viewBox="0 0 256 307" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-39.455 -13.955 334.909 334.909" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill="#004b16"
 		d="m66.766 141.595-12.64-83.896L2.919 26.102l15.254 78.884zM78.75 231.81l-8.063-59.49-45.543-37.698 11.767 58.836zm-36.173-13.292 8.063 44.67 38.788 40.315-5.448-45.544zm115.71-13.73-19.938-14.817s-.284 5.306-.817 5.666l-14.546 10.242 15.907 13.074.927 14.873 18.903 15.417zm60.253-43.472-3.596 41.893-13.401-8.825s1.477-21.181 1.47-21.192c-.077-.142-25.822-17.433-25.822-17.433l.817-19.285z"
diff --git a/frontend/src/lib/components/icons/LumaAiIcon.svelte b/frontend/src/lib/components/icons/LumaAiIcon.svelte
index 4ab3499ce5..4be16ddcea 100644
--- a/frontend/src/lib/components/icons/LumaAiIcon.svelte
+++ b/frontend/src/lib/components/icons/LumaAiIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 32 32"
+	viewBox="0.951 0.795 30.409 30.409"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/MSSqlServerIcon.svelte b/frontend/src/lib/components/icons/MSSqlServerIcon.svelte
index 410c445f1d..2cab996cf3 100644
--- a/frontend/src/lib/components/icons/MSSqlServerIcon.svelte
+++ b/frontend/src/lib/components/icons/MSSqlServerIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #0078D4 per learn.microsoft.com/en-us/azure/architecture/icons — Microsoft's anchor blue, a stop in its own SQL Server SVG and throughout the set's Fluent gradients.
 	 Microsoft licenses its product icons for diagrams, docs, and training only, and forbids cropping, rotating, or reshaping them. -->
-<svg {width} {height} viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-2.182 -2.182 52.364 52.364"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<g clip-path="url(#clip0_8666_6627)">
 		<g clip-path="url(#clip1_8666_6627)">
 			<mask
diff --git a/frontend/src/lib/components/icons/MSTeamsIcon.svelte b/frontend/src/lib/components/icons/MSTeamsIcon.svelte
index f0f135740b..c7bef8eb54 100644
--- a/frontend/src/lib/components/icons/MSTeamsIcon.svelte
+++ b/frontend/src/lib/components/icons/MSTeamsIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={effectiveWidth}
 	height={effectiveHeight}
-	viewBox="0 0 48 48"
+	viewBox="1.223 2.207 41.523 41.523"
 	xmlns="http://www.w3.org/2000/svg"
 	fill="none"
 >
diff --git a/frontend/src/lib/components/icons/MagentoIcon.svelte b/frontend/src/lib/components/icons/MagentoIcon.svelte
index 6ef2e009e3..053c0bfd09 100644
--- a/frontend/src/lib/components/icons/MagentoIcon.svelte
+++ b/frontend/src/lib/components/icons/MagentoIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #F26322 per Magento's own logo asset, magento2 lib/web/images/logo.svg. -->
-<svg {width} {height} viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-5.318 -5.818 139.636 139.636" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill="#f26322"
 		d="M119.82 31.97v64.01l-15.85 9.12V41.17l-39.62-22.9-39.64 22.9.1 63.96-15.82-9.15V32.02L64.45 0l55.37 31.97zM72.3 105.1l-7.9 4.6-7.95-4.55V41.17l-15.82 9.15.03 63.96L64.38 128l23.77-13.72V50.29L72.3 41.14v63.96z"
diff --git a/frontend/src/lib/components/icons/Mail.svelte b/frontend/src/lib/components/icons/Mail.svelte
index 741a435ae2..ce38714b46 100644
--- a/frontend/src/lib/components/icons/Mail.svelte
+++ b/frontend/src/lib/components/icons/Mail.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/MailchimpIcon.svelte b/frontend/src/lib/components/icons/MailchimpIcon.svelte
index 42ac52a7bd..9d33c0fc90 100644
--- a/frontend/src/lib/components/icons/MailchimpIcon.svelte
+++ b/frontend/src/lib/components/icons/MailchimpIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #241C15 (Peppercorn) body / #EFEEEA reverse detail per mailchimp.com/about/brand-assets. Mailchimp forbids altering the files, so both official tones are painted and neither is recoloured per theme. -->
-<svg {width} {height} viewBox="0 0 38 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-2.935 -1.818 43.636 43.636"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M35.4564 23.7461C35.7634 23.9117 36.0345 24.1365 36.2539 24.4075C36.595 24.8245 37 25.5651 37 26.7228C37 28.3318 36.3816 30.045 36.1932 30.5305C36.1885 30.5398 36.1807 30.5491 36.1807 30.56C35.0954 33.1717 33.1998 35.3665 30.7727 36.8215C28.4004 38.2453 25.5204 39 22.4457 39H21.874C18.989 38.9399 16.1728 38.1087 13.7183 36.5928C11.5573 35.2377 9.80917 33.317 8.66388 31.0393C7.34228 30.8341 6.10864 30.2504 5.11251 29.3588C3.83683 28.2291 3.04712 26.7509 2.89136 25.1948C2.80667 24.4079 2.85245 23.6125 3.02687 22.8405L2.48482 22.3815C1.61255 21.6455 1.10321 20.5858 1.01443 19.341C0.941223 18.3047 1.14683 17.1221 1.62502 15.815C2.74183 12.7714 5.30566 9.14581 8.48631 6.11775C9.90595 4.74017 11.4809 3.53186 13.1794 2.51708C14.9302 1.50721 16.5189 0.995269 17.9021 1.00149C18.9853 0.973166 20.0403 1.3487 20.8616 2.05493C20.9071 2.08828 21.5749 2.74181 22.1033 3.2589L22.145 3.29976L22.3771 3.20173C24.131 2.47506 25.8568 2.09228 27.3693 2.09228C30.5561 2.09228 32.6215 3.80392 32.6215 6.44919C32.6215 8.08148 31.8225 9.91138 30.3443 11.6853C30.7474 12.3092 31.0516 12.9915 31.2462 13.7081C31.4562 14.4388 31.5709 15.1935 31.5873 15.9535C31.6029 16.2803 31.6169 16.8015 31.6293 17.2683C32.6044 17.5578 33.8287 18.0464 34.5639 18.8244C35.1335 19.3887 35.5069 20.1206 35.6293 20.9126C35.7507 21.6931 35.6295 22.492 35.282 23.2015C35.3131 23.2902 35.3505 23.4007 35.3785 23.4894C35.4066 23.5781 35.433 23.6637 35.4564 23.7461Z"
 		fill="#241C15"
diff --git a/frontend/src/lib/components/icons/MailerLiteIcon.svelte b/frontend/src/lib/components/icons/MailerLiteIcon.svelte
index 46d42ef6a8..e3f54b83e4 100644
--- a/frontend/src/lib/components/icons/MailerLiteIcon.svelte
+++ b/frontend/src/lib/components/icons/MailerLiteIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #09C269 per mailerlite.com/brand-assets. Their IP guidelines forbid altering or recolouring the mark. -->
-<svg {width} {height} viewBox="0 0 520.000000 520.000000" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="1.939 -0.092 514.091 514.091" xmlns="http://www.w3.org/2000/svg">
 	<metadata> Created by potrace 1.11, written by Peter Selinger 2001-2013 </metadata>
 	<g
 		transform="translate(0.000000,520.000000) scale(0.100000,-0.100000)"
diff --git a/frontend/src/lib/components/icons/MailgunIcon.svelte b/frontend/src/lib/components/icons/MailgunIcon.svelte
index 26d813061b..25bdb64811 100644
--- a/frontend/src/lib/components/icons/MailgunIcon.svelte
+++ b/frontend/src/lib/components/icons/MailgunIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="4 4 72 72"
+	viewBox="0.727 0.727 78.545 78.545"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	fill="none"
diff --git a/frontend/src/lib/components/icons/MandrillIcon.svelte b/frontend/src/lib/components/icons/MandrillIcon.svelte
index 6804258c9e..d4a9dec4f5 100644
--- a/frontend/src/lib/components/icons/MandrillIcon.svelte
+++ b/frontend/src/lib/components/icons/MandrillIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#241C15] 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"
 >
diff --git a/frontend/src/lib/components/icons/MapboxIcon.svelte b/frontend/src/lib/components/icons/MapboxIcon.svelte
index fd7d2407bf..abe7e221dc 100644
--- a/frontend/src/lib/components/icons/MapboxIcon.svelte
+++ b/frontend/src/lib/components/icons/MapboxIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#0E1012] 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"
 >
diff --git a/frontend/src/lib/components/icons/MarkdownIcon.svelte b/frontend/src/lib/components/icons/MarkdownIcon.svelte
index 34d97c6432..d7604cdfdf 100644
--- a/frontend/src/lib/components/icons/MarkdownIcon.svelte
+++ b/frontend/src/lib/components/icons/MarkdownIcon.svelte
@@ -17,7 +17,7 @@ ratio and radius, keep the M/arrow/box relative sizes, and draw all three in one
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/MastodonIcon.svelte b/frontend/src/lib/components/icons/MastodonIcon.svelte
index 3dee1775c8..d6cb3c798c 100644
--- a/frontend/src/lib/components/icons/MastodonIcon.svelte
+++ b/frontend/src/lib/components/icons/MastodonIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- Gradient #6364FF -> #563ACC, both official palette colours per https://joinmastodon.org/branding. Swap to the black or white logo rather than recolouring when contrast fails. -->
-<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-23.273 -23.273 558.545 558.545"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<linearGradient
 		id="mastodon-a"
 		x1="254"
diff --git a/frontend/src/lib/components/icons/MatrixIcon.svelte b/frontend/src/lib/components/icons/MatrixIcon.svelte
index fffb7af375..9772165a2b 100644
--- a/frontend/src/lib/components/icons/MatrixIcon.svelte
+++ b/frontend/src/lib/components/icons/MatrixIcon.svelte
@@ -15,7 +15,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 520 520"
+	viewBox="-23.636 -23.636 567.273 567.273"
 	style="fill:currentcolor;"
 >
 	<path d="M13.7,11.9v496.2h35.7V520H0V0h49.4v11.9H13.7z" />
diff --git a/frontend/src/lib/components/icons/MatteroomIcon.svelte b/frontend/src/lib/components/icons/MatteroomIcon.svelte
index f9ddb5a670..519f2cf660 100644
--- a/frontend/src/lib/components/icons/MatteroomIcon.svelte
+++ b/frontend/src/lib/components/icons/MatteroomIcon.svelte
@@ -12,7 +12,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 44 44"
+	viewBox="-2.0 -2.0 48.0 48.0"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="MATTEROOM"
diff --git a/frontend/src/lib/components/icons/MauticIcon.svelte b/frontend/src/lib/components/icons/MauticIcon.svelte
index 9786ae6ace..918c6e82e8 100644
--- a/frontend/src/lib/components/icons/MauticIcon.svelte
+++ b/frontend/src/lib/components/icons/MauticIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#4E5E9E] dark:text-[#FFFFFF]"
diff --git a/frontend/src/lib/components/icons/McpIcon.svelte b/frontend/src/lib/components/icons/McpIcon.svelte
index 70c75d0365..38ad9d4ac0 100644
--- a/frontend/src/lib/components/icons/McpIcon.svelte
+++ b/frontend/src/lib/components/icons/McpIcon.svelte
@@ -14,7 +14,7 @@
 	fill-rule="evenodd"
 	{height}
 	style="flex:none;line-height:1"
-	viewBox="0 0 24 24"
+	viewBox="-1.065 -1.088 26.131 26.131"
 	{width}
 	xmlns="http://www.w3.org/2000/svg"
 	><title>ModelContextProtocol</title><path
diff --git a/frontend/src/lib/components/icons/MediumIcon.svelte b/frontend/src/lib/components/icons/MediumIcon.svelte
index ffc9aab1b2..ddc097c0fb 100644
--- a/frontend/src/lib/components/icons/MediumIcon.svelte
+++ b/frontend/src/lib/components/icons/MediumIcon.svelte
@@ -13,7 +13,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"
 >
diff --git a/frontend/src/lib/components/icons/MeteosourceIcon.svelte b/frontend/src/lib/components/icons/MeteosourceIcon.svelte
index 659775c612..eab9d0559b 100644
--- a/frontend/src/lib/components/icons/MeteosourceIcon.svelte
+++ b/frontend/src/lib/components/icons/MeteosourceIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #FAD961 -> #F76B1C gradient per the logo in the meteosource.com site header (no brand page published). -->
-<svg {width} {height} viewBox="-0.5 2.5 40 28" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-1.806 -4.806 42.614 42.614" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="meteosource-logo-meteosource-a">
 			<stop stop-color="#FAD961" offset="0%"></stop>
diff --git a/frontend/src/lib/components/icons/MezmoIcon.svelte b/frontend/src/lib/components/icons/MezmoIcon.svelte
index e9b01d7ad3..3830deb3f1 100644
--- a/frontend/src/lib/components/icons/MezmoIcon.svelte
+++ b/frontend/src/lib/components/icons/MezmoIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#0A090C] dark:text-[#E6E6E5]"
 	{width}
 	{height}
-	viewBox="0 0 31 31"
+	viewBox="0.779 0.87 29.261 29.261"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/MicrosoftIcon.svelte b/frontend/src/lib/components/icons/MicrosoftIcon.svelte
index 1bda95902c..939f96f294 100644
--- a/frontend/src/lib/components/icons/MicrosoftIcon.svelte
+++ b/frontend/src/lib/components/icons/MicrosoftIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #F25022 / #7FBA00 / #00A4EF / #FFB900 per the official logo asset linked from Microsoft's logo third-party usage guidance. Microsoft forbids recolouring the symbol, so it stays full-colour on both themes. -->
-<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="0.727 0.727 510.545 510.545"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path d="M22.3 22.3h222.6v222.6H22.3z" style="fill:#f25022" /><path
 		d="M267.1 22.3h222.6v222.6H267.1z"
 		style="fill:#7fba00"
diff --git a/frontend/src/lib/components/icons/MiroIcon.svelte b/frontend/src/lib/components/icons/MiroIcon.svelte
index f2e20deb21..7a97fcb7b0 100644
--- a/frontend/src/lib/components/icons/MiroIcon.svelte
+++ b/frontend/src/lib/components/icons/MiroIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #FFDD33 field with #1C1C1E mark, per the Miro logo on miro.com. -->
-<svg {width} {height} viewBox="3 2 395 395" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-14.955 -15.955 430.909 430.909" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M3 100.754C3 46.2604 47.2435 2 101.754 2H299.246C353.756 2 398 46.2435 398 100.754V298.246C398 352.756 353.756 397 299.246 397H101.754C47.2435 397 3 352.756 3 298.246V100.754Z"
 		fill="#FFDD33"
diff --git a/frontend/src/lib/components/icons/MistralIcon.svelte b/frontend/src/lib/components/icons/MistralIcon.svelte
index a01a7b9a75..b967937a87 100644
--- a/frontend/src/lib/components/icons/MistralIcon.svelte
+++ b/frontend/src/lib/components/icons/MistralIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #FA500F per mistral.ai/favicon.svg (mid-band of the #FFAF01 -> #C4001D ramp); drawn here in
 	currentColor, the monochrome variant mistral.ai/brand ships. Brand forbids any other recolouring. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M17.143 3.429v3.428h-3.429v3.429h-3.428V6.857H6.857V3.43H3.43v13.714H0v3.428h10.286v-3.428H6.857v-3.429h3.429v3.429h3.429v-3.429h3.428v3.429h-3.428v3.428H24v-3.428h-3.43V3.429z"
 	/>
diff --git a/frontend/src/lib/components/icons/MixpanelIcon.svelte b/frontend/src/lib/components/icons/MixpanelIcon.svelte
index 0dd6423d25..8226314885 100644
--- a/frontend/src/lib/components/icons/MixpanelIcon.svelte
+++ b/frontend/src/lib/components/icons/MixpanelIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#7856FF] 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"
 >
diff --git a/frontend/src/lib/components/icons/MollieIcon.svelte b/frontend/src/lib/components/icons/MollieIcon.svelte
index 70f159f65c..db713af50a 100644
--- a/frontend/src/lib/components/icons/MollieIcon.svelte
+++ b/frontend/src/lib/components/icons/MollieIcon.svelte
@@ -16,7 +16,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 180 180"
+	viewBox="-8.182 -8.182 196.364 196.364"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/MondayIcon.svelte b/frontend/src/lib/components/icons/MondayIcon.svelte
index 0f2904e3d3..0a038b280b 100644
--- a/frontend/src/lib/components/icons/MondayIcon.svelte
+++ b/frontend/src/lib/components/icons/MondayIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #FB275D / #FFCC00 / #00CA72 per monday.com's official logo pack (brand-monday.com/logo). All three colours are required; the brand forbids monochrome or recoloured versions, so no dark-theme variant. -->
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.909 -2.971 69.818 69.818" xmlns="http://www.w3.org/2000/svg">
 	<g transform="matrix(3.208255 0 0 3.208255 -35.559129 -63.587202)"
 		><path
 			d="M13.513 35.76a2.433 2.433 0 0 1-2.059-3.723l4.377-6.99a2.432 2.432 0 1 1 4.123 2.582l-4.378 6.99a2.43 2.43 0 0 1-2.063 1.141z"
diff --git a/frontend/src/lib/components/icons/MongodbIcon.svelte b/frontend/src/lib/components/icons/MongodbIcon.svelte
index a87631f87c..4459ed86b9 100644
--- a/frontend/src/lib/components/icons/MongodbIcon.svelte
+++ b/frontend/src/lib/components/icons/MongodbIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#00684A] dark:text-[#00ED64]"
 	{width}
 	{height}
-	viewBox="0 0 15 32"
+	viewBox="-9.955 -1.455 34.909 34.909"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/MotimateIcon.svelte b/frontend/src/lib/components/icons/MotimateIcon.svelte
index c426b1ffec..aaa58a7d38 100644
--- a/frontend/src/lib/components/icons/MotimateIcon.svelte
+++ b/frontend/src/lib/components/icons/MotimateIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 55.278 55.278"
+	viewBox="-2.513 -2.513 60.304 60.304"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="Motimate"
diff --git a/frontend/src/lib/components/icons/MqttIcon.svelte b/frontend/src/lib/components/icons/MqttIcon.svelte
index 6042e9375a..740d255904 100644
--- a/frontend/src/lib/components/icons/MqttIcon.svelte
+++ b/frontend/src/lib/components/icons/MqttIcon.svelte
@@ -14,7 +14,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
 	height={`${size}px`}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill={color ?? 'currentColor'}
 	class={twMerge('text-[#660066] dark:text-[#FFFFFF]', clazz)}
 >
diff --git a/frontend/src/lib/components/icons/NatsIcon.svelte b/frontend/src/lib/components/icons/NatsIcon.svelte
index 730b5e7f72..8c10192c09 100644
--- a/frontend/src/lib/components/icons/NatsIcon.svelte
+++ b/frontend/src/lib/components/icons/NatsIcon.svelte
@@ -14,7 +14,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={size}
 	height={size}
-	viewBox="0 0 64 64"
+	viewBox="-2.909 -2.909 69.818 69.818"
 	class={twMerge('text-[#375C93] dark:text-[#27AAE1]', clazz)}
 	fill={color ?? 'currentColor'}
 	stroke-width="0"
diff --git a/frontend/src/lib/components/icons/NeonDbIcon.svelte b/frontend/src/lib/components/icons/NeonDbIcon.svelte
index 783f6e1318..a26ffad4d0 100644
--- a/frontend/src/lib/components/icons/NeonDbIcon.svelte
+++ b/frontend/src/lib/components/icons/NeonDbIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#37C38F] dark:text-[#34D59A]"
 	{width}
 	{height}
-	viewBox="0 0 64 64"
+	viewBox="-3.205 -2.892 69.409 69.409"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/NetBoxIcon.svelte b/frontend/src/lib/components/icons/NetBoxIcon.svelte
index 7dc09a6bdc..03c9451666 100644
--- a/frontend/src/lib/components/icons/NetBoxIcon.svelte
+++ b/frontend/src/lib/components/icons/NetBoxIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#001423] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 366.000032424926758 365.990053176879883"
+	viewBox="-16.636 -16.641 399.273 399.273"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/NetlifyIcon.svelte b/frontend/src/lib/components/icons/NetlifyIcon.svelte
index 1faaf731cc..9470190f5c 100644
--- a/frontend/src/lib/components/icons/NetlifyIcon.svelte
+++ b/frontend/src/lib/components/icons/NetlifyIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#05BDBA] dark:text-[#32E6E2]"
 	{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"
 >
diff --git a/frontend/src/lib/components/icons/NetsuiteIcon.svelte b/frontend/src/lib/components/icons/NetsuiteIcon.svelte
index e20b1801d1..88a9018d82 100644
--- a/frontend/src/lib/components/icons/NetsuiteIcon.svelte
+++ b/frontend/src/lib/components/icons/NetsuiteIcon.svelte
@@ -11,7 +11,13 @@
 	 is itself inconsistent: /portal/common/img/ns-logo.png is #14487e/#b9c9d5 and
 	 /portal/common/img/logo-ns-mobile.png is #13527d/#b6c7d5 (both via web.archive.org/web/2014/).
 	 Not Oracle's current NetSuite mark, which is a different logo in a different palette (#264759/#36677D/#94BFCE/#E2C06B). -->
-<svg xmlns="http://www.w3.org/2000/svg" role="img" {width} {height} viewBox="0 0.2 24 24.03">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	role="img"
+	{width}
+	{height}
+	viewBox="1.42 1.4 21.161 21.161"
+>
 	<path
 		d="m 3.2198637,7.809131 h 3.7965561 v 9.018821 h 1.8902684 v 3.52423 H 3.2198637 Z M 20.792951,16.107089 H 16.996396 V 7.088266 H 15.106127 V 3.5640368 h 5.686824 z"
 		fill="#baccdb"
diff --git a/frontend/src/lib/components/icons/NewsApiIcon.svelte b/frontend/src/lib/components/icons/NewsApiIcon.svelte
index f7ec6f9e0f..c932e393fa 100644
--- a/frontend/src/lib/components/icons/NewsApiIcon.svelte
+++ b/frontend/src/lib/components/icons/NewsApiIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 700.000000 700.000000"
+	viewBox="-30.326 -30.326 760.654 760.654"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<metadata> Created by potrace 1.11, written by Peter Selinger 2001-2013 </metadata>
diff --git a/frontend/src/lib/components/icons/NextcloudIcon.svelte b/frontend/src/lib/components/icons/NextcloudIcon.svelte
index 4cd8759aad..3a90d2dbfd 100644
--- a/frontend/src/lib/components/icons/NextcloudIcon.svelte
+++ b/frontend/src/lib/components/icons/NextcloudIcon.svelte
@@ -24,7 +24,7 @@
 <!-- #0082C9 / #FFFFFF per nextcloud.com. -->
 <svg
 	role="img"
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	{width}
 	{height}
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/icons/NocoDbIcon.svelte b/frontend/src/lib/components/icons/NocoDbIcon.svelte
index b60432b37c..7bba48acf9 100644
--- a/frontend/src/lib/components/icons/NocoDbIcon.svelte
+++ b/frontend/src/lib/components/icons/NocoDbIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<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="M11.553 14.9191V20.9698C11.553 22.0498 10.7767 22.9257 9.81933 22.9241L7.00064 22.9183L7.01546 15.9144V15.688C7.03933 13.9362 8.46514 12.8199 9.78146 13.2851C10.1009 13.3987 10.3873 13.6094 10.6244 13.8761L11.553 14.9191Z"
 		fill="url(#nocodb-a)"
diff --git a/frontend/src/lib/components/icons/NotionIcon.svelte b/frontend/src/lib/components/icons/NotionIcon.svelte
index d1543adca5..3f0cc5f97a 100644
--- a/frontend/src/lib/components/icons/NotionIcon.svelte
+++ b/frontend/src/lib/components/icons/NotionIcon.svelte
@@ -14,7 +14,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-11.081 -7.636 183.273 183.273"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/NuIcon.svelte b/frontend/src/lib/components/icons/NuIcon.svelte
index 3801a47dba..830e8c75a6 100644
--- a/frontend/src/lib/components/icons/NuIcon.svelte
+++ b/frontend/src/lib/components/icons/NuIcon.svelte
@@ -14,7 +14,7 @@
 	id="svg"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 24 24"
+	viewBox="2.469 2.868 19.483 19.483"
 	fill="none"
 	style="display: block;"
 	><path
diff --git a/frontend/src/lib/components/icons/OauthIcon.svelte b/frontend/src/lib/components/icons/OauthIcon.svelte
index c2f8ef0155..568a872b7a 100644
--- a/frontend/src/lib/components/icons/OauthIcon.svelte
+++ b/frontend/src/lib/components/icons/OauthIcon.svelte
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 0.03 24.035 24.035"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
diff --git a/frontend/src/lib/components/icons/OdkIcon.svelte b/frontend/src/lib/components/icons/OdkIcon.svelte
index de1b4c9794..a67533bcf3 100644
--- a/frontend/src/lib/components/icons/OdkIcon.svelte
+++ b/frontend/src/lib/components/icons/OdkIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #3E77B4 / #904A22 / #0A711E per ODK brand assets (getodk.org/legal/brand/). ODK publishes no reversed or monochrome variant. -->
-<svg {width} {height} viewBox="0 0 426 223" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-3.063 -105.395 432.959 432.959" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M207.673 111.26C207.483 115.352 205.769 119.225 202.868 122.117C177.62 147.262 152.391 172.427 127.181 197.61L122.207 202.699C120.82 204.2 119.138 205.398 117.267 206.218C115.395 207.038 113.375 207.463 111.332 207.465C109.289 207.468 107.268 207.048 105.394 206.233C103.521 205.418 101.836 204.224 100.445 202.727L26.3689 128.507L20.0099 122.287C18.4635 120.894 17.2265 119.193 16.379 117.292C15.5314 115.391 15.092 113.333 15.0894 111.252C15.0867 109.171 15.5208 107.112 16.3635 105.209C17.2062 103.306 18.4388 101.601 19.9816 100.204L97.6468 22.7327C100.84 19.4246 103.865 16.0599 108.754 15.2683C111.182 14.8277 113.682 15.0061 116.024 15.7868C118.365 16.5676 120.472 17.9256 122.15 19.7356C146.871 44.4474 171.572 69.1781 196.255 93.9276C198.346 96.0387 200.475 98.1122 202.642 100.148C205.692 103.047 207.488 107.025 207.644 111.231M111.298 171.258C111.926 170.801 112.53 170.31 113.106 169.788L169.914 113.069C171.327 111.656 171.327 110.779 169.914 109.365C150.959 90.497 132.023 71.5908 113.106 52.647C111.835 51.3746 110.958 51.1767 109.574 52.5339C90.6377 71.5531 71.6548 90.5346 52.6247 109.478C51.2964 110.807 51.2964 111.684 52.6247 113.013C71.6548 131.957 90.6566 150.919 109.63 169.901C110.082 170.381 110.648 170.749 111.326 171.286"
 		fill="#3E77B4"
diff --git a/frontend/src/lib/components/icons/OktaIcon.svelte b/frontend/src/lib/components/icons/OktaIcon.svelte
index dfdd557adc..1a2975524e 100644
--- a/frontend/src/lib/components/icons/OktaIcon.svelte
+++ b/frontend/src/lib/components/icons/OktaIcon.svelte
@@ -27,7 +27,7 @@
 	role="img"
 	{width}
 	{height}
-	viewBox="0 0 1594 1595"
+	viewBox="-73.0 -72.5 1740.0 1740.0"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
 	class={twMerge('text-[#000000] dark:text-[#FFFFFF]', clazz)}
diff --git a/frontend/src/lib/components/icons/OneSignalIcon.svelte b/frontend/src/lib/components/icons/OneSignalIcon.svelte
index 0f835c7c31..625126a4f1 100644
--- a/frontend/src/lib/components/icons/OneSignalIcon.svelte
+++ b/frontend/src/lib/components/icons/OneSignalIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 300 300"
+	viewBox="-13.636 -13.929 327.273 327.273"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#051B2C] dark:text-[#FFFFFF]"
 >
diff --git a/frontend/src/lib/components/icons/OpenRouterIcon.svelte b/frontend/src/lib/components/icons/OpenRouterIcon.svelte
index bd2d1eb4bc..df936f46b0 100644
--- a/frontend/src/lib/components/icons/OpenRouterIcon.svelte
+++ b/frontend/src/lib/components/icons/OpenRouterIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#7624F4] dark:text-[#C8FF00]"
 	{width}
 	{height}
-	viewBox="0 0 401.4 293.7"
+	viewBox="2.958 -53.244 399.405 399.405"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/OpenWeatherIcon.svelte b/frontend/src/lib/components/icons/OpenWeatherIcon.svelte
index 1eab3170bc..2e626d134c 100644
--- a/frontend/src/lib/components/icons/OpenWeatherIcon.svelte
+++ b/frontend/src/lib/components/icons/OpenWeatherIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #EA6D4A / #EA6D4A per openweather.co.uk/brand_guidelines. Their negative (dark-background) logo reverses only the wordmark; the symbol stays brand orange. -->
-<svg class="text-[#EA6D4A]" {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+<svg
+	class="text-[#EA6D4A]"
+	{width}
+	{height}
+	viewBox="-1.159 -1.159 50.318 50.318"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="currentColor"
 		d="M44.74 28.33 L44.74 28.44 C44.74 29.24 44.09 29.89 43.29 29.89 L28.13 29.89 C27.33 29.89 26.68 30.54 26.68 31.34 L26.68 31.45 C26.68 32.25 27.33 32.89 28.13 32.89 L28.72 32.89 C29.52 32.89 30.18 33.54 30.18 34.34 L30.18 34.45 C30.18 35.25 29.52 35.90 28.72 35.90 L26.92 35.90 C26.12 35.90 25.47 36.55 25.47 37.35 L25.47 37.46 C25.47 38.26 26.12 38.90 26.92 38.90 L36.79 38.90 C37.59 38.90 38.23 39.55 38.23 40.35 L38.23 40.46 C38.23 41.26 37.59 41.90 36.79 41.90 L10.63 41.90 C9.83 41.90 9.18 41.26 9.18 40.46 L9.18 40.35 C9.18 39.55 9.83 38.90 10.63 38.90 L16.90 38.90 C17.70 38.90 18.35 38.26 18.35 37.46 L18.35 37.35 C18.35 36.55 17.70 35.90 16.90 35.90 L7.58 35.90 C6.77 35.90 6.13 35.25 6.13 34.45 L6.13 34.34 C6.13 34.15 6.17 33.96 6.24 33.79 C6.45 33.26 6.97 32.89 7.58 32.89 L8.07 32.89 C8.87 32.89 9.52 32.25 9.52 31.45 L9.52 31.34 C9.52 30.54 8.87 29.89 8.07 29.89 L2.45 29.89 C1.65 29.89 1.00 29.24 1.00 28.44 L1.00 28.33 C1.00 27.53 1.65 26.89 2.45 26.89 L3.55 26.89 C3.41 25.95 3.33 24.99 3.33 24.01 C3.33 14.12 11.36 6.10 21.24 6.10 C31.14 6.10 39.16 14.12 39.16 24.01 C39.16 24.99 39.08 25.95 38.93 26.89 L43.29 26.89 C44.09 26.89 44.74 27.53 44.74 28.33 Z M47.00 34.34 L47.00 34.45 C47.00 35.25 46.35 35.90 45.55 35.90 L42.32 35.90 C41.52 35.90 40.88 35.25 40.88 34.45 L40.88 34.34 C40.88 33.54 41.52 32.89 42.32 32.89 L45.55 32.89 C46.35 32.89 47.00 33.54 47.00 34.34 Z M38.44 34.34 L38.44 34.45 C38.44 35.25 37.78 35.90 36.98 35.90 L33.76 35.90 C32.96 35.90 32.31 35.25 32.31 34.45 L32.31 34.34 C32.31 33.54 32.96 32.89 33.76 32.89 L36.98 32.89 C37.78 32.89 38.44 33.54 38.44 34.34 Z"
diff --git a/frontend/src/lib/components/icons/OpenaiIcon.svelte b/frontend/src/lib/components/icons/OpenaiIcon.svelte
index 63d86f7945..1e234d10cc 100644
--- a/frontend/src/lib/components/icons/OpenaiIcon.svelte
+++ b/frontend/src/lib/components/icons/OpenaiIcon.svelte
@@ -16,7 +16,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-6.578 -6.578 181.483 181.483"
 	style="fill:currentcolor;"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/OracleDBIcon.svelte b/frontend/src/lib/components/icons/OracleDBIcon.svelte
index a1e4e2ed7d..1e3989067d 100644
--- a/frontend/src/lib/components/icons/OracleDBIcon.svelte
+++ b/frontend/src/lib/components/icons/OracleDBIcon.svelte
@@ -13,7 +13,7 @@
 	{width}
 	id="svg3430"
 	version="1.1"
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.064 24.035 24.035"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/OutreachIcon.svelte b/frontend/src/lib/components/icons/OutreachIcon.svelte
index ed48f6efd4..f5f8de1ec7 100644
--- a/frontend/src/lib/components/icons/OutreachIcon.svelte
+++ b/frontend/src/lib/components/icons/OutreachIcon.svelte
@@ -26,7 +26,7 @@
 	role="img"
 	{width}
 	{height}
-	viewBox="0 0 32 32"
+	viewBox="3.659 3.659 24.682 24.682"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
 	class={twMerge('text-[#5951FF] dark:text-[#FFFFFF]', clazz)}
diff --git a/frontend/src/lib/components/icons/PHPIcon.svelte b/frontend/src/lib/components/icons/PHPIcon.svelte
index 915180a7c0..ea4ac37ad1 100644
--- a/frontend/src/lib/components/icons/PHPIcon.svelte
+++ b/frontend/src/lib/components/icons/PHPIcon.svelte
@@ -13,7 +13,7 @@
 	{width}
 	id="svg3430"
 	version="1.1"
-	viewBox="0 0 711.20123 383.5975"
+	viewBox="-21.72 -185.522 754.641 754.641"
 	xml:space="preserve"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/PagerDutyIcon.svelte b/frontend/src/lib/components/icons/PagerDutyIcon.svelte
index 44584f60a7..ba10feb359 100644
--- a/frontend/src/lib/components/icons/PagerDutyIcon.svelte
+++ b/frontend/src/lib/components/icons/PagerDutyIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#048A24] 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"
 >
diff --git a/frontend/src/lib/components/icons/PaintbrushOff.svelte b/frontend/src/lib/components/icons/PaintbrushOff.svelte
index 4f265bf2a4..970f23729a 100644
--- a/frontend/src/lib/components/icons/PaintbrushOff.svelte
+++ b/frontend/src/lib/components/icons/PaintbrushOff.svelte
@@ -6,7 +6,13 @@
 	let { size = 24 }: Props = $props()
 </script>
 
-<svg width={size} height={size} viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	width={size}
+	height={size}
+	viewBox="-0.017 -0.017 24.035 24.035"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M18.37 2.62999L14 6.99999L12.41 5.40999C12.0353 5.03749 11.5284 4.8284 11 4.8284C10.4716 4.8284 9.96473 5.03749 9.59 5.40999L8 6.99999L17 16L18.59 14.41C18.9625 14.0353 19.1716 13.5284 19.1716 13C19.1716 12.4716 18.9625 11.9647 18.59 11.59L17 9.99999L21.37 5.62999C21.7678 5.23216 21.9913 4.6926 21.9913 4.12999C21.9913 3.56738 21.7678 3.02781 21.37 2.62999C20.9722 2.23216 20.4326 2.00867 19.87 2.00867C19.3074 2.00867 18.7678 2.23216 18.37 2.62999Z"
 		stroke="currentcolor"
diff --git a/frontend/src/lib/components/icons/PandaDocIcon.svelte b/frontend/src/lib/components/icons/PandaDocIcon.svelte
index cd1acff36b..7bbfe4b5ce 100644
--- a/frontend/src/lib/components/icons/PandaDocIcon.svelte
+++ b/frontend/src/lib/components/icons/PandaDocIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #248567 per the PandaDoc logo shipped on pandadoc.com (header logo SVG and favicon); white monogram on the green tile in both themes. -->
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.909 -2.909 69.818 69.818" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M62.125 0H1.875C.84 0 0 .84 0 1.875v60.25C0 63.16.84 64 1.875 64h60.25C63.16 64 64 63.16 64 62.125V1.875C64 .84 63.16 0 62.125 0z"
 		fill="#248567"
diff --git a/frontend/src/lib/components/icons/PaychexIcon.svelte b/frontend/src/lib/components/icons/PaychexIcon.svelte
index beeaf6db21..6c3e5195d6 100644
--- a/frontend/src/lib/components/icons/PaychexIcon.svelte
+++ b/frontend/src/lib/components/icons/PaychexIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 40 40"
+	viewBox="-0.965 -0.965 41.932 41.932"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
 	aria-label="Paychex"
diff --git a/frontend/src/lib/components/icons/PaylocityIcon.svelte b/frontend/src/lib/components/icons/PaylocityIcon.svelte
index ad1d997bdd..7a68fd0aef 100644
--- a/frontend/src/lib/components/icons/PaylocityIcon.svelte
+++ b/frontend/src/lib/components/icons/PaylocityIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #ED2024 → #FF8F1C per paylocity.com design-system CSS (.styleBGBrandGradient). -->
-<svg {width} {height} viewBox="0 0 144 144" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-6.545 -6.545 157.091 157.091" xmlns="http://www.w3.org/2000/svg">
 	<g clip-path="url(#paylocity-clip0_442_16449)">
 		<path d="M144 0H0V144H144V0Z" fill="url(#paylocity-paint0_linear_442_16449)" />
 		<path
diff --git a/frontend/src/lib/components/icons/PaypalIcon.svelte b/frontend/src/lib/components/icons/PaypalIcon.svelte
index cafdfc51cd..a27e892639 100644
--- a/frontend/src/lib/components/icons/PaypalIcon.svelte
+++ b/frontend/src/lib/components/icons/PaypalIcon.svelte
@@ -12,7 +12,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="7.056 3 37.35 45"
+	viewBox="1.186 0.955 49.091 49.091"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/PersonaIcon.svelte b/frontend/src/lib/components/icons/PersonaIcon.svelte
index bb04b6efd2..5cdb69dda4 100644
--- a/frontend/src/lib/components/icons/PersonaIcon.svelte
+++ b/frontend/src/lib/components/icons/PersonaIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #7379FD per https://withpersona.com/favicon.svg (Persona, identity verification). -->
-<svg {width} {height} viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="36.505 33.38 126.989 126.989" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M60.8185 139H139.182C141.841 139 144.001 141.159 144.001 143.819V150.182C144.001 152.841 141.842 155.001 139.182 155.001H60.8175C58.1585 155.001 55.9995 152.842 55.9995 150.183V143.82C55.9995 141.161 58.1585 139 60.8185 139Z"
 		fill="#7379FD"
diff --git a/frontend/src/lib/components/icons/PersonioIcon.svelte b/frontend/src/lib/components/icons/PersonioIcon.svelte
index e7a1a6286f..0324158b27 100644
--- a/frontend/src/lib/components/icons/PersonioIcon.svelte
+++ b/frontend/src/lib/components/icons/PersonioIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/PhraseIcon.svelte b/frontend/src/lib/components/icons/PhraseIcon.svelte
index 3fb92aa73d..03197286b7 100644
--- a/frontend/src/lib/components/icons/PhraseIcon.svelte
+++ b/frontend/src/lib/components/icons/PhraseIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="-0.5 0.7 18.6 27.9"
+	viewBox="-5.467 0.383 28.535 28.535"
 	class="text-[#181818] dark:text-[#FFFFFF]"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/PineconeIcon.svelte b/frontend/src/lib/components/icons/PineconeIcon.svelte
index d42b2f91a8..2370c4571c 100644
--- a/frontend/src/lib/components/icons/PineconeIcon.svelte
+++ b/frontend/src/lib/components/icons/PineconeIcon.svelte
@@ -14,7 +14,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-4.071 -4.399 176.472 176.472"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/PinterestIcon.svelte b/frontend/src/lib/components/icons/PinterestIcon.svelte
index 1ae9d7319f..984908b64f 100644
--- a/frontend/src/lib/components/icons/PinterestIcon.svelte
+++ b/frontend/src/lib/components/icons/PinterestIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #E60023 on both themes per Pinterest Gestalt tokens (color.icon.brand.primary = red.pushpin.450, identical in sema-color-light and sema-color-dark). Brand guidelines: "Do not alter the logo colour." -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#E60023" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#E60023"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M12.017 0C5.396 0 .029 5.367.029 11.987c0 5.079 3.158 9.417 7.618 11.162-.105-.949-.199-2.403.041-3.439.219-.937 1.406-5.957 1.406-5.957s-.359-.72-.359-1.781c0-1.663.967-2.911 2.168-2.911 1.024 0 1.518.769 1.518 1.688 0 1.029-.653 2.567-.992 3.992-.285 1.193.6 2.165 1.775 2.165 2.128 0 3.768-2.245 3.768-5.487 0-2.861-2.063-4.869-5.008-4.869-3.41 0-5.409 2.562-5.409 5.199 0 1.033.394 2.143.889 2.741.099.12.112.225.085.345-.09.375-.293 1.199-.334 1.363-.053.225-.172.271-.401.165-1.495-.69-2.433-2.878-2.433-4.646 0-3.776 2.748-7.252 7.92-7.252 4.158 0 7.392 2.967 7.392 6.923 0 4.135-2.607 7.462-6.233 7.462-1.214 0-2.354-.629-2.758-1.379l-.749 2.848c-.269 1.045-1.004 2.352-1.498 3.146 1.123.345 2.306.535 3.55.535 6.607 0 11.985-5.365 11.985-11.987C23.97 5.39 18.592.026 11.985.026L12.017 0z"
 	/>
diff --git a/frontend/src/lib/components/icons/PipedriveIcon.svelte b/frontend/src/lib/components/icons/PipedriveIcon.svelte
index b85bf67eda..a52d73b63a 100644
--- a/frontend/src/lib/components/icons/PipedriveIcon.svelte
+++ b/frontend/src/lib/components/icons/PipedriveIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<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="#017737"
diff --git a/frontend/src/lib/components/icons/PlanetScaleIcon.svelte b/frontend/src/lib/components/icons/PlanetScaleIcon.svelte
index e306b897bb..b09a41d90c 100644
--- a/frontend/src/lib/components/icons/PlanetScaleIcon.svelte
+++ b/frontend/src/lib/components/icons/PlanetScaleIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#1A1A1A] dark:text-[#FAFAFA]"
 	{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"
 >
diff --git a/frontend/src/lib/components/icons/PocketIdIcon.svelte b/frontend/src/lib/components/icons/PocketIdIcon.svelte
index e5f8218eb3..51f6e564df 100644
--- a/frontend/src/lib/components/icons/PocketIdIcon.svelte
+++ b/frontend/src/lib/components/icons/PocketIdIcon.svelte
@@ -23,7 +23,7 @@
 <!-- #000000 / #FFFFFF per pocket-id.org header logo (fill isDark ? #ffffff : #000000) and pocket-id/pocket-id frontend/src/lib/components/logo.svelte. -->
 <svg
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="-346.211 -706.48 712.96 712.96"
+	viewBox="-378.618 -738.887 777.775 777.775"
 	{width}
 	{height}
 	fill="currentColor"
diff --git a/frontend/src/lib/components/icons/PostgresIcon.svelte b/frontend/src/lib/components/icons/PostgresIcon.svelte
index a5a641f405..d5901161cd 100644
--- a/frontend/src/lib/components/icons/PostgresIcon.svelte
+++ b/frontend/src/lib/components/icons/PostgresIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #336791 per the official 3-colour Slonik SVG on wiki.postgresql.org/wiki/Logo.
 	 The PostgreSQL trademark policy forbids recolouring the mark without prior approval. -->
-<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-16.818 -16.818 547.636 547.636"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<style>
 		.postgres-st2 {
 			fill: none;
diff --git a/frontend/src/lib/components/icons/PostmarkIcon.svelte b/frontend/src/lib/components/icons/PostmarkIcon.svelte
index 72b87f901d..b0ee6fac6c 100644
--- a/frontend/src/lib/components/icons/PostmarkIcon.svelte
+++ b/frontend/src/lib/components/icons/PostmarkIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FFDE00 stamp with a #000000 "P" per postmarkapp.com/images/logo-stamp-simple.svg. Postmark publishes no reversed variant. -->
-<svg {width} {height} viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.364 -1.364 32.727 32.727"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/PowershellIcon.svelte b/frontend/src/lib/components/icons/PowershellIcon.svelte
index 1c69a209ca..9de6a0434b 100644
--- a/frontend/src/lib/components/icons/PowershellIcon.svelte
+++ b/frontend/src/lib/components/icons/PowershellIcon.svelte
@@ -18,7 +18,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 128 128"
+	viewBox="-1.455 -1.455 130.909 130.909"
 	enable-background="new 0 0 128 128"
 	xml:space="preserve"
 >
diff --git a/frontend/src/lib/components/icons/PusherIcon.svelte b/frontend/src/lib/components/icons/PusherIcon.svelte
index a12be77f74..bd55900f8c 100644
--- a/frontend/src/lib/components/icons/PusherIcon.svelte
+++ b/frontend/src/lib/components/icons/PusherIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#300D4F] 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"
 >
diff --git a/frontend/src/lib/components/icons/PushoverIcon.svelte b/frontend/src/lib/components/icons/PushoverIcon.svelte
index 00fdac8998..7ed644ffa0 100644
--- a/frontend/src/lib/components/icons/PushoverIcon.svelte
+++ b/frontend/src/lib/components/icons/PushoverIcon.svelte
@@ -8,7 +8,12 @@
 </script>
 
 <!-- #249DF1 per support.pushover.net/i63-pushover-logos-and-usage. Forbids recolouring. -->
-<svg {width} {height} viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-46.545 -46.545 1117.091 1117.091"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<circle cx="512" cy="512" r="512" style="fill:#249df1" />
 	<path
 		d="m495.6 319.4 104-13.7-101.3 228.6c17.8-1.4 35.2-7.4 52.3-18.1 17.1-10.7 32.9-24.2 47.2-40.4 14.4-16.2 26.8-34.2 37.3-54.1 10.5-19.8 18-39.4 22.6-58.5 2.7-11.9 4-23.3 3.8-34.2-.2-10.9-3.1-20.5-8.6-28.7s-13.8-14.8-25-19.8-26.3-7.5-45.5-7.5c-22.4 0-44.4 3.6-66 10.9-21.7 7.3-41.7 17.9-60.2 31.8-18.5 13.9-34.5 31.2-48.2 52-13.7 20.8-23.5 44.4-29.4 70.8-2.3 8.7-3.6 15.6-4.1 20.9-.5 5.3-.6 9.6-.3 13 .2 3.4.7 6.1 1.4 7.9.7 1.8 1.3 3.6 1.7 5.5-23.3 0-40.3-4.7-51-14-10.7-9.3-13.3-25.7-7.9-48.9 5.5-24.2 17.9-47.2 37.3-69.1 19.4-21.9 42.4-41.2 69.1-57.8 26.7-16.6 55.9-29.9 87.6-39.7 31.7-9.8 62.6-14.7 92.7-14.7 26.5 0 48.7 3.8 66.7 11.3 18 7.5 32.1 17.5 42.1 29.8s16.3 26.7 18.8 43.1c2.5 16.4 1.7 33.5-2.4 51.3-5 21.4-14.5 43-28.4 64.7-13.9 21.7-31.4 41.3-52.3 58.8-21 17.6-45 31.8-72.2 42.8-27.1 10.9-56 16.4-86.6 16.4h-3.4l-86.9 195H302l193.6-435.4z"
diff --git a/frontend/src/lib/components/icons/QoveryIcon.svelte b/frontend/src/lib/components/icons/QoveryIcon.svelte
index dd48429c94..4b395939c8 100644
--- a/frontend/src/lib/components/icons/QoveryIcon.svelte
+++ b/frontend/src/lib/components/icons/QoveryIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 328 328" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-14.589 -14.909 357.818 357.818"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="#642DFF"
 		d="M295.876 72.3141L176.187 3.21008C168.775-1.07003 159.65-1.07003 152.249 3.21008L32.5589 72.3141C25.1573 76.5846 20.59 84.4937 20.59 93.0444V231.252C20.59 239.803 25.1477 247.703 32.5589 251.983L164.218 328V251.983C164.218 247.703 166.496 243.758 170.202 241.613L236.031 203.609V286.53L295.876 251.983C303.287 247.703 307.845 239.803 307.845 231.252V93.0444C307.845 84.4937 303.287 76.5942 295.876 72.3141ZM158.233 165.605L92.4038 203.609V127.592C92.4038 123.312 94.6827 119.367 98.3882 117.222L158.233 82.6745C161.939 80.5392 166.496 80.5392 170.202 82.6745L230.047 117.222C233.753 119.357 236.031 123.312 236.031 127.592V203.609L170.202 165.605C166.496 163.47 161.939 163.47 158.233 165.605Z"
diff --git a/frontend/src/lib/components/icons/QuestionInputIcon.svelte b/frontend/src/lib/components/icons/QuestionInputIcon.svelte
index 76e3f25743..bfb3b11661 100644
--- a/frontend/src/lib/components/icons/QuestionInputIcon.svelte
+++ b/frontend/src/lib/components/icons/QuestionInputIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/QuickbooksIcon.svelte b/frontend/src/lib/components/icons/QuickbooksIcon.svelte
index 91afd465b1..d0d5141026 100644
--- a/frontend/src/lib/components/icons/QuickbooksIcon.svelte
+++ b/frontend/src/lib/components/icons/QuickbooksIcon.svelte
@@ -12,7 +12,7 @@
 	fill="#2CA01C"
 	{width}
 	{height}
-	viewBox="0 0 14 14"
+	viewBox="0.437 0.437 13.125 13.125"
 	role="img"
 	focusable="false"
 	aria-hidden="true"
diff --git a/frontend/src/lib/components/icons/RIcon.svelte b/frontend/src/lib/components/icons/RIcon.svelte
index 4d42f66b1a..28522a5d84 100644
--- a/frontend/src/lib/components/icons/RIcon.svelte
+++ b/frontend/src/lib/components/icons/RIcon.svelte
@@ -13,7 +13,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 724 561"
+	viewBox="-32.845 -112.931 788.275 788.275"
 	preserveAspectRatio="xMidYMid"
 >
 	<defs>
diff --git a/frontend/src/lib/components/icons/RaindropIcon.svelte b/frontend/src/lib/components/icons/RaindropIcon.svelte
index 585a8dc745..970e187cc4 100644
--- a/frontend/src/lib/components/icons/RaindropIcon.svelte
+++ b/frontend/src/lib/components/icons/RaindropIcon.svelte
@@ -9,7 +9,7 @@
 
 <!-- #1988E0 (with #2CD4ED / #0DB4E2 / #3169FF / #3153FF) on both themes per
 	app.raindrop.io/assets/icon_raw.svg and raindrop.io icon_128.png. Full-colour mark, no reversed variant published. -->
-<svg {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.182 -2.182 52.364 52.364" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<path
 			id="icon_raw-a"
diff --git a/frontend/src/lib/components/icons/ReactIcon.svelte b/frontend/src/lib/components/icons/ReactIcon.svelte
index fc3d9d2bfa..a6bbde305b 100644
--- a/frontend/src/lib/components/icons/ReactIcon.svelte
+++ b/frontend/src/lib/components/icons/ReactIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 600 600"
+	viewBox="43.04 43.04 513.921 513.921"
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
 	class="text-[#087EA4] dark:text-[#58C4DC]"
diff --git a/frontend/src/lib/components/icons/ReadmeIcon.svelte b/frontend/src/lib/components/icons/ReadmeIcon.svelte
index 6ab0d47896..716ff7dbe9 100644
--- a/frontend/src/lib/components/icons/ReadmeIcon.svelte
+++ b/frontend/src/lib/components/icons/ReadmeIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#213AFF] 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"
 >
diff --git a/frontend/src/lib/components/icons/ReadwiseIcon.svelte b/frontend/src/lib/components/icons/ReadwiseIcon.svelte
index 4318124c9c..d52c6b773f 100644
--- a/frontend/src/lib/components/icons/ReadwiseIcon.svelte
+++ b/frontend/src/lib/components/icons/ReadwiseIcon.svelte
@@ -15,7 +15,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 50 50"
+	viewBox="-2.273 -2.273 54.545 54.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/RecordIcon.svelte b/frontend/src/lib/components/icons/RecordIcon.svelte
index 56f67d3e32..43b809e6b8 100644
--- a/frontend/src/lib/components/icons/RecordIcon.svelte
+++ b/frontend/src/lib/components/icons/RecordIcon.svelte
@@ -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"
diff --git a/frontend/src/lib/components/icons/RecraftIcon.svelte b/frontend/src/lib/components/icons/RecraftIcon.svelte
index 0b3c26ba0f..f9de577b2d 100644
--- a/frontend/src/lib/components/icons/RecraftIcon.svelte
+++ b/frontend/src/lib/components/icons/RecraftIcon.svelte
@@ -9,7 +9,12 @@
 
 <!-- #000000 plate, #FFFFFF glyph per Recraft's press-kit "Icon White" mark (https://www.recraft.ai/press-releases).
 	The plated mark carries its own background: recraft.ai serves it to prefers-color-scheme light and dark alike — not a theme pair. -->
-<svg {width} {height} viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-45.455 -45.455 1090.909 1090.909"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<g clip-path="url(#recraft-clip0_14044_7953)">
 		<path d="M1000 0H0V1000H1000V0Z" fill="black" />
 		<path
diff --git a/frontend/src/lib/components/icons/RedditIcon.svelte b/frontend/src/lib/components/icons/RedditIcon.svelte
index 6c70e6ff35..12c3a4cb3a 100644
--- a/frontend/src/lib/components/icons/RedditIcon.svelte
+++ b/frontend/src/lib/components/icons/RedditIcon.svelte
@@ -8,7 +8,13 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 216 216" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-9.818 -9.818 235.636 235.636"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<defs>
 		<radialGradient
 			id="reddit-g1"
diff --git a/frontend/src/lib/components/icons/RenderIcon.svelte b/frontend/src/lib/components/icons/RenderIcon.svelte
index e7c1d1325c..3cd0e4d7da 100644
--- a/frontend/src/lib/components/icons/RenderIcon.svelte
+++ b/frontend/src/lib/components/icons/RenderIcon.svelte
@@ -13,7 +13,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"
 >
diff --git a/frontend/src/lib/components/icons/ReplicateIcon.svelte b/frontend/src/lib/components/icons/ReplicateIcon.svelte
index 257660460f..bb8be35958 100644
--- a/frontend/src/lib/components/icons/ReplicateIcon.svelte
+++ b/frontend/src/lib/components/icons/ReplicateIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/ResendIcon.svelte b/frontend/src/lib/components/icons/ResendIcon.svelte
index 04d337349a..26e8e890b2 100644
--- a/frontend/src/lib/components/icons/ResendIcon.svelte
+++ b/frontend/src/lib/components/icons/ResendIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#000000] dark:text-[#FDFDFD]"
 	{width}
 	{height}
-	viewBox="0 0 1800 1800"
+	viewBox="409.091 409.091 981.818 981.818"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/RestIcon.svelte b/frontend/src/lib/components/icons/RestIcon.svelte
index f6a29899d1..7d1b4088c6 100644
--- a/frontend/src/lib/components/icons/RestIcon.svelte
+++ b/frontend/src/lib/components/icons/RestIcon.svelte
@@ -14,7 +14,7 @@
 	{width}
 	{height}
 	xmlns:xlink="http://www.w3.org/1999/xlink"
-	viewBox="0 0 1000 1000"
+	viewBox="-34.801 -34.801 1069.603 1069.603"
 	fill="currentColor"
 	enable-background="new 0 0 1000 1000"
 	xml:space="preserve"
diff --git a/frontend/src/lib/components/icons/RingCentralIcon.svelte b/frontend/src/lib/components/icons/RingCentralIcon.svelte
index 45cb25c9ba..651329720f 100644
--- a/frontend/src/lib/components/icons/RingCentralIcon.svelte
+++ b/frontend/src/lib/components/icons/RingCentralIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#FF7A00] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 64 64"
+	viewBox="-2.909 -2.909 69.818 69.818"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/RocketChatIcon.svelte b/frontend/src/lib/components/icons/RocketChatIcon.svelte
index 9b04d64404..d1940d9149 100644
--- a/frontend/src/lib/components/icons/RocketChatIcon.svelte
+++ b/frontend/src/lib/components/icons/RocketChatIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #F5455C per Rocket.Chat brand colours (docs.rocket.chat/v1/docs/colors), the primary red of their logo. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#F5455C" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#F5455C"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M22.909 8.381c-.651-1.01-1.564-1.905-2.71-2.66-2.215-1.457-5.127-2.259-8.197-2.259-1.027 0-2.038.09-3.018.266a9.978 9.978 0 0 0-2.075-1.53C4.11.803 1.646 1.323.4 1.77a.598.598 0 0 0-.233.977c.879.907 2.332 2.698 1.974 4.327C.753 8.493 0 10.203 0 11.982c0 1.815.752 3.524 2.142 4.942.357 1.63-1.096 3.421-1.975 4.328a.597.597 0 0 0 .233.977c1.245.448 3.71.968 6.508-.427a10.031 10.031 0 0 0 2.075-1.53 17.06 17.06 0 0 0 3.018.265c3.071 0 5.983-.801 8.197-2.257 1.147-.755 2.06-1.65 2.71-2.661C23.633 14.493 24 13.28 24 12.017c.001-1.297-.366-2.508-1.091-3.636zM11.875 18.437c-1.328 0-2.594-.171-3.748-.48l-.844.81a7.716 7.716 0 0 1-1.556 1.154 6.118 6.118 0 0 1-2.2.621c.042-.074.079-.149.119-.224.844-1.553 1.073-2.948.683-4.186-1.382-1.086-2.212-2.476-2.212-3.99 0-3.476 4.369-6.294 9.757-6.294s9.757 2.818 9.757 6.294c.001 3.477-4.367 6.295-9.756 6.295zm-3.229-6.315c0 .788-.644 1.427-1.438 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426zm4.627 0c0 .788-.644 1.427-1.438 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426zm4.63 0c0 .788-.645 1.427-1.439 1.427a1.433 1.433 0 0 1-1.438-1.427c0-.788.644-1.426 1.438-1.426.794 0 1.438.638 1.438 1.426z"
 	/>
diff --git a/frontend/src/lib/components/icons/RssIcon.svelte b/frontend/src/lib/components/icons/RssIcon.svelte
index d658b96f1b..14f9def13d 100644
--- a/frontend/src/lib/components/icons/RssIcon.svelte
+++ b/frontend/src/lib/components/icons/RssIcon.svelte
@@ -13,7 +13,7 @@
 	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"
 >
diff --git a/frontend/src/lib/components/icons/RubyIcon.svelte b/frontend/src/lib/components/icons/RubyIcon.svelte
index 1ad8bee42f..942f1e107a 100644
--- a/frontend/src/lib/components/icons/RubyIcon.svelte
+++ b/frontend/src/lib/components/icons/RubyIcon.svelte
@@ -15,19 +15,10 @@
 	id="Layer_1"
 	{width}
 	{height}
-	viewBox="0 0 198.13 197.58"
+	viewBox="-9.006 -9.281 216.142 216.142"
 	overflow="visible"
 	enable-background="new 0 0 198.13 197.58"
 	xml:space="preserve"
-	><metadata id="metadata3320"
-		><rdf:RDF>
-			<!-- svelte-ignore attribute_illegal_colon -->
-			<cc:Work rdf:about=""
-				><dc:format>image/svg+xml</dc:format>
-				<!-- svelte-ignore element_invalid_self_closing_tag -->
-				<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"></dc:type></cc:Work
-			></rdf:RDF
-		></metadata
 	><defs id="defs3489"
 		><linearGradient
 			id="XMLID_17_-9"
@@ -317,17 +308,6 @@
 			xlink:href="#XMLID_17_-9"
 		/></defs
 	>
-	<!-- svelte-ignore element_invalid_self_closing_tag -->
-	<sodipodi:namedview
-		pagecolor="#ffffff"
-		bordercolor="#666666"
-		borderopacity="1"
-		objecttolerance="10"
-		gridtolerance="10"
-		guidetolerance="10"
-		id="namedview3487"
-		showgrid="false"
-	></sodipodi:namedview>
 	<linearGradient
 		id="XMLID_17_"
 		gradientUnits="userSpaceOnUse"
diff --git a/frontend/src/lib/components/icons/RunPodIcon.svelte b/frontend/src/lib/components/icons/RunPodIcon.svelte
index 4f5da22f4a..a6437a4205 100644
--- a/frontend/src/lib/components/icons/RunPodIcon.svelte
+++ b/frontend/src/lib/components/icons/RunPodIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#5D29F0] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 184 200"
+	viewBox="-14.534 -6.534 213.068 213.068"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/RustIcon.svelte b/frontend/src/lib/components/icons/RustIcon.svelte
index d0b59953c0..4db838af95 100644
--- a/frontend/src/lib/components/icons/RustIcon.svelte
+++ b/frontend/src/lib/components/icons/RustIcon.svelte
@@ -15,7 +15,7 @@
 	{width}
 	id="svg3430"
 	version="1.1"
-	viewBox="0 0 106 106"
+	viewBox="-4.366 -4.366 114.733 114.733"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<g id="logo" transform="translate(53, 53)" fill="currentColor">
diff --git a/frontend/src/lib/components/icons/S3Icon.svelte b/frontend/src/lib/components/icons/S3Icon.svelte
index 5a917e05cb..df734d6268 100644
--- a/frontend/src/lib/components/icons/S3Icon.svelte
+++ b/frontend/src/lib/components/icons/S3Icon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #7AA116 per AWS Architecture Icons (Icon-package_07312026, Arch_Storage/64/Arch_Amazon-Simple-Storage-Service_64.svg). AWS ships no dark variant for service icons. -->
-<svg {width} {height} viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-11.636 -11.636 279.273 279.273" xmlns="http://www.w3.org/2000/svg">
 	<g>
 		<rect fill="#7AA116" x="0" y="0" width="256" height="256"></rect>
 		<path
diff --git a/frontend/src/lib/components/icons/SageIcon.svelte b/frontend/src/lib/components/icons/SageIcon.svelte
index 6dc5d9fbb5..c1ea94487c 100644
--- a/frontend/src/lib/components/icons/SageIcon.svelte
+++ b/frontend/src/lib/components/icons/SageIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#00D639]"
 	{width}
 	{height}
-	viewBox="0 0 31 54"
+	viewBox="-13.778 -2.436 58.449 58.449"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/SalesflareIcon.svelte b/frontend/src/lib/components/icons/SalesflareIcon.svelte
index fc9aebda4b..d03eab8be6 100644
--- a/frontend/src/lib/components/icons/SalesflareIcon.svelte
+++ b/frontend/src/lib/components/icons/SalesflareIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #0053FF per salesflare.com's own `--color--major-blue` design token. -->
-<svg {width} {height} viewBox="0.65 5 46.35 28" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-1.457 -6.282 50.564 50.564" xmlns="http://www.w3.org/2000/svg">
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/SalesforceIcon.svelte b/frontend/src/lib/components/icons/SalesforceIcon.svelte
index b08506e71c..1f51ab487f 100644
--- a/frontend/src/lib/components/icons/SalesforceIcon.svelte
+++ b/frontend/src/lib/components/icons/SalesforceIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #00B3FF (Cloud Blue 68) per brand.salesforce.com/brand/color. Salesforce reserves the white/reversed cloud for its own blue backgrounds, so the blue mark stands in both themes. -->
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.909 -2.909 69.818 69.818" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M26.62 14.492c2.068-2.142 4.95-3.497 8.126-3.497 4.235 0 7.905 2.364 9.875 5.86 1.7-.763 3.595-1.182 5.6-1.182 7.634 0 13.8 6.23 13.8 13.913S57.82 43.5 50.2 43.5a13.84 13.84 0 0 1-2.709-.271c-1.724 3.078-5.023 5.17-8.816 5.17-1.576 0-3.078-.37-4.408-1-1.748 4.112-5.836 7.018-10.59 7.018-4.95 0-9.185-3.127-10.8-7.535a10.85 10.85 0 0 1-2.192.222C4.777 47.095 0 42.27 0 36.285a10.82 10.82 0 0 1 5.344-9.357c-.665-1.502-1.034-3.177-1.034-4.95C4.285 15.157 9.875 9.59 16.72 9.59a12.41 12.41 0 0 1 9.899 4.9"
 		fill="#00B3FF"
diff --git a/frontend/src/lib/components/icons/SassIcon.svelte b/frontend/src/lib/components/icons/SassIcon.svelte
index 063d3c1809..fb3193cc20 100644
--- a/frontend/src/lib/components/icons/SassIcon.svelte
+++ b/frontend/src/lib/components/icons/SassIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 410.87 410.87"
+	viewBox="-18.676 -18.676 448.222 448.222"
 	xmlns="http://www.w3.org/2000/svg"
 	><defs
 		><style>
diff --git a/frontend/src/lib/components/icons/SchedulePollIcon.svelte b/frontend/src/lib/components/icons/SchedulePollIcon.svelte
index 383b109113..c0a489a6da 100644
--- a/frontend/src/lib/components/icons/SchedulePollIcon.svelte
+++ b/frontend/src/lib/components/icons/SchedulePollIcon.svelte
@@ -10,7 +10,7 @@
 <svg
 	width={size}
 	height={size}
-	viewBox="0 0 24 24"
+	viewBox="0.186 0.186 23.676 23.676"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	stroke="currentColor"
diff --git a/frontend/src/lib/components/icons/SegmentIcon.svelte b/frontend/src/lib/components/icons/SegmentIcon.svelte
index e19a50900e..6b6859136d 100644
--- a/frontend/src/lib/components/icons/SegmentIcon.svelte
+++ b/frontend/src/lib/components/icons/SegmentIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #52BD94 / #52BD94 per Segment's own app favicon (app.segment.com) and Evergreen green500 #52BD95. Segment ships the mark in one flat green and publishes no reversed variant. -->
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.909 -2.909 69.818 69.818" xmlns="http://www.w3.org/2000/svg">
 	<g transform="matrix(.768307 0 0 .768307 0 2.304922)"
 		><path
 			d="M51.9 52.8H4c-2.2 0-4-1.8-4-4s1.8-4 4-4h47.9c2.2 0 4 1.8 4 4s-1.8 4-4 4z"
diff --git a/frontend/src/lib/components/icons/SendflakeIcon.svelte b/frontend/src/lib/components/icons/SendflakeIcon.svelte
index 44512442ca..f94db89e04 100644
--- a/frontend/src/lib/components/icons/SendflakeIcon.svelte
+++ b/frontend/src/lib/components/icons/SendflakeIcon.svelte
@@ -12,7 +12,7 @@
 <svg
 	class="text-[#29B5E8]"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 1565 1559"
+	viewBox="-71.136 -74.136 1707.273 1707.273"
 	{height}
 	{width}
 	style="fill:currentcolor"
diff --git a/frontend/src/lib/components/icons/SendgridIcon.svelte b/frontend/src/lib/components/icons/SendgridIcon.svelte
index 0584217f05..0b3966d19a 100644
--- a/frontend/src/lib/components/icons/SendgridIcon.svelte
+++ b/frontend/src/lib/components/icons/SendgridIcon.svelte
@@ -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">
 	<rect x="8" y="0" width="8" height="8" fill="#00B3E3" />
 	<rect x="16" y="0" width="8" height="8" fill="#1A82E2" />
 	<rect x="0" y="8" width="8" height="8" fill="#99E1F4" />
diff --git a/frontend/src/lib/components/icons/SensorTowerIcon.svelte b/frontend/src/lib/components/icons/SensorTowerIcon.svelte
index e8a78b614c..3662a092e5 100644
--- a/frontend/src/lib/components/icons/SensorTowerIcon.svelte
+++ b/frontend/src/lib/components/icons/SensorTowerIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #00CFB8 per sensortower.com/favicon.svg, copied verbatim. -->
-<svg {width} {height} viewBox="0 0 280 280" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-12.727 -12.727 305.455 305.455" xmlns="http://www.w3.org/2000/svg">
 	<rect fill="#00cfb8" height="280" rx="30" width="280" /><g fill="#fff"
 		><path
 			d="m151.25 237.03c21.02-1.84 45.2-12.58 62.41-32.51 19.32-22.38 27.07-48.45 23.44-77.72-5.97-48.07-50.57-91.14-109.59-84.03-50.14 6.04-91.36 51.47-84.79 108.81 5.91 51.53 49.29 82.73 85.99 85.31.13-1.73.26-3.46.38-5.18.38-5.09.78-10.18 1.13-15.27.21-3.05.3-6.09.52-9.14.28-3.66.69-7.31.96-10.96.42-5.58.76-11.17 1.14-16.77.41-6.08.82-12.17 1.25-18.25.21-3.05.47-6.08.73-9.13.14-1.77.22-3.5-1.75-4.45-.27-.12-.45-.42-.67-.64-3.39-3.45-3.9-8.54-1.38-12.75 2.14-3.57 7.56-6.08 12.06-4.49 4.24 1.49 6.73 4.42 7.36 8.8.56 3.98-1 7.19-4.14 9.65-.44.34-.88.66-1.26.96 2.08 29.33 4.15 58.54 6.21 87.77m-10.99 12.68c-30.63-.6-56.93-11.13-78.3-32.79-21.93-22.22-32.52-49.3-31.61-80.45.83-28.87 11.66-53.86 32.23-74.2 22.66-22.42 50.24-33.12 82.08-31.92 56.34 2.14 105.54 48.38 105.02 110.97-.24 28.22-10.26 53.02-29.69 73.58-21.64 22.89-48.55 34.15-79.74 34.81"
diff --git a/frontend/src/lib/components/icons/SentryIcon.svelte b/frontend/src/lib/components/icons/SentryIcon.svelte
index f621f7d2c1..7bed4d02d4 100644
--- a/frontend/src/lib/components/icons/SentryIcon.svelte
+++ b/frontend/src/lib/components/icons/SentryIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#181225] 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"
 >
diff --git a/frontend/src/lib/components/icons/ServiceNowIcon.svelte b/frontend/src/lib/components/icons/ServiceNowIcon.svelte
index 075b34612c..7400054d6d 100644
--- a/frontend/src/lib/components/icons/ServiceNowIcon.svelte
+++ b/frontend/src/lib/components/icons/ServiceNowIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #62D84E per servicenow.com/company/servicenow-logo.html (servicenow-logo-icon.svg). Trademark guidelines require the mark in the graphic form provided. -->
-<svg {width} {height} viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-2.909 -2.909 69.818 69.818" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M32.195 3.312A32.267 32.267 0 0 0 9.949 58.883a6.346 6.346 0 0 0 8.264.43 23.035 23.035 0 0 1 27.445 0 6.364 6.364 0 0 0 8.389-.43A32.267 32.267 0 0 0 32.195 3.312m-.18 48.275a15.632 15.632 0 0 1-16.133-16.026 16.044 16.044 0 1 1 32.07 0 15.614 15.614 0 0 1-16.026 16.026"
 		fill-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/ShopifyIcon.svelte b/frontend/src/lib/components/icons/ShopifyIcon.svelte
index 24569ea8a3..9b1cd3c4e2 100644
--- a/frontend/src/lib/components/icons/ShopifyIcon.svelte
+++ b/frontend/src/lib/components/icons/ShopifyIcon.svelte
@@ -14,7 +14,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-6.399 -6.563 181.125 181.125"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/ShortcutIcon.svelte b/frontend/src/lib/components/icons/ShortcutIcon.svelte
index 021c04fedd..eb2930ee18 100644
--- a/frontend/src/lib/components/icons/ShortcutIcon.svelte
+++ b/frontend/src/lib/components/icons/ShortcutIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 54 52"
+	viewBox="-2.44 -3.651 58.564 58.564"
 	fill="none"
 	class="text-[#494BCB] dark:text-[#797ADE]"
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/icons/ShutterstockIcon.svelte b/frontend/src/lib/components/icons/ShutterstockIcon.svelte
index dc3f16122d..d5278e216c 100644
--- a/frontend/src/lib/components/icons/ShutterstockIcon.svelte
+++ b/frontend/src/lib/components/icons/ShutterstockIcon.svelte
@@ -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-[#000000] dark:text-[#FFFFFF]"
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/lib/components/icons/SigNozIcon.svelte b/frontend/src/lib/components/icons/SigNozIcon.svelte
index c9af794ac0..10312c8fba 100644
--- a/frontend/src/lib/components/icons/SigNozIcon.svelte
+++ b/frontend/src/lib/components/icons/SigNozIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FF5E19 -> #FF2929 radial gradient per signoz.io/img/SigNozLogo-orange.svg. SigNoz ships no reversed variant; the tile mark is used unchanged on light and dark. -->
-<svg {width} {height} viewBox="0 0.5 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-0.955 -0.455 22.909 22.909"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<defs>
 		<radialGradient
 			id="signoz-tile"
diff --git a/frontend/src/lib/components/icons/SignatureAuthIcon.svelte b/frontend/src/lib/components/icons/SignatureAuthIcon.svelte
index acd0e1232a..5f346a4581 100644
--- a/frontend/src/lib/components/icons/SignatureAuthIcon.svelte
+++ b/frontend/src/lib/components/icons/SignatureAuthIcon.svelte
@@ -11,7 +11,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 24 24"
+	viewBox="0.52 0.028 22.96 22.96"
 	fill="none"
 	stroke="currentColor"
 	stroke-width="2"
diff --git a/frontend/src/lib/components/icons/Slack.svelte b/frontend/src/lib/components/icons/Slack.svelte
index e805f9256c..af4c8698ee 100644
--- a/frontend/src/lib/components/icons/Slack.svelte
+++ b/frontend/src/lib/components/icons/Slack.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #E01E5A / #36C5F0 / #2EB67D / #ECB22E per slack.com's own nav logo (a.slack-edge.com/38f0e7c/marketing/img/nav/logo.svg, linked from slack.com/media-kit). Fixed full-colour mark, no per-theme variant. -->
-<svg {width} {height} viewBox="0 0 512 512" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-23.273 -23.273 558.545 558.545"
+	fill="currentColor"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M107.9 323.6c0 29.7-24 53.8-53.8 53.8S.3 353.4.3 323.6c0-29.7 24-53.8 53.8-53.8h53.8zm26.9 0c0-29.7 24-53.8 53.8-53.8s53.8 24 53.8 53.8V458c0 29.7-24 53.8-53.8 53.8s-53.8-24-53.8-53.8z"
 		style="fill:#e01e5a"
diff --git a/frontend/src/lib/components/icons/SmartsheetIcon.svelte b/frontend/src/lib/components/icons/SmartsheetIcon.svelte
index 23726b4091..cca4ee86d6 100644
--- a/frontend/src/lib/components/icons/SmartsheetIcon.svelte
+++ b/frontend/src/lib/components/icons/SmartsheetIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#031C59] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="-5.15 11.1 55.2 55.2"
+	viewBox="-7.659 8.591 60.218 60.218"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/SnowflakeIcon.svelte b/frontend/src/lib/components/icons/SnowflakeIcon.svelte
index ff17e3d384..0d0c08fff7 100644
--- a/frontend/src/lib/components/icons/SnowflakeIcon.svelte
+++ b/frontend/src/lib/components/icons/SnowflakeIcon.svelte
@@ -12,7 +12,7 @@
 <svg
 	class="text-[#29B5E8]"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 146.36 139.16"
+	viewBox="-6.653 -10.253 159.665 159.665"
 	{width}
 	{height}
 	style="fill: currentcolor;"
diff --git a/frontend/src/lib/components/icons/SparklesOffIcon.svelte b/frontend/src/lib/components/icons/SparklesOffIcon.svelte
index b32040b720..807d76366b 100644
--- a/frontend/src/lib/components/icons/SparklesOffIcon.svelte
+++ b/frontend/src/lib/components/icons/SparklesOffIcon.svelte
@@ -11,7 +11,7 @@
 	width={size}
 	height={size}
 	class={classNames}
-	viewBox="0 0 24 24"
+	viewBox="-0.017 -0.017 24.035 24.035"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/SpeechifyIcon.svelte b/frontend/src/lib/components/icons/SpeechifyIcon.svelte
index e4feb87940..75e198dd71 100644
--- a/frontend/src/lib/components/icons/SpeechifyIcon.svelte
+++ b/frontend/src/lib/components/icons/SpeechifyIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#2F43FA] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 260 260"
+	viewBox="-11.265 -11.519 282.528 282.528"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/SplitwiseIcon.svelte b/frontend/src/lib/components/icons/SplitwiseIcon.svelte
index 88ab4e0dce..2870328a22 100644
--- a/frontend/src/lib/components/icons/SplitwiseIcon.svelte
+++ b/frontend/src/lib/components/icons/SplitwiseIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #1CC29F on both themes per splitwise.com/press (sw.svg / sw-wide.svg / bg-primary.svg). Splitwise's
 	logos carry a single green and no reversed variant, so the same colour is used on light and dark. -->
-<svg class="text-[#1CC29F]" {width} {height} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg">
+<svg
+	class="text-[#1CC29F]"
+	{width}
+	{height}
+	viewBox="3.239 3.239 41.523 41.523"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="none"
 		stroke="currentColor"
diff --git a/frontend/src/lib/components/icons/SpotifyIcon.svelte b/frontend/src/lib/components/icons/SpotifyIcon.svelte
index 4899c7155c..5ee76326ad 100644
--- a/frontend/src/lib/components/icons/SpotifyIcon.svelte
+++ b/frontend/src/lib/components/icons/SpotifyIcon.svelte
@@ -14,7 +14,7 @@
 	{width}
 	{height}
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 236.05 225.25"
+	viewBox="-1.677 -7.077 239.403 239.403"
 	class="text-[#1ED760] dark:text-[#FFFFFF]"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/SquareIcon.svelte b/frontend/src/lib/components/icons/SquareIcon.svelte
index 766c36363b..90bc553840 100644
--- a/frontend/src/lib/components/icons/SquareIcon.svelte
+++ b/frontend/src/lib/components/icons/SquareIcon.svelte
@@ -16,7 +16,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 30 30"
+	viewBox="2.983 2.983 24.035 24.035"
 	style="fill:currentcolor;"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/StraleIcon.svelte b/frontend/src/lib/components/icons/StraleIcon.svelte
index f6c7f7e314..52ba5c70c4 100644
--- a/frontend/src/lib/components/icons/StraleIcon.svelte
+++ b/frontend/src/lib/components/icons/StraleIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 32 32"
+	viewBox="0.727 0.727 30.545 30.545"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#0D0D0E] dark:text-[#F2F2F3]"
 >
diff --git a/frontend/src/lib/components/icons/StravaIcon.svelte b/frontend/src/lib/components/icons/StravaIcon.svelte
index 372edc2132..148dad6dd8 100644
--- a/frontend/src/lib/components/icons/StravaIcon.svelte
+++ b/frontend/src/lib/components/icons/StravaIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FC5200 on both themes per developers.strava.com/guidelines (Strava API logo pack, orange SVGs). Strava's guidelines forbid modifying or altering its logos, and the orange Echelon is the mark Strava itself uses on light and dark alike. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#FC5200" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#FC5200"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M15.387 17.944l-2.089-4.116h-3.065L15.387 24l5.15-10.172h-3.066m-7.008-5.599l2.836 5.598h4.172L10.463 0l-7 13.828h4.169"
 	/>
diff --git a/frontend/src/lib/components/icons/StripeIcon.svelte b/frontend/src/lib/components/icons/StripeIcon.svelte
index 1aed2295a9..87c78f363a 100644
--- a/frontend/src/lib/components/icons/StripeIcon.svelte
+++ b/frontend/src/lib/components/icons/StripeIcon.svelte
@@ -13,7 +13,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 512 512"
+	viewBox="-23.273 -23.273 558.545 558.545"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/SupabaseIcon.svelte b/frontend/src/lib/components/icons/SupabaseIcon.svelte
index 82f2f4a092..07d6268f04 100644
--- a/frontend/src/lib/components/icons/SupabaseIcon.svelte
+++ b/frontend/src/lib/components/icons/SupabaseIcon.svelte
@@ -20,7 +20,7 @@
 	{width}
 	{height}
 	class={className}
-	viewBox="0 0 168 168"
+	viewBox="-6.727 -6.563 181.125 181.125"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/SurrealdbIcon.svelte b/frontend/src/lib/components/icons/SurrealdbIcon.svelte
index 1cb6332c43..095c041fdc 100644
--- a/frontend/src/lib/components/icons/SurrealdbIcon.svelte
+++ b/frontend/src/lib/components/icons/SurrealdbIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 840 979.9"
+	viewBox="-114.491 -44.541 1068.982 1068.982"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/SvelteIcon.svelte b/frontend/src/lib/components/icons/SvelteIcon.svelte
index a90b8d3381..72bb94e8aa 100644
--- a/frontend/src/lib/components/icons/SvelteIcon.svelte
+++ b/frontend/src/lib/components/icons/SvelteIcon.svelte
@@ -16,7 +16,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 32 32"
+	viewBox="-1.287 -1.318 34.636 34.636"
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
 >
diff --git a/frontend/src/lib/components/icons/TallyIcon.svelte b/frontend/src/lib/components/icons/TallyIcon.svelte
index 50643b378c..4126dff220 100644
--- a/frontend/src/lib/components/icons/TallyIcon.svelte
+++ b/frontend/src/lib/components/icons/TallyIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 128 124"
+	viewBox="-5.818 -7.943 139.636 139.636"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/TaskadeIcon.svelte b/frontend/src/lib/components/icons/TaskadeIcon.svelte
index bb80d21035..41b8597b48 100644
--- a/frontend/src/lib/components/icons/TaskadeIcon.svelte
+++ b/frontend/src/lib/components/icons/TaskadeIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 256 256"
+	viewBox="-11.636 -11.636 279.273 279.273"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#000000] dark:text-[#FFFFFF]"
 >
diff --git a/frontend/src/lib/components/icons/TelegramIcon.svelte b/frontend/src/lib/components/icons/TelegramIcon.svelte
index e819ece650..bea01aa40d 100644
--- a/frontend/src/lib/components/icons/TelegramIcon.svelte
+++ b/frontend/src/lib/components/icons/TelegramIcon.svelte
@@ -8,7 +8,12 @@
 	let { height = '24px', width = '24px' }: Props = $props()
 </script>
 
-<svg {width} {height} viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-45.455 -45.455 1090.909 1090.909"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<linearGradient id="telegram-a" x1="50%" y1="0%" x2="50%" y2="99.2583404%">
 		<stop offset="0%" stop-color="#2AABEE" />
 		<stop offset="100%" stop-color="#229ED9" />
diff --git a/frontend/src/lib/components/icons/TelnyxIcon.svelte b/frontend/src/lib/components/icons/TelnyxIcon.svelte
index 8f780cbcfd..1f411349bd 100644
--- a/frontend/src/lib/components/icons/TelnyxIcon.svelte
+++ b/frontend/src/lib/components/icons/TelnyxIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#000000] dark:text-[#00E3AA]"
 	{width}
 	{height}
-	viewBox="0 0 128 40"
+	viewBox="-5.818 -49.818 139.636 139.636"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<g clip-path="url(#clip0_36913_41041)">
diff --git a/frontend/src/lib/components/icons/TerraIcon.svelte b/frontend/src/lib/components/icons/TerraIcon.svelte
index 531cfb2eca..294dcc3160 100644
--- a/frontend/src/lib/components/icons/TerraIcon.svelte
+++ b/frontend/src/lib/components/icons/TerraIcon.svelte
@@ -14,7 +14,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 175 175"
+	viewBox="-3.092 1.181 172.638 172.638"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/TheirStackIcon.svelte b/frontend/src/lib/components/icons/TheirStackIcon.svelte
index 60a19cadac..51ff3521c5 100644
--- a/frontend/src/lib/components/icons/TheirStackIcon.svelte
+++ b/frontend/src/lib/components/icons/TheirStackIcon.svelte
@@ -14,7 +14,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 656 656"
+	viewBox="-29.818 -29.818 715.636 715.636"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/ThreadsIcon.svelte b/frontend/src/lib/components/icons/ThreadsIcon.svelte
index c31470672a..89045f7f19 100644
--- a/frontend/src/lib/components/icons/ThreadsIcon.svelte
+++ b/frontend/src/lib/components/icons/ThreadsIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#000000] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 976.98 1082"
+	viewBox="-101.692 -49.182 1180.364 1180.364"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/TodoistIcon.svelte b/frontend/src/lib/components/icons/TodoistIcon.svelte
index e781f7fc92..0c3ed02058 100644
--- a/frontend/src/lib/components/icons/TodoistIcon.svelte
+++ b/frontend/src/lib/components/icons/TodoistIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #E44232 per Todoist Brand Guidelines (doist.com/brand-assets/todoist-logo.zip), "Red — the primary brand color for Todoist". -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#E44232" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#E44232"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M21 0H3C1.35 0 0 1.35 0 3v3.858s3.854 2.24 4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.608 8.136-4.675.279-.161.58-.107.748-.01.164.097.606.348.84.48.232.134.221.502.013.622l-9.712 5.59c-.346.2-.69.204-1.048.002C3.478 10.907.998 9.463 0 8.882v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.008.164.096.606.347.84.48.232.133.221.5.013.62-.208.121-9.288 5.346-9.712 5.59-.346.2-.69.205-1.048.002C3.478 14.951.998 13.506 0 12.926v2.02l4.098 2.38c.31.18.694.177 1.004 0 .26-.147 8.02-4.609 8.136-4.676.279-.16.58-.106.748-.009.164.097.606.348.84.48.232.133.221.502.013.622l-9.712 5.59c-.346.199-.69.204-1.048.001C3.478 18.994.998 17.55 0 16.97V21c0 1.65 1.35 3 3 3h18c1.65 0 3-1.35 3-3V3c0-1.65-1.35-3-3-3z"
 	/>
diff --git a/frontend/src/lib/components/icons/TogetherAiIcon.svelte b/frontend/src/lib/components/icons/TogetherAiIcon.svelte
index c8d1e8244c..9f2b9738cf 100644
--- a/frontend/src/lib/components/icons/TogetherAiIcon.svelte
+++ b/frontend/src/lib/components/icons/TogetherAiIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #EF2CC1 / #CAAEF5 / #FC4C02 per together.ai's brand page (https://www.together.ai/brand). -->
-<svg {width} {height} viewBox="0 0 484.98 452.5" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-22.045 -38.285 529.069 529.069" xmlns="http://www.w3.org/2000/svg">
 	<defs>
 		<style>
 			.together-ai-cls-1 {
diff --git a/frontend/src/lib/components/icons/TogglIcon.svelte b/frontend/src/lib/components/icons/TogglIcon.svelte
index 0f77158b73..f572507523 100644
--- a/frontend/src/lib/components/icons/TogglIcon.svelte
+++ b/frontend/src/lib/components/icons/TogglIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #2C1138 / #E57CD8 per Toggl Track media toolkit (toggl.com/track/media-toolkit,
 	icon-dark-purple.svg / icon-pink.svg). Toggl requires the mark be used as is, unmodified. -->
-<svg class="dark:hidden" {width} {height} viewBox="0 0 528 528" xmlns="http://www.w3.org/2000/svg">
+<svg
+	class="dark:hidden"
+	{width}
+	{height}
+	viewBox="-24.0 -24.0 576.0 576.0"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M263.985 405.845C231.256 405.833 199.643 393.95 175.01 372.399C150.378 350.849 134.399 321.095 130.039 288.657C125.678 256.22 133.232 223.303 151.298 196.012C169.365 168.722 196.718 148.911 228.281 140.256V179.607C207.053 187.929 189.397 203.403 178.362 223.356C167.326 243.309 163.605 266.49 167.84 288.894C172.075 311.299 184 331.522 201.556 346.071C219.113 360.62 241.199 368.582 264 368.582C286.802 368.582 308.887 360.62 326.444 346.071C344 331.522 355.926 311.299 360.16 288.894C364.395 266.49 360.674 243.309 349.638 223.356C338.603 203.403 320.947 187.929 299.719 179.607V140.256C331.285 148.912 358.639 168.725 376.706 196.018C394.772 223.312 402.324 256.233 397.96 288.672C393.595 321.112 377.611 350.866 352.973 372.414C328.335 393.962 296.716 405.841 263.985 405.845ZM244.582 95.0933H283.418V287.732H244.582V95.0933ZM263.985 1.73568e-06C211.771 0.00299512 160.731 15.4889 117.319 44.4994C73.906 73.5099 40.0708 114.742 20.0916 162.982C0.112365 211.222 -5.11356 264.303 5.07465 315.513C15.2629 366.723 40.4076 413.762 77.3293 450.681C114.251 487.601 161.291 512.743 212.502 522.928C263.712 533.114 316.793 527.885 365.032 507.903C413.271 487.921 454.501 454.083 483.509 410.669C512.517 367.255 528 316.214 528 264C528.002 229.329 521.174 194.998 507.907 162.966C494.639 130.934 475.192 101.829 450.675 77.314C426.159 52.7987 397.053 33.3531 365.02 20.0874C332.988 6.82176 298.656 -0.00397387 263.985 1.73568e-06Z"
 		fill="#2C1138"
@@ -19,7 +25,7 @@
 	class="hidden dark:block"
 	{width}
 	{height}
-	viewBox="0 0 528 528"
+	viewBox="-24.0 -24.0 576.0 576.0"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/TomorrowIoIcon.svelte b/frontend/src/lib/components/icons/TomorrowIoIcon.svelte
index c1fbcd2800..8b24b3d364 100644
--- a/frontend/src/lib/components/icons/TomorrowIoIcon.svelte
+++ b/frontend/src/lib/components/icons/TomorrowIoIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #004CF8 per tomorrow.io's own design tokens (--color-logo-blue in site-frame.min.css, matching the header lockup SVG and logo-490.png). Their stylesheet reverses only the wordmark on dark headers (path.logo-letter{fill:#fff}); the mark itself stays logo blue in both themes. -->
-<svg {width} {height} viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="-4.364 -4.083 104.727 104.727" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M56.3667 0.728149C60.7404 1.49912 64.985 2.87707 68.9775 4.82209C63.0324 9.60417 55.6297 12.2074 48 12.1988C40.3671 12.2096 32.9606 9.60624 27.013 4.82209C31.0085 2.87623 35.2564 1.49826 39.6333 0.728149C42.3059 1.74315 45.1412 2.26258 48 2.26098C50.8589 2.26258 53.6941 1.74315 56.3667 0.728149Z"
 		fill="#004CF8"
diff --git a/frontend/src/lib/components/icons/TrelloIcon.svelte b/frontend/src/lib/components/icons/TrelloIcon.svelte
index 587ed18722..4a020270ed 100644
--- a/frontend/src/lib/components/icons/TrelloIcon.svelte
+++ b/frontend/src/lib/components/icons/TrelloIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 48 48"
+	viewBox="-2.182 -2.182 52.364 52.364"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	preserveAspectRatio="xMidYMid"
diff --git a/frontend/src/lib/components/icons/TripadvisorIcon.svelte b/frontend/src/lib/components/icons/TripadvisorIcon.svelte
index 9153919f84..8435ca8a96 100644
--- a/frontend/src/lib/components/icons/TripadvisorIcon.svelte
+++ b/frontend/src/lib/components/icons/TripadvisorIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #002B11 (Trip Pine) per 2025 Tripadvisor Brand Guidelines for Partners, tripadvisor.mediaroom.com. Dark backgrounds take Tripadvisor's separate outlined Ollie, never an inverted or recoloured one. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#002B11" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.114 26.182 26.182"
+	fill="#002B11"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M12.006 4.295c-2.67 0-5.338.784-7.645 2.353H0l1.963 2.135a5.997 5.997 0 0 0 4.04 10.43 5.976 5.976 0 0 0 4.075-1.6L12 19.705l1.922-2.09a5.972 5.972 0 0 0 4.072 1.598 6 6 0 0 0 6-5.998 5.982 5.982 0 0 0-1.957-4.432L24 6.648h-4.35a13.573 13.573 0 0 0-7.644-2.353zM12 6.255c1.531 0 3.063.303 4.504.903C13.943 8.138 12 10.43 12 13.1c0-2.671-1.942-4.962-4.504-5.942A11.72 11.72 0 0 1 12 6.256zM6.002 9.157a4.059 4.059 0 1 1 0 8.118 4.059 4.059 0 0 1 0-8.118zm11.992.002a4.057 4.057 0 1 1 .003 8.115 4.057 4.057 0 0 1-.003-8.115zm-11.992 1.93a2.128 2.128 0 0 0 0 4.256 2.128 2.128 0 0 0 0-4.256zm11.992 0a2.128 2.128 0 0 0 0 4.256 2.128 2.128 0 0 0 0-4.256z"
 	/>
diff --git a/frontend/src/lib/components/icons/TursoIcon.svelte b/frontend/src/lib/components/icons/TursoIcon.svelte
index a978dc6244..0218c38732 100644
--- a/frontend/src/lib/components/icons/TursoIcon.svelte
+++ b/frontend/src/lib/components/icons/TursoIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#183134] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 202 170"
+	viewBox="-8.321 -24.321 218.642 218.642"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/TwilioIcon.svelte b/frontend/src/lib/components/icons/TwilioIcon.svelte
index d318668101..f38c5c393d 100644
--- a/frontend/src/lib/components/icons/TwilioIcon.svelte
+++ b/frontend/src/lib/components/icons/TwilioIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 256 256"
+	viewBox="-11.636 -11.636 279.273 279.273"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/TwitchIcon.svelte b/frontend/src/lib/components/icons/TwitchIcon.svelte
index 2115714373..f9cad2ad8c 100644
--- a/frontend/src/lib/components/icons/TwitchIcon.svelte
+++ b/frontend/src/lib/components/icons/TwitchIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #9146FF per brand.twitch.com. Trademark guidelines forbid recolouring. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#9146FF" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#9146FF"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0L1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143l-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"
 	/>
diff --git a/frontend/src/lib/components/icons/TwitterIcon.svelte b/frontend/src/lib/components/icons/TwitterIcon.svelte
index 7481be283d..aa5e4e2700 100644
--- a/frontend/src/lib/components/icons/TwitterIcon.svelte
+++ b/frontend/src/lib/components/icons/TwitterIcon.svelte
@@ -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"
 >
diff --git a/frontend/src/lib/components/icons/TypeformIcon.svelte b/frontend/src/lib/components/icons/TypeformIcon.svelte
index d0bd220c64..e4e4a49b23 100644
--- a/frontend/src/lib/components/icons/TypeformIcon.svelte
+++ b/frontend/src/lib/components/icons/TypeformIcon.svelte
@@ -14,7 +14,7 @@
 	y="0px"
 	{width}
 	{height}
-	viewBox="0 0 33.0128 33.0128"
+	viewBox="-1.5 -1.5 36.014 36.014"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/UltravoxIcon.svelte b/frontend/src/lib/components/icons/UltravoxIcon.svelte
index 37e08072ab..e892075e18 100644
--- a/frontend/src/lib/components/icons/UltravoxIcon.svelte
+++ b/frontend/src/lib/components/icons/UltravoxIcon.svelte
@@ -9,7 +9,13 @@
 
 <!-- #ff4f68 per the ultravox.ai favicon (framerusercontent.com/images/hzAEdihxJ11mv3l4trNh2WprE.svg).
 	 Gradient mark; ultravox.ai links that same asset for both prefers-color-scheme light and dark, so there is no per-theme variant. -->
-<svg {width} {height} viewBox="0 0 340 340" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="54.091 54.091 231.818 231.818"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<defs>
 		<linearGradient
 			id="ultravox-gradient-a"
diff --git a/frontend/src/lib/components/icons/VectaraIcon.svelte b/frontend/src/lib/components/icons/VectaraIcon.svelte
index addad5b2cf..1b5dd68d94 100644
--- a/frontend/src/lib/components/icons/VectaraIcon.svelte
+++ b/frontend/src/lib/components/icons/VectaraIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 18.4 16.8"
+	viewBox="0.144 -0.692 18.113 18.113"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/VercelIcon.svelte b/frontend/src/lib/components/icons/VercelIcon.svelte
index fe75c39fd5..594cb09da7 100644
--- a/frontend/src/lib/components/icons/VercelIcon.svelte
+++ b/frontend/src/lib/components/icons/VercelIcon.svelte
@@ -13,7 +13,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"
 >
diff --git a/frontend/src/lib/components/icons/VismaIcon.svelte b/frontend/src/lib/components/icons/VismaIcon.svelte
index 9f4380fc4c..d5c2e60336 100644
--- a/frontend/src/lib/components/icons/VismaIcon.svelte
+++ b/frontend/src/lib/components/icons/VismaIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 193.76 128"
+	viewBox="-0.964 -33.844 195.686 195.686"
 	xmlns="http://www.w3.org/2000/svg"
 	class="text-[#131313] dark:text-[#FFFFFF]"
 >
diff --git a/frontend/src/lib/components/icons/VueIcon.svelte b/frontend/src/lib/components/icons/VueIcon.svelte
index f479408c2b..8c8a646adf 100644
--- a/frontend/src/lib/components/icons/VueIcon.svelte
+++ b/frontend/src/lib/components/icons/VueIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 32 32"
+	viewBox="-1.455 -1.455 34.909 34.909"
 	xmlns="http://www.w3.org/2000/svg"
 	version="1.1"
 >
diff --git a/frontend/src/lib/components/icons/WebdavIcon.svelte b/frontend/src/lib/components/icons/WebdavIcon.svelte
index 3a78caa62a..c1b5be3c91 100644
--- a/frontend/src/lib/components/icons/WebdavIcon.svelte
+++ b/frontend/src/lib/components/icons/WebdavIcon.svelte
@@ -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="-4.445 -4.773 177.545 177.545"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/WebflowIcon.svelte b/frontend/src/lib/components/icons/WebflowIcon.svelte
index 1def43a78f..b66e0f0820 100644
--- a/frontend/src/lib/components/icons/WebflowIcon.svelte
+++ b/frontend/src/lib/components/icons/WebflowIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #146EF5 per brand.webflow.com/brand-assets. Mark ships in blue, black or white only. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#146EF5" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#146EF5"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="m24 4.515-7.658 14.97H9.149l3.205-6.204h-.144C9.566 16.713 5.621 18.973 0 19.485v-6.118s3.596-.213 5.71-2.435H0V4.515h6.417v5.278l.144-.001 2.622-5.277h4.854v5.244h.144l2.72-5.244H24Z"
 	/>
diff --git a/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte b/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte
index 0169ebe006..eddb13525f 100644
--- a/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte
+++ b/frontend/src/lib/components/icons/WhatsappBusinessIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #25D366 on both themes per WhatsApp's Digital_Glyph_Green_RGB_2026.svg, shipped by whatsapp.com/business (→ whatsappbusiness.com). "You shouldn't modify any colors in our logos." -->
-<svg {width} {height} viewBox="0 0 720 720" fill="#25D366" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-32.727 -32.727 785.455 785.455"
+	fill="#25D366"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="M360,0C161.18,0,0,161.18,0,360c0,65.41,17.45,126.75,47.94,179.61L0,720l187.02-44.21c51.34,28.18,110.28,44.21,172.98,44.21,198.82,0,360-161.18,360-360S558.82,0,360,0ZM360,655.52c-60.17,0-116.13-17.98-162.82-48.87l-110.49,28.14,30.99-105.61c-33.53-47.93-53.2-106.26-53.2-169.19,0-163.21,132.31-295.52,295.52-295.52s295.52,132.31,295.52,295.52-132.31,295.52-295.52,295.52Z"
 	/>
diff --git a/frontend/src/lib/components/icons/WindmillAiIcon.svelte b/frontend/src/lib/components/icons/WindmillAiIcon.svelte
index e0a8da724c..2512087042 100644
--- a/frontend/src/lib/components/icons/WindmillAiIcon.svelte
+++ b/frontend/src/lib/components/icons/WindmillAiIcon.svelte
@@ -9,7 +9,7 @@
 <svg
 	width={size}
 	height={size}
-	viewBox="0 0 65 65"
+	viewBox="-2.955 -2.955 70.909 70.909"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 	class={className}
diff --git a/frontend/src/lib/components/icons/WindmillIcon.svelte b/frontend/src/lib/components/icons/WindmillIcon.svelte
index db1b870667..b501c23a3b 100644
--- a/frontend/src/lib/components/icons/WindmillIcon.svelte
+++ b/frontend/src/lib/components/icons/WindmillIcon.svelte
@@ -44,7 +44,7 @@
 		y="0px"
 		{width}
 		{height}
-		viewBox="0 0 256 256"
+		viewBox="-11.636 -11.636 279.273 279.273"
 		style="enable-background:new 0 0 256 256;"
 		xml:space="preserve"
 	>
diff --git a/frontend/src/lib/components/icons/WindmillIcon2.svelte b/frontend/src/lib/components/icons/WindmillIcon2.svelte
index d4a4d225c1..60ee1f866d 100644
--- a/frontend/src/lib/components/icons/WindmillIcon2.svelte
+++ b/frontend/src/lib/components/icons/WindmillIcon2.svelte
@@ -155,7 +155,7 @@
 		y="0px"
 		width={size}
 		height={size}
-		viewBox="0 0 256 256"
+		viewBox="-11.636 -11.636 279.273 279.273"
 		style="enable-background:new 0 0 256 256;"
 		xml:space="preserve"
 	>
diff --git a/frontend/src/lib/components/icons/WizIcon.svelte b/frontend/src/lib/components/icons/WizIcon.svelte
index edcf4427cd..41db232b68 100644
--- a/frontend/src/lib/components/icons/WizIcon.svelte
+++ b/frontend/src/lib/components/icons/WizIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#0254EC] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 33 33"
+	viewBox="-1.476 -1.509 35.437 35.437"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/WooCommerceIcon.svelte b/frontend/src/lib/components/icons/WooCommerceIcon.svelte
index b88ed4f4d8..1bbfe6e060 100644
--- a/frontend/src/lib/components/icons/WooCommerceIcon.svelte
+++ b/frontend/src/lib/components/icons/WooCommerceIcon.svelte
@@ -13,7 +13,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 183.6 47.5"
+	viewBox="-8.345 -76.395 200.291 200.291"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 	role="img"
diff --git a/frontend/src/lib/components/icons/WordpressIcon.svelte b/frontend/src/lib/components/icons/WordpressIcon.svelte
index f32182453d..94ed36c894 100644
--- a/frontend/src/lib/components/icons/WordpressIcon.svelte
+++ b/frontend/src/lib/components/icons/WordpressIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#32373C] 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"
 >
diff --git a/frontend/src/lib/components/icons/XataIcon.svelte b/frontend/src/lib/components/icons/XataIcon.svelte
index 6d2ab44a78..cdb57ee8e9 100644
--- a/frontend/src/lib/components/icons/XataIcon.svelte
+++ b/frontend/src/lib/components/icons/XataIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #8468F6 / #8468F6 per xata.io/brand (logo-symbol.svg). Brand forbids recolouring, and the full-colour symbol is the same purple in light and dark modes. -->
-<svg {width} {height} viewBox="0 0 134 135" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-6.636 -6.136 147.273 147.273"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill-rule="evenodd"
 		clip-rule="evenodd"
diff --git a/frontend/src/lib/components/icons/XeroIcon.svelte b/frontend/src/lib/components/icons/XeroIcon.svelte
index ce5ba4f195..65ee27ee7b 100644
--- a/frontend/src/lib/components/icons/XeroIcon.svelte
+++ b/frontend/src/lib/components/icons/XeroIcon.svelte
@@ -11,7 +11,7 @@
 <svg
 	{width}
 	{height}
-	viewBox="0 0 256 256"
+	viewBox="-11.636 -11.636 279.273 279.273"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/YamlIcon.svelte b/frontend/src/lib/components/icons/YamlIcon.svelte
index 98fadc887a..5bfe774be5 100644
--- a/frontend/src/lib/components/icons/YamlIcon.svelte
+++ b/frontend/src/lib/components/icons/YamlIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={derivedWidth}
 	height={derivedHeight}
-	viewBox="0 0 512 470.647"
+	viewBox="-23.273 -43.949 558.545 558.545"
 	fill="none"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/YelpIcon.svelte b/frontend/src/lib/components/icons/YelpIcon.svelte
index cfae269c2f..47df5a1f6b 100644
--- a/frontend/src/lib/components/icons/YelpIcon.svelte
+++ b/frontend/src/lib/components/icons/YelpIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FF1A1A on both themes per yelp.com/brand (burst_red.svg and the official logo kit). Yelp forbids altering the logos and requires the ® to accompany the mark at all times. -->
-<svg {width} {height} viewBox="0 0 24 24" fill="#FF1A1A" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-1.091 -1.091 26.182 26.182"
+	fill="#FF1A1A"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="m7.6885 15.1415-3.6715.8483c-.3769.0871-.755.183-1.1452.155-.2611-.0188-.5122-.0414-.7606-.213a1.179 1.179 0 0 1-.331-.3594c-.3486-.5519-.3656-1.3661-.3697-2.0004a6.2874 6.2874 0 0 1 .3314-2.0642 1.857 1.857 0 0 1 .1073-.2474 2.3426 2.3426 0 0 1 .1255-.2165 2.4572 2.4572 0 0 1 .1563-.1975 1.1736 1.1736 0 0 1 .399-.2831 1.082 1.082 0 0 1 .4592-.0837c.2355.0016.5139.052.91.1734.0555.0191.1237.0382.1856.0572.3277.1013.7048.2404 1.1499.3987.6863.2404 1.3663.487 2.0463.7397l1.2117.4423c.2217.0807.4363.18.6412.297.174.0984.3273.2298.4512.387a1.217 1.217 0 0 1 .192.4309 1.2205 1.2205 0 0 1-.872 1.4522c-.0468.0151-.0852.0239-.1085.0293l-1.105.2553-.0031-.001zM18.8208 7.565a1.8506 1.8506 0 0 0-.2042-.1754 2.4082 2.4082 0 0 0-.2077-.1394 2.3607 2.3607 0 0 0-.2269-.109 1.1705 1.1705 0 0 0-.482-.0796 1.0862 1.0862 0 0 0-.4498.1263c-.2107.1048-.4388.2732-.742.5551-.042.0417-.0947.0886-.142.133-.2502.2351-.5286.5252-.8599.863a114.6363 114.6363 0 0 0-1.5166 1.5629l-.8962.9293a4.1897 4.1897 0 0 0-.4466.5483 1.541 1.541 0 0 0-.2364.5459 1.2199 1.2199 0 0 0 .0107.4518l.0046.02a1.218 1.218 0 0 0 1.4184.923 1.162 1.162 0 0 0 .1105-.0213l4.7781-1.104c.3766-.087.7587-.1667 1.097-.3631.2269-.1316.4428-.262.5909-.5252a1.1793 1.1793 0 0 0 .1405-.4683c.0733-.6512-.2668-1.3908-.5403-1.963a6.2792 6.2792 0 0 0-1.2001-1.7103zM8.9703.0754a8.6724 8.6724 0 0 0-.83.1564c-.2754.066-.548.1383-.8146.2236-.868.2844-2.0884.8063-2.295 1.8065-.1165.5655.1595 1.1439.3737 1.66.2595.6254.614 1.1889.9373 1.7777.8543 1.5545 1.7245 3.0993 2.5922 4.6457.259.4617.5416 1.0464 1.043 1.2856a1.058 1.058 0 0 0 .1013.0383c.2248.0851.4699.1016.7041.0471a4.3015 4.3015 0 0 0 .0418-.0097 1.2136 1.2136 0 0 0 .5658-.3397 1.1033 1.1033 0 0 0 .079-.0822c.3463-.435.3454-1.0833.3764-1.6134.1042-1.771.2139-3.5423.3009-5.3142.0332-.6712.1055-1.3333.0655-2.0096-.0328-.5579-.0368-1.1984-.3891-1.6563-.6218-.8073-1.9476-.741-2.8523-.6158zm2.084 15.9505a1.1053 1.1053 0 0 0-1.2306-.4145 1.1398 1.1398 0 0 0-.1526.0633 1.4806 1.4806 0 0 0-.2171.1354c-.1992.1475-.3668.3392-.5196.5315-.0386.049-.074.1143-.12.1562l-.7686 1.0573a113.9168 113.9168 0 0 0-1.2913 1.789c-.278.3895-.5184.7184-.7083 1.0094-.036.0547-.0734.116-.1075.1647-.2277.3522-.3566.6092-.4228.8381a1.0945 1.0945 0 0 0-.046.4721c.0211.1655.0768.3246.1635.467.046.0715.0957.1406.1487.207a2.334 2.334 0 0 0 .1754.1825 1.843 1.843 0 0 0 .2108.1732c.5304.369 1.1112.6342 1.722.8391a6.0958 6.0958 0 0 0 1.5716.3004c.091.0046.1821.0025.2728-.006a2.3878 2.3878 0 0 0 .2506-.0351 2.3862 2.3862 0 0 0 .2447-.071 1.1927 1.1927 0 0 0 .4175-.2658c.1127-.113.1994-.249.2541-.3989.0889-.2214.1473-.5026.1857-.92.0034-.0593.0118-.1305.0177-.1958.0304-.3463.0443-.7531.0666-1.2315.0375-.7357.067-1.4681.0903-2.2026 0 0 .0495-1.3053.0494-1.306.0113-.3008.002-.6342-.0814-.9336a1.396 1.396 0 0 0-.1756-.4054zm8.6754 2.0439c-.1605-.176-.3878-.3514-.7462-.5682-.0518-.0288-.1124-.0674-.1684-.1009-.2985-.1795-.658-.3684-1.078-.5965a120.7615 120.7615 0 0 0-1.9427-1.042l-1.1515-.6107c-.0597-.0175-.1203-.0607-.1766-.0878-.2212-.1058-.4558-.2045-.6992-.2498a1.4915 1.4915 0 0 0-.2545-.0265 1.1527 1.1527 0 0 0-.1648.01 1.1077 1.1077 0 0 0-.9227.9133 1.4186 1.4186 0 0 0 .0159.439c.0563.3065.1932.6096.3346.875l.615 1.1526c.3422.65.6884 1.2963 1.0435 1.9406.229.4202.4196.7799.5982 1.078.0338.056.0721.1163.1011.1682.2173.3584.392.584.569.7458.1146.1107.252.195.4026.247.1583.0525.326.071.4919.0546a2.368 2.368 0 0 0 .251-.0435c.0817-.022.1622-.048.241-.0784a1.863 1.863 0 0 0 .2475-.1143 6.1018 6.1018 0 0 0 1.2818-.9597c.4596-.4522.8659-.9454 1.182-1.51.044-.08.0819-.163.1138-.2483a2.49 2.49 0 0 0 .0773-.2411c.0186-.083.033-.1669.0429-.2513a1.188 1.188 0 0 0-.0565-.491 1.0933 1.0933 0 0 0-.248-.4041zm2.86 3.742a.8523.8523 0 0 1-.111.4236c-.074.132-.178.2377-.3115.3172a.8428.8428 0 0 1-.4385.119.847.847 0 0 1-.4373-.1179.8526.8526 0 0 1-.3125-.3171.8548.8548 0 0 1-.111-.4248c0-.1526.038-.2958.1143-.4294a.8405.8405 0 0 1 .315-.3159.849.849 0 0 1 .4315-.1156.8514.8514 0 0 1 .4294.1144.84.84 0 0 1 .316.3148.8494.8494 0 0 1 .1156.4317zm-.1202 0c0-.1328-.0332-.256-.0996-.3698s-.1564-.2038-.2702-.2702a.7125.7125 0 0 0-.371-.1007.7204.7204 0 0 0-.3698.0996.7487.7487 0 0 0-.2713.2702.7181.7181 0 0 0-.0996.3709c0 .132.0332.2557.0996.371a.7355.7355 0 0 0 .2713.2713.7354.7354 0 0 0 .3698.0985.7205.7205 0 0 0 .3698-.0996.7423.7423 0 0 0 .2702-.2691.7186.7186 0 0 0 .1008-.3721zm-.577.0584.2724.4522h-.1922l-.237-.4052h-.1546v.4052h-.1695v-1.02h.2988c.1268 0 .2195.0247.2783.0744.0595.0496.0892.1252.0892.2267a.2785.2785 0 0 1-.0492.1625c-.032.0466-.0775.0813-.1362.1042zm-.0412-.1408a.1532.1532 0 0 0 .056-.1214c0-.0573-.0164-.0981-.0491-.1225-.0329-.0251-.0847-.0377-.1557-.0377h-.1214v.3285h.1237c.061 0 .1098-.0157.1465-.047z"
 	/>
diff --git a/frontend/src/lib/components/icons/YnabIcon.svelte b/frontend/src/lib/components/icons/YnabIcon.svelte
index bcc3c3ce27..a2144302ca 100644
--- a/frontend/src/lib/components/icons/YnabIcon.svelte
+++ b/frontend/src/lib/components/icons/YnabIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#3B5EDA] dark:text-[#FEF9E6]"
 	{width}
 	{height}
-	viewBox="0 0 512 512"
+	viewBox="-23.273 -23.273 558.545 558.545"
 	fill="currentColor"
 	xmlns="http://www.w3.org/2000/svg"
 >
diff --git a/frontend/src/lib/components/icons/YoutubeIcon.svelte b/frontend/src/lib/components/icons/YoutubeIcon.svelte
index 36807ce730..eb211f696e 100644
--- a/frontend/src/lib/components/icons/YoutubeIcon.svelte
+++ b/frontend/src/lib/components/icons/YoutubeIcon.svelte
@@ -8,7 +8,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.091 -1.091 26.182 26.182"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		fill="#FF0033"
 		d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"
diff --git a/frontend/src/lib/components/icons/ZammadIcon.svelte b/frontend/src/lib/components/icons/ZammadIcon.svelte
index f0a737a212..3aac4a7bb2 100644
--- a/frontend/src/lib/components/icons/ZammadIcon.svelte
+++ b/frontend/src/lib/components/icons/ZammadIcon.svelte
@@ -8,7 +8,13 @@
 </script>
 
 <!-- #FFD130 per zammad.com favicon-32x32.svg. -->
-<svg {width} {height} viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg
+	{width}
+	{height}
+	viewBox="-6.563 -6.891 181.125 181.125"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path d="M114.807 61.0046L154.093 48.9456L130.823 63.7367L114.807 61.0046Z" fill="#CD2015" />
 	<path
 		d="M138.736 90.3985L130.823 63.7367L154.093 48.9456L147.121 72.8752L138.736 90.3985Z"
diff --git a/frontend/src/lib/components/icons/ZendeskIcon.svelte b/frontend/src/lib/components/icons/ZendeskIcon.svelte
index 503b05a54a..95086131f1 100644
--- a/frontend/src/lib/components/icons/ZendeskIcon.svelte
+++ b/frontend/src/lib/components/icons/ZendeskIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#11110D] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 -30.5 256 256"
+	viewBox="-11.636 -42.636 279.273 279.273"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/ZeroTierIcon.svelte b/frontend/src/lib/components/icons/ZeroTierIcon.svelte
index 8917867483..29143b6f18 100644
--- a/frontend/src/lib/components/icons/ZeroTierIcon.svelte
+++ b/frontend/src/lib/components/icons/ZeroTierIcon.svelte
@@ -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="-5.818 -5.818 139.636 139.636"
+	fill="none"
+	xmlns="http://www.w3.org/2000/svg"
+>
 	<path
 		d="m64 0c14.6253 0 26.5258.672993 35.7179 1.52655 6.2051.5745 9.3071.86996 13.8371 3.39779 3.119 1.73993 7.797 6.41806 9.521 9.52036 2.527 4.5304 2.823 7.6328 3.397 13.8374.854 9.1921 1.527 21.109 1.527 35.7179s-.673 26.5258-1.527 35.7179c-.574 6.2051-.87 9.3071-3.397 13.8371-1.74 3.119-6.418 7.797-9.521 9.521-4.53 2.527-7.632 2.823-13.8371 3.397-9.1921.854-21.109 1.527-35.7179 1.527s-26.5258-.673-35.7179-1.527c-6.2046-.574-9.307-.87-13.8374-3.397-3.1187-1.74-7.79684-6.418-9.52036-9.521-2.52783-4.53-2.82329-7.632-3.39779-13.8371-.853557-9.1921-1.52655-21.109-1.52655-35.7179s.672993-26.5258 1.52655-35.7179c.5745-6.2046.86996-9.307 3.39779-13.8374 1.73993-3.1187 6.41806-7.79684 9.52036-9.52036 4.5304-2.52783 7.6328-2.82329 13.8374-3.39779 9.1921-.853557 21.109-1.52655 35.7179-1.52655zm-39.3947 19.6974c-2.7248 0-4.9244 2.1995-4.9244 4.9243s2.1996 4.9243 4.9244 4.9243h34.4704v15.2655c-11.2439 2.2816-19.6974 12.2124-19.6974 24.1293s8.4535 21.8476 19.6974 24.1292v15.265c0 2.725 2.1995 4.925 4.9243 4.925s4.9243-2.2 4.9243-4.925v-15.265c11.244-2.2816 19.6974-12.2123 19.6974-24.1292s-8.4534-21.8477-19.6974-24.1293v-15.2655h34.4707c2.725 0 4.924-2.1995 4.924-4.9243s-2.199-4.9243-4.924-4.9243zm39.3947 34.4703c8.158 0 14.773 6.6151 14.773 14.7731 0 8.1579-6.615 14.773-14.773 14.773s-14.773-6.6151-14.773-14.773c0-8.158 6.615-14.7731 14.773-14.7731z"
 		fill="#FFB25B"
diff --git a/frontend/src/lib/components/icons/ZitadelIcon.svelte b/frontend/src/lib/components/icons/ZitadelIcon.svelte
index 606bfc7444..4b01945717 100644
--- a/frontend/src/lib/components/icons/ZitadelIcon.svelte
+++ b/frontend/src/lib/components/icons/ZitadelIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#232323] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 467 467"
+	viewBox="-9.826 -10.282 487.564 487.564"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/ZixflowIcon.svelte b/frontend/src/lib/components/icons/ZixflowIcon.svelte
index c24f9ed843..f2d157023a 100644
--- a/frontend/src/lib/components/icons/ZixflowIcon.svelte
+++ b/frontend/src/lib/components/icons/ZixflowIcon.svelte
@@ -12,7 +12,7 @@
 	class="text-[#141414] dark:text-[#FFFFFF]"
 	{width}
 	{height}
-	viewBox="0 0 36 28"
+	viewBox="-1.614 -5.368 38.735 38.735"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path d="M2.17188 0H35.5293L18.6889 19.692L19.9551 7.56969L2.17188 0Z" fill="currentColor"
diff --git a/frontend/src/lib/components/icons/ZohoIcon.svelte b/frontend/src/lib/components/icons/ZohoIcon.svelte
index 313665f46d..0ad8460587 100644
--- a/frontend/src/lib/components/icons/ZohoIcon.svelte
+++ b/frontend/src/lib/components/icons/ZohoIcon.svelte
@@ -15,7 +15,7 @@
 	{width}
 	{height}
 	version="1.1"
-	viewBox="0 0 1024 450"
+	viewBox="-40.0 -327.0 1104.0 1104.0"
 	xmlns="http://www.w3.org/2000/svg"
 >
 	<path
diff --git a/frontend/src/lib/components/icons/ZoomIcon.svelte b/frontend/src/lib/components/icons/ZoomIcon.svelte
index ecb48efc58..03b36e582d 100644
--- a/frontend/src/lib/components/icons/ZoomIcon.svelte
+++ b/frontend/src/lib/components/icons/ZoomIcon.svelte
@@ -13,7 +13,7 @@
 	class="text-[#0B5CFF] 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"
 >
diff --git a/frontend/src/lib/components/icons/ZuploIcon.svelte b/frontend/src/lib/components/icons/ZuploIcon.svelte
index c0d052808e..02de1e2bc8 100644
--- a/frontend/src/lib/components/icons/ZuploIcon.svelte
+++ b/frontend/src/lib/components/icons/ZuploIcon.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <!-- #FF00BD (Vivid Magenta) per https://zuplo.com/brand. Brand guidelines forbid recolouring the mark; pink is the official variant on both light and dark surfaces. -->
-<svg {width} {height} viewBox="0 0 330 330" xmlns="http://www.w3.org/2000/svg">
+<svg {width} {height} viewBox="15.205 15.205 300.235 300.235" xmlns="http://www.w3.org/2000/svg">
 	<path
 		d="M231.568 198.838H152.639L236.736 114.595C237.529 113.8 238.068 112.788 238.287 111.686C238.505 110.584 238.394 109.442 237.964 108.404C237.535 107.366 236.808 106.479 235.876 105.854C234.944 105.23 233.848 104.897 232.726 104.896H99.1637V49.0042H245.663C256.418 48.8732 266.989 51.7992 276.15 57.4442C285.311 63.0882 292.687 71.2192 297.422 80.8932C302.31 91.2402 303.881 102.849 301.919 114.126C299.957 125.403 294.558 135.795 286.463 143.874L231.568 198.838Z"
 		fill="#FF00BD"
diff --git a/frontend/src/lib/components/icons/brands/Auth0.svelte b/frontend/src/lib/components/icons/brands/Auth0.svelte
index d3d102fc02..a18f4715c2 100644
--- a/frontend/src/lib/components/icons/brands/Auth0.svelte
+++ b/frontend/src/lib/components/icons/brands/Auth0.svelte
@@ -11,7 +11,7 @@
 <svg
 	version="1.2"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="32 8 693 840"
+	viewBox="-73.492 -24.813 905.625 905.625"
 	height={`${size}px`}
 	class={clazz}
 	{style}
diff --git a/frontend/src/lib/components/icons/brands/Discord.svelte b/frontend/src/lib/components/icons/brands/Discord.svelte
index 8bfae98621..063c8e41b5 100644
--- a/frontend/src/lib/components/icons/brands/Discord.svelte
+++ b/frontend/src/lib/components/icons/brands/Discord.svelte
@@ -11,7 +11,7 @@
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	height={`${size}px`}
-	viewBox="0 0 640 512"
+	viewBox="-1.761 -65.136 642.273 642.273"
 	class={clazz}
 	{style}
 >
diff --git a/frontend/src/lib/components/icons/brands/Github.svelte b/frontend/src/lib/components/icons/brands/Github.svelte
index 9a198ac80a..35d8319f7f 100644
--- a/frontend/src/lib/components/icons/brands/Github.svelte
+++ b/frontend/src/lib/components/icons/brands/Github.svelte
@@ -11,7 +11,7 @@
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	height={`${size}px`}
-	viewBox="0 0 496 512"
+	viewBox="-22.545 -20.545 541.091 541.091"
 	class={clazz}
 	{style}
 >
diff --git a/frontend/src/lib/components/icons/brands/Gitlab.svelte b/frontend/src/lib/components/icons/brands/Gitlab.svelte
index 02e28e31df..8b4a1e828f 100644
--- a/frontend/src/lib/components/icons/brands/Gitlab.svelte
+++ b/frontend/src/lib/components/icons/brands/Gitlab.svelte
@@ -11,7 +11,7 @@
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	height={`${size}px`}
-	viewBox="0 0 512 512"
+	viewBox="-23.273 -23.273 558.545 558.545"
 	class={clazz}
 	{style}
 >
diff --git a/frontend/src/lib/components/icons/brands/Google.svelte b/frontend/src/lib/components/icons/brands/Google.svelte
index a9abe1b999..9798da0c36 100644
--- a/frontend/src/lib/components/icons/brands/Google.svelte
+++ b/frontend/src/lib/components/icons/brands/Google.svelte
@@ -11,7 +11,7 @@
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	height={`${size}px`}
-	viewBox="0 0 488 512"
+	viewBox="-26.545 -14.545 541.091 541.091"
 	class={clazz}
 	{style}
 >
diff --git a/frontend/src/lib/components/icons/brands/Microsoft.svelte b/frontend/src/lib/components/icons/brands/Microsoft.svelte
index 1518dd7658..3c4acbb9ec 100644
--- a/frontend/src/lib/components/icons/brands/Microsoft.svelte
+++ b/frontend/src/lib/components/icons/brands/Microsoft.svelte
@@ -11,7 +11,7 @@
 <svg
 	xmlns="http://www.w3.org/2000/svg"
 	height={`${size}px`}
-	viewBox="0 0 448 512"
+	viewBox="-20.364 11.636 488.727 488.727"
 	class={clazz}
 	{style}
 >
diff --git a/frontend/src/lib/components/icons/brands/Okta.svelte b/frontend/src/lib/components/icons/brands/Okta.svelte
index 40cd18ca1b..469b60d76c 100644
--- a/frontend/src/lib/components/icons/brands/Okta.svelte
+++ b/frontend/src/lib/components/icons/brands/Okta.svelte
@@ -11,7 +11,7 @@
 <svg
 	version="1.2"
 	xmlns="http://www.w3.org/2000/svg"
-	viewBox="0 0 1594 1595"
+	viewBox="-73.0 -72.5 1740.0 1740.0"
 	height={`${size}px`}
 	class={clazz}
 	{style}
diff --git a/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte b/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte
index ce731fa7a2..9341e585d9 100644
--- a/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/AmqpIcon.svelte
@@ -16,7 +16,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}
 >
diff --git a/frontend/src/lib/components/icons/triggers/AwsIcon.svelte b/frontend/src/lib/components/icons/triggers/AwsIcon.svelte
index ecb4ac3dc7..8055fd8e78 100644
--- a/frontend/src/lib/components/icons/triggers/AwsIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/AwsIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={size}
 	height={size}
-	viewBox="0 0 168 168"
+	viewBox="-6.563 -6.891 181.125 181.125"
 	class={clazz}
 	xmlns="http://www.w3.org/2000/svg"
 	fill={color ?? 'currentColor'}
diff --git a/frontend/src/lib/components/icons/triggers/AzureIcon.svelte b/frontend/src/lib/components/icons/triggers/AzureIcon.svelte
index 0b7558ebc3..7508bf1683 100644
--- a/frontend/src/lib/components/icons/triggers/AzureIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/AzureIcon.svelte
@@ -16,7 +16,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
 	height={`${size}px`}
-	viewBox="0 0 24 24"
+	viewBox="-1.041 0.951 26.131 26.131"
 	fill={color ?? 'currentColor'}
 	class={clazz}
 >
diff --git a/frontend/src/lib/components/icons/triggers/GithubIcon.svelte b/frontend/src/lib/components/icons/triggers/GithubIcon.svelte
index 4c30c5a775..28cf157ebb 100644
--- a/frontend/src/lib/components/icons/triggers/GithubIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/GithubIcon.svelte
@@ -28,7 +28,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	{width}
 	{height}
-	viewBox="0 0 30 30"
+	viewBox="1.896 1.72 26.207 26.207"
 	fill={color ?? 'currentColor'}
 	class={clazz}
 >
diff --git a/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte b/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte
index 0115affd3a..fb79acfa19 100644
--- a/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/GoogleCloudIcon.svelte
@@ -15,7 +15,7 @@
 <svg
 	width={size}
 	height={size}
-	viewBox="0 -25 256 256"
+	viewBox="-11.636 -36.636 279.273 279.273"
 	version="1.1"
 	xmlns="http://www.w3.org/2000/svg"
 	xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte b/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte
index f47a52047f..84703c7ba9 100644
--- a/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/GoogleIcon.svelte
@@ -28,7 +28,7 @@
 	role="img"
 	{width}
 	{height}
-	viewBox="0 0 168 168"
+	viewBox="-1.596 -0.119 168.239 168.239"
 	fill={color ?? 'currentColor'}
 	xmlns="http://www.w3.org/2000/svg"
 	class={clazz}
diff --git a/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte b/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte
index eee62aaec1..8f43282b0d 100644
--- a/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/KafkaIcon.svelte
@@ -16,7 +16,7 @@
 	width={`${size}px`}
 	height={`${size}px`}
 	preserveAspectRatio="xMidYMid"
-	viewBox="0 0 256 413"
+	viewBox="-97.273 -18.773 450.545 450.545"
 	xmlns="http://www.w3.org/2000/svg"
 	class={clazz}
 	fill={color ?? 'currentColor'}
diff --git a/frontend/src/lib/components/icons/triggers/MqttIcon.svelte b/frontend/src/lib/components/icons/triggers/MqttIcon.svelte
index 205c303f33..82b44d7aeb 100644
--- a/frontend/src/lib/components/icons/triggers/MqttIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/MqttIcon.svelte
@@ -16,7 +16,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={`${size}px`}
 	height={`${size}px`}
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	fill={color ?? 'currentColor'}
 	class={clazz}
 >
diff --git a/frontend/src/lib/components/icons/triggers/NatsIcon.svelte b/frontend/src/lib/components/icons/triggers/NatsIcon.svelte
index 34d6579fc9..049f3cb4ca 100644
--- a/frontend/src/lib/components/icons/triggers/NatsIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/NatsIcon.svelte
@@ -16,7 +16,7 @@
 	xmlns="http://www.w3.org/2000/svg"
 	width={size}
 	height={size}
-	viewBox="0 0 64 64"
+	viewBox="-2.909 -2.909 69.818 69.818"
 	class={clazz}
 	fill={color ?? 'currentColor'}
 	stroke-width="0"
diff --git a/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte b/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte
index a0172402cd..cf835e4cdf 100644
--- a/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte
+++ b/frontend/src/lib/components/icons/triggers/NextcloudIcon.svelte
@@ -26,7 +26,7 @@
 	resource picker and docs use. Keep the two in sync if the artwork changes. -->
 <svg
 	role="img"
-	viewBox="0 0 24 24"
+	viewBox="-1.091 -1.091 26.182 26.182"
 	{width}
 	{height}
 	xmlns="http://www.w3.org/2000/svg"
diff --git a/frontend/src/routes/kitchen_sink/icons/+page.svelte b/frontend/src/routes/kitchen_sink/icons/+page.svelte
index 1fddc29dd3..ab09a3cbab 100644
--- a/frontend/src/routes/kitchen_sink/icons/+page.svelte
+++ b/frontend/src/routes/kitchen_sink/icons/+page.svelte
@@ -67,6 +67,7 @@
 	let classOverride = $state('')
 	let onlyMapped = $state(false)
 	let showDark = $state(true)
+	let showBox = $state(false)
 
 	// The theme's color variables live on `html.dark`, so only that class puts the page
 	// chrome itself in dark mode. Seeded from the app's current theme so mounting the
@@ -109,6 +110,21 @@
 	const sizeItems = [16, 20, 24, 32, 48, 64].map((v) => ({ label: `${v}px`, value: v }))
 </script>
 
+<!-- Outlines the icon's nominal size box, so the gap between the artwork and the box it is
+	 given can be read off the page. Lucide leaves ~4% of the box as margin on its tightest side. -->
+{#snippet mark(Icon: any)}
+	{#if showBox}
+		<div
+			class="flex items-center justify-center outline outline-1 outline-border-accent"
+			style="width: {size}px; height: {size}px"
+		>
+			<Icon {...iconProps} />
+		</div>
+	{:else}
+		<Icon {...iconProps} />
+	{/if}
+{/snippet}
+
 <div class="h-full overflow-auto bg-surface">
 	<div class="max-w-[1400px] mx-auto flex flex-col gap-4 p-6">
 		<div class="flex flex-col gap-1">
@@ -144,6 +160,7 @@
 				</Label>
 			</div>
 			<Toggle bind:checked={showDark} options={{ right: 'Dark surface' }} />
+			<Toggle bind:checked={showBox} options={{ right: 'Icon box' }} />
 			<Toggle bind:checked={onlyMapped} options={{ right: 'Mapped to a resource type' }} />
 			<Toggle bind:checked={pageDark} options={{ right: 'Dark page' }} />
 		</div>
@@ -169,14 +186,14 @@
 							class="flex-1 flex items-center justify-center py-5 bg-surface text-secondary min-h-[72px]"
 							style={lightVars}
 						>
-							<Icon {...iconProps} />
+							{@render mark(Icon)}
 						</div>
 						{#if showDark}
 							<div
 								class="dark flex-1 flex items-center justify-center py-5 bg-surface text-secondary min-h-[72px]"
 								style={darkVars}
 							>
-								<Icon {...iconProps} />
+								{@render mark(Icon)}
 							</div>
 						{/if}
 					</div>