From a81a5ad01c421dc6d90fed168c29ca048ae7bc4e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxt.com>
Date: Wed, 6 Nov 2024 00:57:39 +0100
Subject: [PATCH] chore: update icons to lucide

---
 docs/components/AppHeader.vue                 |  14 +--
 docs/components/PageSectionCTA.vue            |   2 +-
 docs/components/UInputCopy.vue                |   2 +-
 docs/components/content/Caution.vue           |   2 +-
 docs/components/content/Important.vue         |   2 +-
 docs/components/content/Note.vue              |   2 +-
 docs/components/content/Tip.vue               |   2 +-
 docs/components/content/Warning.vue           |   2 +-
 docs/content/0.index.yml                      | 116 +++++++++---------
 .../1.docs/1.getting-started/1.index.md       |  16 +--
 .../1.getting-started/2.installation.md       |   4 +-
 .../1.getting-started/4.remote-storage.md     |   4 +-
 .../content/1.docs/1.getting-started/_dir.yml |   2 +-
 docs/content/1.docs/2.features/_dir.yml       |   2 +-
 docs/content/1.docs/2.features/ai.md          |   2 +-
 docs/content/1.docs/2.features/database.md    |   2 +-
 .../1.docs/3.recipes/3.pre-rendering.md       |   2 +-
 docs/content/1.docs/3.recipes/5.postgres.md   |   4 +-
 docs/content/1.docs/3.recipes/_dir.yml        |   2 +-
 docs/content/1.docs/_dir.yml                  |   2 +-
 docs/content/2.templates.yml                  |   5 +-
 docs/content/3.pricing.yml                    |  72 +++++------
 docs/content/4.changelog.yml                  |   2 +-
 docs/content/4.changelog/blob-folders.md      |   4 +-
 .../4.changelog/blob-presigned-urls.md        |   2 +-
 .../content/4.changelog/blob-upload-prefix.md |   2 +-
 docs/content/4.changelog/cloudflare-access.md |   2 +-
 docs/content/4.changelog/server-cache.md      |   2 +-
 docs/content/4.changelog/team-webhooks-env.md |   4 +-
 docs/content/4.changelog/team-webhooks.md     |   2 +-
 docs/content/5.blog.yml                       |   2 +-
 docs/content/5.blog/1.beta.md                 |   4 +-
 ...drawing-app-with-nuxt-and-cloudflare-r2.md |   8 +-
 .../3.cloudflare-ai-for-user-experience.md    |   4 +-
 docs/pages/blog/[slug].vue                    |   6 +-
 docs/pages/changelog/[slug].vue               |   6 +-
 docs/pages/index.vue                          |  20 +--
 docs/pages/pricing.vue                        |   2 +-
 docs/pages/templates.vue                      |   4 +-
 docs/utils/index.ts                           |  19 ---
 playground/app/pages/browser.vue              |   8 +-
 src/utils/devtools.ts                         |   8 +-
 42 files changed, 178 insertions(+), 196 deletions(-)

diff --git a/docs/components/AppHeader.vue b/docs/components/AppHeader.vue
index 9b64ad35..66c7b73a 100644
--- a/docs/components/AppHeader.vue
+++ b/docs/components/AppHeader.vue
@@ -6,23 +6,23 @@ const links = [
   {
     label: 'Docs',
     to: '/docs/getting-started',
-    icon: 'i-ph-books'
+    icon: 'i-lucide-book'
   }, {
     label: 'Templates',
     to: '/templates',
-    icon: 'i-ph-layout'
+    icon: 'i-lucide-panels-top-left'
   }, {
     label: 'Pricing',
     to: '/pricing',
-    icon: 'i-ph-credit-card'
+    icon: 'i-lucide-credit-card'
   }, {
     label: 'Changelog',
     to: '/changelog',
-    icon: 'i-ph-pulse'
+    icon: 'i-lucide-megaphone'
   }, {
     label: 'Blog',
     to: '/blog',
-    icon: 'i-ph-newspaper'
+    icon: 'i-lucide-newspaper'
   }
 ]
 const navLinks = links.map((link) => {
@@ -74,7 +74,7 @@ onMounted(async () => {
         <UColorModeButton class="hidden md:inline-flex" />
         <UButton v-if="ready && !authenticated" size="sm" variant="ghost" label="Log in" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=login" color="gray" class="hidden sm:inline-flex" external />
         <UButton v-if="ready && !authenticated" size="sm" variant="solid" label="Get started" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=signup" class="hidden sm:inline-flex" external />
-        <UButton v-if="ready && authenticated" size="sm" icon="i-ph-app-window-duotone" label="Dashboard" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=dashboard" color="green" class="hidden sm:inline-flex" external />
+        <UButton v-if="ready && authenticated" size="sm" label="Dashboard" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=dashboard" color="green" class="hidden sm:inline-flex" external />
       </div>
     </template>
 
@@ -85,7 +85,7 @@ onMounted(async () => {
         <UDivider class="mb-4" />
         <UButton v-if="ready && !authenticated" variant="solid" label="Log in" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=login" color="white" class="flex justify-center sm:hidden" external />
         <UButton v-if="ready && !authenticated" variant="solid" label="Sign up" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=signup" class="flex justify-center text-gray-900 bg-primary sm:hidden" external />
-        <UButton v-if="ready && authenticated" variant="solid" color="green" icon="i-ph-app-window-duotone" label="Dashboard" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=dashboard" class="flex justify-center text-gray-900 bg-primary sm:hidden" external />
+        <UButton v-if="ready && authenticated" variant="solid" color="green" label="Dashboard" to="https://admin.hub.nuxt.com/?utm_source=hub-docs&utm_medium=header&utm_campaign=dashboard" class="flex justify-center text-gray-900 bg-primary sm:hidden" external />
       </div>
     </template>
   </UHeader>
diff --git a/docs/components/PageSectionCTA.vue b/docs/components/PageSectionCTA.vue
index 236357c0..16f97af3 100644
--- a/docs/components/PageSectionCTA.vue
+++ b/docs/components/PageSectionCTA.vue
@@ -18,7 +18,7 @@ defineProps({
       {
         label: 'Get started for free',
         to: 'https://admin.hub.nuxt.com',
-        trailingIcon: 'i-ph-arrow-right'
+        trailingIcon: 'i-lucide-arrow-right'
       },
       {
         label: 'Read the docs',
diff --git a/docs/components/UInputCopy.vue b/docs/components/UInputCopy.vue
index 432f6fd0..dc8f467a 100644
--- a/docs/components/UInputCopy.vue
+++ b/docs/components/UInputCopy.vue
@@ -18,7 +18,7 @@ const { copy, copied } = useClipboard()
       <div class="absolute inset-0" :class="[copied ? 'cursor-default' : 'cursor-copy']" @click="copy(value)" />
       <template #trailing>
         <UButton
-          :icon="copied ? 'i-ph-check' : 'i-ph-copy'"
+          :icon="copied ? 'i-lucide-check' : 'i-lucide-copy'"
           color="gray"
           variant="link"
           :padded="false"
diff --git a/docs/components/content/Caution.vue b/docs/components/content/Caution.vue
index c584a12a..a0443c65 100644
--- a/docs/components/content/Caution.vue
+++ b/docs/components/content/Caution.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Caution"
-    icon="i-ph-warning-octagon-duotone"
+    icon="i-lucide-octagon-alert"
     color="red"
     class="_caution"
     :class="$attrs.to ? 'dark:hover:!border-red-600/50 hover:!border-red-400/50' : ''"
diff --git a/docs/components/content/Important.vue b/docs/components/content/Important.vue
index 5b13cefb..cae3466b 100644
--- a/docs/components/content/Important.vue
+++ b/docs/components/content/Important.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Important"
-    icon="i-ph-warning-diamond-duotone"
+    icon="i-lucide-badge-alert"
     color="violet"
     class="_important"
     :class="$attrs.to ? 'dark:hover:!border-violet-600/50 hover:!border-violet-400/50' : ''"
diff --git a/docs/components/content/Note.vue b/docs/components/content/Note.vue
index 06e00b4a..d663f545 100644
--- a/docs/components/content/Note.vue
+++ b/docs/components/content/Note.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Note"
-    icon="i-ph-info-duotone"
+    icon="i-lucide-info"
     color="blue"
     class="_note"
     :class="$attrs.to ? 'dark:hover:!border-blue-600/50 hover:!border-blue-400/50' : ''"
diff --git a/docs/components/content/Tip.vue b/docs/components/content/Tip.vue
index 916b338a..47ab5da7 100644
--- a/docs/components/content/Tip.vue
+++ b/docs/components/content/Tip.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Tip"
-    icon="i-ph-lightbulb-duotone"
+    icon="i-lucide-lightbulb"
     color="green"
     class="_tip"
     :class="$attrs.to ? 'dark:hover:!border-green-600/50 hover:!border-green-400/50' : ''"
diff --git a/docs/components/content/Warning.vue b/docs/components/content/Warning.vue
index bd53e066..cb1f098f 100644
--- a/docs/components/content/Warning.vue
+++ b/docs/components/content/Warning.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Warning"
-    icon="i-ph-warning-duotone"
+    icon="i-lucide-triangle-alert"
     color="amber"
     class="_warning"
     :class="$attrs.to ? 'dark:hover:!border-amber-600/50 hover:!border-amber-400/50' : ''"
diff --git a/docs/content/0.index.yml b/docs/content/0.index.yml
index 24af6605..67a71bb4 100644
--- a/docs/content/0.index.yml
+++ b/docs/content/0.index.yml
@@ -12,7 +12,7 @@ hero:
   headline:
     label: "Cloudflare Access integration"
     to: /changelog/cloudflare-access
-    icon: i-ph-arrow-right
+    icon: i-lucide-arrow-right
 features:
   - name: Cloud Hosting
     description: Deploy your application with confidence on our Nuxt-optimized Cloud hosting platform.
@@ -20,35 +20,35 @@ features:
     to: /docs/getting-started/deploy
   - name: SQL Database
     description: Add SQL databases to your app and build any kind of full-stack applications.
-    icon: i-ph-database
+    icon: i-lucide-database
     to: /docs/features/database
   - name: Files Storage
     description: Upload, store and serve images, videos and any kind of file.
-    icon: i-ph-shapes
+    icon: i-lucide-shapes
     to: /docs/features/blob
   - name: KV Storage
     description: Leverage a Key-Value data store replicated globally for maximum performance.
-    icon: i-ph-coin
+    icon: i-lucide-list
     to: /docs/features/kv
   - name: Caching
     description: Cache Nuxt pages, API routes and server functions on the Edge.
-    icon: i-ph-lightning
+    icon: i-lucide-zap
     to: /docs/features/cache
   - name: AI & Vectorize
     description: Run generative AI tasks on a global network and build full-stack AI applications.
-    icon: i-ph-magic-wand
+    icon: i-lucide-wand
     to: /docs/features/ai
   - name: Analytics Engine
     description: Write data points & query with an SQL API with a unlimited-cardinality analytics service at scale.
-    icon: i-ph-chart-bar
+    icon: i-lucide-bar-chart-4
     soon: true
   - name: Real-time & sockets
     description: Create collaborative applications, real-time chat, multiplayer games and more.
-    icon: i-ph-cursor-click
+    icon: i-lucide-mouse-pointer-click
     soon: true
   - name: Cron Triggers & Queues
     description: Run periodic jobs with cron triggers & make sure to guarantee delivery with queues.
-    icon: i-ph-timer
+    icon: i-lucide-timer
     soon: true
 creator:
   quote: "I created NuxtHub to give Nuxt developers the hosting solution I always wanted: blazing-fast performance on Cloudflare's edge network, a Nuxt-like developer experience and the freedom to own your infrastructure. With a generous free tier & predictable pricing, NuxtHub allows you to deploy your ideas without upfront costs or lock-in concerns. It's hosting that gets out of your way, so you can focus on building great applications."
@@ -64,13 +64,13 @@ tool:
   description: NuxtHub offers a comprehensive suite of tools and features to let you build and deploy full-stack Nuxt applications worldwide.
   links:
     - label: Get started for free
-      trailing-icon: i-ph-arrow-right
+      trailing-icon: i-lucide-arrow-right
       to: https://admin.hub.nuxt.com
       external: true
       color: black
       size: md
     - label: Watch a 3 min intro
-      trailing-icon: i-ph-play-circle
+      trailing-icon: i-lucide-circle-play
       color: gray
       size: md
       variant: ghost
@@ -80,40 +80,40 @@ tool:
   features:
     - title: 'Edge Rendering'
       description: 'Your Nuxt apps render in milliseconds from 300+ locations around the world.'
-      icon: i-ph-globe
+      icon: i-lucide-rocket
     - title: 'Hybrid Rendering'
       description: 'Render your Nuxt app with SSR, SPA or pre-rendering at the page level.'
-      icon: i-ph-sparkle
+      icon: i-lucide-split
     - title: 'Auto Scaling'
       description: 'Your app handles traffic spikes without manual intervention.'
-      icon: i-ph-arrows-out
+      icon: i-lucide-move-diagonal
     - title: 'Global CDN'
       description: "Leverages Cloudflare's worldwide network to deliver blazing fast static assets."
       icon: i-simple-icons-cloudflare
     - title: 'Instant Rollbacks'
       description: 'Quickly revert to previous deployments with one click if issues arise.'
-      icon: i-ph-arrow-counter-clockwise
+      icon: i-lucide-undo
     - title: 'Preview Deployments'
       description: 'Test pull requests and branches in isolated environments before going live.'
-      icon: i-ph-desktop
+      icon: i-lucide-toggle-right
     - title: 'Custom Domains'
       description: 'Easy setup for your own domains or use our free .nuxt.dev subdomains.'
-      icon: i-ph-cloud
+      icon: i-lucide-globe
     - title: 'Highly affordable'
       description: 'Pay only for what you use, no hidden fees. Start for free with a generous solo plan.'
-      icon: i-ph-money
+      icon: i-lucide-calculator
     - title: 'Environment Variables'
       description: 'Securely store secrets, API keys, tokens, and other environment variables.'
-      icon: i-ph-lock
+      icon: i-lucide-lock
     - title: 'Automatic HTTPS'
       description: 'SSL certificates are provisioned and renewed automatically.'
-      icon: i-ph-shield-check
+      icon: i-lucide-shield-check
     - title: 'Real-time Logs'
       description: 'Access to your Nuxt server logs in real-time for debugging purposes.'
-      icon: i-ph-list-magnifying-glass
+      icon: i-lucide-logs
     - title: 'Import from Git'
       description: 'Select a repository from your favourite Git provider and deploy it globally.'
-      icon: i-ph-git-branch
+      icon: i-lucide-git-branch
 deploy:
   title: Deploy a Nuxt application <span class="text-primary">in one minute</span>.
   description: Once you've linked your Cloudflare account, deploy your Nuxt application all over the world with our CLI or from Git.<br>You also get a free <span class="font-semibold">.nuxt.dev</span> domain.
@@ -148,14 +148,14 @@ deploy:
         height: 259
   links:
     - label: Deploy now
-      trailing-icon: i-ph-arrow-right
+      trailing-icon: i-lucide-arrow-right
       color: black
       size: md
       to: /docs/getting-started/deploy#nuxthub-cli
     - label: Watch a 1 min demo
       color: gray
       variant: ghost
-      trailing-icon: i-ph-play-circle
+      trailing-icon: i-lucide-circle-play
       to: 'https://www.youtube.com/watch?v=NgmyCN4bIp0'
       target: _blank
       id: demo-video
@@ -171,17 +171,17 @@ database:
     height: 293
   headline:
     title: Database
-    icon: i-ph-database
+    icon: i-lucide-database
   title: A Scalable SQL Database
   description: 'NuxtHub Database unlocks the power of <a class="font-semibold text-gray-800 dark:text-gray-300 hover:underline underline-offset-4" href="https://developers.cloudflare.com/d1/" target="_blank">Cloudflare D1</a> to give you access to a serverless SQL database, with zero configuration.
   Scale and manage effortlessly, and pay only for what you use.'
   features:
-    - name: 'hubDatabase() server composable'
-      icon: i-ph-plugs-fill
+    - name: 'hubDatabase() server helper'
+      icon: i-lucide-square-function
     - name: 'Database browser'
-      icon: i-ph-sidebar-fill
-    - name: 'Nuxt DevTools integration'
-      icon: i-simple-icons-nuxtdotjs
+      icon: i-lucide-table
+    - name: 'Automatic database migrations'
+      icon: i-lucide-circle-check
 blob:
   img:
     srcDark: '/images/landing/nuxthub-admin-blob-dark.svg'
@@ -190,14 +190,14 @@ blob:
     height: 317
   headline:
     title: Blob
-    icon: i-ph-shapes
+    icon: i-lucide-shapes
   title: Add & Manage File Uploads
   description: 'NuxtHub Blob lets you store and access media files on a global network thanks to <a class="font-semibold text-gray-800 dark:text-gray-200 hover:underline underline-offset-4" href="https://developers.cloudflare.com/r2/" target="_blank">Cloudflare R2</a>. Allow users to securely upload data-like images, videos and audio files with our server helpers.'
   features:
-    - name: 'hubBlob() server composable'
-      icon: i-ph-plugs-fill
+    - name: 'hubBlob() server helper'
+      icon: i-lucide-square-function
     - name: 'Dashboard to upload and manage files'
-      icon: i-ph-folder-simple-fill
+      icon: i-lucide-panel-left
     - name: 'Manage blobs in the Nuxt DevTools'
       icon: i-simple-icons-nuxtdotjs
 kv:
@@ -208,15 +208,15 @@ kv:
     height: 310
   headline:
     title: Key-Value
-    icon: i-ph-coin
+    icon: i-lucide-list
   title: A Global Key-Value Database
   description: 'NuxtHub KV leverages <a href="https://developers.cloudflare.com/kv/" target="_blank" class="font-semibold text-gray-800 dark:text-gray-200 hover:underline underline-offset-4">Cloudflare Workers KV</a> to access a global, low-latency, key-value data storage across 300+ global locations.
 Access it in your Nuxt codebase, with zero-configuration.'
   features:
-    - name: 'hubKV() server composable'
-      icon: i-ph-plugs-fill
+    - name: 'hubKV() server helper'
+      icon: i-lucide-square-function
     - name: 'Key-Value storage visual browser'
-      icon: i-ph-sidebar-fill
+      icon: i-lucide-panel-left
     - name: 'Manage KV storage in the Nuxt DevTools'
       icon: i-simple-icons-nuxtdotjs
 ai:
@@ -227,16 +227,16 @@ ai:
     height: 326
   headline:
     title: AI & Vectorize
-    icon: i-ph-magic-wand
+    icon: i-lucide-wand
   title: Build Full-Stack AI Apps
-  description: 'Run generative AI tasks on a global network of NVIDIA GPUs with no extra setup and build full-stack Nuxt AI applications with our AI & Vectorize server composables.'
+  description: 'Run generative AI tasks on a global network of NVIDIA GPUs with no extra setup and build full-stack Nuxt AI applications with our AI & Vectorize server helpers.'
   features:
-    - name: 'hubAI() & hubVectorize() server composables'
-      icon: i-ph-plugs-fill
+    - name: 'hubAI() & hubVectorize() server helpers'
+      icon: i-lucide-square-function
     - name: 'Run 60+ machine learning models'
-      icon: i-ph-circuitry-fill
+      icon: i-lucide-cpu
     - name: 'Access a vector database to create RAG applications'
-      icon: i-ph-vector-three-fill
+      icon: i-lucide-move-3d
 cache:
   img:
     srcDark: '/images/landing/nuxthub-admin-cache-dark.svg'
@@ -245,16 +245,16 @@ cache:
     height: 310
   headline:
     title: Caching
-    icon: i-ph-speedometer
+    icon: i-lucide-database-zap
   title: Optimize your Nuxt app performance
   description: "NuxtHub's Cache feature provides powerful tools to optimize your application's performance by caching pages, API routes, and server functions. This can significantly reduce load times and improve user experience."
   features:
     - name: 'API Routes Caching'
-      icon: i-ph-signpost-fill
+      icon: i-lucide-signpost
     - name: 'Server Functions Caching'
-      icon: i-ph-function-fill
+      icon: i-lucide-square-function
     - name: 'Cache storage browser management'
-      icon: i-ph-sidebar-fill
+      icon: i-lucide-panel-left
 browser:
   img:
     srcDark: '/images/landing/nuxthub-admin-browser-dark.svg'
@@ -263,16 +263,16 @@ browser:
     height: 326
   headline:
     title: Browser Rendering
-    icon: i-ph-google-chrome-logo-fill
+    icon: i-lucide-chrome
   title: Access a headless browser on the edge
   description: "Simplify your web workflows with headless browser capabilities. From basic image capture to complex data extraction, NuxtHub lets you automate tasks. Experience the power of web automation in a single click."
   features:
-    - name: 'hubBrowser() server composables'
-      icon: i-ph-plugs-fill
+    - name: 'hubBrowser() server helpers'
+      icon: i-lucide-square-function
     - name: 'Access a headless browser on the edge'
-      icon: i-ph-globe
+      icon: i-lucide-globe
     - name: 'Take screenshots of web pages'
-      icon: i-ph-camera-plus-fill
+      icon: i-lucide-camera
 storage:
   img:
     srcDark: '/images/landing/nuxthub-remote-access-dark.svg'
@@ -281,16 +281,16 @@ storage:
     height: 284
   headline:
     title: Remote Storage
-    icon: i-ph-cloud
+    icon: i-lucide-hard-drive-upload
   title: Works locally as a team with shared data
   description: NuxtHub grants the ability to access your remote storage from your local environment or from external Nuxt projects. This is made possible by our secured proxy system.
   features:
     - name: "Work as a team on the same database"
-      icon: i-ph-users-fill
-    - name: "Apply migrations or scripts to your remote storage"
-      icon: i-ph-terminal-fill
+      icon: i-lucide-users
+    - name: "Apply scripts to your remote storage"
+      icon: i-lucide-terminal
     - name: "Lock/Unlock access to your production with one click"
-      icon: i-ph-lock-fill
+      icon: i-lucide-lock
 testimonials:
   title: 'What people say about us'
   description: 'NuxtHub empowers developers to ship full-stack Nuxt applications with zero configuration. Hear what they think about it.'
diff --git a/docs/content/1.docs/1.getting-started/1.index.md b/docs/content/1.docs/1.getting-started/1.index.md
index 3da54249..d3588a82 100644
--- a/docs/content/1.docs/1.getting-started/1.index.md
+++ b/docs/content/1.docs/1.getting-started/1.index.md
@@ -7,7 +7,7 @@ links:
   - label: '3min video'
     to: https://www.youtube.com/watch?v=hlmPqDkc3_s
     target: _blank
-    icon: i-ph-play-circle
+    icon: i-lucide-circle-play
 ---
 
 On top of deploying your Nuxt application, NuxtHub aims to provide a complete backend experience on top of the framework, allowing developers to build full-stack applications on the Edge, read more about [Nuxt on the Edge](https://nuxt.com/blog/nuxt-on-the-edge).
@@ -24,26 +24,26 @@ It also deploys to your Cloudflare account so you stay in control of your data a
 NuxtHub provides optional features to help you build full-stack applications:
 
 ::card-group
-  :::card{icon="i-ph-magic-wand" title="AI Models" to="/docs/features/ai"}
+  :::card{icon="i-lucide-wand" title="AI Models" to="/docs/features/ai"}
   Run machine learning models, such as LLMs.
   :::
 
-  :::card{icon="i-ph-shapes" title="Blob" to="/docs/features/blob"}
+  :::card{icon="i-lucide-shapes" title="Blob" to="/docs/features/blob"}
   Store static assets, such as images, videos and more
   :::
 
-  :::card{icon="i-ph-lightning" title="Cache" to="/docs/features/cache"}
+  :::card{icon="i-lucide-zap" title="Cache" to="/docs/features/cache"}
   Caching system for your Nuxt pages, API routes or server functions
   :::
 
-  :::card{icon="i-ph-database" title="SQL database" to="/docs/features/database"}
+  :::card{icon="i-lucide-database" title="SQL database" to="/docs/features/database"}
   Store your application's data in a secure and scalable serverless SQL database.
   :::
-  :::card{icon="i-ph-coin" title="Key-Value" to="/docs/features/kv"}
+  :::card{icon="i-lucide-list" title="Key-Value" to="/docs/features/kv"}
   Key-Value to store JSON data accessible globally with low-latency
   :::
 
-  :::card{icon="i-ph-plugs-connected" title="Remote Access" to="/docs/getting-started/remote-storage"}
+  :::card{icon="i-lucide-hard-drive-upload" title="Remote Access" to="/docs/getting-started/remote-storage"}
   Connect to your project's resources from your local environment.
   :::
 
@@ -98,7 +98,7 @@ It abstracts the complexity of managing full-stack Nuxt applications on Cloudfla
 - Give access to team members to manage the application without sharing your Cloudflare account
 - Monitor your application with logs and analytics
 
-::tip{icon="i-ph-rocket-launch-duotone" to="https://admin.hub.nuxt.com"}
+::tip{icon="i-lucide-rocket" to="https://admin.hub.nuxt.com"}
 Get started with NuxtHub Admin.
 ::
 
diff --git a/docs/content/1.docs/1.getting-started/2.installation.md b/docs/content/1.docs/1.getting-started/2.installation.md
index 28177854..cf4d9257 100644
--- a/docs/content/1.docs/1.getting-started/2.installation.md
+++ b/docs/content/1.docs/1.getting-started/2.installation.md
@@ -9,7 +9,7 @@ The easiest way to get started with NuxtHub is to start with one of [our templat
 
 Click on the `GitHub` button, then once on GitHub, click on `Use this template` to create a new repository based on the template.
 
-::callout{icon="i-ph-layout-duotone" to="/templates"}
+::callout{icon="i-lucide-panels-top-left" to="/templates"}
 Explore NuxtHub templates.
 ::
 
@@ -112,7 +112,7 @@ export default defineNuxtConfig({
 
 ::
 
-::tip{icon="i-ph-rocket-launch-duotone"}
+::tip{icon="i-lucide-rocket"}
 You're all set! Now, let's dive into connecting to your Cloudflare account and [deploying it on the Edge](/docs/getting-started/deploy).
 ::
 
diff --git a/docs/content/1.docs/1.getting-started/4.remote-storage.md b/docs/content/1.docs/1.getting-started/4.remote-storage.md
index 037b14c6..858067e1 100644
--- a/docs/content/1.docs/1.getting-started/4.remote-storage.md
+++ b/docs/content/1.docs/1.getting-started/4.remote-storage.md
@@ -33,7 +33,7 @@ The development project will now use the remote storage from your deployed proje
 ℹ Remote storage available: database, kv, blob
 ```
 
-::tip{icon="i-ph-rocket-launch-duotone"}
+::tip{icon="i-lucide-rocket"}
 That's it! Your local project is now using the remote storage from your deployed project.
 ::
 
@@ -180,6 +180,6 @@ NUXT_HUB_PROJECT_SECRET_KEY=my-project-secret-used-in-cloudflare-env
 
 If you haven't, set the `NUXT_HUB_PROJECT_SECRET_KEY` environment variable in your NuxtHub deployed project and make sure to redeploy.
 
-::tip{icon="i-ph-rocket-launch-duotone"}
+::tip{icon="i-lucide-rocket"}
 You can now use the remote storage from your NuxtHub project in your external Nuxt project (both locally and in production).
 ::
diff --git a/docs/content/1.docs/1.getting-started/_dir.yml b/docs/content/1.docs/1.getting-started/_dir.yml
index e9bd0b46..dacc69b9 100644
--- a/docs/content/1.docs/1.getting-started/_dir.yml
+++ b/docs/content/1.docs/1.getting-started/_dir.yml
@@ -1,2 +1,2 @@
 title: Getting Started
-icon: i-ph-rocket-launch-duotone
+icon: i-lucide-rocket
diff --git a/docs/content/1.docs/2.features/_dir.yml b/docs/content/1.docs/2.features/_dir.yml
index a4f6f61e..f42d26b3 100644
--- a/docs/content/1.docs/2.features/_dir.yml
+++ b/docs/content/1.docs/2.features/_dir.yml
@@ -1 +1 @@
-icon: i-ph-sparkle-duotone
+icon: i-lucide-sparkles
diff --git a/docs/content/1.docs/2.features/ai.md b/docs/content/1.docs/2.features/ai.md
index 0dd05449..321f1856 100644
--- a/docs/content/1.docs/2.features/ai.md
+++ b/docs/content/1.docs/2.features/ai.md
@@ -78,7 +78,7 @@ export default defineEventHandler(async () => {
 
 Workers AI comes with a curated set of popular open-source models that enable you to do tasks such as image classification, text generation, object detection and more.
 
-:u-button{icon="i-ph-arrow-square-out" trailing to="https://developers.cloudflare.com/workers-ai/models/" target="_blank" label="See all Workers AI models"}
+:u-button{icon="i-lucide-arrow-up-right" trailing to="https://developers.cloudflare.com/workers-ai/models/" target="_blank" label="See all Workers AI models"}
 
 ## Streaming
 
diff --git a/docs/content/1.docs/2.features/database.md b/docs/content/1.docs/2.features/database.md
index 468a9e0c..92e2d22a 100644
--- a/docs/content/1.docs/2.features/database.md
+++ b/docs/content/1.docs/2.features/database.md
@@ -67,7 +67,7 @@ const stmt = db.prepare('SELECT * FROM users WHERE name = ?1')
 stmt.bind('Evan You')
 ```
 
-::callout{icon="i-ph-info-duotone"}
+::note
 The `?` character followed by a number (1-999) represents an ordered parameter. The number represents the position of the parameter when calling `.bind(...params)`.
 ::
 
diff --git a/docs/content/1.docs/3.recipes/3.pre-rendering.md b/docs/content/1.docs/3.recipes/3.pre-rendering.md
index ed79be0a..8cd5bb51 100644
--- a/docs/content/1.docs/3.recipes/3.pre-rendering.md
+++ b/docs/content/1.docs/3.recipes/3.pre-rendering.md
@@ -27,7 +27,7 @@ export default defineNuxtConfig({
 
 When running `nuxt build`, Nuxt will pre-render the `/` route and save the `index.html` file in the output directory.
 
-::callout{icon="i-ph-rocket-launch-duotone"}
+::callout{icon="i-lucide-rocket"}
 When deploying with NuxtHub on Cloudflare Pages, it will serve the pre-rendered HTML file directly from the edge for maximum performance and avoid CPU usage on the server.
 ::
 
diff --git a/docs/content/1.docs/3.recipes/5.postgres.md b/docs/content/1.docs/3.recipes/5.postgres.md
index 6c0520b9..76314fa9 100644
--- a/docs/content/1.docs/3.recipes/5.postgres.md
+++ b/docs/content/1.docs/3.recipes/5.postgres.md
@@ -34,7 +34,7 @@ The module ensures that you can connect to your PostgreSQL database using [Cloud
 npx nypm i postgres
 ```
 
-::tip{icon="i-ph-rocket-launch"}
+::tip{icon="i-lucide-rocket"}
 That's it, you can now use the `postgres` package to connect to your PostgreSQL database.
 ::
 
@@ -135,6 +135,6 @@ Hyperdrive is currently not available in development mode at the moment. We are
 
 4. [Deploy your application](/docs/getting-started/deploy) with the NuxtHub CLI or Admin to make sure the Hyperdrive bindings are set.
 
-::tip{icon="i-ph-rocket-launch"}
+::tip{icon="i-lucide-rocket"}
 You can now access your PostgreSQL database from anywhere in the world at maximum speed.
 ::
diff --git a/docs/content/1.docs/3.recipes/_dir.yml b/docs/content/1.docs/3.recipes/_dir.yml
index d0ae9727..8be9828e 100644
--- a/docs/content/1.docs/3.recipes/_dir.yml
+++ b/docs/content/1.docs/3.recipes/_dir.yml
@@ -1 +1 @@
-icon: i-ph-cooking-pot-duotone
+icon: i-lucide-cooking-pot
diff --git a/docs/content/1.docs/_dir.yml b/docs/content/1.docs/_dir.yml
index 936c877a..52bf17ea 100644
--- a/docs/content/1.docs/_dir.yml
+++ b/docs/content/1.docs/_dir.yml
@@ -1,2 +1,2 @@
-icon: i-ph-books
+icon: i-lucide-book
 title: Docs
diff --git a/docs/content/2.templates.yml b/docs/content/2.templates.yml
index cc468a27..23404f78 100644
--- a/docs/content/2.templates.yml
+++ b/docs/content/2.templates.yml
@@ -1,17 +1,16 @@
 title: Templates
 description: 'Discover open source full-stack Nuxt templates to get up and running in a few seconds.'
-icon: i-ph-layout
+icon: i-lucide-panels-top-left
 hero:
   title: 'Full-Stack <span class="text-primary">Nuxt</span> Templates'
   description: 'Explore open source full-stack Nuxt templates to get up and running in a few seconds.'
   align: center
   links:
     - label: Deploy a template
-      icon: i-ph-rocket-launch-duotone
+      trailing-icon: i-lucide-arrow-right
       color: black
       to: https://hub.nuxt.com/new
       external: true
     - label: Read the documentation
-      icon: i-ph-book-open
       color: white
       to: /docs/getting-started
diff --git a/docs/content/3.pricing.yml b/docs/content/3.pricing.yml
index fbabc987..d7434f15 100644
--- a/docs/content/3.pricing.yml
+++ b/docs/content/3.pricing.yml
@@ -1,6 +1,6 @@
 title: 'Pricing'
 description: 'Get started with NuxtHub for free and upgrade as you grow.'
-icon: i-ph-credit-card
+icon: i-lucide-credit-card
 hero:
   headline: '2 months off with yearly plan'
   title: 'Start for free, upgrade <span class="text-primary">as you grow</span>'
@@ -19,22 +19,22 @@ pricing:
       cycle: ''
       features:
         - title: 'One member'
-          icon: i-ph-user-fill
+          icon: i-lucide-user
         - title: 'Up to 5 projects'
-          icon: i-ph-app-window-fill
+          icon: i-lucide-panels-top-left
         - title: 'Unlimited deployments'
-          icon: i-ph-rocket-launch-fill
+          icon: i-lucide-cloud-upload
         - title: 'Custom domains'
-          icon: i-ph-globe-stand-fill
+          icon: i-lucide-globe
         - title: 'Remote Storage'
-          icon: i-ph-cloud-fill
-        - title: 'Deploy to your Cloudflare account'
-          icon: i-simple-icons-cloudflare
+          icon: i-lucide-hard-drive-upload
+        - title: 'Community support'
+          icon: i-lucide-message-circle-question
       button:
         label: 'Get started for free'
         color: 'gray'
         to: https://admin.hub.nuxt.com
-    - title: 'Pro'
+    - title: 'Team'
       description: 'Everything in Solo, plus higher limits and team features.'
       price:
         monthly: '$12'
@@ -46,17 +46,17 @@ pricing:
       scale: true
       features:
         - title: 'Collaborate with your team'
-          icon: i-ph-users-fill
+          icon: i-lucide-users
         - title: 'Unlimited projects'
-          icon: i-ph-app-window-fill
+          icon: i-lucide-panels-top-left
         - title: 'Unlimited deployments'
-          icon: i-ph-rocket-launch-fill
-        - title: 'Access control on remote storage'
-          icon: i-ph-cloud-check-fill
+          icon: i-lucide-cloud-upload
+        - title: 'Access control on remote storage (soon)'
+          icon: i-lucide-user-cog
         - title: 'Early access to new features'
-          icon: i-ph-confetti-fill
+          icon: i-lucide-gift
         - title: 'Priority support'
-          icon: i-ph-question-fill
+          icon: i-lucide-circle-help
       button:
         label: 'Get started as a team'
         to: https://admin.hub.nuxt.com
@@ -64,25 +64,27 @@ pricing:
         inner: 'justify-between'
         body:
           background: 'bg-gradient-to-t from-primary/10 via-white to-white dark:from-primary/20 dark:via-gray-900 dark:to-gray-900 rounded-xl'
-    - title: 'On-Premise'
-      description: 'Deploy NuxtHub on your own infrastructure.'
+    - title: 'Enterprise'
+      description: 'For large teams with advanced usage and needs.'
       cycle: ''
       price: 'Custom'
       features:
-        - title: 'Unlimited projects'
-          icon: i-ph-app-window-fill
-        - title: 'Unlimited teams'
-          icon: i-ph-users-four-fill
         - title: 'Unlimited members'
-          icon: i-ph-users-fill
-        - title: 'Self-host NuxtHub Admin'
-          icon: i-ph-computer-tower-fill
-        - title: 'Priority Support'
-          icon: i-ph-question-fill
+          icon: i-lucide-users
+        - title: 'Unlimited projects'
+          icon: i-lucide-panels-top-left
+        - title: 'Unlimited deployments'
+          icon: i-lucide-cloud-upload
+        - title: 'Advanced access control'
+          icon: i-lucide-user-cog
+        - title: 'Custom feature development'
+          icon: i-lucide-code
+        - title: 'Dedicated support'
+          icon: i-lucide-shield-question
       button:
         label: 'Contact us'
         color: gray
-        to: 'mailto:hub@nuxt.com?subject=On-Premise%20Deployment&body=Hi%20NuxtHub%20Team%2C%0A%0AI%20am%20interested%20in%20deploying%20NuxtHub%20on%20my%20own%20infrastructure.%0A%0AKind%20regards%2C'
+        to: 'mailto:hub@nuxt.com?subject=Enterprise%20Offer&body=Hi%20NuxtHub%20Team%2C%0A%0AI%20am%20interested%20in%20the%20Enterprise%20offer.%0A%0AKind%20regards%2C'
   info: 'Prices does not include your <a href="https://www.cloudflare.com/plans/developer-platform/" target="_blank" class="underline underline-offset-4 dark:hover:text-white hover:text-gray-900">Cloudflare costs</a>.'
   contact:
     title: 'Are you an open source or non-profit organization?'
@@ -96,7 +98,7 @@ cloudflare:
   description: 'You can start for free with Cloudflare and seamlessly upgrade to Workers Paid plan when needed for $5/month.'
   plans:
     - label: 'App'
-      icon: i-ph-app-window-fill
+      icon: i-lucide-panels-top-left
       buttons:
         - label: 'Cloudflare Workers pricing'
           to: 'https://developers.cloudflare.com/workers/platform/pricing/'
@@ -124,7 +126,7 @@ cloudflare:
           free: '100'
           paid: '500'
     - label: 'DB'
-      icon: i-ph-database-fill
+      icon: i-lucide-database
       buttons:
         - label: 'Cloudflare D1 pricing'
           to: 'https://developers.cloudflare.com/d1/platform/pricing/'
@@ -152,7 +154,7 @@ cloudflare:
           free: '500 MB'
           paid: '10 GB (<a href="https://developers.cloudflare.com/d1/platform/limits/" target="_blank" class="underline underline-offset-2 dark:hover:text-gray-200 hover:text-gray-900">learn more</a>)'
     - label: 'KV'
-      icon: i-ph-coin-fill
+      icon: i-lucide-list
       buttons:
         - label: 'Cloudflare KV pricing'
           to: 'https://developers.cloudflare.com/kv/platform/pricing/'
@@ -180,7 +182,7 @@ cloudflare:
           free: '1 GB'
           paid: '1 GB + $0.50/GB-month'
     - label: 'Blob'
-      icon: i-ph-shapes-fill
+      icon: i-lucide-shapes
       buttons:
         - label: 'Cloudflare R2 pricing'
           to: 'https://developers.cloudflare.com/r2/pricing/'
@@ -205,7 +207,7 @@ cloudflare:
           free: 'Unlimited'
           paid: 'Unlimited'
     - label: 'AI'
-      icon: i-ph-sparkle-fill
+      icon: i-lucide-wand
       buttons:
         - label: 'Cloudflare AI pricing'
           to: 'https://developers.cloudflare.com/workers-ai/platform/pricing/'
@@ -230,7 +232,7 @@ cloudflare:
           free: '10 minutes of audio / day'
           paid: '10 minutes of audio / day + $0.0039 per minute of audio input'
     - label: 'Vectorize'
-      icon: i-ph-circles-three-fill
+      icon: i-lucide-move-3d
       buttons:
         - label: 'Cloudflare Vectorize pricing'
           to: 'https://developers.cloudflare.com/vectorize/platform/pricing/'
@@ -256,7 +258,7 @@ cloudflare:
     external: true
     variant: 'link'
     padded: false
-    trailingIcon: 'i-ph-arrow-up-right'
+    trailingIcon: 'i-lucide-arrow-up-right'
     color: black
     to: 'https://www.cloudflare.com/plans/developer-platform/'
 faq:
diff --git a/docs/content/4.changelog.yml b/docs/content/4.changelog.yml
index 6e606df8..b8978675 100644
--- a/docs/content/4.changelog.yml
+++ b/docs/content/4.changelog.yml
@@ -1,6 +1,6 @@
 title: 'Changelog'
 description: 'Follow the latest updates and improvements of NuxtHub.'
-icon: i-ph-pulse
+icon: i-lucide-megaphone
 hero:
   title: 'Changelog'
   description: 'Follow the latest updates and improvements of NuxtHub.'
diff --git a/docs/content/4.changelog/blob-folders.md b/docs/content/4.changelog/blob-folders.md
index 2c9a5f4f..6bb339ed 100644
--- a/docs/content/4.changelog/blob-folders.md
+++ b/docs/content/4.changelog/blob-folders.md
@@ -34,7 +34,7 @@ await put('my-blob.txt', myFile, {
 })
 ```
 
-::callout{icon="i-ph-book-open-duotone" to="/docs/features/blob"}
+::callout{icon="i-lucide-book" to="/docs/features/blob"}
 Learn more about Blob Storage.
 ::
 
@@ -42,6 +42,6 @@ When viewing your blobs in the [NuxtHub admin](https://admin.hub.nuxt.com), you
 
 :nuxt-img{src="/images/changelog/server-cache.png" alt="NuxtHub Deployment Details" width="915" height="515"}
 
-::callout{icon="i-ph-heart-duotone"}
+::callout{icon="i-lucide-heart"}
 Thank you to [Gerben Mulder](https://github.com/Gerbuuun) for suggesting this feature on [nuxt-hub/core#101](https://github.com/nuxt-hub/core/issues/101).
 ::
diff --git a/docs/content/4.changelog/blob-presigned-urls.md b/docs/content/4.changelog/blob-presigned-urls.md
index a64ce86c..0337b67d 100644
--- a/docs/content/4.changelog/blob-presigned-urls.md
+++ b/docs/content/4.changelog/blob-presigned-urls.md
@@ -65,7 +65,7 @@ const { url } = await client.sign(endpoint, {
 })
 ```
 
-::callout{icon="i-ph-book-open-duotone" to="/docs/features/blob#create-presigned-urls-to-upload-files-to-r2"}
+::callout{icon="i-lucide-book" to="/docs/features/blob#create-presigned-urls-to-upload-files-to-r2"}
 Checkout the example on how to create a presigned URL with NuxtHub.
 ::
 
diff --git a/docs/content/4.changelog/blob-upload-prefix.md b/docs/content/4.changelog/blob-upload-prefix.md
index 838c1217..2ad006de 100644
--- a/docs/content/4.changelog/blob-upload-prefix.md
+++ b/docs/content/4.changelog/blob-upload-prefix.md
@@ -24,7 +24,7 @@ It is now possible to set the prefix before uploading a blob in the NuxtHub admi
   :source{src="https://res.cloudinary.com/nuxt/video/upload/v1719931201/nuxthub/admin-blob-prefix_akfj3k.ogg" type="video/ogg"}
 ::
 
-::callout{icon="i-ph-book-open-duotone" to="/docs/features/blob"}
+::callout{icon="i-lucide-book" to="/docs/features/blob"}
 Learn more about Blob Storage.
 ::
 
diff --git a/docs/content/4.changelog/cloudflare-access.md b/docs/content/4.changelog/cloudflare-access.md
index def0659e..93740f0e 100644
--- a/docs/content/4.changelog/cloudflare-access.md
+++ b/docs/content/4.changelog/cloudflare-access.md
@@ -27,6 +27,6 @@ We now fully support Cloudflare Access across admin, module and CLI.
 
 This enables you to create secure internal web applications on NuxtHub, without compromising on features like NuxtHub admin for management and remote storage during development.
 
-::callout{to="/docs/recipes/cloudflare-access" icon="i-ph-book-open-duotone"}
+::callout{to="/docs/recipes/cloudflare-access" icon="i-lucide-book"}
 Learn more about enabling Cloudflare Access with NuxtHub.
 ::
diff --git a/docs/content/4.changelog/server-cache.md b/docs/content/4.changelog/server-cache.md
index 12c81577..7b0fb561 100644
--- a/docs/content/4.changelog/server-cache.md
+++ b/docs/content/4.changelog/server-cache.md
@@ -25,6 +25,6 @@ It works with:
 - [`cachedFunction`](https://nitro.unjs.io/guide/cache#cached-functions)
 - [`routeRules`](https://nitro.unjs.io/guide/cache#caching-route-rules)
 
-::callout{to="/docs/features/cache" icon="i-ph-book-open-duotone"}
+::callout{to="/docs/features/cache" icon="i-lucide-book"}
 Learn more about server cache.
 ::
diff --git a/docs/content/4.changelog/team-webhooks-env.md b/docs/content/4.changelog/team-webhooks-env.md
index 7804f854..3ab2faf2 100644
--- a/docs/content/4.changelog/team-webhooks-env.md
+++ b/docs/content/4.changelog/team-webhooks-env.md
@@ -28,10 +28,10 @@ We also added the possibility to add a name to the webhook for better identifica
 
 :nuxt-img{src="/images/changelog/team-webhooks-env.png" alt="Team Webhooks Env selection" width="915" height="515" class="rounded"}
 
-::callout{icon="i-ph-webhooks-logo" to="/changelog/team-webhooks"}
+::callout{icon="i-lucide-webhooks" to="/changelog/team-webhooks"}
 Learn more about team webhooks.
 ::
 
-::callout{icon="i-ph-heart-duotone"}
+::callout{icon="i-lucide-heart"}
 Thank you to [Estéban Soubiran](https://github.com/Barbapapazes) for suggesting this feature on [nuxt-hub/core#127](https://github.com/nuxt-hub/core/issues/127).
 ::
diff --git a/docs/content/4.changelog/team-webhooks.md b/docs/content/4.changelog/team-webhooks.md
index 4f64eaec..03999113 100644
--- a/docs/content/4.changelog/team-webhooks.md
+++ b/docs/content/4.changelog/team-webhooks.md
@@ -42,6 +42,6 @@ When pasting a webhook URL from these services, we will automatically send a pre
 
 :nuxt-img{src="/images/changelog/team-webhooks-slack.png" alt="NuxtHub Slack Integration" width="915" height="515"}
 
-::callout{icon="i-ph-heart-duotone"}
+::callout{icon="i-lucide-heart"}
 Thank you to [Israel Ortuno](https://github.com/IsraelOrtuno) for suggesting this feature on [nuxt-hub/core#102](https://github.com/nuxt-hub/core/issues/102).
 ::
diff --git a/docs/content/5.blog.yml b/docs/content/5.blog.yml
index 82465654..f1b3c1c6 100644
--- a/docs/content/5.blog.yml
+++ b/docs/content/5.blog.yml
@@ -1,7 +1,7 @@
 title: The NuxtHub Blog
 navigation.title: Blog
 description: 'Read the latest news about NuxtHub or articles about fullstack development with Nuxt.'
-icon: i-ph-newspaper
+icon: i-lucide-newspaper
 hero:
   title: 'Blog'
   description: 'Read the latest news about NuxtHub.'
diff --git a/docs/content/5.blog/1.beta.md b/docs/content/5.blog/1.beta.md
index c352708c..a39e461a 100644
--- a/docs/content/5.blog/1.beta.md
+++ b/docs/content/5.blog/1.beta.md
@@ -18,7 +18,7 @@ With more than 700 alpha testers and 3,000 project deployments in 3 months, we a
 
 NuxtHub is an extension of the [Nuxt framework](https://nuxt.com) to help you build full-stack applications on your Cloudflare account, with zero configuration.
 
-::callout{icon="i-ph-lightbulb-duotone" color="blue" to="https://en.wikipedia.org/wiki/Cloudflare" target="_blank"}
+::callout{icon="i-lucide-lightbulb" color="blue" to="https://en.wikipedia.org/wiki/Cloudflare" target="_blank"}
 In case you don’t know Cloudflare, according to Wikipedia, it is an American company that provides content delivery network services, cloud cybersecurity, DDoS mitigation, Domain Name Service, and ICANN-accredited domain registration services. Cloudflare is used by more than 20 percent of the Internet for its web security services, as of 2022.
 ::
 
@@ -41,7 +41,7 @@ In production, it reads from the bindings set in your Cloudflare dashboard follo
 
 Note that `hubDatabase()`, `hubKV()` and `hubBlob()` server utils are a bit different than the binding itself to provide more features and a better developer experience when used in a Nuxt application.
 
-::callout{icon="i-ph-rocket-launch-duotone"}
+::callout{icon="i-lucide-rocket"}
 By leveraging bindings, you never have to add secret keys or tokens to your Nuxt application in order to access the database, KV or blob. The underlying secret is never exposed to your Nuxt server’s code, and therefore can’t be accidentally leaked.
 ::
 
diff --git a/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md b/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md
index 32aadd89..7f8fe02c 100644
--- a/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md
+++ b/docs/content/5.blog/2.drawing-app-with-nuxt-and-cloudflare-r2.md
@@ -28,7 +28,7 @@ The application runs with server-side rendering on the edge using Cloudflare Pag
   :source{src="https://res.cloudinary.com/nuxt/video/upload/v1723210615/nuxthub/344159247-85f79def-f633-40b7-97c2-3a8579e65af1_xyrfin.ogg" type="video/ogg"}
 ::
 
-::note{to="https://draw.nuxt.dev" icon="i-ph-rocket-launch-duotone" color="blue" target="_blank"}
+::note{to="https://draw.nuxt.dev" icon="i-lucide-rocket" color="blue" target="_blank"}
   The demo is available at **draw.nuxt.dev**.
 ::
 ::callout{to="https://github.com/atinux/atidraw" icon="i-simple-icons-github" color="gray" target="_blank"}
@@ -178,7 +178,7 @@ async function save() {
 </template>
 ```
 
-::callout{to="https://github.com/atinux/atidraw/blob/main/app/components/DrawPad.vue" icon="i-ph-code" color="gray" target="_blank"}
+::callout{to="https://github.com/atinux/atidraw/blob/main/app/components/DrawPad.vue" icon="i-lucide-code-xml" color="gray" target="_blank"}
 See the full source code of **app/components/DrawPad.vue**.
 ::
 
@@ -293,7 +293,7 @@ const { data } = await useFetch('/api/drawings')
 </template>
 ```
 
-::tip{icon="i-ph-rocket-launch"}
+::tip{icon="i-lucide-rocket"}
 That's it! We have a minimal and fully functional drawing application.
 ::
 
@@ -472,7 +472,7 @@ Feel free to expand on this foundation and add your own unique features to make
 ::callout{to="https://github.com/atinux/atidraw" icon="i-simple-icons-github" color="gray" target="_blank"}
   The source code of the app is available at **github.com/atinux/atidraw**.
 ::
-::note{to="https://draw.nuxt.dev" icon="i-ph-rocket-launch-duotone" target="_blank"}
+::note{to="https://draw.nuxt.dev" icon="i-lucide-rocket" target="_blank"}
   The demo is available at **draw.nuxt.dev**.
 ::
 
diff --git a/docs/content/5.blog/3.cloudflare-ai-for-user-experience.md b/docs/content/5.blog/3.cloudflare-ai-for-user-experience.md
index 55a3cfac..e2954ade 100644
--- a/docs/content/5.blog/3.cloudflare-ai-for-user-experience.md
+++ b/docs/content/5.blog/3.cloudflare-ai-for-user-experience.md
@@ -73,7 +73,7 @@ npx nuxthub link
 This will allow the module to call AI models from your linked Cloudflare account in development mode.
 ::
 
-::tip{icon="i-ph-rocket-launch"}
+::tip{icon="i-lucide-rocket"}
 That's it! We can now use the AI models from Cloudflare using [`hubAI()`](/docs/features/ai).
 ::
 
@@ -301,7 +301,7 @@ Feel free to expand on this foundation and add your own unique features to make
 ::callout{to="https://github.com/atinux/atidraw" icon="i-simple-icons-github" color="gray" target="_blank"}
   The source code of the app is available at **github.com/atinux/atidraw**.
 ::
-::note{to="https://draw.nuxt.dev" icon="i-ph-rocket-launch-duotone" target="_blank"}
+::note{to="https://draw.nuxt.dev" icon="i-lucide-rocket" target="_blank"}
   The demo is available at **draw.nuxt.dev**.
 ::
 
diff --git a/docs/pages/blog/[slug].vue b/docs/pages/blog/[slug].vue
index 04df2635..a32ef502 100644
--- a/docs/pages/blog/[slug].vue
+++ b/docs/pages/blog/[slug].vue
@@ -63,7 +63,7 @@ onMounted(() => {
     <UPage>
       <UPageHeader :title="post.title" :description="post.description" :ui="{ headline: 'flex flex-col gap-y-8 items-start', description: 'text-gray-700 dark:text-gray-300' }">
         <template #headline>
-          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper-duotone', to: '/blog' }, { label: post.title }]" :ui="{ wrapper: 'max-w-full' }" />
+          <UBreadcrumb :links="[{ label: 'Blog', to: '/blog' }, { label: post.title }]" :ui="{ wrapper: 'max-w-full' }" />
           <div class="flex items-center space-x-2">
             <UBadge :label="post?.category || 'Article'" color="gray" />
             <span class="text-gray-500 dark:text-gray-400">&middot;&nbsp;&nbsp;<time>{{ formatDateByLocale('en', post.date) }}</time></span>
@@ -95,12 +95,12 @@ onMounted(() => {
           <ContentRenderer v-if="post && post.body" :value="post" />
           <PageSectionCTA />
           <div class="flex items-center justify-between mt-12 not-prose">
-            <UButton to="/blog" variant="link" :padded="false" color="gray" icon="i-ph-arrow-left">
+            <UButton to="/blog" variant="link" :padded="false" color="gray" icon="i-lucide-arrow-left">
               Back to blog
             </UButton>
             <div class="flex justify-end items-center gap-1.5">
               Share:
-              <UButton icon="i-ph-link-simple" color="gray" variant="ghost" @click="copyLink" />
+              <UButton icon="i-lucide-link" color="gray" variant="ghost" @click="copyLink" />
               <UButton
                 v-for="(link, index) in socialLinks"
                 :key="index"
diff --git a/docs/pages/changelog/[slug].vue b/docs/pages/changelog/[slug].vue
index 8441fca6..ff6931b3 100644
--- a/docs/pages/changelog/[slug].vue
+++ b/docs/pages/changelog/[slug].vue
@@ -55,7 +55,7 @@ function copyLink() {
     <UPage>
       <UPageHeader :title="changelog.title" :description="changelog.description" :ui="{ headline: 'flex flex-col gap-y-8 items-start' }">
         <template #headline>
-          <UBreadcrumb :links="[{ label: 'Changelog', icon: 'i-ph-newspaper-duotone', to: '/changelog' }, { label: changelog.title }]" />
+          <UBreadcrumb :links="[{ label: 'Changelog', to: '/changelog' }, { label: changelog.title }]" />
 
           <time class="text-gray-500 dark:text-gray-400">{{ formatDateByLocale('en', changelog.date) }}</time>
         </template>
@@ -89,12 +89,12 @@ function copyLink() {
           <ContentRenderer v-if="changelog && changelog.body" :value="changelog" />
           <PageSectionCTA />
           <div class="flex items-center justify-between mt-12 not-prose">
-            <UButton to="/changelog" variant="link" :padded="false" color="gray" icon="i-ph-arrow-left">
+            <UButton to="/changelog" variant="link" :padded="false" color="gray" icon="i-lucide-arrow-left">
               Back to changelog
             </UButton>
             <div class="flex justify-end items-center gap-1.5">
               Share:
-              <UButton icon="i-ph-link-simple" color="gray" variant="ghost" @click="copyLink" />
+              <UButton icon="i-lucide-link" color="gray" variant="ghost" @click="copyLink" />
               <UButton
                 v-for="(link, index) in socialLinks"
                 :key="index"
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 7824c0cb..34a525be 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -68,7 +68,7 @@ onMounted(() => {
       <template #links>
         <div class="flex flex-col gap-y-6">
           <div class="flex flex-wrap gap-x-6 gap-y-3">
-            <UButton to="https://admin.hub.nuxt.com" external size="md" trailing-icon="i-ph-arrow-right">
+            <UButton to="https://admin.hub.nuxt.com" external size="md" trailing-icon="i-lucide-arrow-right">
               Get started for free
             </UButton>
             <UInputCopy value="npx nuxthub deploy" size="md" />
@@ -161,7 +161,7 @@ onMounted(() => {
               {{ feature.name }} <UBadge v-if="feature.soon" color="white" size="xs" class="rounded-full">
                 Soon
               </UBadge>
-              <UIcon v-if="feature.to" name="i-ph-arrow-right" class="size-4 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 -translate-x-1 group-hover:translate-x-0" />
+              <UIcon v-if="feature.to" name="i-lucide-arrow-right" class="size-4 flex-shrink-0 opacity-0 group-hover:opacity-100 transition-all duration-200 -translate-x-1 group-hover:translate-x-0" />
             </h2>
             <p class="text-sm text-gray-500 dark:text-gray-400">
               {{ feature.description }}
@@ -298,7 +298,7 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div>
-            <UButton to="/docs/features/database" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/database" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Learn more
             </UButton>
           </div>
@@ -342,7 +342,7 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div>
-            <UButton to="/docs/features/blob" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/blob" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Learn more
             </UButton>
           </div>
@@ -386,7 +386,7 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div>
-            <UButton to="/docs/features/kv" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/kv" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Learn more
             </UButton>
           </div>
@@ -429,10 +429,10 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div class="flex items-center gap-3">
-            <UButton to="/docs/features/ai" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/ai" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               AI docs
             </UButton>
-            <UButton to="/docs/features/ai" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/ai" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Vectorize docs
             </UButton>
           </div>
@@ -475,7 +475,7 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div>
-            <UButton to="/docs/features/cache" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/cache" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Learn more
             </UButton>
           </div>
@@ -519,7 +519,7 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div>
-            <UButton to="/docs/features/browser" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/features/browser" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Learn more
             </UButton>
           </div>
@@ -563,7 +563,7 @@ onMounted(() => {
             <span>{{ feature.name }}</span>
           </div>
           <div>
-            <UButton to="/docs/getting-started/remote-storage" size="xs" trailing-icon="i-ph-arrow-right" color="gray" :padded="false" variant="link">
+            <UButton to="/docs/getting-started/remote-storage" size="xs" trailing-icon="i-lucide-arrow-right" color="gray" :padded="false" variant="link">
               Learn more
             </UButton>
           </div>
diff --git a/docs/pages/pricing.vue b/docs/pages/pricing.vue
index e9ab1f92..16de3d0f 100644
--- a/docs/pages/pricing.vue
+++ b/docs/pages/pricing.vue
@@ -147,7 +147,7 @@ onMounted(() => {
             </template>
           </UTable>
           <div v-if="item.buttons?.length" class="mt-2 flex items-center gap-2 justify-center">
-            <UButton v-for="button of item.buttons" :key="button.to" v-bind="button" color="gray" size="xs" variant="link" trailing-icon="i-ph-arrow-up-right" target="_blank" />
+            <UButton v-for="button of item.buttons" :key="button.to" v-bind="button" color="gray" size="xs" variant="link" trailing-icon="i-lucide-arrow-up-right" target="_blank" />
           </div>
         </template>
       </UTabs>
diff --git a/docs/pages/templates.vue b/docs/pages/templates.vue
index d7ad73a3..e182a77f 100644
--- a/docs/pages/templates.vue
+++ b/docs/pages/templates.vue
@@ -89,7 +89,7 @@ defineOgImageComponent('Docs')
           <UButton
             v-if="template.demoUrl"
             label="Demo"
-            icon="i-ph-desktop-duotone"
+            trailing-icon="i-lucide-arrow-up-right"
             :to="template.demoUrl"
             target="_blank"
             size="sm"
@@ -99,7 +99,7 @@ defineOgImageComponent('Docs')
           />
           <UButton
             label="Deploy"
-            icon="i-ph-rocket-launch-duotone"
+            icon="i-lucide-cloud-upload"
             :to="`https://hub.nuxt.com/new?template=${template.slug}`"
             size="sm"
             color="gray"
diff --git a/docs/utils/index.ts b/docs/utils/index.ts
index 325f0d89..4f49638c 100644
--- a/docs/utils/index.ts
+++ b/docs/utils/index.ts
@@ -5,22 +5,3 @@ export const formatDateByLocale = (locale, d) => {
     day: 'numeric'
   })
 }
-
-export const asideLinks = [
-  {
-    icon: 'i-ph-shooting-star-duotone',
-    label: 'Star on GitHub',
-    to: 'https://github.com/nuxt-hub/core',
-    target: '_blank'
-  }, {
-    icon: 'i-ph-megaphone-duotone',
-    label: 'Follow on X',
-    to: 'https://x.com/nuxt_hub',
-    target: '_blank'
-  }, {
-    icon: 'i-ph-chat-centered-text-duotone',
-    label: 'Chat on Discord',
-    to: 'https://discord.gg/e25qqXb2mF',
-    target: '_blank'
-  }
-]
diff --git a/playground/app/pages/browser.vue b/playground/app/pages/browser.vue
index 647fed79..4f514b84 100644
--- a/playground/app/pages/browser.vue
+++ b/playground/app/pages/browser.vue
@@ -36,20 +36,20 @@ const capture = async () => {
       <div class="flex lg:flex-row flex-col items-center gap-2">
         <UInput v-model="url" type="url" class="w-full flex-1" placeholder="https://hub.nuxt.com" />
         <USelect v-model="theme" :options="['light', 'dark']" />
-        <UButton type="submit" icon="i-ph-camera-duotone" size="sm" :loading="loading">
+        <UButton type="submit" icon="i-lucide-camera" size="sm" :loading="loading">
           Capture
         </UButton>
       </div>
     </template>
-    <UAlert v-if="!image" :title="loading ? 'Capturing...' : 'No screenshot captured'" color="white" icon="i-ph-info-duotone" />
+    <UAlert v-if="!image" :title="loading ? 'Capturing...' : 'No screenshot captured'" color="white" icon="i-lucide-info" />
     <img v-if="image" :src="image" class="rounded border dark:border-gray-800" style="aspect-ratio: 16/9;" :class="{ 'animate-pulse': loading }">
-    <UAlert v-if="framework" class="mt-4" :class="{ 'animate-pulse': loading }" :title="`This website is made with ${framework}`" color="white" icon="i-ph-code-duotone" />
+    <UAlert v-if="framework" class="mt-4" :class="{ 'animate-pulse': loading }" :title="`This website is made with ${framework}`" color="white" icon="i-lucide-code-xml" />
     <p class="mt-4">
       Or open our <UButtonGroup>
         <UButton to="/invoice.pdf" external color="gray">
           PDF invoice
         </UButton>
-        <UButton to="/invoice.pdf" external download color="gray" icon="i-ph-download-duotone" />
+        <UButton to="/invoice.pdf" external download color="gray" icon="i-lucide-download" />
       </UButtonGroup>
     </p>
   </UCard>
diff --git a/src/utils/devtools.ts b/src/utils/devtools.ts
index 6f10bb6b..f668b66d 100644
--- a/src/utils/devtools.ts
+++ b/src/utils/devtools.ts
@@ -8,7 +8,7 @@ export function addDevToolsCustomTabs(nuxt: Nuxt, hub: HubConfig) {
       category: 'server',
       name: 'hub-database',
       title: 'Hub Database',
-      icon: 'i-ph-database',
+      icon: 'i-lucide-database',
       view: {
         type: 'iframe',
         src: `https://admin.hub.nuxt.com/embed/database?url=${url}`
@@ -19,7 +19,7 @@ export function addDevToolsCustomTabs(nuxt: Nuxt, hub: HubConfig) {
       category: 'server',
       name: 'hub-kv',
       title: 'Hub KV',
-      icon: 'i-ph-coin',
+      icon: 'i-lucide-list',
       view: {
         type: 'iframe',
         src: `https://admin.hub.nuxt.com/embed/kv?url=${url}`
@@ -30,7 +30,7 @@ export function addDevToolsCustomTabs(nuxt: Nuxt, hub: HubConfig) {
       category: 'server',
       name: 'hub-blob',
       title: 'Hub Blob',
-      icon: 'i-ph-shapes',
+      icon: 'i-lucide-shapes',
       view: {
         type: 'iframe',
         src: `https://admin.hub.nuxt.com/embed/blob?url=${url}`
@@ -41,7 +41,7 @@ export function addDevToolsCustomTabs(nuxt: Nuxt, hub: HubConfig) {
       category: 'server',
       name: 'hub-cache',
       title: 'Hub Cache',
-      icon: 'i-ph-lightning',
+      icon: 'i-lucide-database-zap',
       view: {
         type: 'iframe',
         src: `https://admin.hub.nuxt.com/embed/cache?url=${url}`