Ikonografi

Resep ubin persegi membulat; bingkai 48x48, radius 12px, latar belakang berwarna.

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

Nuansa

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 dasbor

Set ikon produk kanonik yang digunakan dalam navigasi dasbor BetterGuard. Heroicons v2 outline berukuran 24x24, stroke 2 round/round, disajikan inline (tanpa pustaka ikon, tanpa sprite). Setiap kali ikon baru ditambahkan ke dasbor, cerminkan juga di sini.

Samarkan Lindungi

Riwayat Lindungi

Pengaturan Lindungi

Forum penguji Lindungi

Cetak biru Lindungi

Tiket Dukungan

Bantuan Dukungan

Agen 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 adalah jalur kustom, bukan Heroicons standar. Jangan menggantinya dengan perisai Heroicons standar.

<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 langsung ke templat Blade; stroke="currentColor" mengambil warna teks di sekitarnya.

Ukuran yang direkomendasikan

Ikon inline: 12-16px. Toolbar/nav: 20px. Ikon kartu di dalam ubin 48x48: 24-28px. Header logo: 32-40px. Apple touch icon: 180px.