스케치 아이콘을 사용하면 아이콘을 쉽게 가져올 수 있습니다.

Sketch-icons는 누구나 쉽게 아이콘을 사용할 수 있도록 해주는 아이콘 라이브러리입니다.

문서: https://sketch-icons.gitbook.io/docs/

설치




npm i sketch-icons
# or
yarn add sketch-icons


용법




import { PlayFill } from "sketch-icons";

class Icons extends React.Component {
  render() {
    return (
      <h2>
        Here's a <PlayFill />
      </h2>
    );
  }
}


속성




재산
기인하다
기본


색깔color="color"#2A2238
height={height}32
너비width={width}32
뇌졸중stroke="stroke-color"#2A2238
스트로크 폭strokeWidth="stroke-width"1.5


import { ArrowUpCircle, ArrowDown } from "sketch-icons";

class Icons extends React.Component {
  render() {
    return (
      <h2>
        Go Up <ArrowUpCircle height={100} width={100} />
        Move Down <ArrowDown stroke="blue" strokeWidth="0.1" color="#ffffff" />
      </h2>
    );
  }
}


Github 저장소: https://github.com/garudatechnologydevelopers/Sketch-icons
Npm 패키지: https://www.npmjs.com/package/sketch-icons

좋은 웹페이지 즐겨찾기