리액트 font Awesome 사용법
패키지 설치
SVG 기반 아이콘을 활성화 시키기 위한 기본패키지 설치
npm i @fortawesome/fontawesome-svg-core
Font Awesome 아이콘에 대한 패키지 설치
Solid , Regular , Brands 3개의 카테고리가 무료임
npm i @fortawesome/free-solid-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-brands-svg-icons
마지막으로 Font Awesome을 컴포넌트 형태로 사용할 수 있도록 해주는 패키지 설치
npm i @fortawesome/react-fontawesome
사용법
icon props안에 이름을 넣으면 사요이 가능하다
import React from "react";
import { faCamera } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
<FontAwesomeIcon icon={faCamera} />
크기를 늘리고 싶으면 size ="2x"를 넣으면 된다
<FontAwesomeIcon icon={faCamera} size = "2x" />
Author And Source
이 문제에 관하여(리액트 font Awesome 사용법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@slbin-park/리액트-font-Awesome-사용법저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)