Сайт

Цветные иконки для сайта: Иконки цветной — 2,662 бесплатных иконок

28.01.1991

Бесплатные иконки: 15 библиотек — AppTractor

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

Большинство из этих ресурсов предлагает как платные, таки бесплатные иконки, функции изменения цвета или доработки изображений прямо на сайте.

Поехали!

The Noun Project

The Noun Project — огромный проект с более чем 2 миллионами иконок от разных художников.

icomonstr

Проект одного дизайнера, который нарисовал более 4,000 иконок в 300 различных коллекциях. Все они бесплатны для использования.

Good Stuff No Nonsense

Еще одна библиотека “одного человека”, в ней вручную отрисованные иконки.

Orion

редактор и коллекция иконок. Сейчас их там 8613 штук — из линий, фигур, цветные и плоские бесплатные иконки.

IcoMoon

Бесплатная коллекция из 4,000 иконок.

Pictonic

Сайт предлагает иконочные шрифты — они не только более эффективны, чем изображения, но и могут масштабироваться без потери качества и их можно использовать в CSS сайтов.

icons8

Комьюнити дизайнеров с более чем 100,000 иконок.

Flaticon

Доступно более 2,000,000 икнок в SVG, PSD, PNG, EPS или в шрифтах.

Font Awesome

Самый популярный иконочные шрифты, который используется практически везде.

iconscout

iconscout — это коллекция из миллионов различных иконок в каждой возможной категории, которую вы можете себе представить. Здесь пользователи могут создавать свои собственные изображения и делиться ими, а также создавать собственные коллекции.

ICONFINDER

Iconfinder в настоящее время является одной из крупнейших библиотек, предлагающих бесплатные иконки, с более чем 4 миллионами бесплатных и премиальных изображений.

PixelLove

PixelLove предлагает более чем 15,000 иконок для iOS и Android и это неплохой выбор для дизайнеров, создающих мобильные сайты и приложения. Все иконки доступны в различных размерах.

Streamline Icons

Называет себя самым большим пактом с иконками, но пока там только около 30,000 иконок.

Grabhic Burger

Биржа графических ассетов, среди которых есть и иконки.

Smashicons

Более 175,000 самых разных иконок.

Конечно, вряд ли вы сможете использовать все эти иконки в магазинах приложений, но все они точно подходят для «внутреннего» украшения ваших продуктов и придания им более законченного и красивого вида. Многие сервисы предоставляют готовые пакеты иконок, так что вам не придется беспокоиться о целостности и последовательности их использования. В конце-концов, протестировав тот или иной вариант, вы потом всегда сможете обратиться к дизайнеру, который создаст вам свою дизайн-систему.

Если вы нашли опечатку — выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать [email protected].

33 красивых бесплатных набора иконок

  • Дизайн
  • 5 мин на чтение
  • 9804

Создание набора унифицированных иконок, которые дополняют друг друга может быть очень сложной задачей. Лучшие дизайнеры могут придавать индивидуальности своим наборам иконок, чтобы соответствовать тону проекта.

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

Во второй версии набора Dripicons находятся более 200 иконок самых популярных категорий, например стрелки или элементы управления.


Двухцветные иконки делают ваш дизайн более визуально привлекательным. 60 бесплатных иконок в этом наборе доступны в форматах PSD, SVG и AI.


100 уникальных бесплатных иконок способных украсить ваш интерфейс.


Больше 480 красивых иконок с открытым исходным кодом. Вы можете выбрать залитую или контурную версию.


 

Эмоции Фейсбука в двух форматах (Sketch и SVG).


Набор простых иконок с открытым исходным кодом. Каждая иконка нарисована в квадрате 24х24 с акцентом на простоту, последовательность и удобство использования.


 

Этот набор иконок можно легко настроить в соответствии с потребностями дизайна.


15 бесплатных аватаров доступнях в форматах SVG и Sketch от Анны Литвинюк.


Бесплатная коллекция из 70 самых необходимых иконок, доступных в форматах AI, Sketch и SVG.


 

Огромный набор иконок из дизайн-системы Google.


100 бесплатных векторных иконок с использованием градиента.


50 бесплатных нарисованных от руки иконок для придания вашему дизайну забавного и необычного вида.


Специальный набор на финансовую тематику.


233 иконки с открытым исходным кодом предназначенные для того, чтобы быть разборчивыми вплоть до 8 пикселей.


Премиум-иконки для использования в веб-приложениях, iOS, Android и настольных приложениях. Поддержка веб-шрифтов и SVG-графики. Полностью открытый исходный код.


Прекрасный набор из 12 иконок на медицинскую тематику.


 

100 бесплатных минималистичных иконок.


Очень полезный набор от талантливого дизайнера — Адриана Кокета.


300 иконок в трех вариациях: цветные, залитые и контурные.


Набор системных иконок нейтрального стиля с открытым исходным кодом.


100 бесплатных залитых иконок, которые идеально подходят для добавления контраста в интерфейс.


80 иконок, доступных в PSD и SVG от Абхимани Рана.


15 бесплатных контурных иконок в PSD и SVG от Лучиуса Чена.


Набор из 54 иконок разных форматов (AI, SVG).


48 бесплатных тонких иконок PSD и SVG форматов размеров в 32 пикселя.


Прекрасные минималистичные иконки SVG формата.


Бесплатные премиум иконки в SVG для вашего дизайна.


Более 90 перфективных иконок в различных цветовых схемах на ваш выбор.


Большой набор на бизнес тематику.


 

Простые залитые иконки, которые выглядят круто в любом размере.


Большой набор иконок жестов, который будет полезен при создании учебника.


24 медицинские иконки с чудесным двухцветным контуром.


7 технологических иконок отражающих идеи будущего

Источник: Pastel Blog

  • #бесплатно
  • #дизайн
  • #иконки
  • #наборы
  • #подборка
  • #ресурсы
  • #сайты
  • 0

дизайнов, тем, шаблонов и графических элементов Color Icons для скачивания на Dribbble

  1. Посмотреть универсальный набор иконок | Эффект стекла

    Универсальный набор иконок | Эффект стекла

  2. Посмотреть универсальный набор иконок | Дуотон

    Универсальный набор иконок | Дуотон

  3. Просмотр Изменение цвета деталей

    Изменение цвета деталей

  4. Посмотреть иконографию восстановления ServPro

    Иконография ServPro Restoration

  5. Посмотреть иллюстративные значки банка ключей

    Иллюстративные значки Keybank

  6. Посмотреть набор икон Edutopia

    Набор иконок Edutopia

  7. Посмотреть универсальный набор иконок | Красочный

    Универсальный набор иконок | Разноцветный

  8. Посмотреть универсальный набор иконок | Красочный

    Универсальный набор иконок | Разноцветный

  9. Посмотреть универсальный набор иконок | Красочный

    Универсальный набор иконок | Разноцветный

  10. Просмотр DesignMate — набор иконок

    DesignMate — набор значков

  11. Посмотреть анимацию значка Magic

    Анимация магической иконки

  12. Значок просмотра

  13. Посмотреть Musme — Дизайн для службы подкастов

    Musme — дизайн для службы подкастов

  14. Посмотреть 🌐 Система дизайна

    🌐 Дизайн-система

  15. Просмотр значков Google

    Иконки Google

  16. Посмотреть дизайн-систему Ninox

    Дизайн-система Ninox

  17. Посмотреть руководство по стилю для приложения чата

    Руководство по стилю для чата

  18. Просмотр логотипов B

    B Логотипы

  19. Посмотреть концепцию бренда Helixers

    Концепция бренда Helixers

  20. Посмотреть стиль цветного стекла

    Цветное стекло

  21. Просмотр банковского платежного приложения

    Банковское платежное приложение

  22. Посмотреть ресурсы для дизайна — мобильное приложение

    Ресурсы для дизайна — мобильное приложение

  23. Посмотреть руководство бренда Kretya 🔥

    Руководство бренда Kretya 🔥

  24. Вид Указать: Иконки

    Указать: Иконки

Зарегистрируйтесь, чтобы продолжить или войдите

Загрузка еще…

7 Мест, где можно найти бесплатные иконки для веб-сайтов

Стивен Ма / 6 мая 2021 г. 18 мая 2021 г.

Изображение от ivke32 на Pixabay

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

Зачем использовать значки?

Возможно, на вашем веб-сайте уже есть текст и изображения, и вы думаете, что это достаточно увлекательно, но это не так. Зачем нужны иконы?

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

Значки помогают быстро сообщать о действиях или информации. Большинство людей тратят всего несколько секунд на просмотр вашего сайта и принимают решение, остаться или уйти.

Если они смогут быстро понять, о чем ваш сайт и что делать дальше, это улучшит их пребывание на вашем сайте.


Где использовать значки?

Чаще всего значки используются для дополнения списка вещей, таких как функции, преимущества, услуги или какой-либо другой список.

Когда ваш веб-сайт просматривается на мобильных устройствах, значки становятся необходимыми для навигации и быстрых действий, таких как меню, учетная запись или оформление заказа.

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


Бесплатные источники для значков изображений

Значки изображений представляют собой стандартные файлы изображений, такие как PNG или SVG.

Flaticon

Flaticon — это постоянно расширяющаяся база данных значков с 4,5 миллионами значков, большинство из которых бесплатные, а некоторые — платные. Они включают в себя фильтры для одного и нескольких цветов с возможностью изменить значок на любой цвет, который вы хотите, и загрузить. Вы также можете добавлять значки в коллекцию для немедленной загрузки, что полезно для поиска значков в похожем стиле.

Icons8

Icons8 содержит более 170 000 бесплатных иконок, которые сгруппированы в полезные категории по стилю или теме, хотя вы также можете выполнять поиск. Что делает его уникальным, так это то, что у вас есть гораздо более высокий уровень редактирования значков, включая изменение цвета, применение специальных графических эффектов или добавление текста.

FlatIcons

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

IconFinder

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


Бесплатные исходники для значков шрифтов

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

Font Awesome

Font Awesome — один из самых популярных. В настоящее время у них есть почти 8000 бесплатных иконок, и они регулярно добавляют новые. Что хорошего в Font Awesome, так это то, что они размещают код для вас, поэтому вам или вашему веб-дизайнеру просто нужно напрямую связать его, не загружая файл шрифта.

IcoMoon

У IcoMoon есть наборы иконок. У них есть несколько платных, но в бесплатном пакете 490 иконок. Фактически вы загружаете как файл шрифта, так и файлы изображений, поэтому можете использовать любой метод.

Ionicons

Ionicons содержит около 700 чистых и красивых иконок. Они совершенно бесплатны и содержат код шрифта, на который вы можете сослаться, но вы также можете скачать и загрузить его на свой собственный сайт.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *