이는 동일한 기본 디자인을 사용하는 Google의 두 가지 공식 아이콘 세트입니다. Material Symbols는 2022년 4월에 도입된 현재 세트로, 가변 글꼴 기술을 기반으로 구축되었습니다. Material Icons는 클래식 세트이지만 더 이상 업데이트되지 않습니다. 자세한 내용은 아래를 참조하세요.
아이콘은 https://fonts.google.com/icons에서 보다 사용자 친화적인 방식으로 탐색할 수 있습니다. 두 세트 중에서 선택하려면 왼쪽 상단 근처의 팝다운 메뉴를 사용하십시오. 재료 기호가 기본값입니다.
아이콘은 머티리얼 디자인 지침에 따라 디자인되었습니다.
우리는 귀하의 아이콘 요구 사항을 지원하고 싶습니다! 여기 GitHub에 문제로 요청을 제출해 주세요.
Google Fonts는 완성된 아이콘 디자인의 사용자 제출을 허용하지 않습니다. 머티리얼 아이콘에 대한 상당히 엄격한 지침이 있으며 Google에는 이 저장소가 생성되는 업스트림 소스 파일이 있습니다. 따라서 Google은 아이콘 파일에 대한 풀 요청(새 아이콘 제안 또는 기존 아이콘 수정)을 수락하지 않습니다. 개념은 높이 평가됩니다. SVG를 디자인하지 말고 끌어오기 요청을 통해 제출하세요.
그러나 사용자는 자신이 원하는 종류의 외부 파일이나 이미지를 예시로 지적할 수 있지만 단순히 "있는 그대로" 받아들여지는 것은 아닙니다. 이는 아이디어의 "본질"을 이해하는 데 도움이 되도록 단일 아이콘에 대한 여러 예가 있는 경우 특히 효과적입니다.
예를 들어, "agender"에 대한 상당히 보편적인 개념적 로고/아이콘이 있으므로 Google에 이를 언급하거나 https://www.google.com/search를 가리키는 머티리얼 스타일에 agender 아이콘을 추가하도록 제안하는 경우 ?q=agender+icon이 유용한 팁이 될 것입니다.
현재 Google은 법적인 이유로 머티리얼 기호 또는 머티리얼 아이콘에 제3자 로고를 포함하지 않습니다. 과거에 포함되었던 일부 타사 로고는 이후 제거되었습니다.
Google은 현재 v3(2016) 이후 이 저장소에 대한 npm 패키지를 유지관리하지 않습니다. 그러나 사용자 @marella는 다음을 호스팅하고 있습니다. 그는 이것이 GitHub Actions를 사용하여 자동으로 업데이트되고 게시된다고 말합니다. 참고: Google은 이러한 패키지를 모니터링하거나 조사하지 않습니다 .
material-icons
패키지의 더 가벼운 버전이러한 최신 아이콘은 https://fonts.google.com/icons에서 보다 사용자 친화적인 방식으로 찾아볼 수 있습니다. 두 세트 중에서 선택하려면 왼쪽 상단 근처의 팝다운 메뉴를 사용하십시오. 재료 기호가 기본값입니다.
이러한 아이콘은 먼저 가변 글꼴로 제작/설계되었습니다(Material Icons의 24px 디자인을 기반으로 함). 세 가지 별도의 머티리얼 심볼 가변 글꼴이 있으며, 여기에는 정적 아이콘도 사용할 수 있습니다(그러나 수백 가지 스타일이 있으므로 모든 변형을 사용할 수는 없습니다).
각 글꼴에는 다음과 같은 디자인 축이 있으며 이는 CSS 또는 더 많은 최신 디자인 앱에서 다양할 수 있습니다.
이 저장소의 다음 디렉토리에는 구체적으로 머티리얼 기호(머티리얼 아이콘 아님) 콘텐츠가 포함되어 있습니다.
현재 머티리얼 심볼에서 사용할 수 없는 것은 무엇입니까?
아이콘은 https://fonts.google.com/icons?icon.set=Material+Icons에서 보다 사용자 친화적인 방식으로 탐색할 수 있습니다.
이러한 클래식 아이콘은 다섯 가지 스타일로 제공됩니다.
이 저장소의 다음 디렉토리에는 구체적으로 머티리얼 아이콘(머티리얼 심볼 아님) 콘텐츠가 포함되어 있습니다.
현재 머티리얼 아이콘에서 사용할 수 없는 것은 무엇입니까?
프로젝트에서 머티리얼 디자인 아이콘을 사용하는 방법에 대한 개발자 가이드를 읽어보세요.
font
및 variablefont
폴더에는 프로젝트에 포함될 수 있는 사전 생성된 글꼴 파일이 포함되어 있습니다. 이는 웹에 특히 편리합니다. 그러나 일반적으로 Google Fonts에 호스팅된 웹 글꼴에 연결하는 것이 더 좋습니다.
< link href =" https://fonts.googleapis.com/css2?family=Material+Icons "
rel =" stylesheet " >
< link href =" https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined "
rel =" stylesheet " >
Google Fonts 개발자 가이드에서 머티리얼 기호 또는 머티리얼 아이콘에 대해 자세히 알아보세요.
당사는 귀하가 Apache 라이센스 버전 2.0에 따라 귀하의 제품에 통합할 수 있도록 이러한 아이콘을 제공했습니다. 귀하의 제품에 이러한 아이콘과 문서를 자유롭게 리믹스하고 다시 공유할 수 있습니다. 우리는 앱의 정보 화면에 속성을 표시하는 것을 좋아하지만 필수는 아닙니다.