[ React ] React Icon

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

React Icons

 

React 에서 icon을 쓸려고 하는데, 윈도우 자체 아이콘보다 뭔가 이쁜 아이콘을 쓰고 싶어 알아보다 React Library 중 설치해서 받아오면 이쁜 React-icon 이라는 라이브러리를 발견했습니다.

 

npm install react-icons --save

 

설치법은 위와 같이 명령어를 쳐서 설치해주면 되겠습니다.

 

import { FaBeer } from 'react-icons/fa';

class Question extends React.Component {
  render() {
    return <h3> Lets go for a <FaBeer />? </h3>
  }
}

 

Example )

 

 

사용법도 간편합니다. 원하는 아이콘 클릭하여

Code 아래에 있는걸 import 하여 바로 컴포넌트를 써주면 됩니다.