AkiraZ's blog

愿键盘的余温传递到更遥远的将来

中文 / English
0%

iconify 图标库的使用

图标库地址 https://iconify.design/,集合了市面上众多知名图标库,如 FontAwesome, Material Design Icons, Ionicons 等。

本质 SVG 图标,支持动态导入

在线使用

使用时会自动加载外部图标 JSON 资源

离线使用

1
2
npm install @iconify/iconify
npm install @iconify-json/ant-design

创建并引用该文件

1
2
3
4
5
6
import { addCollection } from "@iconify/iconify";
import { icons as antdIcon } from "@iconify-json/ant-design";
import { icons as bxIcon } from "@iconify-json/bx";

addCollection(antdIcon);
addCollection(bxIcon);