icons

src/components/Icons.vue

@@ -0,0 +1,29 @@
+<template>
+  <div b="1px solid pink" mt-8 text-24 p-8 space-y-8>
+    <!-- https://icon-sets.iconify.design -->
+
+    <div b="1px solid pink" text-24>
+      <div>@iconify-json/carbon/icons.json</div>
+      <div i-carbon-face-cool text-orange />
+    </div>
+
+    <div b="1px solid pink" text-24>
+      <div>Icons({ autoInstall: true })</div>
+      <i-carbon-face-cool class="text-yellow" w-32 h-32 />
+    </div>
+
+    <div b="1px solid pink" text-24>
+      <div>pacman.svg</div>
+      <div class="i-icon:pacman text-(pink)" />
+    </div>
+
+    <div b="1px solid pink" text-24>
+      <div>pacman.svg</div>
+      <i-svg-pacman text-blue w-48 h-48 />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+//
+</script>