免费工具
简体中文
SVG · 精灵图 · 生成器
SVG · 精灵图 · 生成器. 输入项: 每行使用竖线分隔ID和SVG路径, 尺寸 (px). 输入数值并运行。可通过示例了解格式,然后复制或保存结果。
无需账号
正在加载工具…
使用方法
- 1输入项: 每行使用竖线分隔ID和SVG路径, 尺寸 (px).
- 2运行工具并查看结果。
- 3复制结果,或更改输入进行比较。
使用提示
先通过示例检查输出格式。保留原始内容,核对转换值、空格和换行后再使用结果。
广告可能处理连接数据,个性化遵循您的隐私选择。 隐私说明(英语)
实际输入与输出示例
以下结果由此工具的实际引擎使用示例值计算,不使用个人输入或已保存工作。可在工具中载入示例查看相同输入。
示例输入
| 字段 | 值 |
|---|---|
| 每行使用竖线分隔ID和SVG路径 | arrow|M4 12h16M14 6l6 6-6 6 check|M5 12l4 4L19 6 |
| 尺寸 (px) | 24 |
示例结果
<svg xmlns="http://www.w3.org/2000/svg"><defs><symbol id="arrow" viewBox="0 0 24 24"><path d="M4 12h16M14 6l6 6-6 6" fill="none" stroke="currentColor"/></symbol><symbol id="check" viewBox="0 0 24 24"><path d="M5 12l4 4L19 6" fill="none" stroke="currentColor"/></symbol></defs></svg>
输入条件
以下为实际输入验证范围,并不保证所有允许值都符合现实或适用于您的情况。
- 尺寸 (px): 允许范围: 1 ≤ x ≤ 1,024 · 仅整数