En vez de poner ese div adicional que pone Nico para separar los Ãconos entre sÃ, pueden usan la propiedad gap-x-2 para separarlos entre sÃ:
<div class="flex items-center gap-x-2">
<button class="text-white" type="button">
<fa-icon [icon]="faBell"></fa-icon>
</button>
<button class="text-white" type="button">
<fa-icon [icon]="faInfoCircle"></fa-icon>
</button>
<button type="button" class="flex rounded-full" ...>
...
</button>
</div>
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?