xicons - 长风

xicons 是一个图标库。

安装

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