react-icons 사용하기

김범기·2024년 4월 29일

React

목록 보기
3/6
post-thumbnail

사용하기

우선 사용방법은 아래에서 찾으면되고
react-icons 사용방법

아이콘은 아래에서 찾으면 된다.
react-icons 아이콘 찾기

npm install react-icons --save

또는

yarn add react-icons

명령어를 터미널에 입력해준다.

react-icons 아이콘 찾기
이곳에서 마음에 드는 아이콘을 찾고, 프로젝트에 입력해주면 된다.

여기서 Money를 검색해서

마음에 드는 것을 선택하면 창이 뜨는데 거기서 사용하라고 하는 방식으로 그대로 사용하면 된다.

import { RiMoneyDollarBoxLine } from "react-icons/ri";

이런 식으로 import 해주고

<RiMoneyDollarBoxLine size={100} color='blue' />

size와 color를 통해 크기와 색을 바꿀수 있다.

다른 태그들과 마찬가지로 style={{}}도 적용된다.

profile
반드시 결승점을 통과하는 개발자

0개의 댓글