xicons

2024-03-10

xicons 是一个图标库。

安装

Terminal window
# 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>

参考

# icon
# 图标
# Vue