Скачивайте и используйте бесплатные иконки Material Design
Материальный дизайн Google внес радикальные изменения в их услуги с красивыми контрастными цветами и интерактивной анимацией. С чередованием появились значки, созданные так, чтобы соответствовать остальной части экосистемы. Google сделал все значки бесплатными на своих веб-сайтах, здесь мы расскажем вам, как их скачать и использовать.
Скачать бесплатные иконки дизайна материалов
Чтобы загрузить тематические значки Material, перейдите в репозиторий Google. Прокрутите вниз, и вы обнаружите множество значков, доступных для использования. Вы можете выполнить поиск с помощью панели инструментов или выбрать тот, который вам нужен, путем прокрутки, что, очевидно, займет много вашего времени. Как только вы это сделаете, внизу появится горизонтальная полоса, содержащая имя значка и несколько параметров, которые вы можете настроить.
Совет: если вам нужно скачать все значки материалов, перейдите по этой ссылке.
Вы можете указать размер, хотите ли вы черный или белый значок, и, наконец, вы можете загрузить их в формате SVG или PNG. К сожалению, доступно только два цветовых варианта. Однако вы можете использовать редактор SVG, чтобы настроить значок SVG и изменить его оттенки.
Изменить цвет значков, разработанных в Material, с помощью редактора SVG
Чтобы изменить цвет значка в редакторе SVG, щелкните значок ведра внизу и выберите нужный цвет. Коснитесь изображения значка после его импорта из раскрывающегося списка редактирования SVG в верхнем левом углу. После этого экспортируйте его из того же раскрывающегося списка, который мы видели раньше. Если вам нужно редактировать иконки локально, вы можете скачать SVG по этой ссылке.
Google опубликовал подробное руководство по использованию этих значков на своей странице Github. Он также включает в себя сведения о лицензировании, фрагменты кода iOS/Android для начала работы и несколько способов внедрения значков материалов на ваш веб-сайт с примерами.
Это все. Дайте нам знать, если мы что-то пропустили в разделе комментариев ниже.