[웹폰트아이콘] Google Material Design Icons 사용하기

fontawesome을 많이 사용했었는데,, 요즘은 구글 아이콘에 빠져있다. 

그래서 사용법을 살짝 공유해보려한다.

[Google Material Design Icons 사용는 방법] 

 

Icons - Material Design

Material icons are delightful, beautifully crafted symbols for common actions and items. Download on desktop to use them in your digital products for Android, iOS, and web.

https://material.io/tools/icons/index.html

 

에 아래 코드를 추가한다. 
 

그리고는 사용하고픈 아이콘을 클릭해서 그 코드를 복사해서 사용한다. 




▲ Selected Icon 을 클릭한다.





브라우저에 따라 필요한 코드를 복사해서 사용한다. 

간단하다. 

아이콘의 크기는 font-size 로 설정가능하며, line-height 등으로 조절해서 사용가능하다. 

물론 더 많은 방법들도 있다.