@iconify/tailwind的使用1、安装 pnpm install @iconify/tailwind tail

1、安装

pnpm install @iconify/tailwind tailwindcss -w

2、tailwind.config.js

/** @type {import('tailwindcss').Config} */
import { addDynamicIconSelectors } from '@iconify/tailwind';

export default {
  content: [
    './components/**/*.{vue,js}',
    './layouts/**/*.vue',
    './pages/**/*.vue',
    './plugins/**/*.{js,ts}',
    './nuxt.config.{js,ts}',
  ],
  plugins: [addDynamicIconSelectors()],
  theme: {
    extend: {},
  },
};

3、使用SVG Logos 图标库 - Yesicon

 <span class="icon-[solar--magnifer-linear]"></span>