Εικονογραφία

Συνταγή στρογγυλεμένου τετράγωνου πλακιδίου· πλαίσιο 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). Αντιγράψτε αυτό το markup απευθείας σε ένα πρότυπο Blade· το stroke="currentColor" παίρνει το χρώμα του περιβάλλοντος κειμένου.

Προτεινόμενα μεγέθη

Inline εικονίδια: 12–16px. Toolbar/nav: 20px. Εικονίδιο κάρτας εντός πλακιδίου 48x48: 24–28px. Λογότυπο στην κεφαλίδα: 32–40px. Apple touch icon: 180px.