Bootstrap Icons

Como usar

Inclua o CSS (tag acima) e use um elemento <i> com a classe bi e o nome do ícone. As fontes são carregadas automaticamente pelo CSS.

<i class="bi bi-check-circle"></i>
<i class="bi bi-trash text-danger fs-4"></i>

<button class="btn btn-primary">
    <i class="bi bi-cloud-upload"></i> Enviar
</button>

Observações

• O ícone herda cor e tamanho do texto: use color/font-size ou as classes do Bootstrap (text-*, fs-*).
• Para acessibilidade, em ícones sem texto ao lado, adicione aria-label ao elemento pai ou role="img" com aria-label no ícone.
• Lista de ícones: icons.getbootstrap.com