아이콘
src/assets/icons/에 SVG를 추가하면 <Icon name="파일명" />으로 사용할 수
있습니다.
아이콘 목록
arrow
<Icon name="arrow" />
close
<Icon name="close" />
menu
<Icon name="menu" />
크기 변형
size=16
size=24
size=32
size=48
색상 적용
아이콘은 currentColor를 사용하므로 CSS color 속성으로 색상을 제어합니다.
#000
#e53e3e
#3182ce
사용법
import Icon from '@components/icons/Icon.astro'
// 기본 (size 기본값 24)
<Icon name="arrow" />
// 크기 지정
<Icon name="arrow" size={32} />
// 클래스 지정
<Icon name="close" size={24} class="my-icon" />