电子发烧友App

硬声App

0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看威廉希尔官方网站 视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示
创作
电子发烧友网>电子资料下载>电子资料>Remix Icon开源图标库

Remix Icon开源图标库

2022-05-31 | zip | 2.00 MB | 次下载 | 免费

资料介绍

授权协议 Apache
开发语言
操作系统 跨平台
软件类型 开源软件
所属分类 应用工具开源图标

软件简介

Remix Icon 是一套面向设计师和开发者的开源图标库。图标风格为中性风格,适用于各种用户群体的项目。与拼凑混搭的图标库不同,Remix Icon 的每一枚图标都是由设计师按照统一规范精心绘制的,并确保每一枚图标在拥有完美像素对齐的基础上风格一致且简洁易读。图标以24x24网格为基准,分为“线性图标”和“面型图标”两种风格。所有的图标均可免费用于个人项目和商业项目

poYBAGKCTXqASpZKAAIqbZjiEj4975.png

使用说明

基本用法

直接在remixicon.com点击您想要的图标, 该图标将会以SVG矢量格式进行下载

我们建议设计师小伙伴在需要使用某些图标的时候通过官网搜索下载使用,而不是将一整套图标全部下载放在本地文件夹中进行管理;官网的搜索栏可以帮助您快速定位您想要的图标,而且支持中文关键词搜索,这相比本地文件夹管理图标效率要高很多;最重要的是,官网的图标会持续更新。

SVG本身也是一种图片格式,所以您可以像使用其他格式(如JPG、PNG)的图片文件一样使用SVG文件,例如直接引入的方式:

Webfont 用法

Note: Webfont支持npm安装引入、CDN引入或者手动下载的方式引入到项目当中,三选一即可。

安装引入

Note: 如果您打算通过CDN的方式使用 Remix Icon,可以跳过安装引入这一步。

npm install remixicon --save
import 'remixicon/fonts/remixicon.css'

入口文件引入CSS

CDN引入

如果不打算通过安装的方式使用,可以直接复制下面这行代码到您HTML文档的 标签中,这样就完成了CDN方式的图标引入,简单快捷,推荐方式。

手动下载引入

下载保存remixicon.css文件,添加到项目的 标签中即可。

使用

引入Remix Icon图标库后,就可以在web项目中使用了,只要在使用图标的时候将图标名称作为类名就可以了。类名规则:remixicon-{name}-{style}


Note: 您可以到官网 remixicon.com 查阅图标对应的名称,然后在名称后添加图标风格,-line 代表线性风格,-fill代表面型风格。

SVG Sprite用法

下载 remixicon.symbol.svg 并添加到您的项目目录中,通过  标签来引用图标,通过css可以自定义图标的大小和颜色等属性,例如:


  
.remix {
  width: 24px;
  height: 24px;
  fill: #333;
}

Note: 上面示例中 # 后面的remixicon-admin-fill可以替换为任何 Remix Icon 图标名称,您可以到官网 remixicon.com 查阅图标对应的名称,然后在名称后添加图标风格,-line 代表线性风格,-fill 代表面型风格。remixicon.symbol.svg文件默认是无法预览查看的,只能通过  使用之后查看。

 

下载该资料的人也在下载 下载该资料的人还在阅读
更多 >

评论

查看更多

下载排行

本周

  1. 1使用单片机实现七人表决器的程序和仿真资料免费下载
  2. 2.96 MB   |  44次下载  |  免费
  3. 2Keysight B1500A 半导体器件分析仪用户手册、说明书 (中文)
  4. 19.00 MB  |  4次下载  |  免费
  5. 3BT134双向可控硅手册
  6. 1.74 MB   |  2次下载  |  1 积分
  7. 4一种新型高效率的服务器电源系统
  8. 0.85 MB   |  1次下载  |  1 积分
  9. 5PR735,使用UCC28060的600W交错式PFC转换器
  10. 540.03KB   |  1次下载  |  免费
  11. 6WTS-100(1.1) UWB 信标定位系统 彩页
  12. 540.48 KB  |  1次下载  |  免费
  13. 7DV2004S1/ES1/HS1快速充电开发系统
  14. 2.08MB   |  1次下载  |  免费
  15. 8MATLAB绘图合集
  16. 27.12 MB   |  1次下载  |  5 积分

本月

  1. 1使用单片机实现七人表决器的程序和仿真资料免费下载
  2. 2.96 MB   |  44次下载  |  免费
  3. 2UC3842/3/4/5电源管理芯片中文手册
  4. 1.75 MB   |  15次下载  |  免费
  5. 3DMT0660数字万用表产品说明书
  6. 0.70 MB   |  13次下载  |  免费
  7. 4ST7789V2单芯片控制器/驱动器英文手册
  8. 3.07 MB   |  11次下载  |  1 积分
  9. 5TPS54202H降压转换器评估模块用户指南
  10. 1.02MB   |  8次下载  |  免费
  11. 6STM32F101x8/STM32F101xB手册
  12. 1.69 MB   |  8次下载  |  1 积分
  13. 7TPS92682-Q1帧定义和示例
  14. 891.71KB   |  6次下载  |  免费
  15. 8HY12P65/HY12P66数字万用表芯片规格书
  16. 0.69 MB   |  6次下载  |  免费

总榜

  1. 1matlab软件下载入口
  2. 未知  |  935119次下载  |  10 积分
  3. 2开源硬件-PMP21529.1-4 开关降压/升压双向直流/直流转换器 PCB layout 设计
  4. 1.48MB  |  420061次下载  |  10 积分
  5. 3Altium DXP2002下载入口
  6. 未知  |  233084次下载  |  10 积分
  7. 4电路仿真软件multisim 10.0免费下载
  8. 340992  |  191367次下载  |  10 积分
  9. 5十天学会AVR单片机与C语言视频教程 下载
  10. 158M  |  183335次下载  |  10 积分
  11. 6labview8.5下载
  12. 未知  |  81581次下载  |  10 积分
  13. 7Keil工具MDK-Arm免费下载
  14. 0.02 MB  |  73807次下载  |  10 积分
  15. 8LabVIEW 8.6下载
  16. 未知  |  65987次下载  |  10 积分