Problem Statement

I wanted to use Avatar component as a decorative stand in for selecting a feature I'm working on. Currently Avatar only accepts 2 characters or baked in EUI icons. Some emojis like 🕵️‍♀️ use more than 2 characters, so they'd be unuseable. This isn't a distinction I think most users would want to mentally parse.

Proposed Solution

From @ryankeairns

scoping it to EuiAvatar seems like a place to test/start. From what I now understand, we could set a different font stack that prioritizes checking system emoji fonts, first. (amongst a host of other code changes 😄 )
I think its fair to assume we want to avoid adding another font set to the EUI package, but that sounds doable.
Can you create an issue, note the use case, and suggest step 1 be a tech spike?

I don't know if it requires another font stack but i'll leave it to yall and your tech spike.

Use Case
Selecting things visually with user customizable avatars.

Value / Impact
Add a little whimsy to the otherwise text heavy selection pages.

Urgency

As anything, knowing its at least possible sooner than later would be clutch, otherwise I'll design it out.

Do alternatives or workarounds exist?

Not using it or just limiting users to boring two letter usage.

Related code or customizations

Additional context (Optional)

Designs or Specs (Optional)