Библиотека иконок: Иконки «Библиотека» — скачай бесплатно PNG и вектор

single userteam

Только один пользователь может войти в одну учетную запись и использовать наши значки — Switch to Team

• Какой тарифный план мне выбрать?

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

• Какой план выбрать, чтобы получить полный доступ к некоторым значкам только для одного проекта?

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

• Почему приложение Pro?

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

• Что в этом особенного?

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

• Могу ли я отменить продление ежемесячного или годового плана?

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

• Как я могу заплатить за это?

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

• В чем разница между тарифными планами для одного пользователя и группы?

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

• Вы обновляете и добавляете новые значки?

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

Библиотека значков: 20 лучших / крупнейших библиотек значков.

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

Сначала я хотел бы прояснить: это не 20 лучших библиотек, а 20 лучших , так что, конечно, могут быть и, вероятно, есть другие отличные библиотеки, помимо этих, о которых я не упоминал / не знаю о.
Кроме того, это ul , а не ol .

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

The Noun Project — огромная библиотека значков, в которой утверждается, что насчитывает более 2 миллионов значков. Все эти значки созданы участниками. У него огромное и по-прежнему активное сообщество, частью которого вы тоже можете стать.

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: true

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

• Бесплатное содержание: true
• Платный контент: ложный
• Настраиваемые значки: true
• Требуется регистрация: ложь

Good Stuff No Nonsense — это библиотека значков, созданная всего одним человеком , и все доступные значки нарисованы от руки .

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: ложь
• Требуется регистрация: ложь

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: ложь
• Требуется регистрация: true

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

2 000 000+ Бесплатные векторные иконки в форматах SVG, PSD, PNG, EPS или ICON FONT.Тысячи бесплатных иконок в самой большой базе бесплатных векторных иконок!

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

Примечание. Для загрузки и просмотра значков не требуется регистрироваться, но для настройки значков это необходимо.

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

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

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: ложь
• Требуется регистрация: ложь

Более 10 500 в трех различных весах. 53 категории, 720 подкатегорий и более 30 000 в общей сложности.

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: true

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

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: ложь
• Требуется регистрация: ложь

Smashicons предлагает чрезвычайно обширную коллекцию иконок, в библиотеке которой находится более 175 000 иконок.Однако, в отличие от некоторых других упомянутых библиотек значков, не все эти значки соответствуют одному стилю. Поэтому, если вы хотите сохранить единообразный внешний вид своего веб-сайта, приложения и т. Д., Вам необходимо убедиться, что все требуемые значки находятся в определенном наборе значков.

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: true

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

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

Найдя значок, вы можете загрузить его как файл PNG или SVG с максимальным размером 512 × 512.

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: ложь
• Требуется регистрация: true

Более 2 миллионов профессиональных библиотек значков с более чем 400 наборами значков в более чем 30 стилях, включая Flat, Material, iOS, Glyph, Colorful, Window 10, Revamped Office, 3D Realistic, Isometric и другие!

Помимо библиотеки из 2 миллионов иконок, Iconshock также специализируется на пользовательских стилях.В частности, такие фавориты, как Material, iOS, Flat, Modern и многие другие.
Вы можете выбрать между загрузкой одного значка или загрузкой всего набора значков.

• Бесплатное содержание: true
• Платный контент: true
• Настраиваемые значки: true
• Требуется регистрация: ложь

Material Design Icons позволяет дизайнерам и разработчикам, ориентированным на различные платформы, загружать значки в формате, цвете и размере, необходимом для любого проекта.Он существует уже много лет и совместим со многими технологиями и фреймворками.

• Бесплатное содержание: true
• Платный контент: ложный
• Настраиваемые значки: true
• Требуется регистрация: ложь

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

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

• Бесплатное содержание: true
• Платный контент: ложный
• Настраиваемые значки: ложь
• Требуется регистрация: ложь

Подобно одному из сайтов, которые мы уже рассматривали, FreeIcons посвящен выделению только самых известных из Icon Packs.
Каждый пакет содержит до 100 иконок, и большинство из них невероятно хорошо продумано.

Но будьте уверены, вы также можете найти значки на такие темы, как путешествия, еда, женщины, страны и многое другое.
И вы можете выбрать один из стилей, таких как 3D, Мультфильм, Нарисованный вручную, Значки, Сглаживание и многие другие.

• Бесплатное содержание: true
• Платный контент: ложный
• Настраиваемые значки: ложь
• Требуется регистрация: ложь

7 популярных библиотек значков, которые можно использовать бесплатно

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

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

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

Ниже приведены 7 лучших библиотек значков, которые вы можете использовать бесплатно.

1. Перо

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

Все значки в Feather основаны на SVG, то есть вы можете использовать их внутри большинства атрибутов HTML и CSS, таких как img , background-image , inline , object , embed , iframe пр.

На момент написания этой статьи Feather имеет коллекцию из 282 значков, которые вы можете настраивать с точки зрения размера, ширины штриха и цвета.

Чтобы использовать значок Feather, установите его пакет.

 npm установить значки-перья
#или же
пряжа добавить перо-иконы
 

Вы также можете получить его из CDN.

Feather имеет сторонние библиотеки, которые упрощают использование значков в современных популярных фреймворках, таких как Angular, Vue и React.

2. Font Awesome

Разработанный в 2012 году Дэйвом Ганди, Font Awesome — одна из старейших и самых популярных доступных коллекций иконок.Первоначально он был разработан для Bootstrap, а затем превратился в отдельный независимый набор значков. Font Awesome 5 установил рекорд самого финансируемого программного обеспечения Kickstarter за всю историю.

Библиотека включает коллекцию из более чем 1500 иконок, которые вы можете использовать бесплатно. Он поддерживает популярные фреймворки веб-разработки, такие как React, Angular и Vue, а также популярные инструменты дизайна, такие как Sketch и приложения Adobe.

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

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

3. Значки начальной загрузки

Самый популярный фреймворк CSS теперь имеет свою собственную библиотеку значков, начиная с версии 4. Очевидно, что значки Bootstrap предназначены для компонентов и документации Bootstrap.Bootstrap решил использовать значки на основе SVG в то время, когда Font Awesome был основан на шрифтах.

Bootstrap Icons в настоящее время находится в альфа-версии с более чем 1000 иконок, готовых к использованию.

Вы можете установить Bootstrap Icons через npm или загрузить вручную.

В зависимости от ваших настроек, вы можете включать значки Bootstrap несколькими способами:

• Копирование / вставка SVG как встроенного HTML
• Ссылка через элемент
• Используйте спрайт SVG
• Включить через CSS

4.Иониконы

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

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

Чтобы использовать Ionicons, включите его ссылку на CDN в свой проект.

Затем используйте специальный компонент ion-icon для визуализации значков.

5. css.gg

css.gg — уникальная библиотека значков, полностью написанная на CSS. Он включает в себя более 700 иконок пользовательского интерфейса и совершенно бесплатен.

Одна из самых примечательных особенностей css.gg заключается в том, что каждая отдельная страница значка отображает исходный код того, как был создан значок.Посмотрите, например, на этот значок Git Pull.

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

css.gg был создан Астрид Мальсией как личный проект, но он привлек внимание сообщества, и несколько дизайнеров внесли свой вклад в добавление версии SVG, дизайнерского пакета для Figma и Adobe XD и веб-компонентов для React.

Эти значки также хорошо масштабируются, поскольку по умолчанию они готовы к работе с сетчаткой.Вы можете легко масштабировать размер значка, задав --ggs , чтобы умножить размер значка. Если вы хотите использовать значки css.gg для своего проекта, вы можете установить пакет, использовать ссылку CDN, загрузить SVG или использовать компоненты React.

6. Иконки Tabler

Tabler Icons — это набор из более 550 бесплатных SVG-значков, лицензированных MIT. Каждый значок имеет сетку 24 × 24 и обводку 2 пикселя.

Чтобы использовать значки Tabler, установите библиотеку из npm или просто загрузите ее с GitHub.

Как и Feather, Tabler также включает атрибут CSS stroke-width , позволяющий создавать различные варианты значков.

Вы можете разместить значки Tabler как , background-image и встроенные в HTML-код. Чтобы узнать больше об этом пакете и увидеть полные инструкции по установке, посетите исходный код на GitHub.

7. Иконки React

В отличие от вышеупомянутых библиотек значков, React Icons — это библиотека для компиляции значков, которая позволяет вам добавлять значки из различных библиотек в ваш проект React в качестве элемента SVG.

Чтобы добавить значок, установите пакет и импортируйте его в файл компонентов.

 # Установить пакет
npm установить иконки реакции
# или же
пряжа добавить иконки реакции


// Компонент FaBeer будет отображаться как SVG ..
импортировать {FaBeer} из 'react-icons / fa';
class Question расширяет React.Component {
  оказывать() {
    return  
 Пойдем за 
?  
  }
}
 

React Icons включает значки из следующих библиотек.

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

Заключение

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

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

LogRocket: легче отлаживать ошибки JavaScript, понимая контекст

Отладка кода — всегда утомительная задача. Но чем больше вы понимаете свои ошибки, тем легче их исправить.

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

LogRocket записывает журналы консоли, время загрузки страницы, трассировки стека, медленные сетевые запросы / ответы с заголовками + телами, метаданными браузера и настраиваемыми журналами.Понять влияние вашего кода JavaScript никогда не будет так просто!

— 18 самых популярных в 2019 г.

Автор: Коди Арсено

Обновлено 9 августа 2019 г.

Значки — одни из наиболее часто используемых графических элементов в веб-дизайне и разработке приложений. На самом деле они настолько обычны, что большинство людей, не являющихся дизайнерами, принимают их как должное. Однако для дизайнеров значки — это больше, чем просто графическая мысль. Это ориентиры, которые ведут посетителей Интернета и пользователей приложений через сложный набор взаимодействий с их любимыми сайтами и инструментами.Такие значки могут быть плоскими с точки зрения дизайна, но определенно не безжизненными. Они являются важным компонентом пользовательского опыта , и дизайнеры должны выбирать их с осторожностью.

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

1. The Noun Project

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

Ключевые особенности

• Варианты бесплатной и платной загрузки
• Наборы значков
• Приложение для Mac
• Новые значки загружаются почти ежедневно

2. iconmonstr

iconmonstr — это обширная библиотека значков, предлагающая более 4300 иконок, отсортированных по 304 различным коллекциям. Каждый набор значков предлагает как контурные, так и заполненные версии графики, чтобы их можно было использовать в различных дизайнерских приложениях. Сайт предлагает надежные функции поиска и позволяет пользователям добавлять значки в избранное.Каждый значок разработан с использованием 24-пиксельной сетки для удобного использования в различных дизайнах.

Ключевые особенности

• Бесплатное использование всех значков
• Удобные наборы значков
• Четыре варианта загрузки формата
• Уменьшенные значки, оптимизированные для использования в Интернете

3. Хороший материал, без глупостей

Веселые, нарисованные от руки Иконки в Good Stuff No Nonsense разделены на более чем два десятка категорий для простоты использования. Эти причудливые значки идеально подходят для дизайнеров, которым нужен рисованный вид, но у которых нет времени или навыков, чтобы создавать и загружать свои собственные значки.Все значки на этом сайте созданы одним художником, поэтому они предлагают единообразный дизайн и могут помочь придать фирменный вид любому сайту или приложению. Многие значки также векторизованы для обеспечения гибкости дизайна.

Ключевые особенности

• Доступны недорогие и бесплатные наборы значков
• Доступны услуги по созданию пользовательских значков
• Возможность покупать наборы значков или отдельные значки
• Значки доступны в различных форматах

4. Библиотека иконок Orion

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

Ключевые особенности

• Тысячи значков доступны бесплатно, даже больше, если вы приобретете их профессиональный план
• Профессиональный план предоставляет «лицензию без указания авторства»
• Простое в использовании и интуитивно понятное веб-приложение для изменения ваших значков

5.IcoMoon

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

Ключевые особенности

• Бесплатные и платные варианты загрузки
• Широкий выбор форматов загрузки
• Комплексные инструменты управления значками
• Бесплатное и простое обновление через синхронизацию в облаке

6.Pictonic

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

Ключевые особенности

• Возможность покупать наборы значков или отдельные значки
• Значки полностью масштабируемы
• Все значки можно стилизовать с помощью CSS
• Значки доступны в различных форматах файлов

7.Icons8

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

Ключевые особенности

• Варианты бесплатной и платной подписки
• Доступ к векторным значкам, которые можно изменять
• Возможность легко редактировать цвет значков
• Простое перетаскивание в Photoshop, Xcode, Sketch и т. Д.

8.Freepik

Как следует из названия, Freepik предлагает огромную базу данных бесплатной графики, векторных изображений и значков для использования веб-дизайнерами и разработчиками приложений. Раздел библиотеки значков на сайте предлагает более 100 000 графических изображений, которые пользователи могут искать или просматривать по темам. Значки варьируются от простых до сложных, и доступен массив линейных, заполненных и цветных значков. У каждого значка есть свои лицензионные ограничения.

Основные характеристики

• Бесплатно для личного и коммерческого использования
• Иконки можно загружать в форматах PNG, EPS и SVG
• Другие векторы и изображения, доступные на сайте, можно легко редактировать для использования в качестве иконок
• Новые иконки добавляются регулярно

9.Glyphish

Glypish представляет собой коллекцию значков, содержащую более 2200 элементов как в линейном, так и в заполненном стилях. Иконки доступны в большом платном наборе или отдельными наборами. На этом сайте есть значки для iOS, Android и Apple Watch. Дизайнеры и разработчики, желающие опробовать Glyphish, могут загрузить 50 бесплатных иконок, лицензированных через Creative Commons. Все значки имеют размер в соответствии со спецификациями Apple, но также могут редактироваться дизайнерами.

Ключевые особенности

• Иконки для платформ iOS и Android
• Набор из 50 бесплатных иконок
• Простое перетаскивание в Xcode
• Иконки, специально созданные для дисплеев Apple Retina

10.Iconfinder

Iconfinder в настоящее время является одной из крупнейших библиотек значков с более чем 3 миллионами бесплатных и дополнительных значков. Кроме того, они также предлагают более 25 000 наборов иконок. Iconfinder предоставляет пользователям множество вариантов поиска, включая формат значков, цену, размер, фон и т. Д. Они предлагают широкий выбор бесплатных значков, но если они просто не работают за вас, вы также можете перейти на значки премиум-класса для 9 долларов в месяц за 25 загрузок или 29 долларов в месяц за неограниченное количество загрузок.

Ключевые особенности

• Варианты бесплатного и платного использования
• Гибкие функции поиска
• Значки доступны в различных форматах

11.PixelLove

PixelLove — это коллекция значков для дизайнеров, создающих мобильные сайты и приложения, с более чем 5000 иконок для платформ iOS и Android. Все значки доступны в различных размерах пикселей. Файлы слоев и фрагментов позволяют редактировать значки как в Photoshop, так и в Sketch. И значки, и шрифты значков включены для удовлетворения разнообразных потребностей дизайна.

Основные характеристики

• Бесплатные и платные значки с четырьмя уровнями подписки
• Различные варианты лицензий
• Иконки, специально разработанные для Apple Watch
• Редактируемые векторные и растровые форматы

12.Flaticon

Эта коллекция из более чем 1 миллиона векторных иконок представляет собой еще одного «большого игрока» в области коллекций иконок. Пользователи Flaticon могут загружать неограниченное количество иконок, а также легко управлять функциями дизайна. Все значки можно настроить в соответствии с потребностями отдельных дизайнеров в цвете и размере. Пользователи также могут создавать шрифты иконок для использования в личных и коммерческих проектах. Flaticon предлагает приложение для Mac для простой интеграции значков через Sketch, Photoshop, Illustrator и другие.

Ключевые особенности

• Доступны как бесплатная, так и платная подписка
• Новые пакеты значков добавляются каждый месяц
• Доступны различные форматы файлов
• Доступны как растровые, так и векторные значки

13. Шрифт Awesome

Доступный в виде единого шрифта с почти 1500 значками, Font Awesome предлагает дизайнерам гибкое решение для значков. Значки можно легко изменить с помощью атрибутов CSS, и они предназначены для безупречной работы с различными фреймворками.Каждый значок представляет собой векторную графику, а это означает, что дизайнеры также имеют неограниченный контроль над размером и масштабируемостью значков. Эти значки не требуют JavaScript, а это означает, что они свободны от проблем совместимости, с которыми сталкиваются некоторые наборы значков. Также включены анимированные значки и значки, предназначенные для использования в списках.

Ключевые особенности

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

14.Graphic Burger

Graphic Burger предлагает множество бесплатных и платных графических элементов для использования веб-дизайнерами, разработчиками приложений и графическими дизайнерами. Среди них — обширный выбор значков, включающий графику, соответствующую множеству предметов и тем. Пользователи могут просматривать последние значки, добавленные на сайт, или искать значки, отвечающие их конкретным потребностям. Многие наборы значков предлагают линейные, заполненные и цветные версии значков для гибкости дизайна. Доступен целый ряд форматов файлов с некоторыми наборами значков, предлагающими как бесплатные, так и платные варианты загрузки.

Ключевые особенности

• Доступны как бесплатные, так и платные значки
• Большинство наборов значков предлагают гибкие варианты дизайна
• Значки организованы в наборы в соответствии с темой и стилем
• Новые значки добавляются на регулярной основе

15. Behance

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

Ключевые особенности

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

16.Nova

Nova — это коллекция из 4000 иконок, созданная в соответствии с рекомендациями Google по дизайну материалов. Это делает их идеальными для использования в любых приложениях Android, веб-сайтах и ​​настольных приложениях. Значки Nova также имеют 2 разных стиля, поэтому независимо от того, выберете ли вы бесплатный пакет, основной пакет или окончательный пакет, вы фактически получите в два раза больше значков. Иконки Nova содержатся во всех основных файлах, используемых разработчиками и дизайнерами. Сюда входят Sketch, Illustrator, SVG и PDF.

Ключевые особенности

• Каждый значок представлен в стиле Line + Solid, всего около 8000 значков
• Разработан в соответствии с рекомендациями Google по материальному дизайну
• Предлагает широкий спектр значков в нескольких различных категориях
• Бесплатно и платно доступные варианты

17. Smashicons

Smashicons предлагает чрезвычайно обширную коллекцию значков с более чем 175 000+ значками, которые в настоящее время находятся в их библиотеке. Однако, в отличие от некоторых других упомянутых библиотек значков, не все эти значки соответствуют одному стилю.Поэтому, если вы хотите сохранить единообразный внешний вид своего веб-сайта, приложения и т. Д., Вам необходимо убедиться, что все требуемые значки находятся в определенном наборе значков. Smashicons также работает немного иначе, чем большинство других библиотек значков, в том смысле, что их цена основана на ежемесячном плане 5 долларов в месяц. Это означает, что за 5 долларов в месяц вы получаете доступ ко всей их коллекции существующих значков, а также к любым будущим значкам, которые они выпустят.

Ключевые особенности

• Очень большая коллекция значков, хотя все они не соответствуют одному стилю
• Все значки совместимы с несколькими платформами
• Простое в использовании веб-приложение для поиска и поиска нужных значков

18.Roundicons

Еще одна услуга, связанная с набором значков, — это Roundicons. Этот поставщик значков предлагает 37 000 значков, разделенных на различные наборы значков, по единовременной цене в 99 долларов. Кроме того, они также предлагают множество бесплатных значков, а также создание пользовательских значков. Так что, если вы создаете бренд, которому нужен единый внешний вид, создание пользовательских значков может быть отличным решением.

Ключевые особенности

• Несколько наборов значков по единовременной цене
• Бесплатные обновления при выпуске новых значков
• Предлагает услугу по созданию пользовательских значков

Резюме

Из приведенного выше списка мы ‘ Мы выбрали несколько наиболее узнаваемых имен в ресурсах библиотеки значков и сопоставили их друг с другом в тенденциях Google.

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

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

Знакомство с библиотекой иконок | База знаний Frontify

Благодаря библиотеке значков вы приобретаете специальную библиотеку, позволяющую группировать все значки.Таким образом, вам больше не нужно смешивать значки и другие типы ресурсов в медиатеке, что приводит к организационным хлопотам. Благодаря функциям настройки значков библиотека значков позволяет загружать значков формата SVG , а затем прикреплять форматы PNG, EPS, TIFF, JPG и предварительно просматривать их на разных фонах, в том числе прозрачных.

Настройка библиотеки значков

Чтобы настроить библиотеку значков, введите свой бренд и перейдите на вкладку «Библиотека». Затем нажмите кнопку «Создать» в правом верхнем углу> Библиотека значков.

Дайте своей библиотеке значков имя и загрузите все предпочтительные значки в библиотеку, нажав кнопку «Загрузить значки» в центре экрана или нажав кнопку «Создать» в правом верхнем углу> Файл Загрузить.

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

Подготовка SVG для библиотеки значков

Файл SVG является основным и единственным форматом, в котором вы можете загружать значки.

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

Функции библиотеки зависят от правильно созданного исходного файла SVG . Только при правильном построении файла:

• опция раскраски значков доступна во внешнем интерфейсе библиотеки значков
Значки
• окрашены правильно (весь контур значков приобретает новый цвет) во внешнем интерфейсе библиотеки значков
• автоматически сгенерированных значков PNG отражают исходный файл SVG

Чтобы функции библиотеки работали должным образом, имейте в виду при подготовке файлов SVG:

1. Значок должен иметь комбинированную форму, а не группу
2. Значок должен быть единым контур
3. Значок не должен иметь форму над контуром — не добавляйте прямоугольную форму для его обрамления.
4. Убедитесь, что в структуре значка нет прозрачных форм или слоев.

Важные примечания по функции раскраски : Перекрашивать можно только одноцветные SVG. Раскрашивание разноцветных иконок не поддерживается.

Организация библиотеки значков

После того, как вы загрузили все свои значки, вы можете упорядочить их по папкам и коллекциям, снова нажав кнопку «Создать» в правом верхнем углу.

Кроме того, вы можете (несколько) выбрать значки, наведя указатель мыши на карточки значков и отметив флажком нужные значки в верхнем левом углу.Затем вверху экрана появится горизонтальная панель параметров.

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

Выполнение действий

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

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

Приглашение членов команды по-прежнему осуществляется с помощью значка команды на панели управления слева.

На панели управления слева вы также найдете общие настройки библиотеки значков. Щелкните значок шестеренки> Параметры использования, чтобы назначить загружаемые цвета для значков или установить флажок «Новый» для последних значков.Обратите внимание, что сделана ссылка на цвета, определенные в вашем Руководстве по стилю.

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

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

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

Вид потребителя

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

Их можно выбрать из набора цветов, которые были ранее добавлены в бэкэнд.

В случае многоцветных значков (определяемых наличием в SVG шестнадцатеричного числа, RGB (A) или HSL (A)) они отключены, и поэтому цвета не отображаются.

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

Откройте библиотеку значков из серверной части и выберите параметр «Использование» с помощью значка на панели питания.

Средняя часть панели позволит вам добавлять новые размеры значков. Просто добавьте имя и желаемый размер, нажмите «Добавить».

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

Связанные активы

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

После настройки библиотеки значков вы можете использовать взаимосвязанность Frontify и включить все свои значки или выбранные коллекции в свое руководство по стилю.Для этого выберите интеллектуальный блок «Библиотека значков»> «Выбрать библиотеку значков или коллекцию».

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

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

Мы надеемся, что эта статья оказалась для вас полезной.

Библиотека иконок | Элементор

Библиотека значков предоставляет доступ к более чем 1500 бесплатным значкам Font Awesome 5 и представляет интерфейс для управления вашими значками.

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

Некоторые виджеты, такие как виджеты Accordion и Toggle, будут иметь встроенные элементы управления значками, например:

Виджеты со встроенными элементами управления : щелкните значки + и –, чтобы выбрать значки из библиотеки значков , или щелкните значки загрузки , чтобы загрузить SVG.

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

1. Фильтр значков по имени : поиск по ключевому слову в поле поиска над значками на правой панели.
2. Фильтровать значки по семействам : выберите семейство значков на левой панели, выбирая из Все , Обычные , Solid или Бренды

Font Awesome Pro

Если у вас есть лицензия Font Awesome Pro, у вас будет более широкий набор семейств значков на выбор, включая Regular Pro , Solid Pro , Brands Pro , Light Pro и Duotone Pro .

Как использовать иконки Font Awesome Pro

1. Перейдите в Elementor> Настройки> Интеграции
2. Прокрутите вниз до Font Awesome Pro и введите свой идентификатор набора
3. Нажмите Сохранить изменения
4. Отредактируйте виджет, который содержит значок
5. Библиотека значков
6. Выберите одно из семейств Pro, например Duotone Pro , выберите нужный значок и нажмите Insert

Speed ​​and Performance

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

Одноразовый переход на Font Awesome 5

При первой попытке использования библиотеки значков может появиться всплывающее окно Font Awesome Migration. Узнать больше об этом

Советы по поиску и устранению неисправностей

Если вы обнаружите, что не можете изменить цвета значков Font Awesome Pro, войдите в свою учетную запись Font Awesome Pro и выберите Web Font вместо SVG в настройках своего набора.Неправильная настройка SVG показана ниже. Когда вы используете SVG для отображения значков Font Awesome Pro, он изменяет свойства CSS, и одно из них (свойство fill) не поддерживается редактором CSS WordPress, поэтому Web Font является более подходящим выбором.

Библиотека иконок | Набор инструментов Community Health

Иконки для использования в приложении CHT на основе наших принципов дизайна, ориентированных на человека

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

О библиотеке иконок

Эта коллекция из более чем 60 красивых иконок была создана для использования в приложениях CHT. Мы будем постоянно обновлять эту библиотеку по мере разработки новых значков для различных рабочих процессов.

Используйте папку forms_tasks_targets , чтобы найти значки PNG и SVG для кода приложения. Все экземпляры на 2.15.0 и более поздних версий следует использовать значки SVG, потому что это файлы меньшего размера. Если в вашем проекте семьи или домохозяйства находятся на нижнем уровне иерархии, используйте папку people_and_places для замены значков по мере необходимости, чтобы в вашей иерархии были правильные значки.

ПРИМЕЧАНИЕ. Тем, кто использует medic-conf для загрузки ресурсов, убедитесь, что вы добавили правильные значки для людей и мест в файл resources.json . В противном случае при загрузке ресурсов ваши люди и значки будут случайно удалены.В medic-conf поднимается вопрос, чтобы решить эту проблему. Вам нужно будет определить medic-clinic , medic-health-center , medic-District-Hospital и medic-person в файле resources.json и установить их в соответствующие файлы SVG.