리액트 아이콘 라이브러리 쓰기 (부트스트랩/yarn/npm)

| 설치 

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

React Icons

https://icons.getbootstrap.com/

 

 

이 사이트에서 미리 볼 수 있고 아래 code로 설치

 

//yarn 용 라이브러리
yarn add react-bootstrap bootstrap
yarn add react-icons

//일반 용 라이브러리
npm install react-bootstrap-icons --save
npm install react-icons --save // npm

 

 

 

| 기본 사용 예

import { MdLogin, MdOutlineLogout, MdOutlineAccountCircle } from "react-icons/md";

 

사용 한 jsx 파일 상단에 import 하고 

<Link to='/Login'><div>로그인<MdLogin /></div></Link>

 

사용할 곳에 적으면 끝

 

로그인 아이콘 불러와본것