구글 아이콘 모음 다운로드 : 머터리얼 디자인 리소스 모음

 

구글 머터리얼 디자인 가이드는 디자이너들에게 많은 도움이 됬습니다.

리소스를 제공하는 것 뿐만 아니라 UI 가이드, 액션 가이드 등

구글에서 연구한 디자인의 대부분을 오픈소스로 공개했죠.

영문으로 제공되는 페이지이긴 하나, 영어 능력자 분들이 번역 해놓은 페이지도 많으니

참고하시면 많은 도움이 될겁니다.

 

그 중에서도 아이콘 리소스는 PPT나 UI 디자인 할 때 계속 들어가보게 되는 페이지인데요.

오늘은 구글 아이콘을 다운로드 받는 경로와 방법을 알려드리려고 합니다.

 

구글 아이콘 모음 다운로드 : 머터리얼 디자인 리소스 모음

 

구글 머터리얼 디자인 사이트에서 '리소스' 메뉴로 가면 1순위로 보이는것이

아이콘 리소스 페이지 입니다. 아래 페이지로 접속하시면 되요.

 

 

https://material.io/resources/icons/?style=baseline

 

들어가자마자 수 많은 아이콘들이 나열되어 있습니다.

가장 기본에 충실한 디자인이고, 

왼쪽메뉴의 "테마"에서 전체가 채워진/아웃라인/둥근 등등 컨셉별로

아이콘 디자인을 선택할 수도 있습니다.

 

 

 

 

아이콘을 더 빠르게 찾고 싶다면 브라우저에서 Ctrl+F로 검색을 활성화 한 후

영문으로 키워드를 검색해보세요. 예를 들면 box, close같은 문구를 넣으면

더 빠르게 아이콘을 검색 할 수 있습니다. 노란색으로 하이라이트까지 해주네요.

 

 

카테고리별로 아이콘을 필터링 해서 볼 수도 있습니다.

왼쪽 메뉴에 All로 되어있던 필드를 클릭하면, 액션/알럿/AV(영상) 등등 목적에 맞는

아이콘들만 필터링 되어 나옵니다. 한결 더 편하죠?

 

 

 

마음에 드는 아이콘을 발견했다면 클릭한 후 에셋을 다운 받을 수 있습니다.

좌측에 활성된 Selected Icon을 보면 원하는 해상도, 사이즈를 고를 수도 있구요.

검은색 아이콘 뿐만 아니라 화이트로 색상을 반전 시켜 받을 수도 있습니다.

에셋은 SVG, PNG 두 타입으로 받을 수 있으며 압축 파일 (Zip)으로 다운로드가 됩니다.

 

여러개의 아이콘을 골라서 받는 기능은 제가 못 찾는 건지 없나봐요..

다중 선택 기능만 더 있다면 거의 퍼펙트에 가까운, 구글 아이콘 모음 사이트 였습니다.

 

 

 

❗️ 댓글 & 즐겨찾기는 자료 업로드에 큰 힘이 됩니다 : )

 

Posted By. BONSAE

Bonsae.tistory.com