react-icons 간단 사용 순서 정리

react-icons library 간단히 사용해본 순서를 정리

1. npm install react-icons —save
2. import {Ai아이콘명} from ‘react-icons/ai’ ai부분만 바꾸어주면 된다.
3. <Ai아이콘명/> 을 쓰면 아이콘이 나타나는데 컴포넌트명을 바꾸려면 스타일하는 파일로 가서 상속받으면된다.
4. 스타일하는 js파일로 이동해서
   export const 바꾸려는컴포넌트명 = styled(Ai아이콘명)’width:30px;height:30px;’
5. 바꾼 컴포넌트명으로 사용