Initials Avatar Generator
Generate an SVG avatar from name initials — choose shape, size, and colors.
SVG markup
SVG source
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 96 96"><circle cx="48" cy="48" r="48" fill="#4f46e5"/><text x="50%" y="50%" dominant-baseline="central" text-anchor="middle" font-size="38" font-family="system-ui,sans-serif" font-weight="600" fill="#ffffff">AJ</text></svg>
SVG initials avatar explained
The avatar is a pure SVG element with a shape (circle, square, or rounded square), a background color, and a centered text element for the initials. The initials are taken from the first letter of the first and last word in the name. The result is a scalable vector — no raster artifacts at any size.
To generate a gradient avatar, try the Gradient Generator. For full icon sets, see Favicon Generator. To encode the SVG for CSS background-image use, try URL Encoder.
Private & free — this tool runs entirely in your browser.
Recommended: Cloudways — Managed cloud hosting on AWS, GCP & DO — from $11/mo.affiliate
Related Generators tools
UUID Generator
Generate secure v4 UUIDs.
QR Code Generator
Create customizable QR codes and export as SVG or PNG.
Lorem Ipsum
Generate placeholder paragraphs, sentences, or word lists.
Random Hex Generator
Generate cryptographically random hexadecimal strings.
Random Number String
Generate a random string of digits of any length.
Random String Generator
Generate random strings from a custom character set.
Random Color Generator
Generate random colors as HEX, RGB, and HSL.
MAC Address Generator
Generate random MAC addresses in several formats.