设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

时间:2021-07-04
类别:设计素材
观众:5145
2021年最值得学的涨薪技能!突破设计瓶颈的优质小课,哪项薄弱学哪里 → 立即点击

设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

本期给大家整理了6个免费可商用的开源图标网站,你还在苦苦的画 icon 吗?这些图标网站可以解放你的双手!

一、IconPark

网址:iconpark.bytedance.com(复制到浏览器打开)

IconPark 是字节跳动公司内部产品体系使用的官方图标库,现在可以免费使用了。

IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。

IconPark的特点:

  • 提供超过 2000+ 预设图标、32 种图标分类;
  • 支持 4 种主题和在线换肤:线性、填充、双色、四色;
  • 网站提供多种便捷操作:复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG,无论是设计师还是开发者,使用起来都非常方便;
  • 针对前端开发者,还提供多种 NPM 包下载。

设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

是不是很 nice ~以后都不要画了,在线调整完样式后再下载 SVG,爽歪歪!

二、Remix Icon

网址:remixicon.com(复制到浏览器打开)

特点:

  • 每一枚图标都是按照统一标准进行设计,拥有完美像素对齐;
  • 设计风格一致,完胜那些拼凑混搭的图标库;
  • 设计简洁易懂,特别是很多交互意义的图标,创意十足又具有该有的代表性。

设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

三、Bootstrap Icons

网址:icons.bootcss.com(复制到浏览器打开)

Bootstrap 图标库 的设计初衷是与 Bootstrap 组件配合使用,从表单到导航组件等。Bootstrap 图标库 全部是 SVG 文件格式,能够轻松快捷地进行缩放,保证清晰,并可以通过 CSS 设置颜色。虽然 Bootstrap 图标库 是为 Bootstrap 而开发的,但也可以应用在任何项目。

特点:

  • Bootstrap 是一个凝聚了设计与html/css/js 极致追求的一个移动优先的UI框架,多年来被大量使用在移动+PC的项目上,组件非常优美大气。而
  • Bootstrap Icos 像它一样,非常漂亮,风格中性,适合运用在很多项目上;
  • 每个图标几乎都有线性和填充两种样式,每一个质量都很高,这满足绝大部分的交互需求;
  • 提供 SVG 文件格式,运用非常广泛。

设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

四、Iconmonstr

网址:iconmonstr.com(复制到浏览器打开)

特点:

  • iconmonstr 的图标表现力非常丰富,非常适合用在PPT、企业官网设计下的大图标块以及 UI 界面上的大图标模块;
  • 风格为以简单线条构成的图标,收录超过 4000+ 种图标;
  • 由单一创作者维护,而且还在不断更新中,这在很大程度上保证了图标的质量;
  • 提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载,满足了设计师和开发者的各种需求场景;
  • iconmonstr 还有提供一套类似于之前推荐的 remix icon的 web 图标库 Iconic Font,有超过 300 个小型免费图标,更加的简洁精致,很适合使用于网页或界面开发。

设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

五、Feather Icon

网址:feathericons.com(复制到浏览器打开)

特点:

  • 每一枚图标都是按照统一标准进行设计,具有完美像素对齐;
  • 同样,也可以在线调整图标样式、颜色等,然后再下载。

设计神器!有了这5个免费可商用图标网站,再也不用自己画icon了!

以上 6 个网站为目前主流的开源图标网站,根据每个网站的特点用在不同的场景下,会让设计师事半功倍。如果你觉得这篇文章内容对你有用,可以把链接分享给你的小伙伴哦~

本文作者:友设青年

看完这篇神器的人还在看……

15 收藏 36

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片