π Min Icon Download
π 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μ λ€μν κ΅΅κΈ°μ μ€νμΌμ κ°μ§ μμ΄μ½ ν°νΈμ
λλ€. κ°λ³ ν°νΈλ₯Ό μ§μνμ¬ μνλ μ€νμΌμ μμ΄μ½ μΈνΈλ‘ 컀μ€ν
νμ¬ μ¬μ©ν μ μμ΅λλ€.
- 684 icons, 32 brand icons
- 9 weights
- 3 Variable Axes
- Fill Style
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>