xicons

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

安装

1
# For react
2
npm i -D @ricons/fluent
3
npm i -D @ricons/ionicons4
4
npm i -D @ricons/ionicons5
5
npm i -D @ricons/antd
6
npm i -D @ricons/material
7
npm i -D @ricons/fa # font awesome
8
npm i -D @ricons/tabler
9
npm i -D @ricons/carbon
10
# For vue3
11
npm i -D @vicons/fluent
12
npm i -D @vicons/ionicons4
13
npm i -D @vicons/ionicons5
14
npm i -D @vicons/antd
15
npm i -D @vicons/material
16
npm i -D @vicons/fa # font awesome
17
npm i -D @vicons/tabler
18
npm i -D @vicons/carbon

使用

1
<script>
2
import Money16Regular from '@vicons/fluent/Money16Regular'
3

4
  // You can directly use the SVG component
5
  // or wrap it in an Icon component from @vicons/utils
6

7
  import { Icon } from '@vicons/utils'
8

9
  export default {
10
    components: {
11
      Icon,
12
      Money16Regular
13
    }
14
  }
15
</script>
16

17
<template>
18
  <Icon>
19
    <Money16Regular />
20
  </Icon>
21
</template>

参考

07akioni/xicons
xicons