[React] react-icon

코드스테이즈 41기 교육 내용을 정리하고 있습니다.
틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다

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

React Icons

react아이콘은 위에 있는 사이트에 존재하는아이콘을 쉽게 가져와 사용할 수 있는 라이브러리 입니다.

 

install을 진행하겠습니다

npm install react-icons --save

 

font Awesome에 존재하는 안트로이드 아이콘을 사용하겠습니다.

import부분에 적혀있는 코드를 사용합니다

iconName 부분에 사용할 아이콘의 이름을 적어줍니다.

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

 

그리고 styled component를 사용하는것 처럼 사용하면 됩니다.

<FaAndroid/>

 

사이즈와 color도 변경이 가능합니다.

<FaAndroid size="124" color="#00ff00"/>

 

문자 태그 안에서도 사용 가능합니다.

<h3> Lets go for a <FaAndroid />? </h3>