Ikonográfia

Lekerekített négyzet csempe recept; 48x48 keret, 12px sugár, árnyalt háttér.

Ikon csempe recept

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

Árnyalatok

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

Irányítópult ikonok

A BetterGuard irányítópult navigációjában használt kanonikus termékikon-készlet. Heroicons v2 outline 24x24 méretben, stroke 2 round/round, inline beágyazva (nincs ikonkönyvtár, nincs sprite). Amikor új ikont adnak hozzá az irányítópulthoz, tükrözze itt is.

Elfedés Védelem

Előzmények Védelem

Beállítások Védelem

Tesztelői fórum Védelem

Vázlat Védelem

Jegyek Támogatás

Súgó Támogatás

Ügynökök Rendszer

Állapot Rendszer

Admin Rendszer

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

Az Admin pajzs egyedi útvonal, nem szabványos Heroicons. Ne cserélje le a szabványos Heroicons pajzsra.

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

Példa: Obfuscate (lock-closed). Másolja ezt a jelölést közvetlenül egy Blade sablonba; a stroke="currentColor" átveszi a környező szöveg színét.

Ajánlott méretek

Inline ikonok: 12–16px. Toolbar/nav: 20px. Kártya ikon a 48x48 csempén belül: 24–28px. Logo a fejlécben: 32–40px. Apple touch icon: 180px.