Iconografia

Una ricetta di tessera quadrata arrotondata; cornice 48x48, raggio 12px, sfondo tinteggiato.

Ricetta della tessera icona

Tile size	48x48
Tile radius	12px
Inline icon	12px to 16px
Toolbar / nav icon	20px
Card icon	24px to 28px inside a 48x48 tile
Stroke	2 round/round
ViewBox	24 24

Tinte

cyan

rgba(0, 139, 139, 0.3)

bg:icon-tint:cyan

green

rgba(34, 197, 94, 0.3)

bg:icon-tint:green

purple

rgba(124, 77, 255, 0.3)

bg:icon-tint:purple

orange

rgba(251, 146, 60, 0.3)

bg:icon-tint:orange

blue

rgba(59, 130, 246, 0.3)

bg:icon-tint:blue

red

rgba(239, 68, 68, 0.3)

bg:icon-tint:red

Icone della dashboard

L'insieme canonico di icone di prodotto utilizzato nella navigazione della dashboard di BetterGuard. Heroicons v2 outline in 24x24, stroke 2 round/round, integrate inline (nessuna libreria di icone, nessuno sprite). Ogni volta che viene aggiunta una nuova icona alla dashboard, replicala anche qui.

Offusca Protezione

Cronologia Protezione

Impostazioni Protezione

Forum dei tester Protezione

Schema Protezione

Ticket Supporto

Aiuto Supporto

Agenti Sistema

Stato Sistema

Admin Sistema

Stroke: #9ca3af inactive (shown above) · #22d3ee active. Both inherited via stroke="currentColor" from the surrounding .nav-item color.

Lo scudo Admin è un tracciato personalizzato, non Heroicons standard. Non sostituirlo con lo scudo Heroicons standard.

<svg fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
</svg>

Esempio: Obfuscate (lock-closed). Copia questo markup direttamente in un template Blade; stroke="currentColor" eredita il colore del testo circostante.

Dimensioni consigliate

Icone inline: 12–16px. Toolbar/nav: 20px. Icona della card dentro tessera 48x48: 24–28px. Logo header: 32–40px. Icona Apple touch: 180px.