Playground

Type a seed, pick a style and a shape, and see exactly what seedicon renders.

Shape

Size128px

Corner radius22%

import { Avatar } from "seedicon/react";

<Avatar
  seed="0xba32a6076cd558947b3da6148fc4994b421eed56"
  style="pixels"
  size={128}
  shape="rounded"
/>

Style18

In context

Your seed in the places users actually see it.

acme · Dashboard×

Maria Souza · Profile

acmeDashboardProjectsTeamBillingyou

Sizes128 → 16px

128px

96px

64px

48px

40px

32px

24px

16px

Edit profile

You

0xba32a6076cd558947b3da6148fc4994b421eed56

12 projects5 teammates

Messages#onboarding

Is the new avatar picker live yet?

Yes. Every account already has one, generated from the user id.

Same picture on my phone and on my laptop. Nothing to upload?

Nothing stored anywhere. Same seed, same avatar.

Mine came out great. Shipping it.

Notifications3

Maria Souza mentioned you in Onboarding v2

2 min

user_8812 approved your pull request

1 h

0x5aAe…BeAed joined the workspace

1 d

Comments2

you · 2 min ago

Shipped the new onboarding flow. Avatars come straight from the user id.

user_8812 · just now

Looks great at small sizes too.

AssigneesOnboarding v2

You and 13 others are working on this.

Members6

Name	Role	Last active
You0xba32a6076cd558947b3da6148fc4994b421eed56	Owner	now
Maria Souzamaria@acme.io	Admin	now
user_8812user_8812	Member	5 min ago
0x5aAe…BeAed0x5aAeb6053F3E94C9b9A09f33669435E7Ef1BeAed	Member	1 h ago
Lucas Ferreiralucas.ferreira	Member	yesterday
c4f1e2a0…3c88c4f1e2a0-77b3-4d1e-9a52-1f0d9e6b3c88	Viewer	3 days ago