SVG / 图标
SVG Sprite生成器：符号与图标用法
拖放多个SVG图标，创建符号精灵图。清理标记，消除文件名ID重复，保留viewBox，可选择将fill转换为currentColor，并下载sprite.svg。
SVG Sprite生成器：符号与图标用法: 放入一组SVG图标，即可获得一个精灵图文件，其中每个图标对应一个符号，并提供使用每个图标所需的代码片段。工具会移除脚本、外部资源和所有不安全内容；必要时将尺寸转换为viewBox；还可以将fill切换为currentColor，让图标跟随文本颜色变化。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 开发者工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
脚本、事件处理程序、外部资源、嵌入式图片、文本和不受支持的元素都会被移除。基本的内联样式会转换为表现属性。缺少viewBox时使用数值宽度和高度，每个缺失尺寸以24个单位作为默认值。使用前请检查每个预览。
编辑SVG图标符号和复用
SVG 2规定了symbol和use元素及其viewBox行为：https://www.w3.org/TR/SVG2/struct.html#SymbolElement；https://www.w3.org/TR/SVG2/struct.html#UseElement
本地处理和绘制
每个图标都根据安全的SVG元素和属性列表重新构建，因此脚本、事件处理程序和外部资源无法访问该精灵图。不包含第三方图标集。SVG绘制和currentColor的规范见：https://www.w3.org/TR/SVG2/painting.html。用户需自行负责所上传图标的许可证。
使用方法
- 拖放最多60个SVG图标，每个文件不超过1 MB。
- 查看清理后的预览，并可选择将fill转换为currentColor。
- 下载精灵图，然后选择一个图标以复制其使用代码片段。
隐私与限制
你的SVG文件会保留在本地。工具不会获取嵌入的网址，也不会上传图标。
相关工具
常见问题
如何使用精灵图？
先将SVG精灵图以隐藏容器的形式插入页面一次，然后使用复制的内联代码片段。如果使用单独的文件，则改用sprite.svg#id作为href。
缺少viewBox时会发生什么？
数值型width和height（包括带px单位的值）会定义新的viewBox。缺少或不受支持的尺寸会默认使用24个单位。预览会标记经过修复的viewBox，方便你检查是否发生裁剪。
每个图标都会保持完全相同的外观吗？
不会。工具会保留基本形状、分组、渐变、裁剪和蒙版，但会移除脚本、文本、嵌入式图片、use元素和不受支持的样式。请检查预览。你仍需自行负责所上传作品的许可。
免费工具·使用在浏览器中次·无需账户