Unicons 超过 1000 个向量图示免费下载,完美像素放大缩小不影响解析度

青衣

Unicons 超过 1000 个向量图示免费下载,完美像素放大缩小不影响解析度

如果要开发应用程序或网络服务,通常会需要整套样式一致的图示集,而这些图案也不是太难找,网络上有不少以开放原始码释出、甚至可用做商业用途的图示库,例如我之前介绍过的 illustrio、Ionicons、Feather Icons 和 Octicons 等等(文章里还有更多免费图示集链结),这些图案都有不太一样的样式设计,只要符合自己介面风格就能有相当好的效果,相较于自行开发整套图示来说也更省时省事。

本文要推荐「Unicons」是最近新释出的一套免费图示,这套图示集有超过 1000 个以上图案,提供 SVG 向量图示和图示字型(Iconfont)格式,使用者可以自订每个图示大小、颜色和颜色。每个图案细节皆符合完美像素(Pixel-Perfect),在所有萤幕尺寸轻松放大、缩小都不会影响清晰度。

Unicons 包含 20 多种分类,例如使用者介面、通讯、商业、医疗等等,图示皆以 24px 网格製作,让图示在所有萤幕上保持一致。如果你是开发者,网站提供 CSS 可直接加入图示字型样式;若你是设计师,只要下载 Icondrop 外挂即可在你喜欢的绘图工具中快速使用图示,例如:Sketch、Adobe XD、Adobe Illustrator、Adobe Photoshop、Microsoft Word 和 PowerPoint 等等。

网站名称:Unicons
网站链结:https://iconscout.com/unicons

使用教程

STEP 1

开启 Unicons 网站,往下拖曳可以看到所有图示,预设情况下会显示所有分类,可以从左侧切换不同的图案类别,或透过搜寻方式找到相关图案。

Unicons

STEP 2

点选图示后会显示该图示的载入方式(程序码),也会有 .svg 向量图下载链结,比较特别的是 Unicons 提供内容传递网络也就是 CDN 链结,如果要使用某些 svg 文件但又不希望耗费自己的主机流量能直接取用该网址。

Unicons

STEP 3

想要下载整套图示集,点选上方的「Download Now」按钮,不过必须先注册或登入帐号才行。在这里还能看到 Unicons 的 Github 链结,这是开放原始码专案,有兴趣的使用者都可以自由加入参与协作。

Unicons

STEP 4

前面有提到如果你想将 Unicons 直接使用为图示字型,网站也有提供样式表 .css 网址,找到这段原始码、贴到要载入的网站中就能使用,从 Unicons 首页检索对应的程序码就能将图示使用到网页里。

Unicons

如果你是设计师或行销人员,网站也有开放免费下载 Icondrop 外挂程序,可以快速在你喜爱的绘图软件、文书处理工具取用 Unicons 图示,将网页往下拖曳、点选应用程序图示即可下载。

Unicons

值得一试的三个理由:

  1. 收录超过 1000 个图示,提供 SVG 和图示字型格式
  2. 每个图案细节皆符合完美像素,放大缩小都不影响解析度
  3. 将样式网址加入网站就能快速取用 Unicons 图示
声明:Themecho严格遵守国家法律法规,对恶意造谣抹黑国家的违法违规行为零容忍。资料整理自网络,文章不代表本站立场。

发表评论

快捷回复: 表情:
评论列表 (暂无评论,811人围观)

还没有评论,来说两句吧...