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은 다양한 굵기와 스타일을 가진 아이콘 폰트입니다. 가변 폰트를 지원하여 원하는 스타일의 아이콘 세트로 커스텀하여 사용할 수 있습니다.
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/css/min-icon-round.css>">
<link rel="stylesheet" href="<https://poposnail61.github.io/css/icon.css>">
<!-- MinIconSquare Use -->
<link rel="stylesheet" href="<https://poposnail61.github.io/css/min-icon-square.css>">
<link rel="stylesheet" href="<https://poposnail61.github.io/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> |