We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
We use cookies.This website uses essential cookies to operate core features. With your consent, we also use analytics cookies to understand traffic and improve the service. For more details, see our .
Was this tool helpful to use?
Your feedback helps us make it better
Input text to quickly generate circular or rounded square letter icons suitable for website icons, avatars, UI elements.
Use 1-2 letters, numbers, or Chinese characters for the icon.
Overview
Understand what the tool solves, how it works, and the boundaries of its data.
Enter up to two characters—letters, digits, or other supported text—and see them centered in a square preview. Choose a sans-serif, serif, monospace, or rounded system font, toggle bold, and set the text size from 25% to 85% of the canvas. Set text and background colors, choose a solid or two-color gradient, or make the background transparent. The shape can be square, rounded, or circular.
The preview is 256 × 256 pixels. Downloads are PNG images redrawn at 32, 64, 128, 256, or 512 pixels square. Canvas image export is a raster image, so these files do not scale like vector artwork. MDN documents PNG as the default canvas export format when no other supported type is specified; this generator explicitly exports PNG.
For a browser tab icon, avatar, or placeholder mark, check the design at the size where it will appear. A one- or two-character mark with clear contrast usually survives reduction better than thin strokes or long text. Transparent corners in rounded and circular shapes reveal the destination background; review the icon against that background too.
Guide
Follow the workflow and verify inputs and outputs with practical examples.
Type one or two characters. Longer text is trimmed to the first two characters used for the preview and export.
Choose the font category, weight, and text scale. Check that the characters have enough room inside the shape.
Set the text color and a solid or gradient background, or enable transparency. Then choose square, rounded, or circle.
Select a PNG size to download. Review the result at its intended display size before using it.
Use cases
See how the tool fits into real work and everyday tasks.
Use one or two initials with a strong color contrast for a profile placeholder, then choose a size that suits the service where it will appear.
Create a compact acronym graphic for a prototype or internal project while a full brand asset is being prepared. Check it at the small size used in navigation.
Use a short label inside a simple shape as a visual marker. A transparent background can help it sit over a colored page or slide.
Q&A
Find concise answers to common questions and confusing cases.
The input is limited to two displayed characters, so it is designed for initials and short marks rather than a full name or wordmark.
No. With transparency enabled, no background fill is drawn. Turn transparency off to use a solid color or gradient.
No. That option exports a 32 × 32 PNG image with an .ico filename. Use one of the size-labeled PNG downloads when you need a file whose extension and image format both identify PNG.
Font choices use fonts available on the device and may fall back to another font. Check the exported image in its destination environment when consistent appearance matters.
Notes
Review scope, result limitations, and important precautions before use.
Exports are raster PNG images; there is no vector SVG output. The option named “favicon.ico” is still PNG-encoded content and should not be treated as a standards-compatible ICO file. Font availability and glyph metrics vary by device, so character weight and visual centering may differ. Small sizes can make low-contrast colors or fine strokes hard to read. Inspect the actual exported dimensions and background before publishing a brand or interface asset.
Related
Discover related tools, collections, and available API capabilities.