TailwindCSS 使用 Iconify图标库

1.安装（@iconify/json）和 @iconify/tailwind 插件

npm i @iconify/json @iconify/tailwind -D

　

2.在 tailwind.config.js 中声明插件

const { addDynamicIconSelectors } = require('@iconify/tailwind')
export default {
  plugins: [addDynamicIconSelectors()]
}

 

3.使用

推荐一个很好用的在线图标库　yesicon

直接搜索图标，点击图标就可以看到该图标在TailwindCSS 里面怎么引入了。