Iconic 用心设计的免费 SVG 图示集，每週更新加入新图案

如果你想製作网站或开发应用程序，可能会需要一套简单、好看且易用的图示素材，除了不需要重新开发图示，也会提供明确授权方式标示出适用范围，例如之前推荐过的 Radix Icons、System UIcons、Basicons 等免费图示集都很适合使用，现在大多数图示也都会採 SVG 格式，让使用者自订大小、颜色或是进行细部调整，甚至是直接将 SVG 程序码复制就能套用到网页中。

本文要介绍的「Iconic」是最近发现的免费图示网站，收录 190 个图案（持续增加中）、可用于网站或应用程序开发的素材，依照图案类型进行分类，像是箭头、商业、通讯、装置设备、基本图示、操作介面、音乐、电影或影片等等，这些图形设计共通点是线条很简单，24×24 边界框、1.5px 画笔粗细，提供 SVG 格式免费下载。

Iconic 图示可自由使用于任何地方，也是赏心悦目（Pixel-perfect）的免费图示设计。每週会加入新图案，不过在下载或复制 SVG 程序码前需要先登入帐号，亦可打包一次下载所有 SVG 图案。

Iconic
https://iconic.app/

使用教程

STEP 1

在开启 Iconic 网站后可先点选右上角「Sign Up」输入你的 Email 地址，Iconic 会将登入链结寄到信箱，省去以往注册需要设定密码或输入个人资讯的繁複步骤。因为在 Iconic 下载或复制 SVG 程序码需要先登入，建议可以将这个步骤放到一开始就先进行。

STEP 2

从左侧图案分类点选要浏览的类别，图示会显示于右侧栏位，包括有图片预览、名称，可以看到每个分类后方有图示数量，目前总数 190 个，每週会更新并加入新的图案。

点选任一图示后会出现更大的预览图，可以看到在不同尺寸大小、背景颜色呈现的效果。如果要下载图示档，点选「Download」就能取得 SVG 格式文件，若要直接取得 SVG 程序码也可点选「Copy」复制到剪贴簿。

无论是下载或复制程序码都需要先登入 Iconic。

STEP 3

右上角有一个「下载」按钮，可以将 Iconic 网站的所有图示一次打包、下载回来，Zip 压缩档在点选后会跳出下载视窗，React 或 Vue 会引导至 GitHub 页面找到完整说明及文件。

值得一试的三个理由：

1. Iconic 收录超过 190 个图示图案，可自由下载、使用于任何地方
2. 线条简单，採用 24×24 边界框、1.5px 画笔粗细，免费下载 SVG 文件
3. 每週加入新图案，需要先登入帐号才能下载或复制 SVG 程序码