File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
interface MonitorIconProps {
/** 표시 제어용 클래스 패스스루(예: 테마 CSS 변형자 `hidden theme-system:contents`).
* 디자인 값(색상·치수 등) 주입은 금지 — 색은 상위 요소의 currentColor를 상속한다. */
className?: string;
}
/**
* 시스템(OS) 테마를 상징하는 모니터 아이콘(화면 사각형 + 받침). 직접 작도한 인라인 SVG.
* `stroke="currentColor"`라 버튼 등 상위 요소의 text 색 토큰을 그대로 상속하며,
* 장식용이므로 `aria-hidden`을 부여한다 — 접근성 이름은 소비처(IconButton)가 책임진다.
*/
export function MonitorIcon({ className }: MonitorIconProps) {
return (
<svg
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
aria-hidden="true"
className={`size-5 ${className ?? ""}`}
>
<rect x="3" y="4" width="18" height="13" rx="1.5" />
<path d="M8 21h8" />
<path d="M12 17v4" />
</svg>
);
}