min-icon

min-icon copied to clipboard

🔗 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>