Skip to content

poposnail61/min-icon

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🔗 Min Icon Download

🔗 Figma Commuity


Overview

Min Icon is an icon font with various weights and styles. It supports variable fonts and can be customized to a set of icons of your style.

Min Icon은 다양한 굵기와 스타일을 가진 아이콘 폰트입니다. 가변 폰트를 지원하여 원하는 스타일의 아이콘 세트로 커스텀하여 사용할 수 있습니다.

  • 684 icons, 32 brand icons
  • 9 weights
  • 3 Variable Axes
  • Fill Style


How to Use?

Load the css file and apply the icon font to use it. You can use variable fonts to create your own special set of icons.

css파일을 불러와 아이콘 폰트를 적용하여 사용합니다. 가변폰트를 사용할 경우 자신만의 특별한 아이콘 세트를 만들 수 있습니다.


  • css file setting

    Select and paste the desired font type.

    원하는 종류의 폰트를 선택하여 붙여넣습니다.

    <!-- MinIconRound Use -->
    <link rel="stylesheet" href="https://poposnail61.github.io/web/css/minIcon-round.css"/>
    <link rel="stylesheet" href="https://poposnail61.github.io/web/css/icon.css"/>
    <!-- MinIconSquare Use -->
    <link rel="stylesheet" href="https://poposnail61.github.io/web/css/minIcon-square.css"/>
    <link rel="stylesheet" href="https://poposnail61.github.io/web/css/icon.css"/>

  • Apply icon

    <i class="iFavorite"></i>

  • Apply different styles

    class explanation code
    .fill Icons of filled styles <i class="iFavorite fill"></i>
    .spin Rotational animation <i class="iFavorite spin"></i>
    .iThin Thin weight icon <i class="iFavorite iThin"></i>
    .iExtraLight ExtraLight weight icon <i class="iFavorite iExtraLight"></i>
    .iLight Light weight icon <i class="iFavorite iLight"></i>
    .iRegular Regular weight icon <i class="iFavorite iRegular"></i>
    .iMedium Medium weight icon <i class="iFavorite iMedium"></i>
    .iSemiBold SemiBold weight icon <i class="iFavorite iSemiBold"></i>
    .iBold Bold weight icon <i class="iFavorite iBold"></i>
    .iExtraBold ExtraBold weight icon <i class="iFavorite iExtraBold"></i>
    .iBlack Black weight icon <i class="iFavorite iBlack"></i>