IconJar

IconJar是什么？

IconJar 是一款专为 macOS 系统打造的图标资源管理工具，针对图标管理的各种场景和设计师、开发者、营销人等等所有创作者面临的问题：千图各自存、杂乱不规范、难以迅速获取 —— 解决你的这些图标难题！专注于一个理念“集中收纳 高效管理 即时复用”，帮你快速打造个人有序的图标库。

核心优势与功能

1. 全格式图标集中管理

• 统一收纳：SVG, PNG, ICO 等主流图标格式一应俱全，按项目、风格、用途来组建“图标集 (Icon Set)”分类（例如 “品牌图标” “界面元素” “运营素材”)，再也不用散落在桌面/文件夹里。
• 智能标签系统： 给图标添加各种关键词 （箭头 ^ 警示色 ^移动端），配合全局搜索直接定位到原图。

2. 设计开发无缝衔接

• 一键拖拽调用：拖到 Figma、Sketch、Adobe XD… 及 VSCode、Sublime 等开发 IDE 中，可用 16px, 24px, @3x… 多种设计尺寸轻松调用！
  
• 批量导出与优化：设置默认适配 iOS / Android 手机和 Web 的平台尺寸模板与支持分辨率选择及透明色设定等自定义设置；内置 SVG 压缩器可以智能减少 path 的多余线条，减小图片大小（5%-20+%），提高网页加载速度。

3. 效率工具与智能管理

• 收藏与历史记录：单击 “星标图标”即可直达常用素材，“最近使用”，再也不用费时费力查找。
• 智能集合（Smart Sets）：按照条件搜素（图标名字、标签、格式等），会自动收集该类图标，如“全部红色警告图片”)，省时省力整理其他图标。

4. 可视化预览与元数据管理

• 直观预览界面：网格/列表显示图标；实时显示大小、格式、导入日期等信息并可缩放细部进行放大镜浏览。
• 团队协作支持：支持团队批量导出图标集文件，工作之中互相分享统一步调。

适用人群

• UI/UX 设计师：管理海量图标素材，快速适配多平台设计需求。
• 前端开发者：优化 SVG 图标用于网页开发，减少代码冗余。
• 营销 / 运营人员：图标快速套用PPT、海报、社媒素材，保持视觉风格统一。
• 企业设计团队：建立标准化图标库，提升资产复用率与协作效率。

使用方法

1.下载与安装

访问 IconJar 官网下载 macOS 版本的安装包，下载完毕后双击进行安装即可（一路点击下一步）。

2.导入图标：

• 单个或多个文件导入：把想要管理的 SVG/PNG/GIF 格式的图标文件从文件夹里直接拖拽到 IconJar 界面窗口中即可。
• 使用 Sketch 插件导入：如果你用 Sketch 设计的话，可以通过 Sketch 官方扩展进行批量或是个别导出你的 Sketch 图标到桌面， 同样你也可以点击图库里 Install 库里的安装插件将图标一次性快捷导入进库当中。
• 批量导入：点击 File（文件），然后点击 Import (导入)，在弹框跳出的 File selector（文件选择）里面把想添加进来的一个或者全选的一堆图标文件夹同时点下。还可以对同一个.iconjar 集合文档一次导够几万套不同的可随意取用的图形符号进去存储，按鼠标左键双击点击图标库内的 .iconjar( 系统自带 )便得出了。

3.分类管理图标：

• 创建图标集（Set）：点击 IconJar 界面的“新建一个新的集合”，设置好名字，如常用的‘常用图标’‘品牌图标’等，然后把图集拖进去。
• 使用标签（Tags）：选择一个或者多个图标，在右边上方的编辑栏设置关键词标签，如常见的‘箭头’‘圆形’‘红色’等；利用标签可以帮助筛选查找。
• 智能集合（Smart Sets）：点击最下面“建立智能集”的按钮，进入到筛选设置界面，输入文字或者其他条件，如图标中包含的文字、是否符合一些标签等等，点击确定后 iconjar 就会把这些符合条件的 icons 收录到 Smart 集合里面，并且这个列表还会不断地更新。
  
• 预览图标：在 IconJar 查看预览 icon 的效果，它默认是格子样式和 list 列表，可以随时上下移动页面，也可以通过下端小工具条上面的一个图标尺寸滑钮调节大小，也可以通过 Qulook 功能快速浏览 （一般按空格键即可)，预览查看 icon 细节、尺寸类型以及导入时间元数据等信息。

4.使用图标：

• 拖放至应用程序：在想加图标的某应用程序里面，如设计软件 Figma / Sketch / Adobe XD…、编码用的 VSCode 或 Sublime Text … 或各类办公软件 WPS/Word/PPT … 最重要的是使用 QuickDrag 可以将其拖成任意大小、颜色及格式（甚至是不能识别 SVG 格式的软件）。
• 替换图标：如果我们想要替换图片集里面的旧内容的话，只需要将一张或者所有新的图标拖到 IconJar 中相应的图标位置就可以更新了。

5.导出图标：

• 选择图标和尺寸：在 IconJar 中选中要导出的图标，然后点击 “导出” 按钮，选择内置预设的尺寸，如适用于 Android、iOS、macOS 的标准尺寸，也可自定义尺寸、文件类型和颜色等参数。
• 批量导出：支持一次导出多个图标，按照设置的参数生成相应格式和尺寸的图标文件，方便在不同平台和项目中使用。

6.其他功能：

• 收藏常用图标：标注星标的图标就会显示在“Starred”分类中，因为常用的图标都会被你标上星号，“Starred”的界面显示的就是你最常用的文件夹了。
• 查看最近使用图标：IconJar会帮你记住你最新的使用过的 icon ，并且会给你呈现一个列表供你快速查找。