Avatar / Icon Generator
Generate simple CSS-based avatars: initials, gradients and shapes. No images, just HTML+CSS.
Name / initials
Random seed
Shape
Preview
TO
T
CSS snippet
.avatar {
width: 64px;
height: 64px;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 600;
font-family: system-ui, sans-serif;
background: radial-gradient(circle at 20% 0%, #f97316, transparent 55%),
radial-gradient(circle at 80% 110%, #22c55e, transparent 55%),
#030712;
border-radius: 999px;
}