본문 바로가기

React JS/Lecture

React - 아이콘 icon 사용하기 - react-icons-kit

React - 아이콘 icon 사용하기 - react-icons-kit

 

https://react-icons-kit.now.sh/

 

React Icons Kit

 

react-icons-kit.now.sh

 

#1. 설치!!

npm install --save react-icons-kit

#2. 사용법

아이콘을 하나하나 가져와서 사용해야 된다니, 귀찮을수도 있겠다.

하지만 필요한거만 가져오니 최적화는 성공한셈 아닌가?!

import { Icon } from 'react-icons-kit'
import { home } from 'react-icons-kit/icomoon/home'

export const IconHome () => <Icon icon={home} />

//
<Icon icon={iosWorld} size={36} />

 

 

DOS IMPACT - WEB Developer

KIM DO YOUNG

WEB : REACT JS | REACT NATIVE | GraphQL PRISMA