728x90
반응형
자바스크립트에서처럼 설치없이 링크만으로 import 해서 사용하는 방법은 없는 것 같다..
1. 일단 터미널에서 아래 코드입력해서 설치하고
npm install react-icons --save
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
2. react icons라는 사이트에서 사용하고 싶은 아이콘을 클릭하면 아이콘 이름이 복사됨
- 그 복사한 아이콘을 Import로 불러와야하는데 아이콘 브랜드(?)마다 불러오는 주소가 따로 있으니 주의!
- import { IconName } from "react-icons/fa"; 는 App.js에 넣기
- 폰트어썸은 "react-icons/fa" 이고 IconName 부분에 아이콘 이름(FaAngellist 이런거!)을 넣어주면 됨
- 아이콘을 클릭하면 아이콘 이름이 자동으로 복사됨
3. 사용할때에는 사용하고 싶은 곳에 <FaAngellist/> 이런식으로 사용하면 됨.
728x90
반응형
'Coding With Jina > React' 카테고리의 다른 글
| [React] 리액트 라우터 설치와 셋팅 - react-router-dom 설치방법 (0) | 2023.02.06 |
|---|---|
| [React] 리액트 Hook - useEffect( ) 함수 이해 쉬운 개념 정리 (0) | 2022.11.17 |
| [React] 리액트 Hooks - useEffect( ) 함수 (0) | 2022.11.11 |
| [React] 다운로드 없이 구글 폰트 적용하기 (0) | 2022.11.06 |
| [React] 리액트 첫 시작할때 알아야 할 기본 지식(업데이트중) (0) | 2022.11.03 |
