NPM + Iconfont
npm i @hackernoon/pixel-icon-library
<link rel="stylesheet"
href="…/fonts/iconfont.css" />
<i class="hn hn-github"></i>三种接入方式
同一套像素形，按项目选最省事的一种。
SVG 文件
<img src="icons/SVG/regular/heart.svg"
width="24" height="24" alt="" />尺寸与颜色
12
16
24
48
.hn { font-size: 24px; color: #00b45a; }放进界面里看看
像素图标最适合工具栏、标签、状态点这种小尺寸控件。
今日热帖
trending
- 把像素图标装进设计系统
- iconfont 与 SVG 怎么选
- 24px 网格对齐的小技巧
已同步
待处理
提示
私有