Иконки на сайт: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

11.08.2020 alexxlab

Содержание

24 лучших источника бесплатных иконок — Оди. О дизайне

19 Авг 2022 5493 1

Я собрала для вас крутые источники качественных иконок: некоторые — полностью бесплатные, другие — бесплатные с платными опциями

Дарья Райт

Редактор, переводчик. Пишу о дизайне

Icons8 — коллекция из более 1,1 миллиона иконок. Бесплатное использование возможно при указании ссылки на источник. Платные тарифы начинаются от 13 $ в месяц. Есть плагин для Figma

Icons8

The Noun Project — база, которая содержит более 3 миллионов иконок. Их можно скачать бесплатно, но дополнительные опции (использование без указания автора, редактирование, отсутствие рекламы и другие) уже платные

The Noun Project

Flaticon — онлайн-библиотека, которая включает 7,9+ миллионов бесплатных статичных и анимированных иконок в формате PNG. Тариф Premium (от 7,5 EUR в месяц) предлагает другие форматы — SVG, EPS, PSD и CSS и избавляет от необходимости ссылаться на источник.

Есть плагин для Figma

Flaticon

Streamline — более 140 000 иконок, каждая в трёх вариантах насыщенности. Есть веб-приложение для поиска и экспорта, поддерживаются все популярные форматы. Некоторые паки бесплатные, а также есть плагин для Figma

Streamline

Иконки Чикина — в наборе 1755 иконок в едином стиле, коллекция постоянно пополняется. Доступны бесплатно для всех, кроме юр. лиц — для них платно

Иконки Чиркина

Tilda Icons — бесплатный набор, который содержит более 700 иконок в SVG-формате от Tilda. Использование возможно при указании ссылки на источник

Tilda Icons

Icônes — удобный агрегатор лучших бесплатных наборов иконок с поиском, рубрикатором и кастомизацией перед скачиванием (в очень богатом наборе форматов изображений и кода)

Icônes

Icon Monstr — бесплатный сервис с удобным поиском. Содержит более 4699 иконок, которые распределены по коллекциям

Icon Monstr

Icons by Craftwork Design — библиотека опенсорсных иконок, которые не обязательно скачивать, достаточно лишь скопировать в буфер обмена и вставить в макет Figma

Icons by Craftwork Design

Futuramo Icons — библиотека иконок с полнофункциональным инструментом для настройки стиля, размера, толщины линий.

Более 5000 иконок можно редактировать и скачать бесплатно. Доступ к 49000+ иконкам платный

Futuramo Icons

Phosphor Icons — коллекция из более 6000 настраиваемых иконок для создания интерфейсов, диаграмм, презентаций. Есть плагин для Figma

Phosphor Icons

Remix Icon — 2200+ бесплатных опенсорсных иконок. Иконки нарисованы по сетке 24×24, каждая в двух стилях: линиями и с заливкой. Форматы SVG, JPEG, PNG и веб-шрифт. Есть плагин для Figma

Remix Icon

Font Awesome — знаменитая коллекция из более 2000 бесплатных настраиваемых иконок. Есть плагин для Figma

Font Awesome

Feather Icons

— коллекция из 287 бесплатных иконок, которые можно настроить по размеру, толщине линий и цвету. Есть плагин для Figma

Feather Icons

Iconer — каталог коллекций из 32000+ настраиваемых векторных иконок. На сайте доступен поиск с группировкой по стилю, типу заливки, тегам и лицензиям

Iconer

Tabler Icons — коллекция из 2250 линейных иконок с настройкой толщины линий и размера. Есть плагин для Figma

Tabler Icons

Iconoteka — набор из 1040 бесплатных детализированных SVG-иконок от Олега Турбабы. На сайте можно настроить толщину линий (есть 4 варианта) и выбрать версию с заливкой или без

Iconoteka

IconSweets 2 — набор из более 1000 иконок для приложений для iPhone, iPad и Android или сайтов

IconSweets 2

Material Design Icons — пополняемая коллекция из более 4000 иконок, ориентированных на различные платформы. Есть возможность выбрать формат, цвет и размер. Есть плагин для Figma

Material Design Icons

Iconoir — бесплатная библиотека, которая содержит 1000+ уникальных иконок SVG-формата. Не требует регистрации, нет премиум-тарифов. Есть плагин для Figma

Iconoir

IconScout — включает примерно 2,3 миллиона бесплатных иконок, в том числе цветных. Можно скачать как отдельные иконки, так и паки, отфильтровать по популярности, стилю и категориям

IconScout

Ionicons — 600+ иконок с открытым исходным кодом в трех стилях. Поддержка SVG и веб-шрифтов. Есть плагин для Figma

Ionicons

Boxicons — более 1600 высококачественных векторных иконок. Есть плагин для Figma

Boxicons

Orion Icon Library — библиотека, которая содержит более 8500 иконок в SVG-формате

Orion Icon Library

Отправить

Твитнуть

Запинить

Бесплатные иконки Иконка Лучшее Статьи

html — Как правильно вставлять в сайт иконки

Исходный код иконки конверта:

<svg viewBox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 3.373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14. 7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z" fill="white"/>
</svg>

Исходный код иконки поинта:

<svg viewBox="0 0 12 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6.88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.  6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z" fill="white"/>
</svg>

Можно вставлять SVG код прямо в HTML разметку, он может казаться там поначалу чуждым, но это нормальная практика и единственная возможность работать с отдельными его частями. Чтобы поменять цвет через CSS

, нужно у элементов которые будут перекрашиваться убрать атрибуты fill или stroke (смотря что будет перекрашиваться).

svg {
  width: 9vmax;
  height: 9vmax;
}
.icon-1 {
  fill: tomato;
  transition: fill 0.4s;
}
.icon-1:hover {
  fill: lightgreen;
}
.icon-2 {
  fill: none;
  stroke: tomato;
  transition: stroke 0.4s;
}
.icon-2:hover {
  stroke: lightgreen;
}

<!-- icon 1 -->
<svg viewBox="0 0 16 13" xmlns="http://www.w3.org/2000/svg">
<path d="M16 3.373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13. 5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14.7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z"/>
</svg>
<!-- icon 2 -->
<svg viewBox="0 0 12 17" xmlns="http://www.w3.org/2000/svg">
<path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6.88335 7.65339 6.63059 7.75808C6.37783 7.   86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z"/>
</svg>

Если иконок много и с ними никаких сложным манипуляций делать не нужно, то можно создать спрайт, делается он следующим образом:

<svg xmlns="http://www.w3.org/2000/svg">
   <!-- svg заменяем на symbol, убираем все кроме viewBox, и задаем id(название иконки)-->
   <symbol viewBox="0 0 16 13">
     <path d="M16 3.373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14. 7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z"/>
   </symbol>
  
  <symbol viewBox="0 0 12 17">
    <path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6.88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0. 614582 7.38043 0 5.83333 0V0Z"/>
  </symbol>
  
</svg>

Сохраняем этот код в файл с любым названием, пусть будет icons.svg и используем на странице следующим образом:

<svg>
  <!-- assets/images/icons/icons.svg - путь до файла -->
  <!-- #svg-mail - id икноки -->
  <use xlink:href="assets/images/icons/icons.svg#svg-mail"></use>
</svg>
<svg>
  <use xlink:href="assets/images/icons/icons.svg#svg-point"></use>
</svg>

Либо можно не сохранять в файл и вставить код этого спрайта в начало страницы, скрыв его при этом с помощью display: none:

svg {
  width: 10vmax;
  height: 10vmax;
}
.icon-1 {
  fill: tomato;
  transition: fill 0.4s;
}
.icon-1:hover {
  fill: lightgreen;
}
.icon-2 {
  fill: none;
  stroke: tomato;
  transition: stroke 0.4s;
}
.icon-2:hover {
  stroke: lightgreen;
}

<svg xmlns="http://www.w3.org/2000/svg">
   <symbol viewBox="0 0 16 13">
     <path d="M16 3. 373V10.5C16 11.163 15.7366 11.7989 15.2678 12.2678C14.7989 12.7366 14.163 13 13.5 13h3.5C1.83696 13 1.20107 12.7366 0.732233 12.2678C0.263392 11.7989 0 11.163 0 10.5V3.373L7.746 7.931C7.82295 7.97638 7.91066 8.00032 8 8.00032C8.08934 8.00032 8.17705 7.97638 8.254 7.931L16 3.373ZM13.5 3.09527e-08C14.1151 -9.6716e-05 14.7087 0.226607 15.1672 0.63674C15.6257 1.04687 15.9168 1.61164 15.985 2.223L8 6.92L0.0150001 2.223C0.0831583 1.61164 0.374324 1.04687 0.832795 0.63674C1.29127 0.226607 1.88485 -9.6716e-05 2.5 3.09527e-08h23.5Z"/>
   </symbol>
  
  <symbol viewBox="0 0 12 17">
    <path d="M5.83333 7.91667C5.2808 7.91667 4.7509 7.69717 4.36019 7.30647C3.96949 6.91577 3.75 6.38587 3.75 5.83333C3.75 5.2808 3.96949 4.7509 4.36019 4.36019C4.7509 3.96949 5.2808 3.75 5.83333 3.75C6.38587 3.75 6.91577 3.96949 7.30647 4.36019C7.69717 4.7509 7.91667 5.2808 7.91667 5.83333C7.91667 6.10692 7.86278 6.37783 7.75808 6.63059C7.65339 6.88335 7.49993 7.11302 7.30647 7.30647C7.11302 7.49993 6. 88335 7.65339 6.63059 7.75808C6.37783 7.86278 6.10692 7.91667 5.83333 7.91667V7.91667ZM5.83333 0C4.28624 0 2.80251 0.614582 1.70854 1.70854C0.614582 2.80251 0 4.28624 0 5.83333C0 10.2083 5.83333 16.6667 5.83333 16.6667C5.83333 16.6667 11.6667 10.2083 11.6667 5.83333C11.6667 4.28624 11.0521 2.80251 9.95812 1.70854C8.86416 0.614582 7.38043 0 5.83333 0V0Z"/>
  </symbol>
</svg>
<header></header>
<main>
  <svg>
    <use xlink:href="#svg-mail"></use>
  </svg>
  <svg>
    <use xlink:href="#svg-point"></use>
  </svg>
</main>
<footer></footer>

анимированных иконок | Font Awesome Docs

Наш Styling Toolkit избавляет от проблем с изменением размера, поворотом и размещением значков, поэтому вы можете сделать свой сайт эффектным с помощью анимации.

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

Перед началом работы

Убедитесь, что вы:

Настройте Font Awesome в своем проекте.
Знаком с основами добавления иконок Font Awesome.

Beat

Используйте анимацию fa-beat для увеличения или уменьшения значка. Это полезно для привлечения внимания или для использования со значками, ориентированными на здоровье / сердце.

Утилиты Beat

Утилита Подробная информация

-FA-FA-BEAT-SCALE

Установите максимум.0019

Используйте анимацию fa-fade для визуального появления и исчезновения значка, чтобы незаметно (или не очень) привлечь внимание.

Fade Utilities

Утилита Подробная информация

-FA-FADE-EPACE Используйте анимацию  fa-beat-fade , чтобы привлечь внимание путем визуального масштабирования и пульсации значка.
 Beat-Fade Utilities 
 Utility  Details
  --fa-beat-fade-opacity  Set lowest opacity value an icon will fade to and from
  --fa-beat-fade-scale  Установить максимальное значение масштабирования значка
 Bounce 
 Используйте анимацию  fa-bounce , чтобы привлечь внимание, визуально подпрыгивая значком вверх и вниз.
 Утилиты Bounce 
 70037373737373737373. 70037373.
73. Утилита  Подробная информация
 -FA-BOUNCE-REBOUND  SET Сумма переосмысления ACON, когда приземляется после приземления 
3.
 700373.
 .  СОЕДИНА fa-bounce-height  Установите максимальную высоту, на которую будет подпрыгивать значок при отскоке
  --fa-bounce-start-scale-x  Установите горизонтальное искажение значка («хлюпать») при запуске подпрыгнуть
  --fa-bounce-start-scale-y  Установить вертикальное искажение («хлюпать») значка при начале отскока
  --fa-bounce-jump-scale-x  Установить горизонтальное искажение значка («сплющивание») в верхней части прыжка прыжка
  --fa-bounce-land-scale-x  Установить горизонтальное искажение значка («хлюпать») при приземлении после прыжка
  --fa-bounce-land-scale-y прыжок
 Flip 
 Используйте анимацию  fa-flip  для вращения значка в трехмерном пространстве (открывается в новом окне). По умолчанию флип поворачивает значок вокруг оси Y на 180 градусов. Переворот полезен для переходов, состояний обработки или для использования физических объектов, которые переворачиваются в реальном мире.
 Flip Utilities 
 Utility  Details
  --fa-flip-x  Set x-coordinate of the vector denoting the axis of rotation (between  0  and  1 )
 -FA-FLIP-Y  Установите Y-координату вектора, обозначающего ось вращения (между  0  и  1 )
 -FA-FA-FA-FA-FA-FA-FA-FA-FA-FA. я  Установить z-координату вектора, обозначающего ось вращения (между  0  и  1  ) Положительный угол обозначает вращение по часовой стрелке, отрицательный угол — против часовой стрелки.
 Встряхивание 
 Используйте анимацию  fa-shake , чтобы привлечь внимание или отметить, что что-то не разрешено, покачивая значок вперед и назад.
 Spin 
 Используйте класс  fa-spin , чтобы заставить любой значок вращаться, и используйте  fa-spin-pulse , чтобы он вращался с восемью шагами. Это особенно хорошо работает с  fa-spinner  и всем, что относится к категории значков счетчиков. Если вы хотите, чтобы значок вращался в обратном направлении (например, против часовой стрелки), добавьте дополнительный класс  fa-spin-reverse  .
 Spin Utilities 
9333337.Sper
337.Sper
337.S. -reverse  Utility  Детали
  FA-SPIN  Создает Spin 360 ° по часовой стрелке
  FA-SPIN-Pulse  Сделайте ICON SPIN 360 ° Clock Winds  При использовании в сочетании с  fa-spin  или  fa-spin-pulse  заставляет значок вращаться против часовой стрелки.
 Мы устарели fa-pulse

9Класс анимации 0021 fa-pulse , который мы использовали в предыдущих версиях Font Awesome, по-прежнему работает в версии 6. Но мы решили переименовать его в fa-spin-pulse . Мы считаем, что это имя более точно соответствует его назначению, и мы перенесем его для использования в будущих версиях.

Специальные возможности

Использование анимации в Интернете наиболее доступным способом требует дополнительного внимания:

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

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

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

Дело	Как это влияет на включенные анимации
No preference set (default)	Animations will render as expected
Preference set to `reduce`	Animations will be disabled

When a prefers-reduced-motion is установить на уменьшить , это указывает на то, что пользователь предпочитает меньше движения, что может вызвать дискомфорт на странице у людей с вестибулярными нарушениями движения.

Персонализация

Мы добавили настраиваемые свойства CSS (открывается в новом окне), чтобы сделать настройку проще и эффективнее, и вы можете использовать эти настраиваемые свойства во всех наших анимациях. Определите свои собственные значения для следующих свойств, чтобы переопределить и настроить параметры Font Awesome по умолчанию.

7 --fa

Пользовательское свойство CSS	Детали	Допустимые значения
`--fa-animation-delay`	0 Установить задержку начальной анимации0040	Любое допустимое значение CSS `animation-delay` (открывает новое окно)
`--fa-animation-direction`	Установить направление анимации )
`--fa-animation-duration`	Установить продолжительность анимации	Любое допустимое значение CSS `animation-duration` (открывает новое окно)
Установить количество итераций для анимации	Любое допустимое значение CSS `animation-iteration-count` (открывается в новом окне)
`--fa-animation-timing`	Установить, как анимация прогрессирует через 90 кадров4	Любое допустимое значение CSS `animation-timing-function` (opens new window)

Icon Animation + Wobbles

Мы приложили много усилий, чтобы значки находились точно по центру, когда они вращаются или пульсируют. Тем не менее, мы видели проблемы с несколькими браузерами с методом Web Fonts + CSS Font Awesome . Похоже, это проблема с веб-шрифтами в целом, и мы не можем решить ее напрямую. У нас есть несколько способов обойти это:

Установить отображение анимированного значка — Использовать display: block; где можно. Кажется, это очень помогает в этом вопросе.
Switch Frameworks — Переключение на SVG методом JavaScript; это работает намного лучше для этого.

7 159 422+ высококачественных значков — Iconfinder

Иконки — это универсальный визуальный язык, который помогает нам ориентироваться в виртуальном и физическом пространстве. Независимо от того, создаете ли вы веб-сайт, приложение или набор слайдов, с 6 миллионами иконок вы найдете здесь практически что угодно.

Перо

286 иконок

Лето

5 515 иконок

Мир в пастели

426 иконок

Шрифт Awesome Обычный

159 иконок

Шрифт Awesome Solid

1000 иконок

Иониконс Шарп

414 иконок

Иконуар

937 иконок

Начальная загрузка

1071 значок

Свободно Обычный 24px

1565 иконок

Свободно Обычный 20px

1399 иконок

Fluent Solid 24px

1568 иконок

Fluent Solid 20px

1401 значок

Получите 10 кредитов за премиум-контент

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

Подробнее о Pro Начните 7-дневную бесплатную пробную версию

Затем 9 долларов в месяц. Отменить в любое время.

Люминофор Duotone

1047 иконок

Фосфор Обычный

1047 иконок

Фосфорный наполнитель

1047 иконок

Люминофор

1047 иконок

Плампиконы

4543 иконки

РемиксИконка

2103 иконки

Руди

1676 иконок

Эссенциальная линия

1600 иконок

Линия

12 иконок

Эссенция Твердая

1600 иконок

Эссенция заполнена

1600 иконок

Базисоны — Линия

4 342 значка

Вебина

482 иконки

Системный интерфейс

420 иконок

4.0 Специальная коллекция Justicon

2304 иконки

Пикон Базовый

659 иконок

Пиконы тонкие

1881 значок

Необработанный

2536 иконок

Набор иконок в одну линию

336 иконок

Гизмо

839 иконок

Эго

3688 иконок

Иконуиоо

1691 значок

Сценарий Графит

1000 иконок

Smashicons — ультрацвет

4030 иконок

Получите 10 кредитов за премиум-контент

Подробнее о Pro Начните 7-дневную бесплатную пробную версию

Затем 9 долларов в месяц. Отменить в любое время.

Фигурки

21 434 значка

Буке 1.0 Flat

780 иконок

Дудл

1117 иконок

Микроточки Контур

2560 иконок

Коллекция разнообразных аватаров

959 иконок

Строка

8 965 значков

Пика

814 иконок

Дайго

1200 иконок

Эмоджи

1242 значка

Заполнить контур

4971 значок

Лайлак

1798 иконок

Проводной iOS

998 иконок

Обивный цвет

1850 иконок

Sliceberry — Линия UIcons

1490 иконок

Пикси Солид

590 иконок

Пикси Лайн

768 иконок

64×64 Pixel Perfect

3764 значка

(Цвет) Коллекция иконок Connecto Line

920 иконок

Унигрид Фантом

3566 значков

Базисоны — твердые

3914 значков

Большой контур

1000 иконок

Плоские ходы

759 иконок

Жирная линия

4507 значков

Баблконы — Линия

10 560 иконок