본문 바로가기

React

[react] 리액트 아이콘(react-icons 사이트) 이용방법

 

1. 터미널 아래에 작성해 설치를 한다.

 

npm install react-icons --save

 

2. 작성하는 문서 안에 import해준다.

 

 

▼ 아래와 같이 작성

 

 

 작성한 {IconName}앞에꺼에 들어가는 이름 수정 (사용하는 이미지 이름으로 수정)

 

 

 아래 수정해서 작성한 코드

 

 

3. 사용 태그를 달아준다.

 

 

*아이콘을 해당 파일에만 불러온 것이기 때문에 다음번 사용때는 다시 작성해준다