官方下载 · 双平台

矢量图标 · App

把图标库装进口袋。地铁上翻到一枚合适的线性图标,随手存进项目收藏夹,回到工位打开电脑就能接着用——不用再翻聊天记录找链接,也不用把下载好的 SVG 重新导一遍。

支持 Android 8.0+ / iOS 14+ · 安装包约 68 MB · 当前版本 v3.4.1 · 更新于 2026 年 10 月

矢量图标 App 主界面展示:深色背景下手机屏幕里排列着一排玫红色线性图标,旁边是分类侧栏与搜索框,整体氛围安静专注
v3.4.1 当前版本
68 MB 安装包体积
2 平台 Android / iOS
2026.10 最近更新

Scenes

矢量图标你会在什么时刻打开它

讲功能之前先说场景。矢量图标这类东西,真正麻烦的从来不是「找不到」,而是「找的时候不在电脑前」。下面这三种情形,是我们在后台反馈里见得最多的。

场景 A

矢量图标需求方临时改稿

客户在群里甩来一句「底部导航那三个图标换成更圆润的线性风格」。你在通勤路上,手机打开 App 搜「导航 线性」,先存三枚候选进收藏夹,到公司直接对着清单替换,来回沟通少一轮。

场景 B

外包交付前的自查

页面里混用了三套图标,描边粗细从 1.5 到 2.4 都有。用 App 的格式预览逐个放大比对,把不一致的挑出来统一替换,交付前这半小时往往能省掉甲方一轮返工。

场景 C

教学与分享

带新人做界面,需要一个能当场演示「同一枚矢量图标放大十倍为什么不会糊」的例子。手机上直接调出 SVG 源码视图,缩放给学员看,比讲十遍原理都直观。

把「找图标」这件事拆开看

一枚矢量图标从被发现到真正落进项目,中间其实有四道坎:检索、判断、转换、归档。检索靠关键词和分类;判断要看描边、圆角、视觉重心是否和现有体系咬合;转换涉及 SVG、PNG、字体图标之间的取舍;归档则是把用过的图标整理成可复用的集合。App 端主要解决前两道和第四道——检索、判断、归档,转换则提供基础的格式预览与导出。如果你需要在电脑上做批量处理,回到桌面端会更顺手,这一点我们不打算在手机屏幕上硬凑。

顺带说一句我们的编辑态度:站内展示的图标数量、分类条目数会随收录进度变化,我们不会为了页面好看去写一个「十万枚精选」之类的整数。凡是页面上出现的数字,要么来自当前版本可查的统计,要么标注为示例。你如果发现某处说法和实际对不上,欢迎直接告诉我们。

Features

矢量图标 App 能替你做什么

六件事,每一件都对应一个具体的麻烦。功能列表本身没什么好炫的,关键看它在什么情况下能替你省下时间。

检索

矢量图标中文语义搜索

输入「购物车 空心」「播放 圆角」这类自然描述,而不是死记英文标签。搜不到时会给相近词建议,避免反复换词试运气。

预览

矢量图标多尺寸实时预览

一枚图标同时按 16、24、48、96 像素渲染,一眼看出小尺寸下哪根线条糊成一团。选图标最容易踩的坑就在这里。

源码

SVG 源码查看

直接看路径、填充、描边属性,判断这枚图标是纯 path 还是带了内联样式,能不能直接塞进项目里改色。

收藏

矢量图标项目化收藏夹

按项目建夹子,一个「电商改版」一个「后台系统」,图标不串味。支持备注,写清这枚图标当初为什么选它。

导出

矢量图标常用格式导出

SVG 原样导出,PNG 可选 1x/2x/3x。需要做位图占位图时不用再开电脑转一遍,手机上就能拿到。

离线

收藏夹离线可读

已缓存的收藏图标断网也能看。出差路上临时要给同事确认风格,飞机上也能打开,不至于干等落地。

矢量图标三类典型需求,看看你属于哪一类

其一

矢量图标接私活的设计师

同时推进三四个小项目,图标风格必须各管各的。按项目分夹收藏,交付时导出清单,通常能把找图标的时间从半天压到一小时上下。

其二

独立开发者

没人帮忙切图,UI 全靠自己。用 App 先定风格基调,再回桌面端批量导出,界面视觉一致性往往能明显提升,返工次数下降。

其三

运营与新媒体

做活动海报、公众号头图,需要几个不撞脸的装饰符号。搜「箭头 手绘」「星形 描边」,十分钟能凑齐一套,不必到处扒素材。

Walkthrough

矢量图标一次真实的使用过程

与其罗列功能,不如看一段对话。下面是我们在用户回访里整理出的典型片段,做了脱敏,数字为示例区间。

示例对话 · 界面改版前的图标选型

我们 App 底部导航要换成线性风格,五个入口:首页、发现、消息、购物车、我的。现有那套是填充的,描边 2px,看着太笨重。
先在 App 里搜「首页 线性」「购物车 线性」,把描边 1.5 和 2 的两组各存三枚进「导航改版」收藏夹。注意看 24px 预览——消息那枚如果气泡尾巴太细,小尺寸会断线,换圆角版本更稳。
描边粗细不统一怎么办?有几枚是 1.5,有几枚看着像 1.8。
打开源码视图看 stroke-width,把不一致的记下来。统一到 1.5 之后,五枚图标的视觉重量基本就齐了。经验上这一步做完,返工率能降一大截——我们回访里多数人反映,改版沟通轮次从三四轮减少到一到两轮。
导出的时候要 PNG 还是 SVG?
导航栏这种要跟随主题色变化的,一律 SVG,改 fill 就行。如果是要给设计稿做占位,PNG 2x 足够。别两个格式都导一遍存着,后面维护会乱。

矢量图标使用前后,差在哪

之前
  • 图标散在浏览器书签、聊天记录和本地下载文件夹三处,找一枚要翻半天
  • 描边粗细靠肉眼估,改版时才发现不统一
  • 临时要个 PNG,得开电脑、开设计软件、导出、再传回手机
  • 同一套图标重复下载,硬盘里躺着好几个同名文件夹
之后
  • 按项目分夹收藏,打开就是这一个项目的图标清单
  • 多尺寸预览加源码查看,描边数值一眼可查
  • 手机上直接导出常用尺寸,当场发给对接人
  • 收藏夹即清单,交付时按夹导出,不重复下载

Screens

界面长什么样

四张核心界面。截图取自当前版本,后续小版本迭代可能微调间距与配色,功能位置基本稳定。

矢量图标 App 搜索界面截图:顶部搜索框输入「购物车 线性」,下方网格排布着十几枚玫红色描边图标,右侧浮着筛选标签
搜索与筛选:中文语义检索,结果按描边风格分组
矢量图标 App 图标详情界面截图:一枚放大后的线性图标居中,下方并排显示 16、24、48、96 像素四种尺寸预览与描边数值
多尺寸预览:小尺寸下线条是否糊掉一目了然
矢量图标 App 收藏夹界面截图:深色背景下列出「电商改版」「后台系统」等多个项目文件夹,每个夹子旁标注图标数量与最近更新时间
项目化收藏:一个项目一个夹子,图标不串味
矢量图标 App 源码查看界面截图:等宽字体展示一段 SVG 路径代码,关键属性以玫红色高亮,底部是导出格式选择按钮
源码视图:看清路径与属性,判断能否直接改色

Channels

矢量图标App 里的四条主线

内容按主线分,每条主线下面的条目数会随收录进度变化,这里标注的是当前版本的规模,不是承诺值。

图标库

约 2400 枚

按风格与用途分类的图标主体区,线性、填充、双色三类分开陈列,每枚都带多尺寸预览与源码。

格式手册

18 篇

讲 SVG、PNG、字体图标之间的取舍,什么场景该用哪个,转格式时哪些细节容易丢。

实战笔记

32 篇

从真实改版项目里拆出来的选型记录,包括描边统一、视觉重量对齐这类具体操作。

工具与资源

12 条

常用的图标整理与批处理思路,以及如何在设计工具里建立可复用的图标组件。

资讯与更新

近期上架的内容条目(示例)
标题所属主线日期
描边 1.5 与 2.0 到底怎么选:一份对比记录实战笔记2026-10-12
SVG 转字体图标的三个常见坑格式手册2026-09-28
把收藏夹整理成交付清单的两种做法工具与资源2026-09-15
后台系统图标体系搭建的取舍清单实战笔记2026-08-30

Install

矢量图标下载与安装,一步步来

两个平台分开写。照着做,正常情况下三分钟内能进到主界面。

Android 版

  1. 点本页上方「Android 下载」按钮,获取安装包。如果手机浏览器提示「此类文件可能有害」,选「仍要下载」即可,这是系统对非商店来源的常规提醒。
  2. 在通知栏或「下载」目录里找到安装包,点击安装。首次安装需要在系统设置里允许浏览器「安装未知应用」,装完可以关掉这个开关。
  3. 安装完成后打开 App,首次启动会做一次图标索引初始化,视机型大约需要十几秒,期间不要强退。
  4. 进入主界面后,先在「我的」里登录或直接以访客身份使用;登录后收藏夹才能跨设备同步。

iOS 版

  1. 点本页「iOS 下载」按钮,跳转到 App Store 页面,确认开发者为「矢量图标库」后再点获取。
  2. 系统版本低于 iOS 14 的设备,商店可能不显示安装按钮,建议先升级系统再试。
  3. 首次打开会请求通知权限,主要是版本更新提醒,不需要可以直接拒绝,不影响核心功能。
  4. 如果下载卡在「等待中」,先检查网络,再尝试切换 Wi-Fi 与蜂窝网络,或在商店里暂停后重新点获取。
安装失败怎么办? 按顺序排查:存储空间是否足够(建议留出 300MB 以上);Android 是否已允许「安装未知应用」;安装包是否下载完整(重新下载一次往往能解决);系统版本是否低于 8.0 / iOS 14。都排除后仍然失败,把机型、系统版本和报错截图发到 support@shiliang-tubiao.cn,我们会在两个工作日内回复。

矢量图标首次使用建议做这三件事

第一,建一个和当前项目同名的收藏夹,后面所有收藏都往里面放,别用默认夹子堆着。第二,在设置里把预览尺寸调成你项目最常用的那一档,比如做移动端就设 24px,选图标时判断会快很多。第三,把「源码视图」的入口位置记一下,改色、查描边数值都会用到它。这三步做完,后面用起来基本不会卡壳。

Changelog

版本更新记录

只列有实际变化的版本,小修小补不单独占一行。

  1. v3.4.1

    修复部分安卓机型在源码视图下长按选中失效的问题;收藏夹排序逻辑调整,最近编辑的夹子置顶。

  2. v3.4.0

    新增多尺寸并排预览,一次看 16 到 96 像素四档效果;搜索支持按描边粗细过滤。

  3. v3.3.2

    收藏夹支持离线缓存;导出 PNG 增加 3x 选项;优化首屏加载速度。

FAQ

常见问题

矢量图标 App 是免费的吗?

下载与基础检索、预览、收藏功能完全免费,不设内购门槛。部分高级导出批量处理能力会以可选增值方式提供,具体以后续版本内说明为准。

支持哪些系统版本?

Android 端建议 8.0 及以上,iOS 端建议 14 及以上。低于该版本仍可能安装,但部分界面渲染与导出功能会受限。

安装包安全吗,会不会有风险?

请只从本页或官方应用商店渠道获取安装包,不安装来源不明的第三方修改版本。安装时留意权限申请,矢量图标 App 不申请通讯录、短信等与功能无关的权限。

App 怎么更新?

应用商店渠道会随商店自动更新;从本页直接下载的安装包,可在应用内「关于」页检查新版本,也可以回到本页重新下载覆盖安装,收藏与设置会保留。

大概占多大存储空间?

安装包约 68MB,首次启动后占用通常在 120MB 上下。缓存图标预览与离线包后会继续增长,可在设置里清理缓存释放空间。

遇到问题怎么反馈?

可发邮件到 support@shiliang-tubiao.cn,附上机型、系统版本与问题截图,一般会在两个工作日内回复。商务合作请走 bd@shiliang-tubiao.cn。

Contact

联系我们

用户支持:support@shiliang-tubiao.cn(安装问题、功能异常、内容纠错)

商务合作:bd@shiliang-tubiao.cn(图标授权、内容合作)

问题反馈:feedback@shiliang-tubiao.cn(功能建议、体验吐槽)

工作时段:周一至周五 10:00–18:00,节假日顺延。邮件一般两个工作日内回复。

发现页面里某处描述和实际不符?直接写信告诉我们,改起来比你想的快。