English
SVG · Sprite · Generator
SVG · Sprite · Generator. Inputs: One ID and SVG path per line, separated by a vertical bar, Size (px). Enter your values and run. Try the example to learn the format, then copy or save the result.
No account needed
How to use
- 1Inputs: One ID and SVG path per line, separated by a vertical bar, Size (px).
- 2Run the tool and review the result.
- 3Copy the result or change inputs to compare.
Good to know
Inspect the example output format first. Keep the original separately and check transformed values, spaces and line breaks before using the result.
Ads may process connection data. Personalization follows your privacy choices. Privacy (English)
Worked input and output example
These results come from this tool’s actual engine using the sample values below, not your personal input or saved work. Load the example in the tool to inspect the same inputs.
Example input
| Field | Value |
|---|---|
| One ID and SVG path per line, separated by a vertical bar | arrow|M4 12h16M14 6l6 6-6 6 check|M5 12l4 4L19 6 |
| Size (px) | 24 |
Example result
<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>
Input constraints
These are the actual input validation limits; they are not a guarantee that every accepted value is realistic or that a model applies to your situation.
- Size (px): Accepted range: 1 ≤ x ≤ 1,024 · Whole numbers only