docs(icon): put back component page

docs/content/2.components/icon.md

@@ -1,5 +1,27 @@
 ---
-description: Use 200,000+ ready to use icons from Iconify.
-to: https://github.com/nuxt/icon
-target: _blank
+description: Add 200,000+ ready to use icons to your Nuxt application, based on Iconify.
+links:
+  - label: Iconify
+    icon: i-simple-icons-iconify
+    to: https://icones.js.org
+  - label: Nuxt Icon
+    icon: i-simple-icons-github
+    to: https://github.com/nuxt/icon
 ---
+
+## Usage
+
+You can use any name from the https://icones.js.org collection such as the `i-` prefix:
+
+::component-card
+---
+baseProps:
+  class: 'w-5 h-5'
+props:
+  name: 'i-heroicons-light-bulb'
+---
+::
+
+::callout{icon="i-heroicons-light-bulb"}
+It's highly recommended to install the icons collections you need, read more about this in [Theming](/getting-started/theming#icons).
+::