docs(content): move shortcuts into composables/

docs/content/3.components/icon.md

@@ -0,0 +1,27 @@
+---
+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).
+::