Silhouette Avatar System

A unified black and white silhouette avatar system with 15 unique variants. Each user ID gets consistently assigned the same avatar based on a hash function.

Test with Custom User ID

Result:

💡 Try different user IDs - the same ID will always generate the same avatar!

Sample User Avatars

Sarah Chen
San Francisco
ID: sarah.chen
Alex Rodriguez
London
ID: alex.rodriguez
Emma Thompson
Sydney
ID: emma.thompson
Michael Wang
Tokyo
ID: michael.wang
Lisa Garcia
Barcelona
ID: lisa.garcia
David Kim
Seoul
ID: david.kim
Anna Mueller
Berlin
ID: anna.mueller
James Brown
New York
ID: james.brown
Marie Dubois
Paris
ID: marie.dubois
Carlo Rossi
Rome
ID: carlo.rossi

All Avatar Variants (15 total)

#1
Female Short Hair Smile
#2
Female Long Hair Neutral
#3
Female Curly Hair Thinking
#4
Female Ponytail Smile
#5
Female Wavy Hair Neutral
#6
Female Bangs Smile
#7
Female Bun Thinking
#8
Female Side Part Smile
#9
Male Short Hair Smile
#10
Male Middle Part Neutral
#11
Male Curly Hair Thinking
#12
Male Bald Smile
#13
Male Punk Hair Neutral
#14
Male Long Hair Neutral
#15
Male Beard Thinking

Different Sizes

Small (32px)
Medium (48px)
Large (64px)

Technical Features

🎨 Design Features

  • • Unified black & white silhouette style
  • • 15 unique avatar variants
  • • Different hairstyles and expressions
  • • Both male and female representations
  • • Scalable SVG format

🛠️ Technical Features

  • • Consistent avatar assignment by user ID
  • • Hash-based selection algorithm
  • • Three size variants (small/medium/large)
  • • TypeScript support
  • • Fully responsive design