Elements 23

<div class="max-w-lg mx-auto flex rounded-md border border-gray-300 divide-gray-200 divide-x text-gray-600 overflow-hidden">
  <span class="bg-white inline-block py-2 px-3">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" />
    </svg>
  </span>
  <input type="text" class="bg-white w-full py-2 px-3" placeholder="Email">
</div>

Raw

                      
<div class="max-w-lg mx-auto flex rounded-md border border-gray-300 divide-gray-200 divide-x text-gray-600 overflow-hidden">
  <span class="bg-white inline-block py-2 px-3">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" class="w-6">
      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4" />
    </svg>
  </span>
  <input type="text" class="bg-white w-full py-2 px-3" placeholder="Email">
</div>
            
          
        