Image Tools
Initials Avatar Generator
Create user profile placeholder avatars from initials. Pick a shape, size, colour, and weight. Download PNG or SVG. Auto colour from name, free, no signup.
Initials avatar generator
Type any name. Initials are derived from the first and last word. A single word uses its first two letters.
Force specific characters (up to three). Useful for monograms like JFK or single-letter avatars.
Initials count
Shape
Square output. 64 to 256 is common for app and forum profile pictures. 512 works for higher-DPI screens.
Background
The colour is derived from the name with a stable hash, so the same person always lands on the same background.
Typography
Fine-tune the weight and the size of the initials. The default works for most names.
Weight
SVG markup
Vector. Scales to any size without blurring. Paste straight into HTML or a React component.
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="Initials avatar: AL"><circle cx="128" cy="128" r="128" fill="#2563eb" /><text x="50%" y="52%" text-anchor="middle" dominant-baseline="middle" fill="#ffffff" font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif" font-weight="700" font-size="108">AL</text></svg>
PNG data URL
Embed as a base64 data URI. Handy for emails, CSS, and quick prototypes.
PNG is rendering...
HTML img (SVG data URI)
Drop-in markup that renders the SVG without a separate file.
<img src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22256%22%20height%3D%22256%22%20viewBox%3D%220%200%20256%20256%22%20role%3D%22img%22%20aria-label%3D%22Initials%20avatar%3A%20AL%22%3E%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%232563eb%22%20%2F%3E%3Ctext%20x%3D%2250%25%22%20y%3D%2252%25%22%20text-anchor%3D%22middle%22%20dominant-baseline%3D%22middle%22%20fill%3D%22%23ffffff%22%20font-family%3D%22-apple-system%2C%20BlinkMacSystemFont%2C%20%26apos%3BSegoe%20UI%26apos%3B%2C%20Roboto%2C%20%26apos%3BHelvetica%20Neue%26apos%3B%2C%20Arial%2C%20%26apos%3BNoto%20Sans%26apos%3B%2C%20sans-serif%22%20font-weight%3D%22700%22%20font-size%3D%22108%22%3EAL%3C%2Ftext%3E%3C%2Fsvg%3E" width="256" height="256" alt="Avatar for Ada Lovelace">
HTML img (PNG data URI)
Raster fallback for tools that cannot accept SVG.
PNG is rendering...
Why initials avatars?
Initials are the standard fallback when a user has not uploaded a profile picture. They sidestep the privacy and licensing problems of pulling from a social network, work without a network call, and stay readable at small sizes. The deterministic colour mode means the same name lands on the same background every time, which gives long lists of users a recognisable rhythm even without photos.
Tips
- Prefer the SVG output where you can. It stays sharp at every device pixel ratio and is a fraction of the size of a 512 px PNG.
- For Slack, Notion, and most product avatars, 128 px or 256 px gives a clean result on both 1x and 2x displays.
- Auto contrast meets WCAG-readable contrast for every colour in the built-in palette, so initials stay legible even at thumb sizes.
- The override field accepts up to three characters. Use it for memorial monograms like JFK, RBG, or MLK.
How to use
- Type a name. The tool derives initials from the first and last word, or the first two letters of a single word.
- Pick One letter or Two letters. Optionally type an override into the Override initials field for a custom monogram.
- Choose a shape: Circle, Rounded, or Square. Set the pixel size with the input or the preset buttons (64 to 512).
- Pick Auto from name for a deterministic colour, or Pick a colour to set a hex background. Auto contrast keeps the text legible against any background.
- Click Download PNG for a raster file, Download SVG for a vector file, or use the Copy buttons to grab the SVG markup, the PNG data URL, or a ready HTML img tag.
About this tool
Initials Avatar Generator turns any name into a round, rounded-square, or square profile picture with one or two big initials over a coloured background. Type a name and the tool extracts the first letter of the first and last word, or the first two letters of a single word, and renders the avatar in real time. Auto colour mode hashes the name with a stable 32-bit hash so the same person always lands on the same background, and the text colour is picked by relative luminance so the initials always meet WCAG-readable contrast. A custom colour mode lets you set any hex background and optional text colour. Choose the shape (circle, rounded, or square), set any pixel size from 16 to 1024, fine-tune the font weight and the letter size, then download a crisp PNG, copy the SVG markup, or copy a ready-to-paste HTML img tag. Override initials with up to three characters for monograms like JFK. Everything runs in your browser; nothing is uploaded.
Free to use. Works in your browser. No signup, no login.
Related tools
You may also like
Placeholder Image Generator
Custom-size placeholder PNG or JPG with palette, label, and pattern options.
Open tool
DeveloperGravatar URL Generator
Build Gravatar image URLs from an email with size and fallback options.
Open tool
ImageFavicon Generator
Generate a real favicon.ico plus PNG icons from 16 to 512 px in your browser.
Open tool
ImageImage Format Converter
Convert PNG, JPG, and WebP locally with quality and transparency controls.
Open tool
GeneratorQR Code Generator
QR codes for URLs, text, email, phone, SMS, WiFi, and vCard with PNG and SVG download.
Open tool