Avatar With placeholder icon

            
<div class="flex flex-wrap items-end justify-center gap-3">
  <div class="flex h-6 w-6 items-center justify-center overflow-hidden rounded-full bg-teal-100">
    <svg class="h-1/2 w-1/2 text-teal-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
      <path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
    </svg>
  </div>
  <div class="flex h-8 w-8 items-center justify-center overflow-hidden rounded-full bg-teal-100">
    <svg class="h-1/2 w-1/2 text-teal-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
      <path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
    </svg>
  </div>
  <div class="flex h-10 w-10 items-center justify-center overflow-hidden rounded-full bg-teal-100">
    <svg class="h-1/2 w-1/2 text-teal-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
      <path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
    </svg>
  </div>
  <div class="flex h-12 w-12 items-center justify-center overflow-hidden rounded-full bg-teal-100">
    <svg class="h-1/2 w-1/2 text-teal-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
      <path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
    </svg>
  </div>
  <div class="flex h-14 w-14 items-center justify-center overflow-hidden rounded-full bg-teal-100">
    <svg class="h-1/2 w-1/2 text-teal-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
      <path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
    </svg>
  </div>
  <div class="flex h-16 w-16 items-center justify-center overflow-hidden rounded-full bg-teal-100">
    <svg class="h-1/2 w-1/2 text-teal-400" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
      <path d="M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h1 1 14H20z"></path>
    </svg>
  </div>
</div>