diff --git a/site/public/framework-logos/js.svg b/site/public/framework-logos/js.svg
index 0cb6e3545..f42f948f3 100644
--- a/site/public/framework-logos/js.svg
+++ b/site/public/framework-logos/js.svg
@@ -1,4 +1,4 @@
-<svg width="30" height="30" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg width="24" height="24" viewBox="-2 -2 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M0 0h20v20H0V0Z" fill="#F7DF1E"/>
   <path d="M13.43 15.62c.41.67.92 1.14 1.87 1.14.76 0 1.27-.38 1.27-.92 0-.63-.5-.89-1.36-1.24l-.48-.22c-1.37-.57-2.25-1.3-2.25-2.82 0-1.4 1.08-2.48 2.73-2.48 1.2 0 2.06.41 2.7 1.5l-1.47.94c-.34-.57-.7-.79-1.23-.79-.54 0-.9.35-.9.8 0 .57.36.79 1.18 1.14l.45.19c1.62.7 2.5 1.4 2.5 2.95 0 1.68-1.33 2.63-3.1 2.63-1.75 0-2.9-.85-3.44-1.93l1.53-.9Zm-6.64.16c.29.54.58.98 1.21.98s1.02-.25 1.02-1.17V9.17h1.87v6.42c0 1.97-1.14 2.85-2.8 2.85a2.9 2.9 0 0 1-2.82-1.74l1.52-.92Z" fill="#000"/>
 </svg>
diff --git a/site/public/framework-logos/react-native.svg b/site/public/framework-logos/react-native.svg
new file mode 100644
index 000000000..aadf591d5
--- /dev/null
+++ b/site/public/framework-logos/react-native.svg
@@ -0,0 +1,6 @@
+<svg width="35" height="32" viewBox="0 0 23 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M11.5 12.3a2 2 0 1 0 0-4.1 2 2 0 0 0 0 4Z" fill="#20232a"/>
+  <path d="M11.5 14.4c6 0 11-1.8 11-4.2 0-2.3-5-4.2-11-4.2s-11 2-11 4.2c0 2.4 5 4.2 11 4.2Z" stroke="#20232a"/>
+  <path d="M7.9 12.3c3 5.3 7 8.6 9.1 7.5 2-1.2 1.2-6.4-1.9-11.7C12.1 3 8.1-.5 6 .7 4 2 4.8 7.1 7.9 12.3Z" stroke="#20232a"/>
+  <path d="M7.9 8.1c-3 5.3-4 10.5-1.9 11.7 2 1.1 6.1-2.2 9.1-7.5 3-5.2 4-10.4 1.9-11.6C15-.5 10.9 3 7.9 8.1Z" stroke="#20232a"/>
+</svg>
diff --git a/site/public/framework-logos/solid.svg b/site/public/framework-logos/solid.svg
new file mode 100644
index 000000000..81656be49
--- /dev/null
+++ b/site/public/framework-logos/solid.svg
@@ -0,0 +1,35 @@
+<svg width="32" height="30" viewBox="0 0 32 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#a)">
+    <path d="M31.42 6.75S21.2-.77 13.3.96l-.58.2a5.48 5.48 0 0 0-2.7 1.73l-.38.58-2.9 5.01 5.02.97c2.12 1.35 4.82 1.92 7.32 1.35l8.87 1.73 3.47-5.78Z" fill="#76B3E1"/>
+    <path opacity=".3" d="M31.42 6.75S21.2-.77 13.3.96l-.58.2a5.48 5.48 0 0 0-2.7 1.73l-.38.58-2.9 5.01 5.02.97c2.12 1.35 4.82 1.92 7.32 1.35l8.87 1.73 3.47-5.78Z" fill="url(#b)"/>
+    <path d="m10.02 6.75-.77.19c-3.27.96-4.24 4.05-2.5 6.75 1.92 2.5 5.97 3.85 9.25 2.89l11.95-4.05S17.73 5.01 10.02 6.75Z" fill="#518AC8"/>
+    <path opacity=".3" d="m10.02 6.75-.77.19c-3.27.96-4.24 4.05-2.5 6.75 1.92 2.5 5.97 3.85 9.25 2.89l11.95-4.05S17.73 5.01 10.02 6.75Z" fill="url(#c)"/>
+    <path d="M25.83 15.42a8.67 8.67 0 0 0-9.25-2.89L4.63 16.39.77 23.13l21.6 3.67 3.85-6.94c.77-1.35.58-2.9-.39-4.44Z" fill="url(#d)"/>
+    <path d="M21.98 22.17a8.67 8.67 0 0 0-9.26-2.9L.77 23.14S11 30.84 18.9 28.92l.58-.2c3.28-.96 4.43-4.05 2.5-6.55Z" fill="url(#e)"/>
+  </g>
+  <defs>
+    <linearGradient id="b" x1="5.3" y1=".58" x2="29.3" y2="12.24" gradientUnits="userSpaceOnUse">
+      <stop offset=".1" stop-color="#76B3E1"/>
+      <stop offset=".3" stop-color="#DCF2FD"/>
+      <stop offset="1" stop-color="#76B3E1"/>
+    </linearGradient>
+    <linearGradient id="c" x1="18.47" y1="6.28" x2="14.27" y2="20.28" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#76B3E1"/>
+      <stop offset=".5" stop-color="#4377BB"/>
+      <stop offset="1" stop-color="#1F3B77"/>
+    </linearGradient>
+    <linearGradient id="d" x1="3.55" y1="12.38" x2="27.82" y2="28.88" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#315AA9"/>
+      <stop offset=".5" stop-color="#518AC8"/>
+      <stop offset="1" stop-color="#315AA9"/>
+    </linearGradient>
+    <linearGradient id="e" x1="14.5" y1="14.36" x2="4.7" y2="50.27" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#4377BB"/>
+      <stop offset=".5" stop-color="#1A336B"/>
+      <stop offset="1" stop-color="#1A336B"/>
+    </linearGradient>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h32v29.94H0z"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/site/public/logo-icon.svg b/site/public/logo-icon.svg
new file mode 100644
index 000000000..1521e493d
--- /dev/null
+++ b/site/public/logo-icon.svg
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="M14 12C14 9.79086 12.2091 8 10 8C7.79086 8 6 9.79086 6 12C6 16.4183 9.58172 20 14 20C18.4183 20 22 16.4183 22 12C22 8.446 20.455 5.25285 18 3.05557" stroke="#2D3748" />
+  <path d="M10 12C10 14.2091 11.7909 16 14 16C16.2091 16 18 14.2091 18 12C18 7.58172 14.4183 4 10 4C5.58172 4 2 7.58172 2 12C2 15.5841 3.57127 18.8012 6.06253 21" stroke="#F56565" />
+</svg>
diff --git a/site/public/lucide-logo-repo.svg b/site/public/lucide-logo-repo.svg
new file mode 100644
index 000000000..2a1d6bd36
--- /dev/null
+++ b/site/public/lucide-logo-repo.svg
@@ -0,0 +1,4 @@
+<svg width="98" height="32" viewBox="0 0 98 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="98" height="32" rx="5" fill="white"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+</svg>
diff --git a/site/public/package-logos/lucide-angular-small.svg b/site/public/package-logos/lucide-angular-small.svg
index 2d01db12e..ceefe0adb 100644
--- a/site/public/package-logos/lucide-angular-small.svg
+++ b/site/public/package-logos/lucide-angular-small.svg
@@ -1,9 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 12 12 0 0 0-4-9" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0 12 12 0 0 0 4 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="M59 5 49 8.6l1.5 13.2 8.5 4.7 8.5-4.7L69 8.6 59 5Z" fill="#DD0031"/>
-  <path d="M59 5v21.5l8.5-4.7L69 8.6 59 5Z" fill="#C3002F"/>
-  <path d="m59 7.4-6.3 14h2.4l1.2-3.1h5.3l1.3 3h2.3L59 7.4Zm1.8 9h-3.6l1.8-4.5 1.8 4.4Z" fill="#fff"/>
+  <image href="https://lucide.dev/framework-logos/angular.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-angular.svg b/site/public/package-logos/lucide-angular.svg
new file mode 100644
index 000000000..a29e8fbed
--- /dev/null
+++ b/site/public/package-logos/lucide-angular.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/angular.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-flutter-small.svg b/site/public/package-logos/lucide-flutter-small.svg
index 9e7bafe40..ac2ff941c 100644
--- a/site/public/package-logos/lucide-flutter-small.svg
+++ b/site/public/package-logos/lucide-flutter-small.svg
@@ -1,9 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 12 12 0 0 0-4-9" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0 12 12 0 0 0 4 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M68.4 15H61l-6.5 6.5 3.7 3.7 10.2-10.1ZM52.7 19.7 49 16 61 4h7.4L52.7 19.7Z" fill="#54C5F8"/>
-  <path d="M58.2 25.2 61 28h7.4l-6.5-6.5-3.7 3.7Z" fill="#01579B"/>
-  <path d="m58.2 17.8-3.7 3.7 3.7 3.7 3.7-3.7-3.7-3.7Z" fill="#29B6F6"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/flutter.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-preact-small.svg b/site/public/package-logos/lucide-preact-small.svg
index 6d48ee47e..6af8010a0 100644
--- a/site/public/package-logos/lucide-preact-small.svg
+++ b/site/public/package-logos/lucide-preact-small.svg
@@ -1,10 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 11.97 11.97 0 0 0-4-8.94" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0c0 3.58 1.57 6.8 4.06 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="m59 4 10 5.77v11.55l-10 5.77-10-5.77V9.77L59 4Z" fill="#673AB8"/>
-  <path d="M51.72 21.22c1.33 1.7 5.56.41 9.55-2.7 3.99-3.12 6.27-6.9 4.94-8.61-1.33-1.7-5.56-.4-9.55 2.71-3.99 3.12-6.27 6.9-4.94 8.6Zm.57-.44c-.44-.56-.25-1.67.6-3.07a17.8 17.8 0 0 1 4.22-4.52 17.8 17.8 0 0 1 5.41-3c1.56-.48 2.68-.4 3.12.16.44.57.25 1.68-.6 3.07a17.8 17.8 0 0 1-4.22 4.53 17.8 17.8 0 0 1-5.41 3c-1.56.48-2.68.4-3.12-.17Z" fill="#fff"/>
-  <path d="M66.2 21.22c1.34-1.7-.94-5.48-4.93-8.6-4-3.12-8.22-4.41-9.55-2.71-1.33 1.7.95 5.49 4.94 8.6 4 3.12 8.22 4.42 9.55 2.71Zm-.56-.44c-.44.57-1.56.65-3.12.17a17.8 17.8 0 0 1-5.41-3 17.8 17.8 0 0 1-4.23-4.53c-.84-1.4-1.03-2.5-.59-3.07.44-.56 1.56-.64 3.12-.16a17.8 17.8 0 0 1 5.41 3 17.8 17.8 0 0 1 4.23 4.52c.84 1.4 1.03 2.5.59 3.07Z" fill="#fff"/>
-  <path d="M58.96 17.1a1.53 1.53 0 1 0 0-3.06 1.53 1.53 0 0 0 0 3.06Z" fill="#fff"/>
+  <image href="https://lucide.dev/framework-logos/preact.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-preact.svg b/site/public/package-logos/lucide-preact.svg
new file mode 100644
index 000000000..3aada82ff
--- /dev/null
+++ b/site/public/package-logos/lucide-preact.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/preact.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-react-native-small.svg b/site/public/package-logos/lucide-react-native-small.svg
new file mode 100644
index 000000000..75fd40fd1
--- /dev/null
+++ b/site/public/package-logos/lucide-react-native-small.svg
@@ -0,0 +1,6 @@
+<svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="78" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
+  <circle cx="39" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/react-native.svg" height="24" width="24" y="4" x="47"/>
+</svg>
diff --git a/site/public/package-logos/lucide-react-native.svg b/site/public/package-logos/lucide-react-native.svg
new file mode 100644
index 000000000..c11c7c5ae
--- /dev/null
+++ b/site/public/package-logos/lucide-react-native.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/react-native.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-react-small.svg b/site/public/package-logos/lucide-react-small.svg
index e2a51294b..826768411 100644
--- a/site/public/package-logos/lucide-react-small.svg
+++ b/site/public/package-logos/lucide-react-small.svg
@@ -1,10 +1,6 @@
-<svg width="78" height="32" viewBox="0 0 78 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="78" height="32" rx="5" fill="#fff"/>
-<path d="M58.5 18.2818C59.6321 18.2818 60.55 17.3639 60.55 16.2318C60.55 15.0996 59.6321 14.1818 58.5 14.1818C57.3678 14.1818 56.45 15.0996 56.45 16.2318C56.45 17.3639 57.3678 18.2818 58.5 18.2818Z" fill="#61DAFB"/>
-<path d="M58.5 20.4317C64.5751 20.4317 69.5 18.5513 69.5 16.2317C69.5 13.9121 64.5751 12.0317 58.5 12.0317C52.4249 12.0317 47.5 13.9121 47.5 16.2317C47.5 18.5513 52.4249 20.4317 58.5 20.4317Z" stroke="#61DAFB"/>
-<path d="M54.8626 18.3317C57.9002 23.593 61.9911 26.9178 63.9999 25.758C66.0087 24.5982 65.1748 19.393 62.1372 14.1317C59.0996 8.87053 55.0087 5.54567 52.9999 6.70547C50.9911 7.86527 51.825 13.0705 54.8626 18.3317Z" stroke="#61DAFB"/>
-<path d="M54.8626 14.1317C51.825 19.3929 50.9911 24.5982 52.9999 25.758C55.0087 26.9178 59.0996 23.5929 62.1372 18.3317C65.1748 13.0705 66.0087 7.86522 63.9999 6.70542C61.9911 5.54562 57.9002 8.87048 54.8626 14.1317Z" stroke="#61DAFB"/>
-<path d="M21 16C21 14.9392 20.5786 13.9217 19.8284 13.1716C19.0783 12.4215 18.0609 12 17 12C15.9391 12 14.9217 12.4215 14.1716 13.1716C13.4214 13.9217 13 14.9392 13 16C13 18.1218 13.8429 20.1566 15.3431 21.6569C16.8434 23.1572 18.8783 24 21 24C23.1217 24 25.1566 23.1572 26.6569 21.6569C28.1571 20.1566 29 18.1218 29 16C29.0019 14.3114 28.6464 12.6415 27.957 11.1C27.2676 9.55854 26.2599 8.18036 25 7.05603" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M17 16C17 17.0609 17.4214 18.0783 18.1716 18.8284C18.9217 19.5786 19.9391 20 21 20C22.0609 20 23.0783 19.5786 23.8284 18.8284C24.5786 18.0783 25 17.0609 25 16C25 13.8783 24.1571 11.8434 22.6569 10.3431C21.1566 8.84285 19.1217 8 17 8C14.8783 8 12.8434 8.84285 11.3431 10.3431C9.84285 11.8434 9 13.8783 9 16C9 19.584 10.571 22.801 13.063 25" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<circle cx="39" cy="16" r="2" fill="#DDD"/>
+<svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="78" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
+  <circle cx="39" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/react.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-react.svg b/site/public/package-logos/lucide-react.svg
new file mode 100644
index 000000000..27d0d1337
--- /dev/null
+++ b/site/public/package-logos/lucide-react.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/react.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-small.svg b/site/public/package-logos/lucide-small.svg
index 819ced392..9197648aa 100644
--- a/site/public/package-logos/lucide-small.svg
+++ b/site/public/package-logos/lucide-small.svg
@@ -1,8 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 11.97 11.97 0 0 0-4-8.94" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0c0 3.58 1.57 6.8 4.06 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="M49 6h20v20H49V6Z" fill="#F7DF1E"/>
-  <path d="M62.43 21.62c.41.67.92 1.14 1.87 1.14.76 0 1.27-.38 1.27-.92 0-.63-.5-.89-1.36-1.24l-.48-.22c-1.36-.57-2.25-1.3-2.25-2.82 0-1.4 1.08-2.48 2.73-2.48 1.2 0 2.06.41 2.7 1.5l-1.47.94c-.34-.57-.7-.79-1.23-.79-.54 0-.9.35-.9.8 0 .57.36.79 1.18 1.14l.45.19c1.62.7 2.5 1.4 2.5 2.95 0 1.68-1.33 2.63-3.1 2.63-1.75 0-2.9-.85-3.44-1.93l1.53-.9Zm-6.64.16c.29.54.58.98 1.21.98s1.02-.25 1.02-1.17v-6.42h1.87v6.42c0 1.97-1.14 2.85-2.8 2.85a2.9 2.9 0 0 1-2.82-1.74l1.52-.92Z" fill="#000"/>
+  <image href="https://lucide.dev/framework-logos/js.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-static-small.svg b/site/public/package-logos/lucide-static-small.svg
index 28c7414ab..eb1309249 100644
--- a/site/public/package-logos/lucide-static-small.svg
+++ b/site/public/package-logos/lucide-static-small.svg
@@ -1,11 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 11.97 11.97 0 0 0-4-8.94" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0c0 3.58 1.57 6.8 4.06 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="M47.68 16h22.64v8A3.26 3.26 0 0 1 67 27.32H51A3.26 3.26 0 0 1 47.68 24v-8Z" fill="#000"/>
-  <path d="M60.27 8.87a1.8 1.8 0 1 0-2.54 0v3.66l-2.59-2.59a1.8 1.8 0 1 0-1.8 1.8l2.59 2.59h-3.66a1.8 1.8 0 1 0 0 2.54h3.66l-2.58 2.58a1.8 1.8 0 1 0 1.8 1.8l2.58-2.58v3.65a1.8 1.8 0 1 0 2.54 0v-3.65l2.58 2.58a1.8 1.8 0 1 0 1.8-1.8l-2.58-2.58h3.65a1.8 1.8 0 1 0 0-2.54h-3.65l2.59-2.59a1.8 1.8 0 1 0-1.8-1.8l-2.59 2.59V8.87Z" fill="#FFB13B"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M57.73 8.87a1.8 1.8 0 1 1 2.54 0v3.66l2.59-2.59a1.8 1.8 0 1 1 1.8 1.8l-2.59 2.59h3.65a1.8 1.8 0 1 1 0 2.54h-3.65l2.58 2.58a1.8 1.8 0 1 1-1.8 1.8l-2.58-2.58v3.65a1.8 1.8 0 1 1-2.54 0v-3.65l-2.58 2.58a1.8 1.8 0 1 1-1.8-1.8l2.58-2.58h-3.66a1.8 1.8 0 1 1 0-2.54h3.66l-2.59-2.59a1.8 1.8 0 1 1 1.8-1.8l2.59 2.59V8.87ZM55.69 7.6A3.31 3.31 0 0 0 51 12.3a3.31 3.31 0 0 0 0 6.62 3.31 3.31 0 0 0 4.69 4.69 3.31 3.31 0 0 0 6.62 0A3.31 3.31 0 0 0 67 18.9a3.31 3.31 0 0 0 0-6.62A3.31 3.31 0 0 0 62.3 7.6a3.31 3.31 0 0 0-6.62 0Z" fill="#000"/>
-  <path opacity=".8" d="M47.68 16h22.64v8A3.26 3.26 0 0 1 67 27.32H51A3.26 3.26 0 0 1 47.68 24v-8Z" fill="#000"/>
-  <path d="M51.08 21.65a2.93 2.93 0 0 1 2.08-5.01c1.6 0 2.93 1.31 2.93 2.94h-1.73a1.22 1.22 0 1 0-2.08.85c.22.23.42.29.86.37a3.3 3.3 0 0 1 2.08.85 2.93 2.93 0 1 1-4.15 4.15 2.93 2.93 0 0 1-.85-2.07h1.74a1.22 1.22 0 1 0 2.08-.87c-.24-.22-.54-.28-.88-.35-.78-.13-1.54-.32-2.08-.86Zm10.88-5.01-2.08 10.02h-1.73l-2.08-10.02h1.73l1.22 5.87 1.21-5.87h1.73Zm2.93 4.16h2.91v2.93a2.93 2.93 0 1 1-5.86 0v-4.16a2.93 2.93 0 1 1 5.86 0h-1.7a1.22 1.22 0 0 0-2.43 0v4.16a1.22 1.22 0 0 0 2.43 0V22.5H64.9V20.8Z" fill="#fff"/>
+  <image href="https://lucide.dev/framework-logos/svg.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-static.svg b/site/public/package-logos/lucide-static.svg
new file mode 100644
index 000000000..58a694ed6
--- /dev/null
+++ b/site/public/package-logos/lucide-static.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/svg.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-svelte-small.svg b/site/public/package-logos/lucide-svelte-small.svg
index 289896f3c..707ebd265 100644
--- a/site/public/package-logos/lucide-svelte-small.svg
+++ b/site/public/package-logos/lucide-svelte-small.svg
@@ -1,8 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 12 12 0 0 0-4-9" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0 12 12 0 0 0 4 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="M67.7 7.2A7.3 7.3 0 0 0 58 5l-5.6 3.5a6.4 6.4 0 0 0-2.9 4.3c-.3 1.5 0 3 .7 4.4a6.4 6.4 0 0 0-1 5c.3 1 .6 1.8 1.2 2.5A7.3 7.3 0 0 0 60 27l5.6-3.6a6.4 6.4 0 0 0 2.9-4.3c.3-1.5 0-3-.7-4.3a6.5 6.5 0 0 0 1-5.1c-.3-1-.6-1.8-1.2-2.5" fill="#FF3E00"/>
-  <path d="M57.4 25.2a4.4 4.4 0 0 1-5.5-3.3 4.1 4.1 0 0 1 .1-2.1l.1-.4.3.2c.7.5 1.4.9 2.2 1.1l.2.1v.2c0 .3 0 .6.2.8a1.3 1.3 0 0 0 1.5.6l.3-.2 5.6-3.5a1.2 1.2 0 0 0 .5-1.3l-.2-.5a1.3 1.3 0 0 0-1.4-.5c-.2 0-.3 0-.4.2l-2.1 1.3-1.2.5a4.4 4.4 0 0 1-5.4-3.2 4.1 4.1 0 0 1 .6-3.1c.3-.5.7-.9 1.1-1.2l5.6-3.5a4 4 0 0 1 1.1-.5 4.4 4.4 0 0 1 5.5 3.2 4.1 4.1 0 0 1-.1 2.2l-.1.3-.3-.2c-.7-.5-1.4-.9-2.2-1.1h-.2V11c0-.3 0-.6-.2-.8a1.3 1.3 0 0 0-1.8-.4l-5.6 3.6a1.2 1.2 0 0 0-.5 1.3l.2.4a1.3 1.3 0 0 0 1.4.5l.4-.1 2.1-1.4a4 4 0 0 1 1.2-.5 4.4 4.4 0 0 1 5.4 3.3c.1.5.1 1 0 1.6a3.9 3.9 0 0 1-1.7 2.6l-5.6 3.6-1.1.5Z" fill="#fff"/>
+  <image href="https://lucide.dev/framework-logos/svelte.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-svelte.svg b/site/public/package-logos/lucide-svelte.svg
new file mode 100644
index 000000000..543f59fd3
--- /dev/null
+++ b/site/public/package-logos/lucide-svelte.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/svelte.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-vue-next-small.svg b/site/public/package-logos/lucide-vue-next-small.svg
index 8e35674a8..28c685f75 100644
--- a/site/public/package-logos/lucide-vue-next-small.svg
+++ b/site/public/package-logos/lucide-vue-next-small.svg
@@ -1,10 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 12 12 0 0 0-4-9" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0 12 12 0 0 0 4 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="m61.2 6-2.7 4.6L56 6H47l11.5 20L70.1 6h-8.9Z" fill="#41B883"/>
-  <path d="m61.2 6-2.7 4.6L56 6h-4.3l7 12 6.9-12h-4.3Z" fill="#34495E"/>
-  <circle cx="63.5" cy="19.5" r="4.5" fill="#2C3E50"/>
-  <path d="m62.5 17.8.4-.2.5-.1a1.3 1.3 0 0 1 .9.3l.2.3v.4l-.1.5a1 1 0 0 1-.4.3c.2 0 .3.2.5.3l.2.6a1 1 0 0 1-.4.8l-.4.2a2.6 2.6 0 0 1-1 0l-.5-.1.1-.4h.4a1.6 1.6 0 0 0 .7 0h.2l.2-.2v-.3l-.1-.4a1 1 0 0 0-.6-.2h-.4v-.5h.3l.5-.1c.2-.1.3-.3.3-.5l-.2-.4a.6.6 0 0 0-.4-.1 1 1 0 0 0-.4 0l-.3.2-.2-.4Z" fill="#fff"/>
+  <image href="https://lucide.dev/framework-logos/vue-next.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-vue-next.svg b/site/public/package-logos/lucide-vue-next.svg
new file mode 100644
index 000000000..beca9d945
--- /dev/null
+++ b/site/public/package-logos/lucide-vue-next.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/vue-next.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide-vue-small.svg b/site/public/package-logos/lucide-vue-small.svg
index bcd8fa7a3..d42671dd9 100644
--- a/site/public/package-logos/lucide-vue-small.svg
+++ b/site/public/package-logos/lucide-vue-small.svg
@@ -1,8 +1,6 @@
 <svg width="78" height="32" fill="none" xmlns="http://www.w3.org/2000/svg">
   <rect width="78" height="32" rx="5" fill="#fff"/>
-  <path d="M21 16a4 4 0 1 0-8 0 8 8 0 0 0 16 0 12 12 0 0 0-4-9" stroke="#2D3748" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M17 16a4 4 0 1 0 8 0 8 8 0 0 0-16 0 12 12 0 0 0 4 9" stroke="#F56565" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <image href="https://lucide.dev/logo-icon.svg" height="24" width="24" y="4" x="8"/>
   <circle cx="39" cy="16" r="2" fill="#DDD"/>
-  <path d="m61.2 6-2.7 4.6L56 6H47l11.5 20L70.1 6h-8.9Z" fill="#41B883"/>
-  <path d="m61.2 6-2.7 4.6L56 6h-4.3l7 12 6.9-12h-4.3Z" fill="#34495E"/>
+  <image href="https://lucide.dev/framework-logos/vue.svg" height="24" width="24" y="4" x="47"/>
 </svg>
diff --git a/site/public/package-logos/lucide-vue.svg b/site/public/package-logos/lucide-vue.svg
new file mode 100644
index 000000000..756ad6d94
--- /dev/null
+++ b/site/public/package-logos/lucide-vue.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/vue.svg" height="24" width="24" y="4" x="108"/>
+</svg>
diff --git a/site/public/package-logos/lucide.svg b/site/public/package-logos/lucide.svg
new file mode 100644
index 000000000..a769df91d
--- /dev/null
+++ b/site/public/package-logos/lucide.svg
@@ -0,0 +1,6 @@
+<svg width="140" height="32" viewBox="0 0 140 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="140" height="32" rx="5" fill="#fff"/>
+  <image href="https://lucide.dev/logo-text.svg" height="24" width="82" y="4" x="8"/>
+  <circle cx="99" cy="16" r="2" fill="#DDD"/>
+  <image href="https://lucide.dev/framework-logos/js.svg" height="24" width="24" y="4" x="108"/>
+</svg>