구글에서는 머터리얼 아이콘을 무료로 사용할 수 있게 한다. 구글 머터리얼 아이콘은 웹폰트 형식 뿐만아니라 안드로이드나 아이폰에서도 사용할 수 있도록 svg와 png 형식으로도 아이콘을 제공하고 있다.

https://material.io/

https://material.io/icons/

설치 방법

CDN 설치

간단하게 설치할 수 있는 CDN 설치는 특별히 아이콘을 커스터마이징 할 일이 없을 때 사용한다.

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

다운로드 설치

다운로드 하여 사용하는 경우트 폰트어썸이나, XEICON과 달리 순수하게 아이콘 폰트만 제공하기 떄문에 웹폰트처럼 사용하기 위해서는 기본적인 CSS 설정을 꼭 해야한다.

사용 예제

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

폰트의 크기를 수정할 때는 css의 font-size 속성을 사용한다.