Это два разных официальных набора значков от Google, использующих один и тот же базовый дизайн. «Материальные символы» — это текущий набор, представленный в апреле 2022 года и основанный на технологии переменных шрифтов. Material Icons — классический набор, но больше не обновляемый. Более подробная информация ниже.
Значки можно просматривать более удобным способом на странице https://fonts.google.com/icons. Используйте раскрывающееся меню в левом верхнем углу, чтобы выбрать один из двух наборов; Символы материалов используются по умолчанию.
Иконки разработаны в соответствии с принципами Material Design.
Мы будем рады удовлетворить ваши потребности в иконках! Пожалуйста, отправьте свой запрос здесь, на GitHub, как проблему.
Обратите внимание, что Google Fonts не принимает от пользователей готовые дизайны иконок! Существуют довольно строгие правила для значков материалов, плюс у Google есть исходные файлы, из которых создается этот репозиторий. Поэтому Google не принимает запросы на включение файлов значков (будь то предложения новых значков или исправления существующих значков). Концепции приветствуются — просто не создавайте SVG и не отправляйте их через запрос на включение.
Тем не менее, пользователи могут указывать на внешние файлы или изображения в качестве примеров — того, что им нужно, но они не будут восприниматься «как есть». Это особенно хорошо работает, если у вас есть несколько примеров для одной иконки, чтобы помочь нам понять «суть» идеи.
Например, существует довольно универсальный концептуальный логотип/значок для слова «агендер», поэтому, если вы предлагаете Google, добавьте значок агендера в стиле Material, либо упомянув об этом, либо указав на https://www.google.com/search. ?q=ager+icon будет полезным советом.
В настоящее время Google не включает сторонние логотипы в число символов материалов или значков материалов по юридическим причинам. Некоторые сторонние логотипы, которые были включены в прошлом, впоследствии были удалены.
Google в настоящее время не поддерживает пакет npm для этого репозитория, начиная с версии 3 (2016 г.). Однако пользователь @marella размещает следующее. Он сообщает нам, что они автоматически обновляются и публикуются с помощью GitHub Actions. Примечание. Google не отслеживает и не проверяет эти пакеты.
material-icons
Эти новые значки можно просмотреть в более удобном для пользователя виде на странице https://fonts.google.com/icons. Используйте раскрывающееся меню в левом верхнем углу, чтобы выбрать один из двух наборов; Символы материалов используются по умолчанию.
Эти значки сначала были созданы/разработаны как переменные шрифты (на основе дизайнов размером 24 пикселя из Material Icons). Существует три отдельных переменных шрифта «Символы материалов», которые также имеют статические значки (но у них нет всех доступных вариантов, так как это будут сотни стилей):
Каждый из шрифтов имеет следующие оси дизайна, которые можно варьировать в CSS или во многих других современных дизайнерских приложениях:
Следующие каталоги в этом репозитории содержат конкретное содержимое символов материалов (а не значков материалов):
Чего в настоящее время нет в символах материалов?
Значки можно просматривать более удобным способом на странице https://fonts.google.com/icons?icon.set=Material+Icons.
Эти классические значки доступны в пяти различных стилях:
Следующие каталоги в этом репозитории содержат конкретное содержимое значков материалов (а не символов материалов):
Чего в настоящее время нет в Material Icons?
Прочтите руководство для разработчиков о том, как использовать значки Material Design в своем проекте.
Папки 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. Не стесняйтесь создавать ремиксы и повторно использовать эти значки и документацию в своих продуктах. Нам бы хотелось, чтобы указание авторства было указано на экране сведений о вашем приложении, но это не обязательно.