리액트 아이콘 : React Icons

프론트 개발을 할 때 아이콘은 필수 요소다.

처음 html css를 배웠을 때 font awesome 을 사용해서, 계속 여기서 아이콘을 찾았었는데

유료도 많고 한정적이라 아쉬움이 있었다.

 

앞으로는 리액트 프로젝트 아이콘은 React Icons에서 찾도록 하자!

다양한 Font Awesome, Ant Design, Bootstrap, Material Design 등

리액트에서 사용할 수 있는 유용한 아이콘들을 모두 찾을 수 있다.

React icons 웹페이지

 

 

다음과 같이 간단하게 사용할 수 있다.

yarn add react-icons
# or
npm install react-icons --save

 

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

function Question() {
  return (
    <h3>
      Lets go for a <FaBeer />?
    </h3>
  );
}

 

 

더 많은 정보는 아래 링크 !

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

GitHub - react-icons/react-icons: svg react icons of popular icon packs

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

React Icons