...
👍 Здесь собраны интересные новости, секреты и советы по продуктам от Google. Все для Google Drive, Android, Calendar, Chrome, Gmail, Docs...

Скачивайте и используйте бесплатные иконки Material Design

5

Материальный дизайн Google внес радикальные изменения в их услуги с красивыми контрастными цветами и интерактивной анимацией. С чередованием появились значки, созданные так, чтобы соответствовать остальной части экосистемы. Google сделал все значки бесплатными на своих веб-сайтах, здесь мы расскажем вам, как их скачать и использовать.

Скачать бесплатные иконки дизайна материалов

Чтобы загрузить тематические значки Material, перейдите в репозиторий Google. Прокрутите вниз, и вы обнаружите множество значков, доступных для использования. Вы можете выполнить поиск с помощью панели инструментов или выбрать тот, который вам нужен, путем прокрутки, что, очевидно, займет много вашего времени. Как только вы это сделаете, внизу появится горизонтальная полоса, содержащая имя значка и несколько параметров, которые вы можете настроить.

Совет: если вам нужно скачать все значки материалов, перейдите по этой ссылке.

Вы можете указать размер, хотите ли вы черный или белый значок, и, наконец, вы можете загрузить их в формате SVG или PNG. К сожалению, доступно только два цветовых варианта. Однако вы можете использовать редактор SVG, чтобы настроить значок SVG и изменить его оттенки.

Изменить цвет значков, разработанных в Material, с помощью редактора SVG

Чтобы изменить цвет значка в редакторе SVG, щелкните значок ведра внизу и выберите нужный цвет. Коснитесь изображения значка после его импорта из раскрывающегося списка редактирования SVG в верхнем левом углу. После этого экспортируйте его из того же раскрывающегося списка, который мы видели раньше. Если вам нужно редактировать иконки локально, вы можете скачать SVG по этой ссылке.

Скачивайте и используйте бесплатные иконки Material Design

Google опубликовал подробное руководство по использованию этих значков на своей странице Github. Он также включает в себя сведения о лицензировании, фрагменты кода iOS/Android для начала работы и несколько способов внедрения значков материалов на ваш веб-сайт с примерами.

Это все. Дайте нам знать, если мы что-то пропустили в разделе комментариев ниже.

Источник записи: www.gtricks.com

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее