Icon Generator
Pick a built-in icon, recolour it and export SVG.
⭐Icon Generator
All processing happens locallyWhat this tool does
Icon Generator is an SVG generator for a set of common line icons, implements the standard table both ways and locates invalid bytes instead of silently dropping them.
Every icon is hand-drawn on a 24×24 grid with simple paths, small enough to inline in HTML and inherit currentColor. A stroke width of 1.5–2 works best: thinner lines blur on low-DPI screens, thicker ones merge at small sizes.
How to use it
- Paste or type your content into the input field at the top, or press the sample button to load demo data.
- Adjust the options below the input, such as output format, separators, letter case or precision.
- Press the main button to run the conversion. Results appear instantly in the output panel without a page reload.
- When the result looks right, use the copy button in the corner, or download it as a local file.
Tips and notes
Clean up stray spaces and line breaks before pasting for more accurate results.
FAQ
Yes. Change stroke to currentColor and inline it: the icon then follows the text colour and you can size it via CSS.
They are generic line shapes drawn by hand on a 24×24 grid (house, magnifier, gear and so on) — common basic geometry, not copied assets.
Vectors anti-alias across half pixels when scaled non-integrally. Use even sizes (16/24/32/48) and integer stroke widths to improve it.
The bytes are invalid in the chosen encoding — usually the wrong codec.
Yes. The tool is completely free with no usage limits, and you never need an account or a sign-in.
No. All processing runs locally in your browser, so the input never reaches a server and is never logged or stored.
Yes. The layout is mobile-first, so inputs and buttons stay comfortable on phones and tablets in both orientations.
Yes. A copy button in the output panel puts the result on your clipboard, and you can also download it as a text file.