Icon
Icon (아이콘)
SVG 아이콘을 표시하는 컴포넌트예요. 다양한 아이콘 라이브러리와 손쉽게 연동할 수 있어요.
출처: 문서
본문
사용법 (Usage)
import { Icon } from "@chakra-ui/react"
<Icon />
:::warning
Chakra는 기본적으로 어떤 아이콘도 제공하지 않아요. react-icons나 lucide-react 같은 인기 아이콘 라이브러리를 사용하세요.
:::
예제 (Examples)
React Icons
react-icons 같은 인기 React 아이콘 라이브러리와 연동해요.
커스텀 SVG (Custom svg)
asChild prop을 사용해 Icon 컴포넌트 안에서 커스텀 SVG 아이콘을 렌더링해요.
아이콘 만들기 (Create Icon)
createIcon 유틸리티를 사용해 커스텀 아이콘을 만들어요.