https://react-icons.github.io/react-icons/
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
먼저 React Icons를 설치하여 줍니다.
npm install react-icons --save
yarn add react-icons --save
사용하고자 하는 아이콘을 찾습니다.
이렇게 상단에 import 하는 방법이 적혀져 있습니다.
{아이콘 이름} from "react-icons/~~" 이렇게 아이콘 이름을 적어주시면 됩니다.
사용하고 하는 아이콘 클릭하면 바로 복사되기 때문에 붙여넣어주면 됩니다.
VscBell을 추가한 결과
오른쪽 상단에 벨 모양이 추가된 것을 확인할 수 있습니다.
'Web > React' 카테고리의 다른 글
| 리액트 음성인식 사용해보기 (1) | 2021.08.12 |
|---|---|
| [React] 카카오 로그인 연결해보기 - 2 (1) | 2021.08.06 |
| [React] 리엑트에서 부트스트랩 사용하기 (0) | 2021.07.26 |
| [React] 카카오 로그인 연결해보기-1 (4) | 2021.07.23 |
| 리액트에서 아이콘 쓰기 (0) | 2021.07.18 |
