İkonoqrafiya

Yumru kvadrat plitə resepti; 48x48 çərçivə, 12px radius, tonlanmış fon.

İkon plitəsi resepti

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

İdarə paneli ikonları

BetterGuard idarə paneli naviqasiyasında istifadə olunan rəsmi məhsul ikon dəsti. Heroicons v2 outline, 24x24 ölçüsündə, 2 round/round stroke ilə, sətirdaxili olaraq verilir (ikon kitabxanası yoxdur, sprite yoxdur). İdarə panelinə yeni ikon əlavə olunduqda, onu burada da əks etdirin.

Gizlətmə Qoruma

Tarixçə Qoruma

Parametrlər Qoruma

Test edənlər forumu Qoruma

Sxem Qoruma

Müraciətlər Dəstək

Kömək Dəstək

Agentlər Sistem

Status Sistem

Admin Sistem

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

Admin qalxanı xüsusi yoldur, standart Heroicons deyil. Onu standart Heroicons qalxanı ilə əvəz etməyin.

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

Nümunə: Obfuscate (lock-closed). Bu markupu birbaşa Blade şablonuna kopyalayın; stroke="currentColor" ətrafdakı mətnin rəngini götürür.

Tövsiyə olunan ölçülər

Sətirdaxili ikonlar: 12-16px. Toolbar/nav: 20px. 48x48 plitə daxilində kart ikonu: 24-28px. Loqo başlığı: 32-40px. Apple touch ikon: 180px.