Skip to content
🔷

Icon Generator

Build a clean SVG icon from geometric shapes, a letter or a glyph, and copy the markup or download the file. No account, no watermark.

24%
2px
52%
icons must stay legible when small

The output is a single SVG path-free shape plus text, so it scales to any size and inherits currentColor if you swap the fill for it. A glyph-based icon is a <text> element, which means it needs that font available on the machine that renders it; for a production icon set, convert the glyph to a path first.

More in Design Tools

View all →
Color Blindness Simulator Preview colour vision deficiency Pixel Art Maker Pixelate an image to a fixed palette Meme Generator Add Impact-style captions to a photo Avatar Generator Deterministic avatars from a seed Type Scale Generator Build a modular type scale Google Font Pairing Generator Pair a heading font with a body font

What Is Icon Generator?

The Icon Generator builds crisp SVG icons from twelve geometric shapes, with an optional letter or symbol glyph plus adjustable corner radius, fill, stroke, and outline. Preview common export sizes from 16 pixels up, then copy production-ready SVG markup.

Who Uses the Icon Generator?

Developers, designers, and indie makers use it for favicons, app icons, buttons, and placeholder glyphs without opening a vector editor.

How to Use the Icon Generator

  1. Pick one of the twelve base shapes.
  2. Add an optional glyph character and tune its size.
  3. Set fill, stroke, stroke width, corner radius, and outline.
  4. Check the size previews and copy the SVG markup.

Why Choose Our Icon Generator?

  • Twelve shapes with full control over fill, stroke, and corners
  • Size previews prove legibility down to 16 pixels
  • Clean namespaced SVG output ready to paste into any project

Try the Icon Generator above — it is free, fast, and works on any device. Bookmark this page to return whenever you need it.