【Nuxt3学习】3. 集成 iconify

源码地址： https://github.com/xbmlz/nuxt-starter.git

介绍

Universal icon framework. One syntax for FontAwesome, Material Design Icons, DashIcons, Feather Icons, EmojiOne, Noto Emoji and many other open source icon sets (100+ icon sets, 100,000+ icons). SVG framework, React, Vue and Svelte components!

安装

pnpm add @iconify/vue -D

使用

修改pages/index.vue如下

<template>
  <div>
    <h1 class="text-red-600">Index Page</h1>
    <Icon icon="mdi-light:home" />
  </div>
</template>

<script setup>
import { Icon } from "@iconify/vue";
</script>

<style scoped></style>

浏览器打开 http://localhost:3000/

文档地址

https://icones.js.org/