[리액트]리액트 아이콘(react-icons) 사용하기(lib)

리액트 개발을 하면서 아이콘 이미지가 없어서 어떻게 만들어야될지 고민하는사람은 이걸 사용하면 된다

[install]

npm install react-icons --save // npm 
yarn add react-icons // yarn

[use]

먼저 리액트 아이콘 공식 사이트에 들어가자

react-icons.github.io/react-icons/

그러면 엄청 잘되어 있는데 왼쪽 위 검색창에다가 내가 원하는 아이콘에 이름(ex star, user등)을 검색하면 포함되어 있는 모든 아이콘이 나온다

그리고 사용할때는 아래처럼 사용하면 된다

//import { 불러오고 싶은 아이콘1,아이콘2, 아이콘3 ...  } from 'react-icons/불러오고 싶은 아이콘 앞 두 글자';
import { AiFillStar, AiOutlineStar, AiFillDelete } from 'react-icons/ai';

//사용할때
return(
	<div>
		<AiFillStar />
		<AiOutlineStar />
	<div/>
)