xicons

图标库，在 Naive UI 组件库中有推荐使用。

安装 §

# For react
npm i -D @ricons/fluent
npm i -D @ricons/ionicons4
npm i -D @ricons/ionicons5
npm i -D @ricons/antd
npm i -D @ricons/material
npm i -D @ricons/fa # font awesome
npm i -D @ricons/tabler
npm i -D @ricons/carbon
# For vue3
npm i -D @vicons/fluent
npm i -D @vicons/ionicons4
npm i -D @vicons/ionicons5
npm i -D @vicons/antd
npm i -D @vicons/material
npm i -D @vicons/fa # font awesome
npm i -D @vicons/tabler
npm i -D @vicons/carbon

使用 §

<script>
import Money16Regular from '@vicons/fluent/Money16Regular'
 
  // You can directly use the SVG component
  // or wrap it in an Icon component from @vicons/utils
 
  import { Icon } from '@vicons/utils'
 
  export default {
    components: {
      Icon,
      Money16Regular
    }
  }
</script>
 
<template>
  <Icon>
    <Money16Regular />
  </Icon>
</template>

参考 §

• 07akioni/xicons
• xicons