本文推荐的这套「Unicons」是一套免费的图标库,这套图标库拥有超过 1000 个以上图标,提供 SVG 矢量和图标字型(Iconfont)格式,使用者可以自订每个图标大小、颜色和颜色。
每个图案细节皆符合完美像素(Pixel-Perfect),在所有屏幕尺寸轻松放大、缩小都不会影响清晰度。
Unicons 包含 20 多种分类,例如使用者界面、通讯、商业、医疗等等,图标都是以 24px 网格制作,让图标在所有屏幕上保持一致。
如果你是开发者,网站提供 CSS 可直接加入图标字型样式;若你是设计师,只要下载 Icondrop 插件即可在你喜欢的绘图工具中快速使用图标,例如:Sketch、Adobe XD、Adobe Illustrator、Adobe Photoshop、Microsoft Word 和 PowerPoint 等等。
下载方式:
简单的使用说明:
STEP 1
打开 Unicons 网站,往下拖拽可以看到所有图标,预设情况下会显示所有分类,可以从左侧切换不同的图案类别,或使用搜索找到相关图标。
STEP 2
点选图标后会显示该图标的载入方式,也会有 .svg 矢量格式的下载链接,比较赞的是 Unicons 提供 CDN 的链接方式,如果要使用某些 svg 档案但又不希望耗费自己的主机流量能直接取用 CDN 网址。
STEP 3
想要下载整套图标库,点击 Unicons 站内的「Download Now」按钮,不过必须先注册或登录账号才行。
当然你也可以通过下面的方法下载 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 图标。