Unicons:一套免费的1000+的矢量图标

设计教程 & 文章 2019-05-29 2,660 次浏览 0 条评论

本文推荐的这套「Unicons」是一套免费的图标库,这套图标库拥有超过 1000 个以上图标,提供 SVG 矢量和图标字型(Iconfont)格式,使用者可以自订每个图标大小、颜色和颜色。

Unicons 官网

每个图案细节皆符合完美像素(Pixel-Perfect),在所有屏幕尺寸轻松放大、缩小都不会影响清晰度。

Unicons 包含 20 多种分类,例如使用者界面、通讯、商业、医疗等等,图标都是以 24px 网格制作,让图标在所有屏幕上保持一致。

如果你是开发者,网站提供 CSS 可直接加入图标字型样式;若你是设计师,只要下载 Icondrop 插件即可在你喜欢的绘图工具中快速使用图标,例如:Sketch、Adobe XD、Adobe Illustrator、Adobe Photoshop、Microsoft Word 和 PowerPoint 等等。

下载方式:

扫码关注 杂时代 公众号(ID:zatime_com)发送下面的数字到公众号获取链接。
unicons

 

简单的使用说明:

STEP 1

打开 Unicons 网站,往下拖拽可以看到所有图标,预设情况下会显示所有分类,可以从左侧切换不同的图案类别,或使用搜索找到相关图标。

STEP 2

点选图标后会显示该图标的载入方式,也会有 .svg 矢量格式的下载链接,比较赞的是 Unicons 提供 CDN 的链接方式,如果要使用某些 svg 档案但又不希望耗费自己的主机流量能直接取用 CDN 网址。

STEP 3

想要下载整套图标库,点击 Unicons 站内的「Download Now」按钮,不过必须先注册或登录账号才行。

Unicons 官网

当然你也可以通过下面的方法下载 Unicons 图标库

扫码关注 杂时代 公众号(ID:zatime_com)发送下面的关键字到公众号获取链接。
unicons

在这里还能看到 Unicons 的 Github 链接,这是开源项目,有兴趣的使用者都可以自由加入参与协作。

STEP 4

前面有提到如果你想将 Unicons 直接使用为图标字型(Iconfont),网站也有提供样式表 .css 网址,找到这段代码、粘贴到要加载的网站中就能使用,从 Unicons 首页检索对应的代码就能将图标使用到网页里。

<link rel="stylesheet" href="https://unicons.iconscout.com/release/v0.0.3/css/unicons.css">

网站也有开放免费下载 Icondrop 插件。

通过调用插件快速在你喜爱的绘图软件、文本编辑取用 Unicons 图标。

广告
广告

发表评论

您的电子邮箱地址不会被公开。