Иконки ico для сайта: Бесплатные иконки SVG, PNG, ICO или ICNS

Эксклюзивная коллекция иконок · kiuicons

Kiuicons – это коллекция наборов значков, созданных профессиональными дизайнерами специально для наших посетителей.

В этой коллекции вы можете найти иконки различной тематики, все они выполнены в 4 стилях; Плоская, Заштрихованная линия, Линия и Сплошная.

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

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

Content

• Agriculture and Farming
• Beauty and Fashion
• Business and Finance
• Cinema
• Commerce and Shopping
• Construction and Equipment
• Crime and Security
• Design and Development
• Drinks and Restaurant
• Electronic Devices And Hardware
• Files and Folders
• Food
• Fruits
• Furniture
• Gym and fitness
• Hotel and Holidays
• Kids
• Nature and Ecology
• Real Estate and Building
• School and Education
• Sport and Games
• Transportation and Vehicle
• Vegetables
• Weather and Season

Agriculture and Farming

• Flat
• Filled line
• Solid
• line

скачать Agriculture and Farming — Flat

скачать Agriculture and Farming — Filled line

скачать Agriculture and Farming — Solid

скачать Agriculture and Farming — Line

Beauty and Fashion

• Flat
• Filled line
• Solid
• line

скачать Beauty and Fashion — Flat

скачать Beauty and Fashion — Filled line

скачать Beauty and Fashion — Solid

скачать Beauty and Fashion — Line

Business and Finance

• Flat
• Filled line
• Solid
• line

скачать Business and Finance — Flat

скачать Business and Finance — Filled line

скачать Business and Finance — Solid

скачать Business and Finance — Line

Cinema

• Flat
• Filled line
• Solid
• line

скачать Cinema — Flat

скачать Cinema — Filled line

скачать Cinema — Solid

скачать Cinema — Line

Commerce and Shopping

• Flat
• Filled line
• Solid
• line

скачать Commerce and Shopping — Flat

скачать Commerce and Shopping — Filled line

скачать Commerce and Shopping — Solid

скачать Commerce and Shopping — Line

Construction and Equipment

• Flat
• Filled line
• Solid
• line

скачать Construction and Equipment — Flat

скачать Construction and Equipment — Filled line

скачать Construction and Equipment — Solid

скачать Construction and Equipment — Line

Crime and Security

• Flat
• Filled line
• Solid
• line

скачать Crime and Security — Flat

скачать Crime and Security — Filled line

скачать Crime and Security — Solid

скачать Crime and Security — Line

Design and Development

• Flat
• Filled line
• Solid
• line

скачать Design and Development — Flat

скачать Design and Development — Filled line

скачать Design and Development — Solid

скачать Design and Development — Line

Drinks and Restaurant

• Flat
• Filled line
• Solid
• line

скачать Drinks and Restaurant — Flat

скачать Drinks and Restaurant — Filled line

скачать Drinks and Restaurant — Solid

скачать Drinks and Restaurant — Line

Electronic Devices And Hardware

• Flat
• Filled line
• Solid
• line

скачать Electronic Devices And Hardware — Flat

скачать Electronic Devices And Hardware — Filled line

скачать Electronic Devices And Hardware — Solid

скачать Electronic Devices And Hardware — Line

Files and Folders

• Flat
• Filled line
• Solid
• line

скачать Files and Folders — Flat

скачать Files and Folders — Filled line

скачать Files and Folders — Solid

скачать Files and Folders — Line

Food

• Flat
• Filled line
• Solid
• line

скачать Food — Flat

скачать Food — Filled line

скачать Food — Solid

скачать Food — Line

Fruits

• Flat
• Filled line
• Solid
• line

скачать Fruits — Flat

скачать Fruits — Filled line

скачать Fruits — Solid

скачать Fruits — Line

Furniture

• Flat
• Filled line
• Solid
• line

скачать Furniture — Flat

скачать Furniture — Filled line

скачать Furniture — Solid

скачать Furniture — Line

Gym and fitness

• Flat
• Filled line
• Solid
• line

скачать Gym and fitness — Flat

скачать Gym and fitness — Filled line

скачать Gym and fitness — Solid

скачать Gym and fitness — Line

Hotel and Holidays

• Flat
• Filled line
• Solid
• line

скачать Hotel and Holidays — Flat

скачать Hotel and Holidays — Filled line

скачать Hotel and Holidays — Solid

скачать Hotel and Holidays — Line

Kids

• Flat
• Filled line
• Solid
• line

скачать Kids — Flat

скачать Kids — Filled line

скачать Kids — Solid

скачать Kids — Line

Nature and Ecology

• Flat
• Filled line
• Solid
• line

скачать Nature and Ecology — Flat

скачать Nature and Ecology — Filled line

скачать Nature and Ecology — Solid

скачать Nature and Ecology — Line

Real Estate and Building

• Flat
• Filled line
• Solid
• line

скачать Real Estate and Building — Flat

скачать Real Estate and Building — Filled line

скачать Real Estate and Building — Solid

скачать Real Estate and Building — Line

School and Education

• Flat
• Filled line
• Solid
• line

скачать School and Education — Flat

скачать School and Education — Filled line

скачать School and Education — Solid

скачать School and Education — Line

Sport and Games

• Flat
• Filled line
• Solid
• line

скачать Sport and Games — Flat

скачать Sport and Games — Filled line

скачать Sport and Games — Solid

скачать Sport and Games — Line

Transportation and Vehicle

• Flat
• Filled line
• Solid
• line

скачать Transportation and Vehicle — Flat

скачать Transportation and Vehicle — Filled line

скачать Transportation and Vehicle — Solid

скачать Transportation and Vehicle — Line

Vegetables

• Flat
• Filled line
• Solid
• line

скачать Vegetables — Flat

скачать Vegetables — Filled line

скачать Vegetables — Solid

скачать Vegetables — Line

Weather and Season

• Flat
• Filled line
• Solid
• line

скачать Weather and Season — Flat

скачать Weather and Season — Filled line

скачать Weather and Season — Solid

скачать Weather and Season — Line

Как Создать и Добавить Иконку для Сайта — Favicon

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

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

1. Какие требования к размеру и формату иконки

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

Рекомендуемые форматы изображений для иконки:

• .ico (.icns в macOS) — своего рода стандарт, используется повсеместно.
• .png — более современный вариант, тоже широко распространен и поддерживается даже во многих старых браузерах.

Можно использовать и другие форматы? например, jpeg или gif. Из-за особенностей браузеров и разных ОС мы рекомендуем выбирать ico. Самый каноничный формат, с которым точно не ошибетесь.

Рекомендуемые размеры для иконок:

• 16 на 16 px
• 32 на 32 px
• 192 на 192 px
• 512 на 512 px

2. Как и где создать иконку для сайта

Возможно у вас уже есть подготовленная иконка — тогда пропустите этот раздел и переходите к шагу 3. Если иконки у вас еще нет, вы можете самостоятельно создать её в удобном редакторе или воспользоваться одним из онлайн сервисов:

https://icons8.com — отличный сервис с большим выбором иконок и удобным поиском. Вам достаточно просто отыскать понравившуюся иконку и скачать её.

https://iconsflow.com — на этом сайте кроме большого выбора макетов вы также можете отредактировать иконку: изменить её форму, добавить фон, стиль отображения и пр.

3. Как добавить иконку на сайт

Есть несколько вариантов добавить иконку на сайт.

Вариант 1 — Загрузить иконку в формате favicon. ico в корневой каталог сайта. Все браузеры автоматически распознают этот файл и отобразят изображение в качестве иконки на вкладке. Файл нужно загрузить в корень сайта через файловый менеджер или FTP, формат файла обязательно должен быть ico.

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

<link rel=»shortcut icon» href=»/images/favicon.png» type=»image/png»>

Вариант 3 — Воспользоваться стандартным загрузчиком CMS. Все популярные платформы для разработки сайта: WordPress, Joomla, Opencart уже имеют встроенный функционал для загрузки иконок. Вам достаточно открыть настройки сайта и загрузить иконку стандартным способом.

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

Internet Explorer — IE не отображает значки .ico в HTML, если они не используются как «image/x-icon»

спросил 13 лет, 3 месяца назад

Изменено 9 лет, 6 месяцев назад

Просмотрено 16 тысяч раз

Я показываю фавиконы сайтов в виде списка, как элементов.

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

, а некоторые служат им как:

IE не показывает фавиконы изображений тех, у которых нет type=»image/x-icon» .
Я не могу контролировать, как веб-сайты отображают свои фавиконы, так что я могу сделать со своей стороны?

• html
• интернет-эксплорер
• иконки
• фавикон

4

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

Если вы делаете это автоматически, вам нужно посмотреть, какие инструменты обработки изображений вы получаете на стороне сервера. Если вы используете PHP, это будут библиотеки GD или ImageMagick. Просто конвертируйте, например, в PNG и кэшируйте на своем сайте.

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

5

Поместите это в конфигурацию apache или .htaccess файл:

 AddType image/x-icon .ico
 

К сожалению, это не решает мою проблему. IE не может отображать все favicon.ico в моем списке ссылок ( http://www. jerbils.info/wxlinks.php ), тогда как все другие браузеры отображают (т.е. отображают все существующие favicon.ico). Интересно, что если я вручную покажу favicon.ico домена в IE, те, которые не отображаются в IE, но отображаются во всех других браузерах, отображаются как текстовое содержимое, а не изображение. Подразумевается, что в файлах есть что-то, что не нравится IE, и, следовательно, он генерирует состояние onerror, которое вызывает отображение значка по умолчанию.

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

лучших веб-сайтов для загрузки иконок для вашего веб-сайта

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

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

Содержание

show

• 1. Flaticon
• 2. Icons8
• 3. Iconmonstr
• 4. Remix Icon
• 5. Freepik
• 6. Streamline
• 7. IcoMoon
• 8. Iconfinder
• 9. Material Icons
• 10. Iconstore
• 11. Iconscout
• 12 . Google Fonts
• 13. Iconic
• 14. ICON-ICONS
• 15. Героиконы
• 16. Boxicons
• 17. ЗДОРОВЬЯ
• 18. 3DICONS
• 19. IKONATE
• 222032203O
• 1
. 2132.2132.2132.2132.1132.1132..
• 19. Наборы иконок

Flaticon — это побочный продукт организации FreepikCompany, которая специализируется на предоставлении выдающихся визуальных впечатлений всем по всему миру. Flaticon содержит в общей сложности более 3,5 миллионов иконок, многие из которых бесплатны. Они бывают разных стилей и доступны в нескольких форматах, включая PNG, PSD и SVG. Он также имеет премиум-сервис, который позволяет загружать до 2000 иконок в день.

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

Icons8 предлагает коллекцию из более чем 145 000 иконок. Есть несколько стилей на выбор, которые могут помочь вам найти графику, соответствующую вашему существующему брендингу или дизайну. Загрузки доступны в форматах PNG и SVG. Все эти значки доступны бесплатно, но вам нужно будет заплатить дополнительно, если вам нужны дополнительные функции. Если у вас нет премиум-аккаунта, вы должны указать и указать ссылку на сайт Icons8. Вы можете перекрасить, добавить наложения или добавить пользовательский текст как часть модификации. Кроме того, вы можете включить пользовательские эффекты, такие как штрихи, фон, отступы и другие.

Iconmonstr предлагает более 4400 простых черно-белых иконок. Каждая иконка на этом сайте доступна бесплатно, а файлы иконок доступны в таких форматах, как SVG, AI, PSD и PNG. Эти файлы можно использовать в бесплатных и коммерческих целях. В качестве альтернативы вы можете приобрести более 300 значков в виде Iconic Font, что может быть более эффективным вариантом в зависимости от ваших целей дизайна. Максимальный размер пикселя для PNG ограничен 240×240 пикселями, но здесь вы всегда найдете хороший выбор основных значков. Как указано в лицензии iconmonstr, вы не можете использовать эти значки в своем логотипе или торговой марке. Однако в противном случае вы можете использовать их без указания авторства.

RemixIcon поддерживается компанией Remix Design. Это набор системных символов нейтрального стиля с открытым исходным кодом для дизайнеров и разработчиков под лицензией Apache License Version 2.0. У него 3,5 тысячи звезд GitHub и 226 форков GitHub. В отличие от библиотеки лоскутных иконок, более 1700 иконок тщательно созданы, чтобы они рождались с геном удобочитаемости, согласованности и идеальных пикселей. Каждая иконка была разработана в стилях «Контурный» и «Заполненный» на основе сетки 24×24. Все иконки бесплатны как для личного, так и для коммерческого использования.

Freepik — это бесплатный графический ресурс для дизайнеров. Сайт предлагает более 83 000 бесплатных иконок и имеет более 18 миллионов пользователей в месяц и 100 миллионов загрузок. Freepik также является платформой цифровых активов для Flaticon. Он имеет собственную бесплатную библиотеку иконок, а также векторную графику и стоковые фотографии, доступные для скачивания. Как и Iconmonstr, все его значки черно-белые, и они бывают 2D, 3D, линейными и векторными стилями. В любом случае, для загрузки значков вам потребуется указать авторство, если у вас есть бесплатная учетная запись, и вы можете загружать только десять значков в день.

Streamline существует уже несколько лет, и их версия 3.0 насчитывает более 30 000 уникальных значков. Иконки разделены на 53 темы и 720 категорий. Их коллекция постоянно пополняется новыми иконками, а внимание создателей к деталям поражает. Например, многие пользовательские и профессиональные значки имеют женскую, мужскую и гендерно-нейтральную версии. Вы можете зарегистрировать бесплатную учетную запись и бесплатно скачать иконки в виде файлов PNG. Вам просто нужно будет добавить ссылку на веб-сайт значков Streamline.

IcoMoon представляет собой набор из почти 500 бесплатных значков «общего назначения». Каждая упаковка предлагается разными дизайнерами, и каждая из них доступна по разным ценам. Некоторые из них бесплатны, в то время как другие доступны за разные сборы, хотя эти сборы обычно включают в себя больше премиальных функций. Вы можете скачать иконки IcoMoon в виде файлов PNG, SVG, EPS, PSD или Ai. Если вы планируете использовать их с WordPress, вам придется использовать веб-приложение IcoMoon. К счастью, настроить и хорошо интегрировать Divi не так сложно.

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

Iconfinder предлагает значки в форматах SVG, PNG, ICO, ICNS и Adobe Illustrator с размерами от 16×16 до 512×512. Вы также можете поработать с некоторыми из лучших дизайнеров сайта, если не можете найти что-то по своему выбору или просто хотите настроить значки.

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

Iconstore отличается от большинства сайтов, упомянутых в этом посте, тем, что он сосредоточен на уникальных и оригинальных наборах иконок от хорошо известных дизайнерских агентств. В результате вы получаете набор из более чем 230 уникальных наборов креативных иконок с потрясающим дизайном. Вы можете сузить результаты поиска на основе таких фильтров, как «Цветной», «Глиф» или «Контур». Вы даже можете пойти еще дальше и искать значки по таким категориям, как «Еда», «Технологии», «Мультимедиа», «Дизайн», «Разработка», «Бизнес» и т. д. 

Iconscout предлагает более 114 тысяч иконок, если быть точным. Они бывают самых разных стилей: контурные, сплошные, цветные контурные, нарисованные от руки и многие другие. Иконки даже организованы в пакеты, но если вам не нужен весь набор, выберите понравившуюся иконку и выберите формат в соответствии с вашими требованиями. Доступные форматы включают PNG, SVG, PDF, EPS, ICO и ICNS. Иконки можно скачать бесплатно, но если вы в конечном итоге используете их в своих проектах, вам придется отдать должное автору.

Google Fonts — это новый источник шрифтов с открытым исходным кодом, которые можно использовать в Интернете, с сотнями семейств значков, доступных для включения на веб-страницы или загрузки. Они предоставляют материальные значки в пяти стилях и различных загружаемых размерах и плотности. Значки создаются на основе основных принципов дизайна и показателей руководства по дизайну материалов. Библиотека поддерживается через репозиторий GitHub Google Fonts по адресу github.com/google/fonts, откуда все файлы шрифтов можно получить напрямую.

Iconic — относительно новый веб-сайт для загрузки бесплатных иконок. Это бесплатная постоянно растущая коллекция пиксельных иконок. Каждую неделю в их библиотеку добавляются новые иконки. У них более 160 иконок, и их количество продолжает расти. Культ разработан Make Lemonade — небольшой командой создателей и создателей. Значки доступны как базовые значки SVG и через собственные библиотеки React и Vue.

Icon-icons поможет вам найти бесплатных иконок для ваших веб-проектов, приложений, журналов, плакатов, рекламных дизайнов или других целей. Они обеспечивают 9стили значков и несколько категорий значков, таких как значки животных, значки мультфильмов, значки красоты и моды и т. д. Вы можете скачать их в формате png, ico, icns или svg.

Набор бесплатных высококачественных SVG-иконок, лицензированных MIT, для использования в ваших веб-проектах. Значки разработаны Стивом Шогером, создателем Tailwind CSS. В настоящее время у них есть 224 значка для каждого стиля, и в будущем их станет больше. Иконки предварительно оптимизированы для стилей с помощью классов CSS непосредственно в вашем HTML.

Boxicons — это простой набор векторных иконок, тщательно разработанный для дизайнеров и разработчиков для использования в вашем следующем проекте. Предоставляет 378 значков (SVG + шрифт) для веб-дизайна и дизайна пользовательского интерфейса и не требует указания авторства. Переключиться на boxicons легко и можно сделать за 2 шага. Есть больше функций, чем просто набор значков. Boxicons также следуют официальным правилам Google Material Design.

Health Icons — это волонтерская работа по созданию «всеобщего блага» для проектов в области здравоохранения во всем мире. Эти значки доступны в открытом доступе для использования в проектах любого типа. Проект организован некоммерческой организацией общественного здравоохранения Resolve to Save Lives как выражение нашего стремления предлагать иконки бесплатно и навсегда.

3Dicons — это веб-сайт с открытым исходным кодом для 3D-иконок. Иконки доступны бесплатно и могут быть изменены для ваших проектов и веб-сайтов. Сайт предлагает 120 иконок и 1440 визуализированных изображений и совместим с рядом инструментов дизайна. Файлы могут быть загружены вместе и могут быть загружены в шести различных форматах. Каждая иконка доступна в 4 предопределенных цветовых стилях и 3 ракурсах камеры и HQ-рендеринге. Эти значки доступны с разрешением 2400x2400px. Пользователи могут использовать эти изображения в качестве заполнителей, пока не будут готовы нанять 3D-иллюстратора 9.0005

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

Проект Луки Бурджио, Iconoir — одна из крупнейших библиотек бесплатных иконок с открытым исходным кодом. В настоящее время на сайте имеется 1007 иконок SVG, и все они бесплатны для использования. Для использования этих значков нет премиум-версии или подписки по электронной почте. Просто нажмите и скачайте! Iconoir поставляется с лицензией MIT и имеет значки, классифицированные в соответствии с их типом.

Icon Packs — это коллекция иконок SVG и PNG, подходящих для коммерческого и личного использования. Вы можете загрузить эти значки в формате SVG, PNG или Base64, а также настроить их на сайте. Эти значки можно использовать как в Интернете, так и в приложениях, и они действительно полезны. На данный момент на сайте 13231 иконка, и они загружены по категориям.