آیکونوگرافی
دستور کاشی مربع گردگوشه؛ قاب 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 |
تنالیتهها
آیکونهای داشبورد
مجموعه آیکونهای رسمی محصول که در ناوبری داشبورد BetterGuard استفاده میشود. Heroicons v2 outline در اندازه 24x24، با stroke 2 round/round، به صورت درونخطی ارائه میشوند (بدون کتابخانه آیکون، بدون sprite). هر زمان آیکون جدیدی به داشبورد اضافه شد، آن را اینجا نیز منعکس کنید.
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: 180px.