一套提取自 Ant Design 的优质图标

ant-design-icons 是一套提取自 Ant Design 的高质量图标，你可以自由地在 React、Vue 或其他框架中使用它。

特性

提取自优秀的 Ant Design 并保持同步。
支持 WEB Font 使用。
支持 SVG Sprite 使用。
包含 Ant Design Mobile Icons。

WEB Font 方式使用

首先，通过包管理器安装 ant-design-icons：

# yarn
yarn add ant-design-icons# npm
npm install ant-design-icons --save
复制代码

然后，在你的项目入口文件处引入 CSS：

import 'ant-design-icons/dist/anticons.min.css'
复制代码

最后，使用 ai-${图标ID} 展现图标：

<i class="ai-smile-o"></i>
<i class="ai-loading"></i>
复制代码

SVG Sprite 方式使用

首先，通过包管理器安装 ant-design-icons：

# yarn
yarn add ant-design-icons# npm
npm install ant-design-icons --save
复制代码

如果你使用了 Webpack 4，下面的代码将按需加载对应的 SVG 文件：

import { smileO, loading } from 'ant-design-icons'
复制代码

如果你使用了 Babel，你可使用 babel-plugin-import 实现按需加载：

// .babelrc.js
module.exports = {plugins: [['import',{libraryName: "ant-design-icons",customName: name => `ant-design-icons/dist/svg/${name}.svg`},'ant-design-icons']]
}
复制代码

更详细的文档：fjc0k/ant-design-icons

一套提取自 Ant Design 的优质图标相关推荐

ant design pro 菜单图标引入问题 iconfontUrl inconfont图标本地
ant design pro 菜单栏使用图标官网使用inconfont图标,推荐使用inconfont官网的线上地址查看地址:https://pro.ant.design/zh-CN/docs/n ...
前端学习（3340）：ant design中icon图标的使用
同志们,免费版的Ant Design Pro Vue3 来啦
Vue3也出了一段时间了,于是照着ant pro vue搭个免费的vue3版希望大家喜欢基于 Vite2 Vue3 Ant-Design-of-Vue2 TS实现的 Ant Design Pro ...
ant design分享记录-icon图标自定义菜单图标
ant design分享-icon图标自定义菜单图标本过程使用 iconfont.cn上的设置icon前缀 import { Icon } from 'ant-design-vue'; impor ...
大会 | SEE Conf：Ant Design 3.0 背后的故事
SEE Conf大会精彩回顾 1月6日,首届蚂蚁金服体验科技大会 SEE Conf 2018 在杭州成功召开.SEE = Seeking Experience & Engineering,意为 ...
Ant Design 被删代码已恢复，现登顶 GitHub Trending Top 2
[CSDN 编者按]前几天沸沸扬扬的 Ant Design 代码被删事件有了新进展.经多方努力,目前被删代码已恢复,到底是删库跑路还是年终没给够目前尚无明确定论,事件起因仍在调查中-- 作者 | 李磊 ...
Ant Design 3.16.2 发布，企业级 UI 设计语言
百度智能云云生态狂欢季热门云产品1折起>>> Ant Design 3.16.2 发布了.Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现, ...
阿里开源台柱 Ant Design 源码仓库被删了...
号外,号外,Ant Design 源码仓库被删除! 在广大中国人民还在欢天喜地过新年的时候,Ant Design项目组成员一定是焦头烂额. 因为就在2.15,也就是农历大年初四的时候,一位名叫Jegg ...
Ant Design 4.0 进行时！
引言 Ant Design 于 17 年 12 月发布 3.0 以来,已经经历了 16 个月的时间.在此期间,我们修复了海量 Bug.以及增加大量新功能(更新日志).提交了 4289 个 commit ...

一套提取自 Ant Design 的优质图标

特性

WEB Font 方式使用

SVG Sprite 方式使用

一套提取自 Ant Design 的优质图标相关推荐

最新文章

热门文章