আইকনোগ্রাফি

আইকন টাইল রেসিপি

টিন্ট

ড্যাশবোর্ড আইকন

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)। এই markup সরাসরি একটি Blade টেমপ্লেটে কপি করুন; stroke="currentColor" আশেপাশের টেক্সটের রঙ গ্রহণ করে।

প্রস্তাবিত আকার

ইনলাইন আইকন: 12-16px। টুলবার/নেভ: 20px। 48x48 টাইলের ভিতরে কার্ড আইকন: 24-28px। লোগো হেডার: 32-40px। Apple টাচ আইকন: 180px।