Common Component
Icon

Icon

Icon 컴포넌트는 name prop에 따라 해당하는 아이콘을 동적으로 불러와 렌더링하는 시스템입니다.



Default


Primary
 
{" "}
<Icon name="정의된 아이콘 이름" />
 

  • width height 조정을 원할 때
 
  <Icon
    name="정의된 아이콘 이름"
    height={50} /* Size */
    width={50} /* Size */
  />
 


Icon List


  • Agree Icon

    Agree

  • AI Icon

    AI

  • App Icon

    App

  • AngelFace Icon

    AngelFace

  • Data Icon

    Data

  • Design Icon

    Design

  • Disagree Icon

    Disagree

  • Folder Icon

    Folder

  • Game Icon

    Game

  • Hello Icon

    Hello

  • Hit Icon

    Hit

  • Link Icon

    Link

  • Live Icon

    Live

  • Note Icon

    Note

  • Security Icon

    Security

  • Web Icon

    Web

  • Quality Icon

    Quality

  • SkipNext Icon

    SkipNext

  • CoverBox Icon

    CoverBox

  • WideScreen Icon

    WideScreen

  • Arrow Icon

    Arrow



Icon 저장소

Icon은 Image와 Stroke 별로 폴더 정리 했습니다.
이미지 추가 하실 때 참고 하시길 바랍니다.