Google Material Icons

01.Google Material Icons

• https://fonts.google.com/icons?selected=Material+Icons
• 구글에서 제공하는 머터리얼 아이콘을 무료로 사용할 수 있습니다.

• web getting started 링크를 클릭하고 들어가서 해당 link 태그를 복사해서 붙여넣으면 google에서 무료로 제공하는 아이콘들을 사용할 수 있다.

<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />

<span class="material-icons">login</span>

• 만약 사용하고 싶은 아이콘이 있다면 해당 아이콘을 클릭하여 span 태그를 복사하여 body영역에 붙여넣습니다.
• 반드시 span 태그일 필요는 없지만 class의 이름은 반드시 material-icons이어야 합니다.

출력 결과

• 만약 icon의 크기를 조절하고 싶다면 font-size속성을 사용하여 사용할 수 있습니다.