假如你想制造网站或开发应用软件,可能会需求一套简略、美观且易用的图标资料,除了不需求重新开发图标,也会供给清晰授权方法标示出适用范围,现在大多数图标也都会采 SVG 格局,让运用者自订大小、色彩或是进行细部调整,乃至是直接将 SVG 程式码仿制就能套用到网页中。
本文要介绍的「Iconic」是最近发现的免费图标网站,录入 190 个图画(持续添加中)、可用于网站或应用开发的资料,按照图画类型进行分类,像是箭头、商业、通讯、基本图标、操作界面、音乐、电影或影片等等,这些图形规划共通点是线条很简略,2424 鸿沟框、1.5px 画笔粗细,供给 SVG 格局免费下载。
Iconic 图标可自由运用于任何地方,也是赏心悦目(Pixel-perfect)的免费图标规划。每周会参加新图画,不过在下载或仿制 SVG 程式码前需求先登入帐号,亦可打包一次下载一切 SVG 图画。
Iconic
网站链接:https://iconic.app/
运用教学
在开启 Iconic 网站后可先点选右上角「Sign Up」输入你的 Email 地址,Iconic 会将登录链接寄到邮箱,省去以往注册需求设定密码或输入个人信息的繁复过程。由于在 Iconic 下载或仿制 SVG 程式码需求先登录,建议可以将这个过程放到一开始就先进行。
从左边图画分类点选要阅读的类别,图标会显现于右侧栏位,包含有图片预览、名称,可以看到每个分类后方有图标数量,现在总数 190 个,每周会更新并参加新的图画。
点选任一图标后会出现更大的预览图,可以看到在不同尺度大小、布景色彩出现的作用。假如要下载图标文件,点选「Download」就能获得 SVG 格局文件,若要直接获得 SVG 程式码也可点选「Copy」仿制到剪贴板。
无论是下载或仿制程式码都需求先登录 Iconic。
右上角有一个「下载」按钮,可以将 Iconic 网站的一切图标一次打包、下载回来,Zip 压缩档在点选后会跳出下载窗口,React 或 Vue 会引导至 GitHub 页面找到完整说明及文件。
值得一试的三个理由:
- Iconic 录入超越 190 个图标图画,可自由下载、运用于任何地方
- 线条简略,选用 2424 鸿沟框、1.5px 画笔粗细,免费下载 SVG 文件
- 每周参加新图画,需求先登录帐号才能下载或仿制 SVG 程式码
[link https://www.uisdc.com/basicons]