본문 바로가기

리액트

[react] 리액트에서 Font Awesome 아이콘 사용하기

https://react-icons.github.io/react-icons/icons?name=fa

 

React Icons

 

react-icons.github.io

 

위 사이트에 들어가서 왼쪽에 Font Awesome 확인하고

1. 우선 리액트아이콘 라이브러리를 설치한다

   npm install react-icons <- 터미널에 명령!

2. import부분에 있는 걸 js파일 상부에 적어준다.

3. scroll내려서 보거나, ctrl+f로 원하는 icon을 찾는다. 난 trash 검색!

4. 원하는 부분에 < icon이름  /> 넣어준다

 

5. 웹페이지에서 확인

'리액트' 카테고리의 다른 글

[react] todo list 2  (0) 2022.04.14
[리액트] TodoList 1번째  (0) 2022.03.28
[리액트] 계산기  (0) 2022.03.27
[react] npm ERR! -4058  (0) 2022.03.25