آئیکونوگرافی
گول کونوں والی مربع ٹائل کی ترکیب؛ 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 کے ساتھ، inline پیش کیا جاتا ہے (کوئی آئیکن لائبریری نہیں، کوئی 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۔