From ca299f45aac4e10c0b34b54bbab3ac025d2dbddb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Chopin?= <seb@nuxt.com>
Date: Tue, 17 Sep 2024 17:02:20 +0200
Subject: [PATCH] chore: remove duotone icons

---
 app.config.ts                             | 20 ++++-----
 app.vue                                   |  4 +-
 components/AppHeader.vue                  |  4 +-
 components/EmptyCard.vue                  |  2 +-
 components/content/Caution.vue            |  2 +-
 components/content/Important.vue          |  2 +-
 components/content/LinkExample.vue        |  2 +-
 components/content/Note.vue               |  2 +-
 components/content/ReadMore.vue           |  2 +-
 components/content/Tip.vue                |  2 +-
 components/content/Warning.vue            |  2 +-
 composables/useModules.ts                 | 36 ++++++++--------
 composables/useNavigation.ts              | 50 +++++++++++------------
 content/0.index.yml                       | 36 ++++++++--------
 content/2.modules.yml                     |  6 +--
 content/3.deploy.yml                      |  4 +-
 content/3.deploy/netlify.md               |  2 +-
 content/4.templates.yml                   |  4 +-
 content/5.video-courses.yml               |  2 +-
 content/6.showcase.yml                    |  2 +-
 content/7.blog/14.nuxt-on-the-edge.md     |  2 +-
 content/7.blog/16.new-website.md          |  2 +-
 content/7.blog/17.v3-8.md                 |  6 +--
 content/7.blog/23.looking-forward-2024.md | 12 +++---
 content/7.blog/4.nuxt2-eol.md             |  2 +-
 content/8.enterprise/1.support.yml        |  4 +-
 content/8.enterprise/2.agencies.yml       |  2 +-
 content/8.enterprise/3.sponsors.yml       |  2 +-
 content/8.enterprise/4.jobs.yml           |  2 +-
 content/8.enterprise/_dir.yml             |  2 +-
 pages/blog/[slug].vue                     | 10 ++---
 pages/deploy/[slug].vue                   |  6 +--
 pages/docs/[...slug].vue                  |  6 +--
 pages/enterprise/agencies/[slug].vue      |  2 +-
 pages/modules/[slug].vue                  | 14 +++----
 pages/modules/index.vue                   | 26 ++++++------
 pages/team.vue                            |  2 +-
 pages/templates.vue                       |  4 +-
 38 files changed, 146 insertions(+), 146 deletions(-)

diff --git a/app.config.ts b/app.config.ts
index 5eb94fe84..b3d81e924 100644
--- a/app.config.ts
+++ b/app.config.ts
@@ -37,11 +37,11 @@ export default defineAppConfig({
     },
     commandPalette: {
       default: {
-        icon: 'i-ph-magnifying-glass-duotone',
+        icon: 'i-ph-magnifying-glass',
         loadingIcon: 'i-ph-spinner',
         selectedIcon: 'i-ph-check',
         emptyState: {
-          icon: 'i-ph-magnifying-glass-duotone'
+          icon: 'i-ph-magnifying-glass'
         },
         closeButton: {
           icon: 'i-ph-x'
@@ -97,12 +97,12 @@ export default defineAppConfig({
       }
     },
     icons: {
-      dark: 'i-ph-moon-duotone',
-      light: 'i-ph-sun-duotone',
-      search: 'i-ph-magnifying-glass-duotone',
+      dark: 'i-ph-moon',
+      light: 'i-ph-sun',
+      search: 'i-ph-magnifying-glass',
       external: 'i-ph-arrow-up-right',
       chevron: 'i-ph-caret-down',
-      hash: 'i-ph-hash-duotone'
+      hash: 'i-ph-hash'
     },
     header: {
       wrapper: 'lg:mb-0 lg:border-0',
@@ -149,7 +149,7 @@ export default defineAppConfig({
     content: {
       search: {
         fileIcon: {
-          name: 'i-ph-file-text-duotone'
+          name: 'i-ph-file-text'
         }
       },
       toc: {
@@ -176,12 +176,12 @@ export default defineAppConfig({
         code: {
           button: {
             icon: {
-              copy: 'i-ph-copy-duotone',
-              copied: 'i-ph-check-square-duotone'
+              copy: 'i-ph-copy',
+              copied: 'i-ph-check-square'
             }
           },
           icon: {
-            terminal: 'i-ph-terminal-window-duotone'
+            terminal: 'i-ph-terminal-window'
           }
         }
       }
diff --git a/app.vue b/app.vue
index 7e1c20630..ee2e30987 100644
--- a/app.vue
+++ b/app.vue
@@ -57,7 +57,7 @@ provide('navigation', navigation)
     >
       <div class="flex items-center gap-1">
         <UIcon
-          name="i-ph-magic-wand-duotone"
+          name="i-ph-magic-wand"
           class="w-5 h-5 flex-shrink-0 pointer-events-none hidden lg:inline-block mr-1"
         />
         <span>Learn Nuxt with a Collection of 100+ Tips!</span>
@@ -76,7 +76,7 @@ provide('navigation', navigation)
     >
       <div class="flex items-center gap-2">
         <UIcon
-          name="i-ph-medal-duotone"
+          name="i-ph-medal"
           class="w-5 h-5 flex-shrink-0 pointer-events-none"
         />
         <span>The <span class="font-semibold">Nuxt Certification Program</span> by VueSchool is out!</span>
diff --git a/components/AppHeader.vue b/components/AppHeader.vue
index fe1290f05..80da2aa41 100644
--- a/components/AppHeader.vue
+++ b/components/AppHeader.vue
@@ -27,7 +27,7 @@ const mobileNav = computed(() => {
     ...headerLinks.value.slice(1),
     {
       label: 'Design Kit',
-      icon: 'i-ph-palette-duotone',
+      icon: 'i-ph-palette',
       to: '/design-kit'
     }
   ]
@@ -48,7 +48,7 @@ const dropdownItems = [
   }],
   [{
     label: 'Browse Design Kit',
-    icon: 'i-ph-shapes-duotone',
+    icon: 'i-ph-shapes',
     to: '/design-kit'
   }]
 ]
diff --git a/components/EmptyCard.vue b/components/EmptyCard.vue
index 069c81605..dff3b8489 100644
--- a/components/EmptyCard.vue
+++ b/components/EmptyCard.vue
@@ -9,7 +9,7 @@ withDefaults(defineProps<{
 <template>
   <UCard>
     <div class="flex flex-col items-center py-12">
-      <UIcon name="i-ph-magnifying-glass-duotone" class="w-16 h-16 mx-auto text-gray-500 dark:text-gray-400 mb-4" aria-hidden="true" />
+      <UIcon name="i-ph-magnifying-glass" class="w-16 h-16 mx-auto text-gray-500 dark:text-gray-400 mb-4" aria-hidden="true" />
 
       <!-- eslint-disable-next-line vue/no-v-html -->
       <p class="text-lg text-center max-w-sm" v-html="label" />
diff --git a/components/content/Caution.vue b/components/content/Caution.vue
index c584a12a2..2a0f52603 100644
--- a/components/content/Caution.vue
+++ b/components/content/Caution.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Caution"
-    icon="i-ph-warning-octagon-duotone"
+    icon="i-ph-warning-octagon"
     color="red"
     class="_caution"
     :class="$attrs.to ? 'dark:hover:!border-red-600/50 hover:!border-red-400/50' : ''"
diff --git a/components/content/Important.vue b/components/content/Important.vue
index 5b13cefbb..28d8998e5 100644
--- a/components/content/Important.vue
+++ b/components/content/Important.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Important"
-    icon="i-ph-warning-diamond-duotone"
+    icon="i-ph-warning-diamond"
     color="violet"
     class="_important"
     :class="$attrs.to ? 'dark:hover:!border-violet-600/50 hover:!border-violet-400/50' : ''"
diff --git a/components/content/LinkExample.vue b/components/content/LinkExample.vue
index ed46df0b2..26d8bb77d 100644
--- a/components/content/LinkExample.vue
+++ b/components/content/LinkExample.vue
@@ -1,5 +1,5 @@
 <template>
-  <Callout icon="i-ph-app-window-duotone">
+  <Callout icon="i-ph-app-window">
     Read and edit a live example in
     <NuxtLink :to="to">
       {{ computedTitle }}
diff --git a/components/content/Note.vue b/components/content/Note.vue
index 06e00b4a5..4268f6055 100644
--- a/components/content/Note.vue
+++ b/components/content/Note.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Note"
-    icon="i-ph-info-duotone"
+    icon="i-ph-info"
     color="blue"
     class="_note"
     :class="$attrs.to ? 'dark:hover:!border-blue-600/50 hover:!border-blue-400/50' : ''"
diff --git a/components/content/ReadMore.vue b/components/content/ReadMore.vue
index aee6ff6e1..db28867af 100644
--- a/components/content/ReadMore.vue
+++ b/components/content/ReadMore.vue
@@ -33,7 +33,7 @@ const computedTitle = computed<string>(() => props.title || createBreadcrumb(pro
 </script>
 
 <template>
-  <Callout icon="i-ph-bookmark-simple-duotone" :to="to">
+  <Callout icon="i-ph-bookmark-simple" :to="to">
     <MDCSlot unwrap="p">
       Read more in <span class="font-bold" v-html="computedTitle" />.
     </MDCSlot>
diff --git a/components/content/Tip.vue b/components/content/Tip.vue
index 916b338ae..38ddb3424 100644
--- a/components/content/Tip.vue
+++ b/components/content/Tip.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Tip"
-    icon="i-ph-lightbulb-duotone"
+    icon="i-ph-lightbulb"
     color="green"
     class="_tip"
     :class="$attrs.to ? 'dark:hover:!border-green-600/50 hover:!border-green-400/50' : ''"
diff --git a/components/content/Warning.vue b/components/content/Warning.vue
index bd53e0661..03dbafe5d 100644
--- a/components/content/Warning.vue
+++ b/components/content/Warning.vue
@@ -1,7 +1,7 @@
 <template>
   <Alert
     title="Warning"
-    icon="i-ph-warning-duotone"
+    icon="i-ph-warning"
     color="amber"
     class="_warning"
     :class="$attrs.to ? 'dark:hover:!border-amber-600/50 hover:!border-amber-400/50' : ''"
diff --git a/composables/useModules.ts b/composables/useModules.ts
index 01a88c0d9..9cb4037ea 100644
--- a/composables/useModules.ts
+++ b/composables/useModules.ts
@@ -1,23 +1,23 @@
 import type { Module, Filter } from '../types'
 
 const iconsMap = {
-  Analytics: 'i-ph-chart-bar-duotone',
-  CMS: 'i-ph-pencil-duotone',
-  CSS: 'i-ph-paint-brush-broad-duotone',
-  Database: 'i-ph-database-duotone',
-  Devtools: 'i-ph-wrench-duotone',
-  Ecommerce: 'i-ph-shopping-cart-duotone',
-  Extensions: 'i-ph-puzzle-piece-duotone',
-  Fonts: 'i-ph-text-aa-duotone',
-  Images: 'i-ph-image-duotone',
-  Libraries: 'i-ph-books-duotone',
-  Monitoring: 'i-ph-timer-duotone',
-  Payment: 'i-ph-credit-card-duotone',
-  Performance: 'i-ph-gauge-duotone',
-  Request: 'i-ph-plugs-connected-duotone',
-  Security: 'i-ph-shield-duotone',
-  SEO: 'i-ph-file-search-duotone',
-  UI: 'i-ph-layout-duotone'
+  Analytics: 'i-ph-chart-bar',
+  CMS: 'i-ph-pencil',
+  CSS: 'i-ph-paint-brush-broad',
+  Database: 'i-ph-database',
+  Devtools: 'i-ph-wrench',
+  Ecommerce: 'i-ph-shopping-cart',
+  Extensions: 'i-ph-puzzle-piece',
+  Fonts: 'i-ph-text-aa',
+  Images: 'i-ph-image',
+  Libraries: 'i-ph-books',
+  Monitoring: 'i-ph-timer',
+  Payment: 'i-ph-credit-card',
+  Performance: 'i-ph-gauge',
+  Request: 'i-ph-plugs-connected',
+  Security: 'i-ph-shield',
+  SEO: 'i-ph-file-search',
+  UI: 'i-ph-layout'
 }
 
 export const moduleImage = function (icon: string = '', size: number = 80) {
@@ -31,7 +31,7 @@ export const moduleImage = function (icon: string = '', size: number = 80) {
 }
 
 export const moduleIcon = function (category: string) {
-  return iconsMap[category as keyof typeof iconsMap] || 'i-ph-cube-duotone'
+  return iconsMap[category as keyof typeof iconsMap] || 'i-ph-cube'
 }
 
 export const useModules = () => {
diff --git a/composables/useNavigation.ts b/composables/useNavigation.ts
index bf8b3a4f3..cf3fa96b9 100644
--- a/composables/useNavigation.ts
+++ b/composables/useNavigation.ts
@@ -6,19 +6,19 @@ const _useNavigation = () => {
 
     return [{
       label: 'Docs',
-      icon: 'i-ph-book-bookmark-duotone',
+      icon: 'i-ph-book-bookmark',
       to: '/docs',
       search: false,
       children: [{
         label: 'Get Started',
         description: 'Learn how to get started with Nuxt.',
-        icon: 'i-ph-rocket-launch-duotone',
+        icon: 'i-ph-rocket-launch',
         to: '/docs/getting-started',
         active: route.path.startsWith('/docs/getting-started')
       }, {
         label: 'Guide',
         description: 'Learn how to build and deploy Nuxt applications.',
-        icon: 'i-ph-book-open-duotone',
+        icon: 'i-ph-book-open',
         to: '/docs/guide',
         active: route.path.startsWith('/docs/guide')
       }, {
@@ -30,105 +30,105 @@ const _useNavigation = () => {
       }, {
         label: 'Examples',
         description: 'Discover and explore official and community examples.',
-        icon: 'i-ph-app-window-duotone',
+        icon: 'i-ph-app-window',
         to: '/docs/examples',
         active: route.path.startsWith('/docs/examples')
       }, {
         label: 'Community',
         description: 'Find answers and support from the community.',
-        icon: 'i-ph-chats-teardrop-duotone',
+        icon: 'i-ph-chats-teardrop',
         to: '/docs/community',
         active: route.path.startsWith('/docs/community')
       }]
     }, {
       label: 'Integrations',
       to: '/modules',
-      icon: 'i-ph-plugs-connected-duotone',
+      icon: 'i-ph-plugs-connected',
       search: false,
       active: route.path.startsWith('/modules') || route.path.startsWith('/deploy'),
       children: [{
         label: 'Modules',
         description: 'Supercharge your Nuxt project with modules.',
-        icon: 'i-ph-puzzle-piece-duotone',
+        icon: 'i-ph-puzzle-piece',
         to: '/modules'
       }, {
         label: 'Hosting',
         description: 'Deploy your Nuxt project anywhere.',
-        icon: 'i-ph-rocket-launch-duotone',
+        icon: 'i-ph-rocket-launch',
         to: '/deploy'
       }]
     }, {
       label: 'Resources',
-      icon: 'i-ph-books-duotone',
+      icon: 'i-ph-books',
       to: '/templates',
       search: false,
       active: route.path.startsWith('/templates') || route.path.startsWith('/video-courses'),
       children: [{
         label: 'Templates',
-        icon: 'i-ph-browsers-duotone',
+        icon: 'i-ph-browsers',
         description: 'Start your next project with a Nuxt template.',
         to: '/templates'
       }, {
         label: 'Video Courses',
         description: 'Learn Nuxt by watching video courses.',
-        icon: 'i-ph-graduation-cap-duotone',
+        icon: 'i-ph-graduation-cap',
         to: '/video-courses'
       }, {
         label: 'Showcase',
         description: 'Discover and explore projects built with Nuxt.',
-        icon: 'i-ph-projector-screen-duotone',
+        icon: 'i-ph-projector-screen',
         to: '/showcase'
       }, {
         label: 'Nuxt Certification',
         description: 'Obtain your Certification of Competence.',
-        icon: 'i-ph-medal-duotone',
+        icon: 'i-ph-medal',
         to: 'https://certification.nuxt.com',
         target: '_blank'
       }]
     }, {
       label: 'Products',
-      icon: 'i-ph-sparkle-duotone',
+      icon: 'i-ph-sparkle',
       search: false,
       children: [{
         label: 'Nuxt UI Pro',
         to: 'https://ui.nuxt.com/pro?utm_source=nuxt-website&utm_medium=header',
         description: 'Premium Vue components for Nuxt.',
-        icon: 'i-ph-layout-duotone'
+        icon: 'i-ph-layout'
       }, {
         label: 'Nuxt Studio',
         to: 'https://nuxt.studio/?utm_source=nuxt-website&utm_medium=header',
         description: 'The Git-based CMS for Nuxt.',
-        icon: 'i-ph-pen-duotone'
+        icon: 'i-ph-pen'
       }, {
         label: 'NuxtHub',
         to: 'https://hub.nuxt.com/?utm_source=nuxt-website&utm_medium=header',
         description: 'Build, deploy & manage Nuxt apps that scale.',
-        icon: 'i-ph-rocket-launch-duotone'
+        icon: 'i-ph-rocket-launch'
       }]
     }, {
       label: 'Services',
-      icon: 'i-ph-buildings-duotone',
+      icon: 'i-ph-buildings',
       to: '/enterprise',
       search: false,
       children: [{
         label: 'Support',
         to: '/enterprise/support',
         description: 'Professional support by Nuxt experts.',
-        icon: 'i-ph-lifebuoy-duotone'
+        icon: 'i-ph-lifebuoy'
       }, {
         label: 'Agencies',
         to: '/enterprise/agencies',
         description: 'Agencies specialized in Nuxt development.',
-        icon: 'i-ph-handshake-duotone'
+        icon: 'i-ph-handshake'
       }, {
         label: 'Sponsors',
         to: '/enterprise/sponsors',
         description: 'Help us sustain Nuxt development.',
-        icon: 'i-ph-hand-heart-duotone'
+        icon: 'i-ph-hand-heart'
       }]
     }, {
       label: 'Blog',
-      icon: 'i-ph-newspaper-duotone',
+      icon: 'i-ph-newspaper',
       to: '/blog'
     }]
   })
@@ -188,15 +188,15 @@ const _useNavigation = () => {
     return link
   }).filter(Boolean), {
     label: 'Team',
-    icon: 'i-ph-users-duotone',
+    icon: 'i-ph-users',
     to: '/team'
   }, {
     label: 'Design Kit',
-    icon: 'i-ph-palette-duotone',
+    icon: 'i-ph-palette',
     to: '/design-kit'
   }, {
     label: 'Newsletter',
-    icon: 'i-ph-envelope-simple-duotone',
+    icon: 'i-ph-envelope-simple',
     to: '/newsletter'
   }])
 
diff --git a/content/0.index.yml b/content/0.index.yml
index 9e1b5484b..6a5212550 100644
--- a/content/0.index.yml
+++ b/content/0.index.yml
@@ -13,12 +13,12 @@ sections:
     align: left
     links:
       - label: 'Learn about Views'
-        icon: i-ph-layout-duotone
+        icon: i-ph-layout
         to: '/docs/getting-started/views'
         color: black
         size: md
       - label: 'Hello World Example'
-        icon: i-ph-app-window-duotone
+        icon: i-ph-app-window
         to: '/docs/examples/hello-world'
         color: gray
         size: md
@@ -54,12 +54,12 @@ sections:
     align: right
     links:
       - label: 'Learn about Hybrid Rendering'
-        icon: i-ph-rocket-launch-duotone
+        icon: i-ph-rocket-launch
         to: '/docs/guide/concepts/rendering#hybrid-rendering'
         color: black
         size: md
       - label: 'Nuxt on the Edge'
-        icon: i-ph-newspaper-duotone
+        icon: i-ph-newspaper
         to: '/blog/nuxt-on-the-edge'
         color: gray
         variant: ghost
@@ -107,51 +107,51 @@ sections:
     features:
       - title: 'Routing & Layouts'
         description: 'File based routing system to build complex views and interfaces with a powerful and conventional approach.'
-        icon: 'i-ph-signpost-duotone'
+        icon: 'i-ph-signpost'
         to: '/docs/getting-started/routing'
       - title: 'Data Fetching'
         description: 'Composables that run on the server to fetch data for your components and enable you to render content in different ways.'
-        icon: 'i-ph-plugs-connected-duotone'
+        icon: 'i-ph-plugs-connected'
         to: '/docs/getting-started/data-fetching'
       - title: 'Assets & Style'
         description: 'Image, Font and Script optimizations with a built-in support for CSS Modules, Sass, PostCSS, CSS-in-JS and more.'
-        icon: 'i-ph-image-duotone'
+        icon: 'i-ph-image'
         to: '/docs/getting-started/styling'
       - title: 'SEO & Meta Tags'
         description: 'Production ready and indexable by search engines while giving the feeling of an app to the end-users.'
-        icon: 'i-ph-trophy-duotone'
+        icon: 'i-ph-trophy'
         to: '/docs/getting-started/seo-meta'
       - title: 'Middleware'
         description: 'Run custom code such as authentication, localization or A/B testing before rendering a page or a group of pages.'
-        icon: 'i-ph-shield-check-duotone'
+        icon: 'i-ph-shield-check'
         to: '/docs/getting-started/routing#route-middleware'
       - title: 'State Management'
         description: 'Nuxt provides a simple way to share a reactive and SSR-friendly state between components.'
-        icon: 'i-ph-database-duotone'
+        icon: 'i-ph-database'
         to: '/docs/getting-started/state-management'
       - title: 'Transitions'
         description: 'Create smooth transitions between layouts, pages and components with a built-in support for Vue & browser transitions.'
-        icon: 'i-ph-exclude-square-duotone'
+        icon: 'i-ph-exclude-square'
         to: '/docs/getting-started/transitions'
       - title: 'Error Handling'
         description: 'Built-in error handling and logging to help you debug your application and provide a better user experience.'
-        icon: 'i-ph-bug-beetle-duotone'
+        icon: 'i-ph-bug-beetle'
         to: '/docs/getting-started/error-handling'
       - title: 'Layers'
         description: 'Extend your Nuxt application with another Nuxt application to reuse components, composables, layouts, pages and more.'
-        icon: 'i-ph-stack-duotone'
+        icon: 'i-ph-stack'
         to: '/docs/getting-started/layers'
       - title: 'Server Routes'
         description: 'Create API endpoints and server routes to securely connect with third party services and consume from your frontend.'
-        icon: 'i-ph-computer-tower-duotone'
+        icon: 'i-ph-computer-tower'
         to: '/docs/getting-started/server'
       - title: 'Auto Imports'
         description: 'Nuxt auto-imports helpers, composables, and Vue APIs to use across your app without explicitly importing them.'
-        icon: 'i-ph-magic-wand-duotone'
+        icon: 'i-ph-magic-wand'
         to: '/docs/guide/concepts/auto-imports'
       - title: 'TypeScript'
         description: 'Nuxt provides helpful shortcuts to ensure you have access to accurate type information when you are coding.'
-        icon: 'i-ph-file-ts-duotone'
+        icon: 'i-ph-file-ts'
         to: '/docs/guide/concepts/typescript'
   - title: 'Ship faster with<br><span class="text-primary">endless integrations</span>'
     description: 'Integrate with your favorite tools and services. Nuxt is built to be flexible and can be extended with a robust modules ecosystem. Connect your application with popular headless CMS, eCommerce, Database or UI/UX libraries with a single line of code.'
@@ -159,12 +159,12 @@ sections:
     align: left
     links:
       - label: 'Explore Nuxt Modules'
-        icon: i-ph-puzzle-piece-duotone
+        icon: i-ph-puzzle-piece
         to: '/modules'
         color: black
         size: md
       - label: 'Learn about Modules'
-        icon: i-ph-info-duotone
+        icon: i-ph-info
         to: '/docs/guide/concepts/modules'
         color: gray
         size: md
diff --git a/content/2.modules.yml b/content/2.modules.yml
index ce6af5a02..b12bd80de 100644
--- a/content/2.modules.yml
+++ b/content/2.modules.yml
@@ -1,15 +1,15 @@
 navigation.title: Modules
 title: Nuxt Modules
 description: Discover our list of modules to supercharge your Nuxt project. Created by the Nuxt team and community.
-navigation.icon: i-ph-puzzle-piece-duotone
+navigation.icon: i-ph-puzzle-piece
 links:
   - label: 'Module Author Guide'
-    icon: i-ph-book-open-duotone
+    icon: i-ph-book-open
     to: '/docs/guide/going-further/modules'
     color: black
     size: md
   - label: 'List a module'
-    icon: 'i-ph-plus-circle-duotone'
+    icon: 'i-ph-plus-circle'
     to: 'https://github.com/nuxt/modules#addupdate-a-module'
     target: '_blank'
     color: gray
diff --git a/content/3.deploy.yml b/content/3.deploy.yml
index 9680cbf7e..2199fb919 100644
--- a/content/3.deploy.yml
+++ b/content/3.deploy.yml
@@ -1,10 +1,10 @@
 navigation.title: Deploy
 title: Deploy a Nuxt App
 description: Discover the different ways to deploy your Nuxt project on different hosting providers.
-navigation.icon: i-ph-rocket-launch-duotone
+navigation.icon: i-ph-rocket-launch
 links:
   - label: 'Deployment Guide'
-    icon: i-ph-cloud-duotone
+    icon: i-ph-cloud
     to: '/docs/getting-started/deployment'
     color: black
     size: md
diff --git a/content/3.deploy/netlify.md b/content/3.deploy/netlify.md
index 2ee0271d9..52c070a58 100644
--- a/content/3.deploy/netlify.md
+++ b/content/3.deploy/netlify.md
@@ -27,7 +27,7 @@ If you are upgrading an existing site from Nuxt 2 you should check these and upd
 
 If you want to add custom redirects, you can do so with [`routeRules`](/docs/guide/concepts/rendering#hybrid-rendering) or by adding a [`_redirects`](https://docs.netlify.com/routing/redirects/#syntax-for-the-redirects-file) file to your `public` directory.
 
-::tip{color="green" icon="i-ph-check-circle-duotone"}
+::tip{color="green" icon="i-ph-check-circle"}
 For deployment, just push to your git repository [as you would normally do for Netlify](https://docs.netlify.com/configure-builds/get-started/).
 ::
 
diff --git a/content/4.templates.yml b/content/4.templates.yml
index cdb9b4b98..bb786f99c 100644
--- a/content/4.templates.yml
+++ b/content/4.templates.yml
@@ -2,11 +2,11 @@ head.title: Nuxt Templates
 title: Nuxt Templates
 navigation.title: Templates
 description: 'Explore community templates to get up and running in a few seconds.'
-navigation.icon: i-ph-browsers-duotone
+navigation.icon: i-ph-browsers
 links:
   - label: 'List a template'
     to: 'https://github.com/nuxt/nuxt.com/tree/main#add-a-nuxt-template'
-    icon: 'i-ph-plus-circle-duotone'
+    icon: 'i-ph-plus-circle'
     target: '_blank'
     color: gray
     size: md
diff --git a/content/5.video-courses.yml b/content/5.video-courses.yml
index af8249bf1..e9a206047 100644
--- a/content/5.video-courses.yml
+++ b/content/5.video-courses.yml
@@ -2,7 +2,7 @@ head.title: Nuxt Video Courses
 title: Nuxt Video Courses
 navigation.title: Video Courses
 description: 'Watch video courses from the community to learn Vue 3 and Nuxt 3.'
-navigation.icon: i-ph-graduation-cap-duotone
+navigation.icon: i-ph-graduation-cap
 courses:
   - name: 'Nuxt 3 Fundamentals'
     slug: 'vc-nuxt-3-fundamentals'
diff --git a/content/6.showcase.yml b/content/6.showcase.yml
index bb3478465..fc09e5fe5 100644
--- a/content/6.showcase.yml
+++ b/content/6.showcase.yml
@@ -1,7 +1,7 @@
 title: Showcase
 head.title: Nuxt Showcase
 description: Discover our selection of websites built with Nuxt. This collection is powered by VueTelescope.
-navigation.icon: i-ph-projector-screen-duotone
+navigation.icon: i-ph-projector-screen
 links:
   - label: 'Chrome'
     size: 'md'
diff --git a/content/7.blog/14.nuxt-on-the-edge.md b/content/7.blog/14.nuxt-on-the-edge.md
index edcce5c12..9ca099602 100644
--- a/content/7.blog/14.nuxt-on-the-edge.md
+++ b/content/7.blog/14.nuxt-on-the-edge.md
@@ -21,7 +21,7 @@ In November 2020, while working on Nuxt 3, **we made the bet to run Nuxt in-prod
 
 It unlocks the ability to server-render pages in ~50ms from all over the world when using a platform like CloudFlare Workers, without having to deal with servers, load balancers and caching, for about [$0.3 per million requests](https://developers.cloudflare.com/workers/platform/pricing/). As of today, new platforms are coming to let run apps on V8 isolates such as Deno Deploy.
 
-::callout{icon="i-ph-info-duotone" color="blue"}
+::callout{icon="i-ph-info" color="blue"}
 **2024 update:** I released [NuxtHub](https://hub.nuxt.com) to let you build full-stack applications with Nuxt on the edge, on your Cloudflare account with zero configuration. It includes a database, blob storage, KV, remote storage and more.
 ::
 
diff --git a/content/7.blog/16.new-website.md b/content/7.blog/16.new-website.md
index 8b6cf7959..7d8397e98 100644
--- a/content/7.blog/16.new-website.md
+++ b/content/7.blog/16.new-website.md
@@ -23,7 +23,7 @@ We are back to the original colors of Nuxt, with a navy background (`#020420`) a
 
 :nuxt-img{src="/assets/blog/website/nuxt-website.png" alt="Nuxt Website Screenshot" width="832" height="497" class="rounded-lg border border-gray-700"}
 
-::read-more{to="/design-kit" icon="i-ph-palette-duotone"}
+::read-more{to="/design-kit" icon="i-ph-palette"}
 Discover the **Nuxt Design Kit** as well as our **Logo History**.
 ::
 
diff --git a/content/7.blog/17.v3-8.md b/content/7.blog/17.v3-8.md
index 079a232e2..27e20df65 100644
--- a/content/7.blog/17.v3-8.md
+++ b/content/7.blog/17.v3-8.md
@@ -20,7 +20,7 @@ Just to remind you, we're now using [the new Nuxt CLI](https://github.com/nuxt/c
 You can now install a module with `nuxi module add <module-name>`
 ::
 
-::note{icon="i-ph-rocket-launch-duotone"}
+::note{icon="i-ph-rocket-launch"}
 We now share the same port with the Vite websocket, meaning better support for docker containers in development.
 ::
 
@@ -199,7 +199,7 @@ We now more carefully load layer plugins ([#22889](https://github.com/nuxt/nuxt/
 
 And probably one of the most significant changes - if you are using remote layers we now clone these within your [`node_modules/`](/docs/guide/directory-structure/node_modules) folder ([#109](https://github.com/unjs/c12/pull/109)) so layers can use dependencies with your project. See [`c12` release notes](https://github.com/unjs/c12/releases/tag/v1.5.1) for full details.
 
-::tip{icon="i-ph-check-circle-duotone"}
+::tip{icon="i-ph-check-circle"}
 We've also added a test suite to cover these layer resolution changes.
 ::
 
@@ -220,7 +220,7 @@ Read more about the **Nighly Release Channel**.
 
 Nitro v2.7 has been released with lots of improvements and bug fixes.
 
-::tip{icon="i-ph-rocket-launch-duotone"}
+::tip{icon="i-ph-rocket-launch"}
 🔥 One of the most significant is that we now save **40% of bundle size in production** by using native `fetch` supported in Node 18+ ([#1724](https://github.com/unjs/nitro/pull/1724)). So if possible, we'd recommend you update your Node version to at least 18.
 ::
 
diff --git a/content/7.blog/23.looking-forward-2024.md b/content/7.blog/23.looking-forward-2024.md
index 94b5a58f6..58ab0b121 100644
--- a/content/7.blog/23.looking-forward-2024.md
+++ b/content/7.blog/23.looking-forward-2024.md
@@ -22,12 +22,12 @@ It was a productive year and the team shipped **9 minor releases**: from v3.1 to
 
 In the first 365 days, Nuxt 3 reached new milestones:
 
-- :icon{name="i-ph-star-duotone"} **49,5K stars** on GitHub ([add yours](https://github.com/nuxt/nuxt) 😊)
-- :icon{name="i-ph-download-duotone"}  **27M downloads** on npm
-- :icon{name="i-ph-user-circle-plus-duotone"} **612 contributors** on the [nuxt repository](https://github.com/nuxt/nuxt)
-- :icon{name="i-ph-puzzle-piece-duotone"} **184 modules** created by **142 maintainers**
-- :icon{name="i-ph-check-circle-duotone"} **2,423 closed issues**
-- :icon{name="i-ph-git-pull-request-duotone"} **1,728 merged pull request**
+- :icon{name="i-ph-star"} **49,5K stars** on GitHub ([add yours](https://github.com/nuxt/nuxt) 😊)
+- :icon{name="i-ph-download"}  **27M downloads** on npm
+- :icon{name="i-ph-user-circle-plus"} **612 contributors** on the [nuxt repository](https://github.com/nuxt/nuxt)
+- :icon{name="i-ph-puzzle-piece"} **184 modules** created by **142 maintainers**
+- :icon{name="i-ph-check-circle"} **2,423 closed issues**
+- :icon{name="i-ph-git-pull-request"} **1,728 merged pull request**
 - :icon{name="i-simple-icons-discord"} **26,300 members** on [Discord](https://chat.nuxt.dev)
 
 End of October, Nuxt 3 downloads [surpassed Nuxt 2 downloads](https://twitter.com/Atinux/status/1731980841142669379) 🚀.
diff --git a/content/7.blog/4.nuxt2-eol.md b/content/7.blog/4.nuxt2-eol.md
index 7e4fe1984..dc3c3daa0 100644
--- a/content/7.blog/4.nuxt2-eol.md
+++ b/content/7.blog/4.nuxt2-eol.md
@@ -48,7 +48,7 @@ When and if you can, consider migrating to Nuxt 3 to take advantage of these pow
 See a full comparison table between Nuxt 2 and Nuxt 3, as well as detailed upgrade guides to Nuxt 3 and Nuxt Bridge (as a part of upgrading to Nuxt 3).
 ::
 
-::read-more{to="/enterprise/support" icon="i-ph-lifebuoy-duotone"}
+::read-more{to="/enterprise/support" icon="i-ph-lifebuoy"}
 If you need support, including upgrading to Nuxt 3, NuxtLabs provides professional support and consultancy in a wide range of areas.
 ::
 
diff --git a/content/8.enterprise/1.support.yml b/content/8.enterprise/1.support.yml
index 01d22f24a..265adfc4b 100644
--- a/content/8.enterprise/1.support.yml
+++ b/content/8.enterprise/1.support.yml
@@ -3,7 +3,7 @@ navigation.title: 'Support'
 description: 'Get professional support by the Nuxt experts to optimize your site performance and overcome any challenge'
 head.title: 'Nuxt professional services'
 head.description: 'Vue and Nuxt professional support and consulting services by the creators and maintainers of Vue and Nuxt for code audit and performance optimization.'
-navigation.icon: i-ph-lifebuoy-duotone
+navigation.icon: i-ph-lifebuoy
 hero:
   links:
   - label: Talk to an expert
@@ -222,5 +222,5 @@ form:
     placeholder: 'Tell us how we can help you'
   info: 'By submitting this form, I confirm that I have read and understood the <a class="text-gray-950 dark:text-gray-100 underline font-medium">Nuxt Privacy Statement.</a>'
   button:
-    icon: i-ph-paper-plane-right-duotone
+    icon: i-ph-paper-plane-right
     label: 'Send message'
diff --git a/content/8.enterprise/2.agencies.yml b/content/8.enterprise/2.agencies.yml
index 7fe9d84d4..e3f511d04 100644
--- a/content/8.enterprise/2.agencies.yml
+++ b/content/8.enterprise/2.agencies.yml
@@ -3,7 +3,7 @@ navigation.title: Agencies
 description: Are you looking for a trusted partner with a strong expertise in Nuxt development? Consult our agency partner catalog and find an agency near you with the right set of skills.
 head.title: Nuxt Partner Agencies
 head.description: Consult our agency partner catalog and find an agency near you with the right set of skills.
-navigation.icon: i-ph-handshake-duotone
+navigation.icon: i-ph-handshake
 links:
   - label: 'Submit my agency'
     to: 'https://docs.google.com/forms/d/e/1FAIpQLSf85qskit5QqmGJcruGkGF0U7240Bh9MeN0pHB18UiOMWC8dA/viewform'
diff --git a/content/8.enterprise/3.sponsors.yml b/content/8.enterprise/3.sponsors.yml
index 1f0010398..941877099 100644
--- a/content/8.enterprise/3.sponsors.yml
+++ b/content/8.enterprise/3.sponsors.yml
@@ -2,7 +2,7 @@ title: Nuxt Sponsors
 description: Nuxt is an open-source framework totally free to use thanks to our generous sponsors. If you use Nuxt in your daily work and feel that it has made your life easier, please consider backing us.
 navigation.title: Sponsors
 head.description: Nuxt is an open-source framework totally free to use thanks to our generous sponsors.
-navigation.icon: i-ph-hand-heart-duotone
+navigation.icon: i-ph-hand-heart
 links:
   - label: 'Become a sponsor'
     to: 'https://github.com/sponsors/nuxt'
diff --git a/content/8.enterprise/4.jobs.yml b/content/8.enterprise/4.jobs.yml
index 84424cf6c..f60c4fee5 100644
--- a/content/8.enterprise/4.jobs.yml
+++ b/content/8.enterprise/4.jobs.yml
@@ -2,7 +2,7 @@ title: Explore Nuxt Jobs
 description: Browse available openings for coding with Vue and Nuxt all over the world.
 navigation.title: Jobs
 head.title: Nuxt Jobs
-navigation.icon: i-ph-briefcase-duotone
+navigation.icon: i-ph-briefcase
 links:
   - label: 'Post a job'
     to: 'https://vuejobs.com/jobs/create'
diff --git a/content/8.enterprise/_dir.yml b/content/8.enterprise/_dir.yml
index 76a7041ab..add14dc17 100644
--- a/content/8.enterprise/_dir.yml
+++ b/content/8.enterprise/_dir.yml
@@ -1,2 +1,2 @@
-navigation.icon: i-ph-buildings-duotone
+navigation.icon: i-ph-buildings
 head.titleTemplate: '%s · Nuxt Enterprise'
diff --git a/pages/blog/[slug].vue b/pages/blog/[slug].vue
index 69ca5a3f0..d688b0814 100644
--- a/pages/blog/[slug].vue
+++ b/pages/blog/[slug].vue
@@ -55,22 +55,22 @@ function copyLink() {
 }
 const links = [
   {
-    icon: 'i-ph-pen-duotone',
+    icon: 'i-ph-pen',
     label: 'Edit this article',
     to: `https://github.com/nuxt/nuxt.com/edit/main/content/${article.value._file}`,
     target: '_blank'
   }, {
-    icon: 'i-ph-shooting-star-duotone',
+    icon: 'i-ph-shooting-star',
     label: 'Star on GitHub',
     to: 'https://go.nuxt.com/github',
     target: '_blank'
   }, {
-    icon: 'i-ph-chat-centered-text-duotone',
+    icon: 'i-ph-chat-centered-text',
     label: 'Chat on Discord',
     to: 'https://go.nuxt.com/discord',
     target: '_blank'
   }, {
-    icon: 'i-ph-hand-heart-duotone',
+    icon: 'i-ph-hand-heart',
     label: 'Become a Sponsor',
     to: 'https://go.nuxt.com/sponsor',
     target: '_blank'
@@ -83,7 +83,7 @@ const links = [
     <UPage>
       <UPageHeader :title="article.title" :description="article.description" :ui="{ headline: 'flex flex-col gap-y-8 items-start' }">
         <template #headline>
-          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper-duotone', to: '/blog' }, { label: article.title }]" :ui="{ wrapper: 'max-w-full' }" />
+          <UBreadcrumb :links="[{ label: 'Blog', icon: 'i-ph-newspaper', to: '/blog' }, { label: article.title }]" :ui="{ wrapper: 'max-w-full' }" />
           <div class="flex items-center space-x-2">
             <span>
               {{ article.category }}
diff --git a/pages/deploy/[slug].vue b/pages/deploy/[slug].vue
index 113e00a9d..129421057 100644
--- a/pages/deploy/[slug].vue
+++ b/pages/deploy/[slug].vue
@@ -35,7 +35,7 @@ defineOgImageComponent('Docs', {
 const links = []
 if (provider.value?.website) {
   links.push({
-    icon: 'i-ph-globe-duotone',
+    icon: 'i-ph-globe',
     label: provider.value?.title,
     to: provider.value?.website,
     target: '_blank'
@@ -43,14 +43,14 @@ if (provider.value?.website) {
 }
 if (provider.value?.nitroPreset) {
   links.push({
-    icon: 'i-ph-lightning-duotone',
+    icon: 'i-ph-lightning',
     label: 'Nitro Preset',
     to: `https://nitro.unjs.io/deploy/providers/${provider.value?.nitroPreset}`,
     target: '_blank'
   })
 }
 links.push({
-  icon: 'i-ph-pen-duotone',
+  icon: 'i-ph-pen',
   label: 'Edit this page',
   to: `https://github.com/nuxt/nuxt.com/edit/main/content/3.deploy/${slug}.md`,
   target: '_blank'
diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue
index ca860097b..12aa713d0 100644
--- a/pages/docs/[...slug].vue
+++ b/pages/docs/[...slug].vue
@@ -46,17 +46,17 @@ const titleTemplate = computed(() => {
 })
 
 const communityLinks = computed(() => [{
-  icon: 'i-ph-pen-duotone',
+  icon: 'i-ph-pen',
   label: 'Edit this page',
   to: `https://github.com/nuxt/nuxt/edit/main/docs/${page?.value?._file?.split('/').slice(1).join('/')}`,
   target: '_blank'
 }, {
-  icon: 'i-ph-chat-centered-text-duotone',
+  icon: 'i-ph-chat-centered-text',
   label: 'Chat on Discord',
   to: 'https://go.nuxt.com/discord',
   target: '_blank'
 }, {
-  icon: 'i-ph-hand-heart-duotone',
+  icon: 'i-ph-hand-heart',
   label: 'Become a Sponsor',
   to: 'https://go.nuxt.com/sponsor',
   target: '_blank'
diff --git a/pages/enterprise/agencies/[slug].vue b/pages/enterprise/agencies/[slug].vue
index 5927909f3..b41c8eba3 100644
--- a/pages/enterprise/agencies/[slug].vue
+++ b/pages/enterprise/agencies/[slug].vue
@@ -80,7 +80,7 @@ defineOgImageComponent('Docs', {
         <span v-if="agency.link" class="hidden lg:block text-gray-500 dark:text-gray-400">&bull;</span>
 
         <NuxtLink v-if="agency.link" :to="agency.link" target="_blank" class="flex items-center gap-1.5 hover:text-primary">
-          <UIcon name="i-ph-link-duotone" class="w-5 h-5" />
+          <UIcon name="i-ph-link" class="w-5 h-5" />
           <span class="text-sm font-medium">Website</span>
         </NuxtLink>
       </div>
diff --git a/pages/modules/[slug].vue b/pages/modules/[slug].vue
index 13f4c7b32..311661875 100644
--- a/pages/modules/[slug].vue
+++ b/pages/modules/[slug].vue
@@ -17,7 +17,7 @@ const ownerName = computed(() => {
 })
 
 const links = computed(() => [{
-  icon: 'i-ph-book-bookmark-duotone',
+  icon: 'i-ph-book-bookmark',
   label: 'Documentation',
   to: `${module.value.website}?utm_source=nuxt.com&utm_medium=aside-module&utm_campaign=nuxt.com`,
   target: '_blank'
@@ -69,7 +69,7 @@ defineOgImageComponent('Docs', {
     <UAlert
       v-if="!module.compatibility?.nuxt?.includes('^3') && !module.compatibility?.nuxt?.includes('>=3')"
       class="mt-4"
-      icon="i-ph-warning-duotone"
+      icon="i-ph-warning"
       color="orange"
       variant="subtle"
       title="This module is not yet compatible with Nuxt 3"
@@ -83,7 +83,7 @@ defineOgImageComponent('Docs', {
 
     <UPageHeader :description="module.description" :ui="{ headline: 'mb-8' }">
       <template #headline>
-        <UBreadcrumb :links="[{ label: 'Modules', to: '/modules', icon: 'i-ph-puzzle-piece-duotone' }, { to: { name: 'modules', query: { category: module.category } }, label: module.category }, { label: module.npm }]" />
+        <UBreadcrumb :links="[{ label: 'Modules', to: '/modules', icon: 'i-ph-puzzle-piece' }, { to: { name: 'modules', query: { category: module.category } }, label: module.category }, { label: module.npm }]" />
       </template>
       <template #title>
         <div class="flex items-center gap-4">
@@ -100,7 +100,7 @@ defineOgImageComponent('Docs', {
             {{ module.name }}
 
             <UTooltip v-if="module.type === 'official'" text="Official module" class="tracking-normal">
-              <UIcon name="i-ph-medal-duotone" class="h-6 w-6 text-primary" />
+              <UIcon name="i-ph-medal" class="h-6 w-6 text-primary" />
             </UTooltip>
           </div>
         </div>
@@ -109,7 +109,7 @@ defineOgImageComponent('Docs', {
       <div class="flex flex-col lg:flex-row lg:items-center gap-3 mt-4">
         <UTooltip text="Monthly NPM Downloads">
           <NuxtLink class="flex items-center gap-1.5" :to="`https://npmjs.org/package/${module.npm}`" target="_blank">
-            <UIcon name="i-ph-arrow-circle-down-duotone" class="w-5 h-5 flex-shrink-0" />
+            <UIcon name="i-ph-arrow-circle-down" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">{{ formatNumber(module.stats.downloads) }} downloads</span>
           </NuxtLink>
         </UTooltip>
@@ -118,7 +118,7 @@ defineOgImageComponent('Docs', {
 
         <UTooltip text="GitHub Stars">
           <NuxtLink class="flex items-center gap-1.5" :to="`https://github.com/${module.repo}`" target="_blank">
-            <UIcon name="i-ph-star-duotone" class="w-5 h-5 flex-shrink-0" />
+            <UIcon name="i-ph-star" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">{{ formatNumber(module.stats.stars || 0) }} stars</span>
           </NuxtLink>
         </UTooltip>
@@ -127,7 +127,7 @@ defineOgImageComponent('Docs', {
 
         <UTooltip text="Latest Version">
           <NuxtLink class="flex items-center gap-1.5" :to="`${module.github}/releases`" target="_blank">
-            <UIcon name="i-ph-tag-duotone" class="w-5 h-5 flex-shrink-0" />
+            <UIcon name="i-ph-tag" class="w-5 h-5 flex-shrink-0" />
             <span class="text-sm font-medium">v{{ module.stats.version }}</span>
           </NuxtLink>
         </UTooltip>
diff --git a/pages/modules/index.vue b/pages/modules/index.vue
index 32dd4c9a8..4c660532b 100644
--- a/pages/modules/index.vue
+++ b/pages/modules/index.vue
@@ -8,11 +8,11 @@ const { fetchList, filteredModules, q, categories, selectedOrder, sorts, selecte
 const { data: page } = await useAsyncData(route.path, () => queryContent(route.path).findOne())
 
 const links = [{
-  icon: 'i-ph-book-open-duotone',
+  icon: 'i-ph-book-open',
   label: 'Module Author Guide',
   to: '/docs/guide/going-further/modules'
 }, {
-  icon: 'i-ph-plus-circle-duotone',
+  icon: 'i-ph-plus-circle',
   label: 'List your module',
   to: 'https://github.com/nuxt/modules#addupdate-a-module',
   target: '_blank'
@@ -52,7 +52,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt Image
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
           <UPageCard
@@ -63,7 +63,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt Content
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
           <UPageCard
@@ -73,7 +73,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt DevTools
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
           <UPageCard
@@ -83,7 +83,7 @@ const { copy } = useCopyToClipboard()
           >
             <template #title>
               Nuxt UI
-              <UIcon name="i-ph-medal-duotone" class="h-4 w-4 text-primary pointer-events-none" />
+              <UIcon name="i-ph-medal" class="h-4 w-4 text-primary pointer-events-none" />
             </template>
           </UPageCard>
         </UPageGrid>
@@ -109,7 +109,7 @@ const { copy } = useCopyToClipboard()
             ref="inputRef"
             :model-value="q"
             name="q"
-            icon="i-ph-magnifying-glass-duotone"
+            icon="i-ph-magnifying-glass"
             placeholder="Search..."
             class="w-56"
             size="md"
@@ -183,7 +183,7 @@ const { copy } = useCopyToClipboard()
                   variant="subtle"
                   :ui="{ base: '!flex' }"
                 >
-                  <UIcon name="i-ph-medal-duotone" class="w-4 h-4" />
+                  <UIcon name="i-ph-medal" class="w-4 h-4" />
                   <span>Official</span>
                 </UBadge>
 
@@ -195,7 +195,7 @@ const { copy } = useCopyToClipboard()
                   color="pink"
                   :ui="{ base: '!flex' }"
                 >
-                  <UIcon name="i-ph-hand-heart-duotone" class="w-4 h-4" />
+                  <UIcon name="i-ph-hand-heart" class="w-4 h-4" />
                   <span>Sponsor</span>
                 </UBadge>
               </div>
@@ -212,7 +212,7 @@ const { copy } = useCopyToClipboard()
               :text="`Copy install command`"
             >
               <UButton
-                icon="i-ph-package-duotone"
+                icon="i-ph-package"
                 color="white"
                 @click="copy(`npx nuxi@latest module add ${module.name}`, { title: 'Command copied to clipboard:', description: `npx nuxi@latest module add ${module.name}` })"
               />
@@ -228,7 +228,7 @@ const { copy } = useCopyToClipboard()
                       target="_blank"
                       :class="[selectedSort.key === 'downloads' && 'text-gray-900 dark:text-white']"
                     >
-                      <UIcon name="i-ph-arrow-circle-down-duotone" class="w-5 h-5 flex-shrink-0" />
+                      <UIcon name="i-ph-arrow-circle-down" class="w-5 h-5 flex-shrink-0" />
                       <span class="text-sm font-medium">{{ formatNumber(module.stats.downloads) }}</span>
                     </NuxtLink>
                   </UTooltip>
@@ -240,7 +240,7 @@ const { copy } = useCopyToClipboard()
                       target="_blank"
                       :class="[selectedSort.key === 'stars' && 'text-gray-900 dark:text-white']"
                     >
-                      <UIcon name="i-ph-star-duotone" class="w-5 h-5 flex-shrink-0" />
+                      <UIcon name="i-ph-star" class="w-5 h-5 flex-shrink-0" />
                       <span class="text-sm font-medium">{{ formatNumber(module.stats.stars || 0) }}</span>
                     </NuxtLink>
                   </UTooltip>
@@ -252,7 +252,7 @@ const { copy } = useCopyToClipboard()
                     :to="`https://github.com/${module.repo}/graphs/contributors`"
                     target="_blank"
                   >
-                    <UIcon name="i-ph-user-circle-gear-duotone" class="w-5 h-5 flex-shrink-0" />
+                    <UIcon name="i-ph-user-circle-gear" class="w-5 h-5 flex-shrink-0" />
                     <span class="text-sm font-medium">{{ module.contributors.length }}</span>
                   </NuxtLink>
                 </UTooltip>
diff --git a/pages/team.vue b/pages/team.vue
index 18ed047cf..82b3df55c 100644
--- a/pages/team.vue
+++ b/pages/team.vue
@@ -49,7 +49,7 @@ defineOgImageComponent('Docs')
                 :to="user.sponsor"
                 target="_blank"
                 color="gray"
-                icon="i-ph-heart-duotone"
+                icon="i-ph-heart"
                 icon-color="red"
                 :ui="{ icon: { base: 'text-pink-500' } }"
               >
diff --git a/pages/templates.vue b/pages/templates.vue
index e7c6e8383..6c5aab3cb 100644
--- a/pages/templates.vue
+++ b/pages/templates.vue
@@ -80,7 +80,7 @@ defineOgImageComponent('Docs')
             <UButtonGroup class="mt-3 w-full">
               <UButton
                 label="Demo"
-                icon="i-ph-desktop-duotone"
+                icon="i-ph-desktop"
                 :to="template.demo"
                 target="_blank"
                 size="sm"
@@ -105,7 +105,7 @@ defineOgImageComponent('Docs')
                 :to="template.purchase"
                 color="gray"
                 label="Purchase"
-                icon="i-ph-credit-card-duotone"
+                icon="i-ph-credit-card"
                 size="sm"
                 class="w-1/2 justify-center"
                 :ui="{ icon: { size: { sm: 'w-4 h-4' } } }"