Dev iconDevSep 3, 2026 ~1 min source read

Free open-source avatar resources for developers and designersрџ‘‹

Avatars are one of those small UI details that can become surprisingly time-consuming. You need different sizes, shapes, styles, fallbacks, and sometimes avatar groups, and finding everything in one place isn't always easy.

Free open-source avatar resources for developers and designersрџ‘‹
Read original More from Dev

Share this story

Send the public story page.

Useful takeaways from this story.

Avatars are one of those small UI details that can become surprisingly time-consuming.

You need different sizes, shapes, styles, fallbacks, and sometimes avatar groups, and finding everything in one place isn't always easy.

So we put together 200+ open-source UI avatars that anyone can use in their projects, whether you're working in Figma, React, or just need avatars for a mockup or prototype.

Building the complete brief

The page is ready to read now. The fuller skim-friendly version will appear here automatically.

The useful part

Avatars are one of those small UI details that can become surprisingly time-consuming. You need different sizes, shapes, styles, fallbacks, and sometimes avatar groups, and finding everything in one place isn't always easy. So we put together 200+ open-source UI avatars that anyone can use in their projects, whether you're working in Figma, React, or just need avatars for a mockup or prototype.

How it works

  • We also made a UI Avatar Guide to share some of the things we've learned along the way, including sizing, shapes, avatar groups, fallbacks, accessibility, and other practical considerations.
  • We just wanted to make a useful resource that designers and developers can grab and use when they need it.

Keep reading in the app

Open the app view to save this story, compare related coverage, and continue from the same source.

Open in app