Avatar

<Container>
  <Container row vcenter>
    <Avatar size={90} username="evilrabbit" />
    <Avatar size={60} username="evilrabbit" />
    <Avatar size={30} username="evilrabbit" />
    <Avatar size={20} username="evilrabbit" />
  </Container>
  <Container row>
    <Avatar size={30} username="rauchg" />
    <Avatar size={30} username="leo" />
    <Avatar size={30} username="timothy" />
    <Avatar size={30} username="paco" />
    <Avatar size={30} username="arunoda" />
    <Avatar size={30} username="hbp" />
    <Avatar size={30} username="shuding" />
  </Container>
</Container>

<Container>
  <Container row>
    <AvatarGroup size={30} limit={7} members={[
      { username: 'rauchg' },
      { username: 'leo' },
      { username: 'timothy' },
      { username: 'paco' },
      { username: 'arunoda' },
      { username: 'hbp' },
      { username: 'shuding' },
    ]}/>
  </Container>
  <Container row>
    <AvatarGroup size={30} limit={3} members={[
      { username: 'rauchg' },
      { username: 'leo' },
      { username: 'timothy' },
      { username: 'paco' },
      { username: 'arunoda' },
      { username: 'hbp' },
      { username: 'shuding' },
    ]}/>
  </Container>
</Container>

<Container>
  <Container left>
    <AvatarWithIcon
      size={75}
      username="evilrabbit"
      icon={GHIcon}
      right={-10}
      bottom={0}
    />
  </Container>
  <Container left>
    <AvatarWithIcon
      size={75}
      username="evilrabbit"
      icon={VercelIcon}
      right={-10}
      bottom={0}
    />
  </Container>
</Container>

<Container>
  <Container>
    <GitHubAvatar username="evilrabbit" />
  </Container>
  <Container>
    <GitLabAvatar url="https://assets.gitlab-static.net/uploads/-/system/user/avatar/2839379/avatar.png" />
  </Container>
  <Container>
    <BitbucketAvatar username="leo" />
  </Container>
</Container>

<Container row>
  <Avatar size={90} placeholder />
</Container>