İkonografi

Yuvarlatılmış kare karo tarifi; 48x48 çerçeve, 12px yarıçap, tonlu arka plan.

İkon karo tarifi

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

Tonlar

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

Kontrol paneli simgeleri

BetterGuard kontrol paneli gezinmesinde kullanılan kanonik ürün simge seti. Heroicons v2 outline 24x24 boyutunda, stroke 2 round/round, satır içi olarak sunulur (simge kitaplığı yok, sprite yok). Kontrol paneline yeni bir simge eklendiğinde burada da yansıtın.

Gizleme Koruma

Geçmiş Koruma

Ayarlar Koruma

Test eden forumu Koruma

Şema Koruma

Biletler Destek

Yardım Destek

Ajanlar Sistem

Durum Sistem

Admin Sistem

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

Admin kalkanı özel bir yoldur, standart Heroicons değildir. Standart Heroicons kalkanıyla değiştirmeyin.

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

Örnek: Obfuscate (lock-closed). Bu işaretlemeyi doğrudan bir Blade şablonuna kopyalayın; stroke="currentColor" çevreleyen metnin rengini alır.

Önerilen boyutlar

Satır içi ikonlar: 12-16px. Araç çubuğu/nav: 20px. 48x48 karo içindeki kart ikonu: 24-28px. Logo başlık: 32-40px. Apple touch ikon: 180px.