设计与配色

SVG · 精灵图 · 生成器

SVG · 精灵图 · 生成器. 输入项: 每行使用竖线分隔ID和SVG路径, 尺寸 (px). 输入数值并运行。可通过示例了解格式,然后复制或保存结果。

无需账号

正在加载工具…

使用方法

  1. 1输入项: 每行使用竖线分隔ID和SVG路径, 尺寸 (px).
  2. 2运行工具并查看结果。
  3. 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 · 仅整数

相关工具

全部工具