반응형
Javascript에서 Icon을 사용 하는 것 보다 React에서는 훨씬 쉽게 Icon을 사용할 수 있다.
- yarn add react-icons
터미널에서 지정경로에 리액트 아이콘을 설치해준다.
다음 아래 사이트에 접속한다
https://react-icons.netlify.com/#/
React Icons
React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa
react-icons.github.io
목록중에 마음에드는 아이콘을 찾는다.
예시로 Ionicons 4에서 IoIosAlarm을 사용하겠다 라고하면 import { IoIosAlarm } from "react-icons/io"를 입력해 import해준 다음 사용 할 곳에 <IoIosAlarm />를 입력해주면 끝.
반응형
'develop > react' 카테고리의 다른 글
| [REACT] React Router를 이용하여 페이지 전환 하기 (0) | 2021.08.31 |
|---|---|
| [REACT] Firebase 연동 및 사용하기 [1] (0) | 2021.08.29 |
| [REACT] Uncaught Error: Objects are not --- valid as a React child (found: object with keys {current}). If you meant to render a collection of children, use an array instead. (0) | 2021.08.25 |
| [REACT] 글씨 타이핑 효과 내기 (0) | 2021.08.23 |
| [REACT] fontawesome 간단히 사용하기 (0) | 2021.07.19 |
댓글