Значки для сайтов: Векторные иконки и стикеры — PNG, SVG, EPS, PSD и CSS

ICONFINDER содержит платные и бесплатные иконки. Если вы хотите найти ICON, который можно бесплатно использовать в коммерческих целях, не забудьте отметить «Бесплатно» в левой части результатов поиска.

2. flaticon

Flaticon является дочерним веб-сайтом FreePik. Самая большая особенность этой поисковой системы заключается в том, что она находит только «бесплатные и имеющиеся в продаже» значки. Как это здорово!

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

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

3. НАЙТИ ЗНАЧКИ

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

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

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

4. IconArchive

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

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

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

5. GraphicBurger

GraphicBurger — это веб-сайт с высококачественными дизайнерскими ресурсами, которые бесплатно предлагаются сообществу. Здесь вы даже можете найти эксклюзивные файлы PSD для изменения каждой иконки. Если вы ищете симпатичные иконки, не пропустите GraphicBurger!

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

6. Premium Pixel

Premium Pixel — это бесплатные значки, отобранные экспертами. Вы можете искать различные высококачественные бесплатные материалы. Он также содержит большое количество пакетов значков интерфейса только для чайников, если вы не знаете, как выбрать, не так ли продуманно!

Все ресурсы предлагаются бесплатно с очень небольшими ограничениями.

7. Freebiesbug

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

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

8. Приложение IcoMoon

IcoMoon стремится создать и предоставить лучший инструмент для иконографии и управления иконками для перфекционистов. Все иконки разработаны на точной пиксельной сетке. Приложение IcoMoon позволяет создавать и использовать собственные пакеты значков во многих различных форматах, включая SVG, Polymer, PDF, XAML, CSH, шрифт значков с лигатурами или старые добрые спрайты PNG/CSS.

• Каждый из значков имеет ссылку на лицензию, по которой вы можете перейти. Помимо этих бесплатных пакетов значков, IcoMoon также предоставляет 3 высококачественных пакета значков премиум-класса, которые можно приобрести только отдельно.
• Вы можете загрузить эти значки, выполнить базовое редактирование, импортировать свои собственные значки, создать шрифты значков (шрифт со значками в качестве глифов) или создать значки в виде спрайтов SVG, Polymer, PDF, XAML, PNG и CSS.

9. Чернила кальмара

Ищете другую симпатичную иконку для скачивания? Squid Ink предоставляет 5 различных форматов для 2000 иконок в 17 категориях, что позволяет вам менять цвета или стили слоев, перемещать и изменять размер каждого отдельного элемента и слоя в кратчайшие сроки.

Бесплатно можно использовать 50 иконок в личных и коммерческих проектах

10. Freepik

2

2

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

требуют указания авторства для каждого ресурса.

Возникли проблемы с сортировкой значков и поддержанием их аккуратности на компьютере? Попробуйте Орел

11. iconstore

IconStore — это библиотека бесплатных векторных (SVG) иконок, созданных талантливыми дизайнерами для загрузки для коммерческого использования.

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

12. icon8

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

Они также получили мощную функцию редактирования значков, которая позволяет свободно настраивать цвет значка, добавлять текст к значку и т. д. Вы также можете изменить фон, размер, положение, форму значка… прямо в браузере. .

Если вам нужно встроить значки в веб-сайты и программы, просто нажмите кнопку «Встроить HTML», будут показаны различные методы встраивания!

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

13. Oxygenna

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

Не стесняйтесь использовать их по своему усмотрению в любом личном или коммерческом проекте.

14. 1001freedownloads

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

для личного и коммерческого использования, авторство приветствуется

15. iconsshock

Здесь вы найдете широкий выбор иконок различных стилей, размеров, форматов и тем. От значка iOS Line до мотива значков Food-Themed — в этой галерее есть всего понемногу. Все эти наборы иконок полностью бесплатны для личного использования по лицензии Iconshock.

Что мне нравится в iconshock, так это то, что они предлагают 3D-иконки, у них есть огромная коллекция с аккуратным стилем 3D-дизайна, представленная в разрешении 4k с размерами 4000x4000px, перспективами спереди и сзади и 5 различными цветовыми палитрами!

бесплатно для личного пользования

16. pngtree

2

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

Инструкции по использованию:

Требуется бесплатное указание авторства

17. google fonts

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

Материал Иконки доступны в пяти стилях и различных загружаемых размерах и плотности. Иконки основаны на основных принципах и показателях Material Design.

бесплатно для всех.

18. steamline

С 12 различными стилями и впечатляющим выбором тем вы всегда найдете подходящую значок для ваших проектов здесь, в Streamline. Вы можете найти 100 000 значков, иллюстраций и смайликов для всех ваших проектов. Все создано с нуля командой Steamline, доступно для поиска через их приложение или плагин для Figma, Sketch и Adobe XD.

Бесплатно для использования требуется указание авторства

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

Font Awesome предназначен для использования со встроенными элементами, и они рекомендуют придерживаться последовательного HTML-элемента, чтобы ссылаться на него в своем проекте.

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

20. Dribbble

Dribbble — это платформа для обмена дизайнерами мирового класса. Вы можете думать о нем как о Facebook мира дизайна. Дизайнеры со всего мира будут публиковать на нем работы, в том числе графические, анимационные, UI, Web и иллюстрации. Теперь вы можете найти более 500 бесплатных дизайнов иконок на Dribbble и связаться с дизайнерами по всему миру.

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

21. UXwing

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

Все значки доступны в масштабируемом векторном формате SVG, прозрачном фоне PNG и формате значков веб-шрифта. Иконки сжимаются с потерей качества, что способствует быстрой загрузке иконок. UXwing имеет три основные категории: сплошные, линейные, цветные и более 150 подкатегорий, которые помогут вам найти мгновенные значки.

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

22. iconfactory

Команда Iconfactory начинала скромно более двадцати лет назад с разработки бесплатных иконок и программного обеспечения.

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

23. thenounproject

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

• Информация о лицензии указана на странице сведений о каждом символе. Нажмите на любой символ, чтобы получить более подробную информацию о нем.
• Вы можете использовать значок бесплатно, пока вы указываете, или заплатить через подписку NounPro, предоплаченный кредит или разовую покупку за 2,99 доллара, чтобы не иметь атрибута.

https://thenounproject.com/icons/

24. DeviantArt

DeviantArt — это живое сообщество художников, в котором можно скачать почти 200 000 бесплатных иконок. Если вы ищете больше иконок в анимированном стиле, проверьте DevianArt, вы никогда не ошибетесь!

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

25. iconmonstr

Iconmonstr предлагает более 4512 бесплатных иконок в 316 коллекциях, иконки здесь только черно-белые. Все они выполнены в заливке/полужирном и тонком шрифтах. Каждая иконка доступна в форматах SVG, EPS, PSD и PNG. Формат SVG также имеет встроенный код. Вы можете изменить изображение онлайн, выбрав формат PNG. Базовое редактирование, такое как размер, цвет и цвет фона.

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

26. softicon

SoftIcons.com позволяет бесплатно загружать наборы иконок (по крайней мере, для личного использования). Каталог содержит 475 655 иконок/изображений в 2 849 бесплатных комплектах. С 19 марта 2010 года, когда были добавлены первые иконки, каталог рос в геометрической прогрессии. Каждую неделю добавляется 9 новых наборов иконок.

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

27. fontello

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

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

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

28. veryicon

VeryIcom.com — это система поиска иконок, которая охватывает 20000 высококачественных веб-иконок в более чем 1000 пакетах иконок. Каждый значок имеет несколько форматов файлов, таких как PNG, ICO, вы можете просматривать и загружать его бесплатно для систем Windows, Macintosh и Linux.

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

29. Boxicons

Boxicons — это тщательно разработанный набор иконок с открытым исходным кодом, содержащий более 1500 иконок. Он предоставляет простые векторные значки, тщательно созданные для дизайнеров и разработчиков, чтобы они могли обогатить ваш веб-сайт/приложение.

Boxicons — это проект с открытым исходным кодом, вы можете использовать его и в своих коммерческих проектах. Файлы значков (.svg) можно загрузить бесплатно, и они доступны под лицензией CC 4.0.

https://boxicons.com/

30. Feather

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

Feather — это набор файлов SVG. Это означает, что вы можете использовать значки Feather точно так же, как и SVG.

https://feathericons.com/

Заключение

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

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

Бесплатные значки веб-сайтов: как их найти и использовать

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

Что такое значки веб-сайтов и почему они важны?

Значок веб-сайта — это изображение или символ, который вы можете разместить на своем веб-сайте. Он действует как кнопка или ссылка, по которой вы нажимаете, или может быть просто декоративным.

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

Создайте логотип, который выделит ваш бизнес.

Создайте свой дизайн прямо сейчас

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

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

Узнайте, как создать собственный веб-сайт сегодня!

Где найти бесплатные значки для веб-сайтов

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

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

1. iconmonstr

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

2. Flaticon.com

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

3. Flaticons.net

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

Примечание : Вы можете точно воспроизвести цвет, найдя его цветовой код — это числовое значение, которое идентифицирует цвет и гарантирует, что вы получите идеальное совпадение. Чтобы найти код цвета, используйте плагин, например ColorZilla или EyeDropper . Эти инструменты могут соответствовать цветам на любом веб-сайте, включая ваш собственный.

4. Графический бургер

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

5.

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

6. Good Stuff No Nonsense

Если вам нужны значки, которые кажутся нарисованными от руки, а не общими, посмотрите Good Stuff No Nonsense. Они обеспечивают значки с более личным ощущением ручной работы, которые лучше подходят для некоторых предприятий. На сайте представлены как бесплатные, так и платные наборы иконок.

Как вы используете профессиональные иконки на своем сайте?

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

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

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

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

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

После того, как вы загрузили иконку, как добавить ее на свой веб-сайт?

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

Примечание: Если вы используете Jimdo Creator, вы обычно устанавливаете свои значки рядом с текстом, используя элемент Photos и элемент Columns.

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

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

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

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

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

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

Можете ли вы создать свои собственные значки для веб-сайтов?

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