Ikonografia

Receptúra zaoblenej štvorcovej dlaždice; rámec 48x48, radius 12px, tónované pozadie.

Receptúra ikonovej dlaždice

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

Tóny

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

Ikony dashboardu

Kanonická sada produktových ikon používaná v navigácii dashboardu BetterGuard. Heroicons v2 outline vo veľkosti 24x24, stroke 2 round/round, vkladané inline (bez ikonovej knižnice, bez sprite). Kedykoľvek pridáte do dashboardu novú ikonu, zrkadlite ju aj sem.

Maskovanie Ochrana

História Ochrana

Nastavenia Ochrana

Fórum testerov Ochrana

Schéma Ochrana

Tikety Podpora

Pomoc Podpora

Agenti Systém

Stav Systém

Admin Systém

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

Štít Admin je vlastná cesta, nie štandardný Heroicons. Nenahrádzajte ho štandardným štítom z Heroicons.

<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>

Príklad: Obfuscate (lock-closed). Tento markup skopírujte priamo do šablóny Blade; stroke="currentColor" preberie farbu okolitého textu.

Odporúčané veľkosti

Inline ikony: 12-16px. Toolbar/nav: 20px. Ikona karty vnútri dlaždice 48x48: 24-28px. Logo v hlavičke: 32-40px. Apple touch ikona: 180px.