आइकनोग्राफ़ी
गोल-चौकोर टाइल रेसिपी; 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 टच आइकन: 180px।