google/material-design-icons

어떤 프로젝트인가요?

핵심 기능

• 01두 가지 아이콘 세트 제공: Material Symbols(현재 세트, 가변 폰트)와 Material Icons(클래식 세트, 업데이트 중단).
• 02Material Symbols는 광학 크기, 굵기, 그레이드, 채움 축을 조절할 수 있습니다.
• 03Material Icons는 아웃라인, 채움, 둥근 모서리, 각진 모서리, 투톤 스타일을 제공합니다.
• 04SVG, PNG, 웹 폰트, Android 및 iOS 형식을 제공합니다.
• 05Google Fonts 호스팅 링크를 사용하거나 파일을 다운로드해 사용할 수 있습니다.

활용 사례

• 웹 앱 UI에 일관된 아이콘 세트를 추가합니다.
• CSS 클래스나 Google Fonts 링크를 통해 웹사이트에서 아이콘 폰트를 사용합니다.
• Android 또는 iOS 앱에 Material 스타일 아이콘을 포함합니다.
• CSS에서 가변 폰트 설정으로 아이콘의 굵기나 채움 상태를 조정합니다.

빠른 시작

1. 1

   Material Symbols 아이콘 브라우저를 열고 아이콘을 선택하세요

2. 2

   SVG 아이콘용 커뮤니티 npm 패키지를 설치하세요

   npm install @material-design-icons/svg
3. 3

   또는 HTML에서 Google Fonts의 웹 글꼴을 연결하세요

   <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">

사용 전 알아둘 점

• !Material Icons는 더 이상 업데이트되지 않으므로 새 아이콘은 Material Symbols에만 추가됩니다.
• !npm 패키지는 Google이 아닌 서드파티에서 관리합니다.

토픽

자주 묻는 질문

material-design-icons은(는) 무엇인가요?

Google의 공식 Material Design 아이콘 세트(Material Symbols 및 클래식 Material Icons)를 SVG, 아이콘 폰트, Android, iOS 형식으로 제공합니다. 이 저장소에는 Google의 공식 Material Design 아이콘이 두 세트로 담겨 있습니다. 2022년에 공개된 Material Symbols는 현재 사용되는 세트로, 광학 크기, 굵기, 그레이드, 채움 축을 조절할 수 있는 가변 폰트로 제공됩니다. Material Icons는 아웃라인, 채움, 둥근 모서리, 각진 모서리, 투톤 스타일을 지원하는 클래식 세트이며, 더 이상 업데이트되지 않습니다.

material-design-icons은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

material-design-icons은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

material-design-icons은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. material-design-icons의 마지막 커밋은 2026년 10월 9일입니다.

material-design-icons은(는) 어디에 사용할 수 있나요?

웹 앱 UI에 일관된 아이콘 세트를 추가합니다. CSS 클래스나 Google Fonts 링크를 통해 웹사이트에서 아이콘 폰트를 사용합니다. Android 또는 iOS 앱에 Material 스타일 아이콘을 포함합니다. CSS에서 가변 폰트 설정으로 아이콘의 굵기나 채움 상태를 조정합니다.

material-design-icons는 어떻게 설치하나요?

Material Symbols 아이콘 브라우저를 열고 아이콘을 선택하세요 SVG 아이콘용 커뮤니티 npm 패키지를 설치하세요: npm install @material-design-icons/svg 또는 HTML에서 Google Fonts의 웹 글꼴을 연결하세요: <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet">

material-design-icons은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/google/material-design-icons