<script lang="ts">
// https://icon-sets.iconify.design
</script>

<script setup lang="ts">
import SomeIcon from '~icons/svg/pacman';
</script>

<template>
  <div b="1px solid pink" mt-2 text-4 p-2 space-y-2>
    <div b="1px solid pink">
      <div>@iconify-json/carbon/icons.json</div>
      <div i-carbon-face-cool text-orange />
    </div>

    <div b="1px solid pink">
      <div>Icons({ autoInstall: true })</div>
      <icon-carbon-face-cool class="text-yellow" w-8 h-8 />
    </div>

    <div b="1px solid pink">
      <div>pacman.svg</div>
      <div class="icon:pacman text-(pink)" />
    </div>

    <div b="1px solid pink">
      <div>pacman.svg</div>
      <icon-svg:pacman text-blue w-12 h-12 />
      <some-icon text-cyan w-12 h-12 />
    </div>
  </div>
</template>
