Иконография

Дөңгелек шаршы тақтайша рецепті; 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). Бұл белгілеуді тікелей Blade шаблонына көшіріңіз; stroke="currentColor" қоршаған мәтіннің түсін алады.

Ұсынылған өлшемдер

Жолішілік белгішелер: 12-16px. Toolbar/nav: 20px. 48x48 тақтайша ішіндегі карта белгішесі: 24-28px. Логотип тақырыбы: 32-40px. Apple touch белгішесі: 180px.