ETC/develop
[REACT] REACT-Icons 사용하기
Abraxass
2021. 8. 26. 21:12
반응형
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 />를 입력해주면 끝.
반응형