Лучшие бесплатные ресурсы иконок в стиле Material Design
От astler / 3 минут чтения / 23 января, 2020 12 июня, 2021 / Android, Material Design, Графика, Ресурсы
Оригинал: 10 Best Free Material Design Icons Resources in 2018 for Inspiration
Дизайнерская платформа Material Design предоставляет разработчикам стандарты для создания вебсайтов и приложения с единым интерфейсом. От общего интерфейса — до мельчайших деталей в Google доказали, что это цифровое совершенство. Иконки играют в этом всем большую роль, ведь в материальном дизайне иконки играют роль значимых обозначений, которые способны заменить от 1 до 4 слов! Автор хотел бы поделиться 10 лучшими бесплатными источниками исконок в стиле MD. Просто выбирайте правильные и интегрируйте их в свой дизайн!
1. Google Material Design Icons — Google Material Icons
Форматы: PNG, SVG
Цена: Бесплатно
Применимы: Веб, Android, iOS
Особенности:
- Более 900+ иконок
- Могут быть использованы как из серверов Google Web Font , так и самостоятельно
- Поддерживают все современные браузеры
- Могуть быть окрашены, размещены и изменены при помощи CSS
- Основаны на векторе, а значит отлично смотрятся при любом масштабе
Данный сайт предлагает более 900 превосходных иконок.
Они доступны в различных размерах, стилях и как веб-шрифт. Материальные иконки отлично продуманы и просты в использовании в веб, Android или iOS проектах.
Форматы: PNG, SVG (в любом формате)
Цена: В основном бесплатно (некоторые функции платные)
Применимы: Приложения для Веба, Android или iOS
Особенности:
- Сравнение материальных иконок с другими стилями
- Единый стиль. Все иконки сделаны одним дизайнером, так что Ваш пользовательский интерфейс будет выглядеть согласовано
- Редактирование векторов (платно)
- Генератор шрифтов из избранных иконок (платно)
- Перекрашивание иконок. Выберите цвет, и сайт сгенерирует соответствующие версии вашей иконки
- Встраиваемость в HTML. Вы можете получить код для размещения иконом прямо в вашем HTML
- Mac & Win приложения позволяют быстро искать нужные иконки и отлично работают с Фотошопом
Вы получите доступ к 4,400 материльных иконок в любом формате, размере и цвете за 20 секунд.
Тут есть социальные иконки, вроде Facebook, Twitter, Youtube и все виды стрелочек. Так же есть стандартные, вроде домой, телефон, настройки. Ищете что-то оригинальное? Вам сюда!
3. Material Design Icons
Форматы: PNG, SVG, XAML
Цена: Бесплатно
Применимы: Все системы
Особенности:
- Бесплатные обновления
- Поддержка раздельной загрузки
- Доступны веб-шрифты
- Векторные иконки, включая линии и сплошные
- Поддерживает открытый исходный код
Эта библиотека содержит около 4000 бесплатных иконок, включая коллекции различных дизайнеров, которые деляться результатами своих дизайнерских работ. Наведя на иконку можно узнать имя иконки и её дизайнера.
4. Materialpalette
Форматы: PNG, SVG
Цена: Бесплатно
Применимы: iOS и Android
Особенности:
- 16 типов, включая материальную иконку поиска и материальную иконку меню
- Множественная загрузка бесплатно
- Основаны на векторе, а значит отлично смотрятся при любом масштабе
Данная библиотека предлагает типчные бесплатные иконки в материальном стиле.
На странице есть поиск для быстрого получения того, что Вам нужно. Так же на сайте можно выбрать цвет иконок.
5. Materializecss
Форматы: PNG, SVG
Цена: Бесплатно
Применимы: Все системы
Особенности:
- Для контроля размера укажите font-size: 30px
Сайт предлагает 932 иконки в стиле материального дизайна от Google. Иконки могут быть использованы для прототипов дизайна и напрямую в разработке прилоений.
Кстати, вот небольшая презентация иконок в HTML:
add insert_chart insert_chart airplanemode_inactive all_inclusive archive bluetooth_searching
6. Noun Project
Форматы: PNG, SVG
Цена: Бесплатно/PRO
Применимы: Все системы
Особенности:
- Огромная база, изображения на любой вкус.
- Лицензия Creative Commons CCBY, а значит указываем авторов загруженных иконок.
Один из самых полезных ресурсов для более конкретного поиска картинок. Другие даже близко не предлагают подобного разнообразия, что делает Noun моим фаворитом, на данный момент.
Вам нужен кот?иконки — Условия использования иконок Material Design
Если резюмировать рулон лицензионного соглашения https://materialdesignicons.com/ в одно-два предложения, то каковы условия использования иконок Material Design?
P. S. Да, понимаю, что это не совсем программирование, но в то же время это и НЕ чистая юриспруденция. Я не думаю, что много юристов смыслят в веб-техноголиях, чтобы говорить с ними об этом — большинство из них про Material Design отродясь не слышали.
- material-design
- иконки
materialdesignicons.
com — Material Design Icons from the Community
License
Templates — WTFPL
Community Icons — SIL Open Font License 1.1
Google Material Design Icons — Apache License 2.0
Здесь на вопрос о SVG Templarian ссылается на следующий источник
There are many parts of this project and supporting projects covered under various licenses.
Material Design Icons Community SIL Open Font License 1.1
Material Design Icons Google Apache License 2.0 1
Material Design Icons SVG MIT License
Material Design Icons SCSS/CSS MIT License
Material Design Icons Site MIT License
Icon Templates WTFPL
Note: This does not cover third party plugins, components, etc that are shown in the documentation.
Please reference their GitHub pages for license clarification. If anyone has time and wants to explain this all in more detail please feel free to edit on GitHub and submit a pull request.
License has changed a couple times over the years, so this may vary depending on version?
Google’s official icon set.
Open Source
The icons are available under the Apache License Version 2.0. We’d love attribution in your app’s «about» screen, but it’s not required. The only thing we ask is that you not re-sell these icons.
Значки доступны под лицензией Apache версии 2.0. Нам понравится атрибуция на экране вашего приложения, но это не требуется. Единственное, что мы просим, это то, что вы не перепродаете эти значки.
Источник
Также
We have made these icons available for you to incorporate into your products under the Apache License Version 2.
0. Feel free to remix and
re-share these icons and documentation in your products.Мы сделали эти значки доступными для вас для включения в ваши продукты в соответствии с версией Apache версии 2.0. Не стесняйтесь пересобирать и переименовывать эти значки и документацию в своих продуктах.
Зарегистрируйтесь или войдите
Регистрация через Google
Регистрация через Facebook
Регистрация через почту
Отправить без регистрации
Почта
Необходима, но никому не показывается
Отправить без регистрации
Почта
Необходима, но никому не показывается
Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки
9 787 иконок Material Design — бесплатно в SVG, PNG, ICO
Получите неограниченный доступ к более чем 5,3 миллионам активов
Получить полный доступПапка конструктора материалов Значок
Папка конструктора материалов Значок
Приборная доска Значок
Больница Значок
Категория Значок
История Значок
Авторские права Значок
Человек Значок
Категория Значок
Стоянка Значок
Сохранять Значок
Выглядит 3 Значок
Потери Значок
Вперед 10 с Значок
Полноэкранный Значок
Назначение Значок
Бросать Значок
Деньги Значок
Игрушки Значок
Выглядит 4 Значок
карта Значок
банкомат Значок
Программы Значок
Просмотр улиц Значок
Обновлять Значок
Док Значок
Выглядит 5 Значок
График Значок
Оценка Значок
Вперед 30 с Значок
Память Значок
Выглядит 6 Значок
Сортировать Значок
трансляция Значок
Зерно Значок
Радио Значок
Останавливаться Значок
Список Значок
Подчеркнутый формат Значок
Отправлять Значок
Форвард 5С Значок
Сравнивать Значок
гифка Значок
Ассистент Значок
Явный Значок
Входящие Значок
Подбросить Значок
Предмет Значок
Зерно Значок
Фильтр Значок
Объявление Значок
Яркость Значок
Закладка Значок
Бросать Значок
Жест Значок
банкомат Значок
Яркость Значок
Изменение порядка Значок
Андроид Значок
Обрезать Значок
Подбросить Значок
Стиль Значок
Регулировать Значок
Экспозиция Значок
Свести к минимуму Значок
Лупа Значок
Трансформировать Значок
4К Значок
Пейзаж Значок
Вкладка Значок
Обрезать Значок
Яркость Значок
Яркость
Значок
Выглядит Значок
Тональность Значок
Док Значок
Обрезать Значок
Яркость Значок
Яркость Значок
Яркость Значок
Зерно Значок
Градиент Значок
Черновики Значок
Градиент Значок
Обрезать Значок
Экспозиция Значок
Яркость Значок
Яркость Значок
Изо Значок
Запуск Значок
Обрезать Значок
Яркость Значок
Виньетка Значок
Whatshot Значок
Яркость Значок
Яркость Значок
Заметки Значок
Whatshot Значок
Список Значок
Виньетка Значок
полимер Значок
Потери Значок
Док Значок
Потери Значок
Тональность Значок
Фильтр Значок
Максимизировать Значок
Проверка орфографии Значок
Подбросить Значок
Фильтр Значок
Страницы Значок
Bluetooth Значок
Водяной знак Значок
NFC Значок
Подписки Значок
вибрировать Значок
Подписки Значок
вибрировать Значок
Фильтр Значок
Фильтр Icon
Лучшие альтернативы значкам дизайна материалов — 2022
Лучшие альтернативы значков дизайна материалов — 2022 | Product Hunt6 отзывов
851
голосов «за»
6
подписчиков
Лучшими альтернативами иконкам в стиле Material Design являются Icons8, Streamline и MD Bootstrap.
Если эти 3 варианта вам не подходят, мы перечислили более 10 альтернатив ниже.
Лучшие альтернативы значкам дизайна материала
Просмотр по самолету
. Повышенные
, ориентированный на разработчиков, к быстрому строительству внутреннего UIS
1. ICONCS8
609. Обзор 9000 9000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4000 4026 4000 4000 4000 4026 4000 4026 4000 4026 4000 4026 4000 4026 40269.0005
Узнать больше
Дизайнеры, бесплатно загрузите элементы дизайна — значки, фотографии, UX-иллюстрации и музыку для своих видео.
2. Streamline
61 отзыв
83 альтернативы
Узнать больше
Streamline 3.
0 — это самый большой в мире набор значков. Более 30 000 значков, 3 уникальных веса, 53 категории и 720 подкатегорий. Загрузите 30 000 бесплатных иконок в формате PNG или купите векторный пакет премиум-класса (iconjars…ПодробнееОчень нравится! Отличная коллекция и совершенно бесплатно.
3. MD Bootstrap
165 отзывов
102 варианта
Узнать больше
MDBootstrap расшифровывается как material design for bootstrap. Или, проще говоря, версия бутстрапа, вдохновленная Material Designs. MDBootstrap содержит сотни красивых компонентов, шаблонов, анимаций, эффектов… Подробнее
Все шаблоны просто потрясающие.
4. DesignerMill
39 альтернатив
Узнать больше
Коллекция бесплатных PSD-файлов, файлов эскизов, бесплатных шрифтов и других ресурсов для дизайнеров, обновляемая каждый день на DesignerMill.
5. IconJar
8 отзывов
27 вариантов
Узнать больше
Лучший способ управлять своими значками.
6. NucleoApp
12 отзывов
28 альтернатив
Подробнее
Библиотека премиум-класса из более чем 20000 векторных иконок, организованных в 30 категорий, и мощное приложение для сбора, настройки и экспорта всех ваших иконок в различных форматах, таких как SVG, шрифты иконок и файлы JSON.
7. Swifticons
14 вариантов
Узнать больше
Премиальный набор высококачественных иконок в трех редактируемых стилях.
8. Палитра Material Design
6 вариантов
Подробнее
Цвет спереди, шестнадцатеричный # сзади. Все цвета Material Design
9.
Material Design3 отзыва
12 вариантов
Узнать больше
Material Design — это адаптируемая система с открытым исходным кодом, которая помогает командам создавать высококачественные цифровые приложения.
Это библиотека Material Design, разработанная Google — создателями Material Design.
10. IconKitchen
5 отзывов
10 вариантов
Узнать больше
IconKitchen — это новый быстрый способ быстрого создания значков приложений для различных платформ, от iOS до Android (адаптивные значки), веб-сайтов (фавиконы и многое другое) и macOS! Выберите цвета, текстуры и изображения или…Подробнее
11. Книга значков приложений для iOS
9 отзывов
11 альтернатив
Подробнее
Книга значков приложений для iOS содержит сотни работ искусства от отдельных лиц и команд по всему миру.
0 — это самый большой в мире набор значков. Более 30 000 значков, 3 уникальных веса, 53 категории и 720 подкатегорий. Загрузите 30 000 бесплатных иконок в формате PNG или купите векторный пакет премиум-класса (iconjars…Подробнее
Material Design