本期给大家整理了6个免费可商用的开源图标网站,你还在苦苦的画 icon 吗?这些图标网站可以解放你的双手!
网址:iconpark.bytedance.com(复制到浏览器打开)
IconPark 是字节跳动公司内部产品体系使用的官方图标库,现在可以免费使用了。
IconPark 图标库是一个通过技术驱动矢量图标样式的开源图标库,可以实现根据单一 SVG 源文件变换出多种主题, 具备丰富的分类、更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。
IconPark的特点:
- 提供超过 2000+ 预设图标、32 种图标分类;
- 支持 4 种主题和在线换肤:线性、填充、双色、四色;
- 网站提供多种便捷操作:复制 SVG code、复制 React 组件、复制 Vue 组件、下载 PNG、下载 SVG,无论是设计师还是开发者,使用起来都非常方便;
- 针对前端开发者,还提供多种 NPM 包下载。
是不是很 nice ~以后都不要画了,在线调整完样式后再下载 SVG,爽歪歪!
网址:remixicon.com(复制到浏览器打开)
特点:
- 每一枚图标都是按照统一标准进行设计,拥有完美像素对齐;
- 设计风格一致,完胜那些拼凑混搭的图标库;
- 设计简洁易懂,特别是很多交互意义的图标,创意十足又具有该有的代表性。
网址:icons.bootcss.com(复制到浏览器打开)
Bootstrap 图标库 的设计初衷是与 Bootstrap 组件配合使用,从表单到导航组件等。Bootstrap 图标库 全部是 SVG 文件格式,能够轻松快捷地进行缩放,保证清晰,并可以通过 CSS 设置颜色。虽然 Bootstrap 图标库 是为 Bootstrap 而开发的,但也可以应用在任何项目。
特点:
- Bootstrap 是一个凝聚了设计与html/css/js 极致追求的一个移动优先的UI框架,多年来被大量使用在移动+PC的项目上,组件非常优美大气。而
- Bootstrap Icos 像它一样,非常漂亮,风格中性,适合运用在很多项目上;
- 每个图标几乎都有线性和填充两种样式,每一个质量都很高,这满足绝大部分的交互需求;
- 提供 SVG 文件格式,运用非常广泛。
网址:iconmonstr.com(复制到浏览器打开)
特点:
- iconmonstr 的图标表现力非常丰富,非常适合用在PPT、企业官网设计下的大图标块以及 UI 界面上的大图标模块;
- 风格为以简单线条构成的图标,收录超过 4000+ 种图标;
- 由单一创作者维护,而且还在不断更新中,这在很大程度上保证了图标的质量;
- 提供 SVG、EPS、PSD、PNG 和内嵌原始码等各种格式下载,满足了设计师和开发者的各种需求场景;
- iconmonstr 还有提供一套类似于之前推荐的 remix icon的 web 图标库 Iconic Font,有超过 300 个小型免费图标,更加的简洁精致,很适合使用于网页或界面开发。
网址:feathericons.com(复制到浏览器打开)
特点:
- 每一枚图标都是按照统一标准进行设计,具有完美像素对齐;
- 同样,也可以在线调整图标样式、颜色等,然后再下载。
以上 6 个网站为目前主流的开源图标网站,根据每个网站的特点用在不同的场景下,会让设计师事半功倍。如果你觉得这篇文章内容对你有用,可以把链接分享给你的小伙伴哦~
本文作者:友设青年
看完这篇神器的人还在看……
非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。
转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
发表评论 快来秀出你的观点