πΒ Min Icon Download
πΒ Go to Github
πΒ Go to Figma Commuity
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> |