Remix Icon 是一套面向设计师和开发者的开源图标库。我们在设计之初将图标风格定义为中性风格,以便适用于各种用户群的项目。与拼凑混搭的图标库不同,Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的,并确保每一枚图标在拥有完美像素对齐的基础上风格一致且简洁易读。图标以24×24网格为基准,分为“线性图标”和“面型图标”两种风格。所有的图标均可免费用于个人项目和商业项目
网站还支持自定义选择图标组合文件。同时提供PNG,SVG,FONTS多种格式。
基本用法
直接在 remixicon.com 点击您想要的图标, 在打开的图标窗口中可以以 PNG 或者 SVG 格式进行下载,也可以直接复制 SVG 代码。
设计师小伙伴可以直接点击 Copy SVG 之后在UI设计软件中直接粘贴矢量图形,使用起来像插件一样简单便捷。
我们建议设计师小伙伴在需要使用某些图标的时候通过官网搜索下载使用,而不是将一整套图标全部下载放在本地文件夹中进行管理;官网的搜索栏可以帮助您快速定位您想要的图标,而且支持中文关键词搜索,这相比本地文件夹管理图标效率要高很多;最重要的是,官网的图标会持续更新。 在官网点击 Copy SVG 之后,可以在 Sketch 中直接粘贴矢量图标,也可以在代码文本编辑器中粘贴 SVG 代码。
Copy SVG 功能目前支持在 Sketch、Figma、Adobe XD、Adobe Illustrator、Affinity Designer、Affinity Photo 软件中直接粘贴矢量图形。
SVG本身也是一种图片格式,所以您可以像使用其他格式(如JPG、PNG)的图片文件一样使用SVG文件,例如直接引入的方式:
<img height="32" width="32" src="img/admin-fill.svg">
Webfont 用法
npm install remixicon --save
import 'remixicon/fonts/remixicon.css'
CDN引入
如果不打算通过安装的方式使用,可以直接复制下面这行代码到您HTML文档的 标签中,这样就完成了CDN方式的图标引入,简单快捷,推荐方式。
<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet">
协议许可
Remix Icon 使用的是 Apache License Version 2.0 开源协议。请放心使用和分享本图标库,可以查看协议详情来了解详细的开源策略。如果能在产品介绍中署名 Remix Icon,作者将会非常感激,但这并不是必须的。唯一需要注意的是,您不能二次销售本图标库中的图标,否则会进行追究。
作者因为一些原因停止更新了,以下是来自作者的公告:
xiaochunjimmy:
亲爱的小伙伴们,非常感谢你们对 RemixIcon 的支持和喜爱。过去一年里,RemixIcon 在没有经过正儿八经宣传的情况下,用户量呈现了指数上升,许多设计师和开发者将 RemixIcon 推荐给了自己的同事和朋友。RemixIcon 的官网也在大家的建议下新增了很多实用的图标和功能。还有非常多的小伙伴通过打赏的方式表达对我们工作的认可和感激,虽然大部分都是海外用户,但在国内「你懂的」的免费产品环境下能收到这么多的支持,我和小伙伴真的非常感动,让我们一次又一次充满干劲。
但是,我们不得不通知大家,RemixIcon 在未来的小几个月里将会暂停内容更新。
原因是我前段时间刚刚换了工作,新的团队充满了激情,大家虽然工作时间都超饱和但每个人都很拼。而我也非常喜欢现在做的事,几乎每天都加班到很晚,大部分空闲时间和激情都投入到了工作当中,难以抽出更多的时间(主要是精力)去完善图标库的更新工作。每天晚上回到家稍微放松下(羞耻得打两把王者荣耀)就跑去睡觉了,也更加珍惜周末的时光,会陪陪家人,有时加加班,还有准备工作考试等内容。
不少小伙伴都知道,为了保证图标质量,之前的 2000 多枚图标都是我业余时间一人绘制完成的,除了绘制图标,每次更新我还需要做矢量导出、代码清洗、生成字体、写更新日志、添加搜索关键词、完成网站构建、同步更新 Github 等一系列的工作。过去小两年里,我们也一直保持着大概平均一个半月一次的更新频率,不过这一次我不得不决定暂停内容的更新,原谅我的任性和逃避。
但是大家不要担心,官网将会持续为大家提供免费服务,而且大家依然可以通过 issue 等方式提新的图标请求或者改进建议,我们会尽快逐步完成大家的图标请求和功能改进建议。
目前我们也正在计划下一个大版本的更新,尤其是内容更新流程的改进,顺利的话,以后的更新频率会更加平滑平稳,而不是像过去这样,攒一段时间才集中更新。
再次感谢大家的支持和热爱,尤其是曾经通过建议、功能探讨和打赏等途径支持过我们的人,还有不少小伙伴用 RemixIcon 制作了第三方的 Figma、React、Vue 组件或插件,帮助我们将这一产品体不算完善,让我们觉得「开源」真好!
别急,我们消失一段时间就回来~