예시안 안에 손으로 그린 SVG 도형이 셋 남아 있었다(DemoIcon·DemoStar·DemoCalendar). 이 화면이
곧 사용법 안내라, 버튼·칩·셀렉트 슬롯에 SVG가 들어가 있으면 "아이콘은 이렇게 넣는다"로 잘못
읽힌다 — 실제로 혼동이 생겼다. 셋 다 `fox-ico` 클래스로 바꾼다(CaretRight·Star·CalendarBlank).
호출부 69곳은 그대로다.

폰트 아이콘은 `width`/`height`가 아니라 `font-size`가 크기를 정한다. FoxSelect 힌트 아이콘
15곳의 `style`도 함께 바꿨다.

아이콘 슬롯 prop 주석도 고친다 — "`currentColor`로 그린 SVG여야 한다"가 다섯 컴포넌트에 남아
있어 같은 혼동을 계속 만든다. 마크업 계약을 그대로 적는다.

`DemoThumb`(320×180)만 SVG로 둔다 — 아이콘이 아니라 카드·모달의 사진 자리를 채우는 그림이다.

확인: 예시안의 버튼 아이콘이 "Fox Icons Regular" 16×16으로 그려지고 글리프가 실린다.
칩의 달력도 CalendarBlank로 나온다. 예시안 어디에도 `

Figma btn-txt(106:2468) · btn-lnk(107:207) · btn-ico(400:6312) ·
btn-ico-toggle(404:5247)을 토큰만으로 옮긴다. 컴파일된 CSS에 원시
hex/px/rem 리터럴은 0건이다.

btn-ico와 btn-ico-toggle은 계열·크기·모양이 같고 켜짐 상태만 달라
FoxIconButton 하나로 합쳤다. 켜짐은 `aria-pressed`로 표시해 스타일 훅과
접근성 표시를 겸한다. 시안에 켜짐과 hover가 겹치는 조합이 없어(상태가 단일
축이다) 켜진 동안에는 켜짐 색이 유지된다.

FoxLinkButton은 href가 있으면 , 없으면 으로 렌더한다. 방문 색은
브라우저만 아는 값이라 CSS `:visited`에 맡기고 prop으로 흉내내지 않는다.

btn-txt의 아이콘 크기는 Figma가 변수를 걸지 않아 리터럴로 나오므로 값이
정확히 일치하는 icon-*(모드 무관)에 매핑했다. form-icon-*은 PC에서
24/20/16/12라 시안과 어긋난다.

Co-Authored-By: Claude Opus 5