본문 바로가기

기타 정보

Google Material icon

- 가끔 디자이너가 시안에 넣지 않은 아이콘을 퍼블리싱 하다가 추가해야 하는 경우가 있다. 대부분의 경우 디자이너에게 요청 하지만, 간단한 기능 버튼에 들어가는 아이콘들은 하나의 백터 기반 아이콘 라이브러리(?)를 포함시켜 두고 퍼블리셔가 넣기도 한다.

- 우리 회사는 xeicon을 주로 쓰는데, 폰트파일을 다 합해도 1mb 정도의 가벼운 폰트다. 사용 방법도 진짜 간단함. 그래서 아마 쓰기 시작한듯?

- 많이 쓰이는 goolgle marerial icon은 종류가 굉장히 다양하고 (900개 넘음) 세련됬으며, 보기 편하고 customize도 미리 해볼수 있는 라이브러리도 있다.

- 근데 폰트 크기가 너무크다................... cdn으로 쓸거 아니면 잘 안쓸듯.

 

1.라이브러리 : https://fonts.google.com/icons?hl=ko
-> 여기서 아이콘 검색 및 개별 이미지 (png / svg 다운로드 가능)

2. 다운로드 링크 : https://github.com/google/material-design-icons
-> 서버에 올려 사용할 경우 폰트파일 다운받아서 직접 넣어야 함 근데 여기서 전체 통으로 받으려나 파일 크기가 3G임.....에바....
* cdn으로 사용할 경우, <link href=" https://fonts.googleapis.com/icon?family=Material+Icons " rel="stylesheet"> 만 넣으면 됨

3.사용 가이드 : https://developers.google.com/fonts/docs/material_icons?hl=ko#icon_font_for_the_web

 

Material Symbols and Icons - Google Fonts

Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants.

fonts.google.com

 

728x90