Ikonografia

Receptura zaokrąglonego kwadratowego kafelka; ramka 48x48, promień 12px, tonowane tło.

Receptura kafelka ikony

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

Odcienie

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 pulpitu

Kanoniczny zestaw ikon produktu używanych w nawigacji pulpitu BetterGuard. Heroicons v2 outline w rozmiarze 24x24, stroke 2 round/round, osadzone inline (bez biblioteki ikon, bez sprite'a). Za każdym razem, gdy do pulpitu dodawana jest nowa ikona, odzwierciedl ją również tutaj.

Maskowanie Ochrona

Historia Ochrona

Ustawienia Ochrona

Forum testerów Ochrona

Schemat Ochrona

Zgłoszenia Wsparcie

Pomoc Wsparcie

Agenci System

Status System

Admin System

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

Tarcza Admin to niestandardowa ścieżka, a nie standardowy Heroicons. Nie zastępuj jej standardową tarczą 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>

Przykład: Obfuscate (lock-closed). Skopiuj ten znacznik bezpośrednio do szablonu Blade; stroke="currentColor" przejmuje kolor otaczającego tekstu.

Zalecane rozmiary

Ikony inline: 12-16px. Toolbar/nav: 20px. Ikona karty wewnątrz kafelka 48x48: 24-28px. Logo w nagłówku: 32-40px. Apple touch icon: 180px.