אייקונוגרפיה

מתכון אריח מרובע מעוגל; מסגרת 48x48, רדיוס 12px, רקע גווני.

מתכון אריח אייקון

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

גוונים

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

סמלי לוח הבקרה

ערכת סמלי המוצר הקנונית המשמשת בניווט לוח הבקרה של BetterGuard. Heroicons v2 outline בגודל 24x24, עם stroke 2 round/round, מוטמעים inline (ללא ספריית סמלים, ללא sprite). בכל פעם שמתווסף סמל חדש ללוח הבקרה, שקפו אותו גם כאן.

ערפול הגנה

היסטוריה הגנה

הגדרות הגנה

פורום הבודקים הגנה

תרשים הגנה

פניות תמיכה

עזרה תמיכה

סוכנים מערכת

סטטוס מערכת

Admin מערכת

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

מגן ה-Admin הוא נתיב מותאם אישית, לא Heroicons סטנדרטי. אל תחליפו אותו במגן ה-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>

דוגמה: Obfuscate (lock-closed). העתיקו את הסימון הזה ישירות לתבנית Blade; stroke="currentColor" יורש את צבע הטקסט הסובב.

גדלים מומלצים

אייקונים מוטמעים: 12-16px. סרגל כלים/ניווט: 20px. אייקון כרטיס בתוך אריח 48x48: 24-28px. לוגו בכותרת: 32-40px. Apple touch icon: 180px.