back

  • person_pin
  • calendar_today
  • remove_red_eye

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

페이지 정보

작성자 webpaper 댓글 0건 조회 578회 작성일 19-02-25 14:31

본문

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

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

[Google Material Design Icons 사용는 방법] 

 

 

<head>에 아래 코드를 추가한다. 
 

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


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

2b5938b92a83c2ea926a9fe2810116d4_1551072494_14.png


▲ Selected Icon 을 클릭한다.


2b5938b92a83c2ea926a9fe2810116d4_1551072494_1928.png


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

간단하다. 

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

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