Aikonografia

Mapishi ya kigae cha mraba kilichozungushwa; fremu 48x48, eneo 12px, mandhari yenye rangi.

Mapishi ya kigae cha aikoni

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

Rangi

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

Aikoni za dashibodi

Seti ya aikoni za bidhaa zinazotumika katika urambazaji wa dashibodi ya BetterGuard. Heroicons v2 outline kwa 24x24, stroke 2 round/round, zinazohudumiwa inline (hakuna maktaba ya aikoni, hakuna sprite). Kila wakati aikoni mpya inapoongezwa kwenye dashibodi, ionyeshe pia hapa.

Ficha Linda

Historia Linda

Mipangilio Linda

Jukwaa la wajaribu Linda

Mchoro Linda

Tiketi Msaada

Msaada Msaada

Mawakala Mfumo

Hali Mfumo

Admin Mfumo

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

Ngao ya Admin ni njia maalum, sio Heroicons ya kawaida. Usiibadilishe na ngao ya kawaida ya 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>

Mfano: Obfuscate (lock-closed). Nakili alama hii moja kwa moja kwenye kiolezo cha Blade; stroke="currentColor" inachukua rangi ya maandishi yanayozunguka.

Ukubwa unaopendekezwa

Aikoni za inline: 12-16px. Toolbar/nav: 20px. Aikoni ya kadi ndani ya kigae cha 48x48: 24-28px. Kichwa cha nembo: 32-40px. Aikoni ya Apple touch: 180px.