Avatar

tcmts.share.Avatar · #imetuk4s · term · runs anywhere

Someone's avatar: a placeholder, the same for everyone until people have pictures, named for who it is.

export function Avatar({ name, large }: { name: string; large?: boolean }) {
  return (
    <span className={large ? "avatar lg" : "avatar"} role="img" aria-label={name} title={name}>
      <svg viewBox="0 0 16 16" aria-hidden="true">
        <circle cx="8" cy="6.2" r="3" />
        <path d="M2 16.5c0-3.6 2.7-5.8 6-5.8s6 2.2 6 5.8z" />
      </svg>
    </span>
  );
}

used by