MaterialDesign README

The project's README from github.com/Templarian/MaterialDesign. As one markdown file: README.md.

Material Design

This repo contains all the planning for current and work-in-progress Material Design Icons.

Getting Started

npm GitHub issues

Icons

View at Material Design Icons. This repo also contains converted icons from Google's official icon set.

NPM Dist Repo
Webfont / SCSS npm install @mdi/font MaterialDesign-Webfont npm
JavaScript / TypeScript npm install @mdi/js MaterialDesign-JS npm
ReactJS npm install @mdi/react MaterialDesign-React npm
SVG / Meta.json npm install @mdi/svg MaterialDesign-SVG npm
Desktop Font n/a MaterialDesign-Font

Upgrade Guide | Changelog Guide

Icons

Warning (Cordova only): You will need to manually edit the css file to remove the version query string. Read More.

Contribute

Please do not make pull requests against this repositiory. All icons are managed through the Material Design Icons site by the various contributors and synced instantly. If you want to become a contributor read more.

Icon Suggestions

Submit icon suggestions through the issue tab. Please include examples.

Third Party (Plugins / Extensions / etc)

License

View the License

Code of Conduct

View and submit violations.

MaterialDesign (Templarian/MaterialDesign)

Searching Database…

Что это такое?Это исходный репозиторий Material Design Icons (MDI), набора иконок, который развивает сообщество. В нём более 7000 иконок, включая официальные иконки Google Material Design, преобразованные в удобные для разработчиков форматы.
Там есть официальные иконки Google или только созданные сообществом?И те, и другие. В репозитории лежит официальный набор иконок Google, преобразованный в эти форматы, а также тысячи иконок, предложенных сообществом через сайт Material Design Icons.
Как добавить эти иконки в мой проект?Установите npm-пакет, подходящий для вашего стека: '@mdi/font' для веб-шрифта и SCSS, '@mdi/svg' для исходных SVG-файлов и meta.json, '@mdi/js' для строк с путями в JS/TS или '@mdi/react' для готовых React-компонентов.
Нужен ли мне npm или можно просто скачать шрифты напрямую?Официальные сборки (веб-шрифт, JS, React, SVG) публикуются через npm. Но есть и отдельный репозиторий Desktop Font, где иконки можно использовать как обычный системный шрифт без менеджера пакетов.
Что будет, если пропустить исправление веб-шрифта для Cordova после обновления?В приложениях Cordova строка запроса с версией в CSS-файле не обрабатывается автоматически, поэтому после обновления её нужно вручную удалить из CSS, как указано в руководстве по миграции.
Какие npm-пакеты проект на самом деле публикует?@mdi/font для веб-шрифта и SCSS, @mdi/js для данных с путями иконок в JS/TS, @mdi/react для React-компонентов и @mdi/svg для исходных SVG-файлов плюс индекс meta.json.
Есть ли способ использовать иконки без npm, например на десктопе?Да, отдельный репозиторий дистрибутива MaterialDesign-Font предоставляет версию набора в виде шрифта для десктопа, то есть для использования вне веба.
Creator
Templarian
Size
142.8 MB
Stars
11.3K
Updated
CommitJan 20
Age
12y
Commits · 90 Days