리액트에서 아이콘 쓰기

먼저 npm 혹은 yarn으로 설치를 해주어야 합니다.

 

yarn add react-icons

 

npm install react-icons --save

 

위의 명령어를 사용하여 설치를 해준 후 

사용하고자하는 icon을 추가해주어야합니다.

 

 

https://react-icons.github.io/react-icons/

React Icons

 

아래의 사이트에 들어가면 사용할 수 있는 여러 아이콘이 있고 사용방법도 적혀있습니다.

 

예를 들어서

 

Meterial Design icons를 사용하고자 한다면

import {사용하고자하는 아이콘 이름} from 'react-icons/md'; 

라고 임포트 해주시면됩니다.

 

아이콘 클릭하시면 아이콘 이름 복사됩니다.