Cerne
Ícones Biblioteca, ícones em uso e tamanhos de container

O projeto usa Bootstrap Icons 1.11.0 via CDN — carregado só nas páginas que exibem ícone (ex: AdminPage, ImportLattesPage), não no <head> global.

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">

Ícones já usados no projeto

Todo ícone novo deve, na medida do possível, vir desta mesma lista antes de introduzir um nome novo — mantém o conjunto pequeno e consistente.

bi-cloud-upload
bi-check-circle
bi-check-circle-fill
bi-x-circle
bi-exclamation-triangle
bi-file-earmark-check
<i class="bi bi-cloud-upload"></i>

Tamanhos de container por componente

Ícone sempre dentro de um container quadrado com gradiente/cor de fundo — nunca solto sem fundo em cards. O tamanho do container e o font-size do ícone variam por contexto:

ClasseContainerÍconeUso
.content-card-icon44×44px1.1remcards de conteúdo (política, termos)
.card-icon48×48px1.5rem.card-elegant (dashboards/feature cards)
.quick-card-icon48×48px1.2remacesso rápido / atalhos
.stat-card-icon46×46px1.1remcards de estatística
.ppg-card-icon52×52pxcards de programa de pós-graduação
.card-umc-icon60×60px2remcards do tema institucional UMC (legado)
44px → 60px, da esquerda pra direita
<div class="card-icon">
  <i class="bi bi-check-circle"></i>
</div>
Essa página foi útil?
Obrigado pelo feedback! 💬 Comentar / relatar problema