什么时候会用到免费图标呢?可能是开发网站、应用程序,或是设计产品、制作商业简报和学术研究,其实网络上也能找到不少好看好用的图标集,像 Icons8 就有不少图片可搜索、免费下载使用,Google Fonts 亦将自家 Material Icons 释出直接设计为字体,用户除了可取得 SVG 和 PNG 格式,也能透过一段简单的程序代码在网页任何位置加载需要的图案。
本文要介绍的「Emblemicons」是一套开放原始码免费图标库,收录超过 1000 个最常用到的图标,用户可以从网站搜索、检索并找到想要使用的图标,免费下载 PNG、JPG 格式且具备六种尺寸 12px、18px、24px、36px、48px 和 72px,也能下载 SVG 格式透过 CSS 调整样式,或是取得 PDF 格式和 HTML 程序代码。
Emblemicons 提供的图标设计都很简单,也能从图案就识别代表的意思,如果你是 Figma 使用者可以从社群取得 Emblemicons 图标副本,将一千多个图标直接加入软件使用。这项计划提供的图标图案皆可使用于个人、学术和商业用途。
Emblemicons网站链接:https://emblemicons.in/
使用教学
开启 Emblemicons 网站后往下拖动页面,会出现所有图标预览和搜索框,输入关键词可查找类似图案,点选图标下方的名称链接到图标页面。
在图标页面中会看到 12px、18px、24px、36px、48px 和 72px 不同图标大小的预览效果,点选每个图案下方对应格式就能下载 PNG、JPG、PDF 或 SVG。
如果你想直接取得某个图标的 HTML 程序代码,在页面最下方有 HTML Code,只要将代码复制、贴到你的项目中就能直接显示某个图案。
值得一试的三个理由:
开放原始码免费图标库,收录超过 1000 个常用图案可下载 PNG、JPG、PDF 和 SVG 格式,收录六种图标尺寸复制 HTML Code 就能将图案快速带入你的开发项目