MOTEFUL · 图标工具
图标工具
导入 SVG 图标，改色、缩放、旋转，一键导出任意尺寸。
100% 本地处理
免费使用
导入图标
点击选择或拖入 SVG 文件
支持 .svg / .ico / .icns · 内容不会离开设备
编辑
等比缩放
图标颜色
背景色
描边
描边粗细
内边距
旋转
翻转
操作
空格+拖拽 平移 · 滚轮 缩放 · 双击 复位
导入图标后显示预览
所有编辑都在本地完成
预览放大
200%
导出
格式
尺寸
多选
复制
功能介绍
| 功能 | 说明 |
|---|---|
| 多种导入方式 | 支持 .svg 文件上传、拖入，以及 SVG 代码直接粘贴，三种方式任选。 |
| 颜色与描边 | 一键改图标颜色与描边颜色，描边粗细可调，适配不同视觉场景。 |
| 背景与内边距 | 透明或自定义背景色，内边距百分比控制图标留白。 |
| 等比缩放 | 16~512 预设画布尺寸，图标始终等比居中，不拉伸变形。 |
| 旋转与翻转 | 一键旋转 90/180/270 度，水平、垂直翻转，支持撤销与重做。 |
| 多格式导出 | SVG 矢量与 PNG/JPG/WebP 位图，导出前可放大预览，无水印。 |
| 隐私保护 | 100% 本地处理，文件与代码不上传、不注册，关闭页面即清除。 |
| 自定义色板 | HSV 色相、饱和度、明度自由取色，支持屏幕取色，精准还原品牌色。 |
| 一键复制 | 复制 SVG 代码、DataURI 或渲染后的图像，直接粘贴进项目与设计稿。 |
| 配置记忆与分享 | 参数自动记忆，可生成带配置的分享链接，打开即恢复同款设置。 |
使用场景
网页图标
为网站快速准备 favicon 与按钮图标，统一配色与尺寸。
应用图标
按目标平台导出 16~512 各尺寸 PNG，覆盖大多数商店要求。
UI 素材
设计稿里的 SVG 图标一键换色、调描边，直接导出可用素材。
代码复用
把图标代码整理、统一后复制进项目，保持设计一致性。
常见问题
| 问题 | 答案 |
|---|---|
| 上传的 SVG 会上传到服务器吗？ | 不会。所有处理都在浏览器本地完成，可断网使用。 |
| 支持哪些文件格式？ | 导入支持 .svg 文件与 SVG 代码；导出支持 SVG/PNG/JPG/WebP。 |
| 多色图标可以改颜色吗？ | 可以。默认整体替换，也可按颜色分组单独修改，灵活适配品牌色。 |
| 导出结果可以商用吗？ | 可以。免费、无水印，导出结果无任何使用限制。 |
| 需要注册登录吗？ | 不需要，打开网页即可使用。 |