아이코노그래피

둥근 사각형 타일 레시피. 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로 인라인 제공합니다(아이콘 라이브러리 없음, 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. 툴바/내비: 20px. 48x48 타일 내부의 카드 아이콘: 24-28px. 로고 헤더: 32-40px. Apple touch icon: 180px.