anticon图标库

Ant Design的Iconfont是一套由阿里巴巴开源的矢量图标库,包含了一万多款高质量的图标。Ant Design Iconfont提供了丰富的样式和颜色,可以满足各种场景下的图标使用需求。

安装与使用

  1. 访问Ant Design官网:https://ant.design/,点击“Download”按钮下载Iconfont字体文件。
  2. 将下载的Iconfont字体文件解压缩,得到CSS、Svg、Ttf等文件,将它们放到你的项目中。
  3. 在你的CSS文件中引入Ant Design的Iconfont样式:”` @import ‘~ant-design-icons/dist/antd.css’;
4. 在你的Vue或React组件中使用Iconfont:```
<span class="anticon ant-icon-star"></span>

图标类名

Ant Design的Iconfont提供了丰富的图标类名,如anticon.ant-icon-xxx等。你可以通过这些类名来使用图标。例如,要使用一个星星图标,你可以这样写:


<span class="anticon ant-icon-star"></span>

更多图标类名和用法可以参考官方文档:https://2x.antdv.com/components/icon/