diff --git a/content/1.getting-started/3.writing/2.components.md b/content/1.getting-started/3.writing/2.components.md
index ca50a31f..59b1fe3b 100644
--- a/content/1.getting-started/3.writing/2.components.md
+++ b/content/1.getting-started/3.writing/2.components.md
@@ -383,17 +383,18 @@ The icon component uses **Nuxt Icon** under the hood. Check out the usage guide
     <div class="space-x-2">
 
     :icon{name="lucide:box"}
-    :icon{name="logos:nuxt-icon"}
+    :icon{name="logos:javascript"}
     :icon{name="logos:vue"}
     :icon{name="logos:nuxt-icon" size="30"}
 
     </div>
   ::
+
   ```md [Code]
   :icon{name="lucide:box"}
-  :icon{name="logos:nuxt-icon"}
+  :icon{name="logos:javascript"}
   :icon{name="logos:vue"}
-  :icon{name="logos:nuxt-icon"}
+  :icon{name="logos:nuxt-icon" size="30"}
   ```
 ::