Remix Icon 是一套面向设计师和开发者的开源图标库。我们在设计之初将图标风格定义为中性风格, 以便适用于各种用户群的项目。
与拼凑混搭的图标库不同, Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的, 并确保每一枚图标在拥有完美像素对齐的基础上风格一致且简洁易读。
官网: remixicon.com
项目地址
https://github.com/Remix-Design/RemixIcon
使用说明-基本用法
直接在remixicon.com点击您想要的图标, 该图标将会以SVG矢量格式进行*载下**。
我们建议设计师小伙伴在需要使用某些图标的时候通过官网搜索*载下**使用, 而不是将一整套图标全部*载下**放在本地文件夹中进行管理；
官网的搜索栏可以帮助您快速定位您想要的图标, 而且支持中文关键词搜索, 这相比本地文件夹管理图标效率要高很多；最重要的是，官网的图标会持续更新。
SVG本身也是一种图片格式，所以您可以像使用其他格式(如JPG、PNG)的图片文件一样使用SVG文件, 例如直接引入的方式：
<img height="32" width="32" src="img/admin-fill.svg" />
Webfont 用法
Note: Webfont支持npm安装引入、CDN引入或者手动*载下**的方式引入到项目当中，三选一即可。
安装引入
Note: 如果您打算通过CDN的方式使用 Remix Icon，可以跳过安装引入这一步。
npm install remixicon --save
import 'remixicon/fonts/remixicon.css'
入口文件引入CSS
CDN引入
如果不打算通过安装的方式使用, 可以直接复制下面这行代码到您HTML文档的 <head> 标签中, 这样就完成了CDN方式的图标引入, 简单快捷，推荐方式。
<link href="https://cdn.remixicon.com/releases/v1.3.1/remixicon.css" rel="stylesheet">