Ikonografi

Resipi jubin segi empat bulat; bingkai 48x48, jejari 12px, latar belakang berwarna.

Resipi jubin ikon

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

Nada

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

Ikon papan pemuka

Set ikon produk kanonik yang digunakan dalam navigasi papan pemuka BetterGuard. Heroicons v2 outline pada 24x24, stroke 2 round/round, disajikan inline (tiada pustaka ikon, tiada sprite). Setiap kali ikon baharu ditambah pada papan pemuka, cerminkan juga di sini.

Samarkan Lindungi

Sejarah Lindungi

Tetapan Lindungi

Forum penguji Lindungi

Pelan Lindungi

Tiket Sokongan

Bantuan Sokongan

Ejen Sistem

Status Sistem

Admin Sistem

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

Perisai Admin ialah laluan tersuai, bukan Heroicons standard. Jangan gantikannya dengan perisai 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>

Contoh: Obfuscate (lock-closed). Salin markup ini terus ke templat Blade; stroke="currentColor" mengambil warna teks sekeliling.

Saiz disyorkan

Ikon inline: 12-16px. Toolbar/nav: 20px. Ikon kad dalam jubin 48x48: 24-28px. Pengepala logo: 32-40px. Apple touch icon: 180px.