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

29.01.2023 alexxlab

Содержание

Добавляем иконки сайта для iPhone, iPad и Android

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

Главная
Все про HTML

Если Ваш сайт достаточно популярен, то многие пользователи заходят на него даже с телефонов и планшетов!

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

Первым делом, нам необходимо создать нужную иконку в формате .png. Рисуете (или подбираете) ее. Желательно, в хорошем разрешении.

Качество (разрешение) экранов устройств от Apple постоянно растет и меняется, поэтому нужно оптимизировать эти «картинки» под разные устройства.

Второе, необходимо сделать иконки разных размеров для разных устройств:

для старых iPhone размер иконки должен быть 57х57, для новый, начиная с 4-го действуют следующие размеры:

60х60 — IPhone
76×76 -iPad
120×120 — iphone-retina

152×152 — ipad-retina

Третье, вставить в код указав пути к картинкам:

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" href="touch-icon-ipad-retina.png">

Safari на iOS 7 не добавляет эффекты к иконкам. А старые версии Safari добавляли эффекты для иконок , чтобы эффект не применялся — нужно к именам файлам добавить —precomposed.png

А что Android!?:

Все дело в том, что Android-девайсы также подхватывают файлы apple-touch-icon.

png и несмотря на наличие в названии слова «apple» 🙂

Справедливости ради, хочу заметить, что ОС Android намеренно не ищет эти иконки, а только в том случае, если пользователь решил добавить сайт на «рабочий стол».

В заключении — если не хотите заморачиваться со вставкой кода, подготовкой картинок разного размера, то просто закиньте в корень сайта картинку (размером 60 на 60 пикселей) с названием «apple-touch-icon.png». Это самый простейший способ.

Мы советуем использовать сервис ICONOGEN

Укажите файл с иконкой и сервис быстро сделает иконки разных размеров:

Файлы можно скачать архивом.

Сервис так же генерирует html код для вставки в шаблон сайта:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-72x72. png">
<link rel="apple-touch-icon" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-16x16.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png">
<link rel="icon" type="image/png" href="/favicon-96x96.png">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png">
<meta name="msapplication-square70x70logo" content="/smalltile.png" />
<meta name="msapplication-square150x150logo" content="/mediumtile.png" />
<meta name="msapplication-wide310x150logo" content="/widetile.   png" />
<meta name="msapplication-square310x310logo" content="/largetile.png" />

Лучшие Сайты Для Загрузки Бесплатных Иконок

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

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

FlatIcon — 4476000+ Бесплатные векторные иконки в форматах SVG, PSD, PNG, EPS

Это сайт, на котором есть как бесплатные иконки, так и платные. Это крупнейшая в русскоязычном интернете база иконок, которые доступны в разных форматах: PNG, SVG, PSD и прочих.

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

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

4476000+ Бесплатные векторные иконки в форматах SVG, PSD, PNG, EPS

Freepik: бесплатные векторы, фотографии и PSD загрузка

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

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

Сайт, на котором много бесплатных стоковых фотографий, векторных изображений и иконок. Подходят и для личного, и для коммерческого использования. Здесь они есть в формате AI, EPS и SVG формате.

Войти на сайт можно с аккаунтом Google и Facebook, точно так же, как и на FlatIcon. Сайты дружественные, и связаны в одну сеть. Этот агрегатор бесплатных стоковых иконок представляет в основном чёрно-белые варианты для универсального использования.

Freepik: бесплатные векторы, фотографии и PSD загрузка

Icons8 бесплатных векторных иконок — Скачать 170800 иконок (SVG, PNG)

На этом сайте не только бесплатные иконки, но и иллюстрации, фото, музыка и приложения для дизайна. Кроме самого сайта, где можно найти иконки в PNG и SVG, есть офлайн-приложение с иконками, которое можно скачать. Поиск производится по разным критериям: «эстетичные» иконки, анимированные, иконки с эмоджи, и специальные иконки для iOS.

Как и на многих сайтах, здесь есть бесплатные варианты для скачивания, и платная версия. У сайта есть русскоязычная и англоязычные версии — для регистрации нужны Google, Microsoft или Facebook аккаунты.

Icons8 бесплатных векторных иконок — Скачать 170800 иконок (SVG, PNG)

Font Awesome — самый популярный и простой в использовании набор иконок в мире.

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

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

Font Awesome — самый популярный и простой в использовании набор иконок в мире.

Шпаргалка по Font Awesome: список значков FontAwesome

Font Awesome — самый популярный и простой в использовании набор иконок в мире.

В заключении

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

бесплатные иконки скачать , FontAwesome все иконки, Font Awesome бесплатные иконки, бесплатные иконки, Freepik бесплатные иконки, Icons8 бесплатные иконки

Веб значок PNG и вектор SVG скачать бесплатно

Мы создаем новые иконки каждый день. Станьте покровителем UXWing для поддержки сайта всего за $1/месяц!

Поделиться этой страницей

webwebweb

Форматы: Оптимизированный файл SVG, уменьшенный файл PNG / PNG Размер: 512px x 512px / Категория: Интернет, приложения, разработка

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

Скачать PNG Скачать SVG Редактор иконок SVG

Просмотреть все связанные значки »

Категории иконок

Сельское хозяйство, сельское хозяйство, садоводство
Животные, птицы
Стрелка, Направление

Искусство, графики, формы
Банковские сети, финансы
Красота, мода
, бренды, социальные сети
Строительные здания, Arthe Artice Emportage, Artchure
, Social Media
Artchure,
, социальные сети
Artchure,
, Social Media
. Бизнес, профессиональные услуги
Галочка, крестик
Одежда, аксессуары
Общение, Чат, Звонок
Компьютеры, Мобильный телефон, Аппаратное обеспечение
Контроллер, Музыка
Преступность, Безопасность, Военные, Закон
Домен, Хостинг
Электронная коммерция, Валюта, Покупки
Редактирование, Пользователь28, Действие

Образование, школа
Эмодзи, смайлик
Фестиваль, культура, религия
Файл, тип папки
Фитнес, тренажерный зал, йога, спа
Флаги, достопримечательности
Еда, напитки, кулинария
Руки, Жесты
Здоровье, Болезни, Органы
Домашнее хозяйство, Мебель, Техника
Интернет, Сеть, Технологии
Расположение, Путешествия, Карта
Логистика, Доставка, Наука, Доставка 9002 Лаборатория
Природа, Окружающая среда, Экология
Люди, Аватары, Мысли
Отношения, Любовь
SEO, Маркетинг

Знаки, Символы
Спорт, Награды
Время, Дата, Календарь
Инструменты, оборудование, строительство
Игрушки, детство
Дорожный знак
Транспорт, автомобили
Пользовательский интерфейс
Видео, фотография, мультимедиа
Погода

Подкатегории

AddApple BrandAudioAutomotiveAwardsBehanceBookBottom ArrowBrandBuildingCalendarCameraCartChargingChartCheckmarkChristmasCleaningClockClothesColorCompareComputerConstructionCountry FlagCurrencyDatabaseDeviceDirectionDocumentsDownloadDribbbleDrinkEditEditorElectricalElectronicsEmailEntertainmentEnvironmentExitExportFacebookFavoriteFile TypesFilterFolderFoodFurnitureGameGoogleHelpHotelHouseholdHuman OrgansImageImportIndustryInformationInstagramInsuranceInternetKidsLaundryLawLeft ArrowLineLinkedinLoaderLocationLoginLogoutManMarketingMen’s AccessoriesMessagingMicrosoftMoneyMusicNatureNetworkingNotificationPackagePhonePinterestQuestionRedditReligiousRemoveRestaurantRight ArrowSaveSavingsSearchSecuritySEOServerSettingShapesShippingShoppingSignSnapchatSocial MediaSolidStarTargetTiktokToolsTop ArrowTraffic Road SignTravelTumblrTwitterVideoVolumeWarningWhatsappWifiWomanWomen’s AccessoriesYoutubeZodiac

значки компьютеров, значок веб-сайта, текст, глобус, симметрия png

PNG теги

текст,
глобус,
симметрия,
земля,
обод,
сеть,
район,
символ,
Значок веб-сайта,
Управление основными данными,
управление,
линия Арт,
строка,
Портативные устройства,
компьютерные иконки,
круг,
,
черно-белый,
Мировая икона,
png,
прозрачный,
скачать бесплатно

Информация PNG

Размеры: 980x980px
Размер файла: 67,11 КБ
MIME-тип: Изображение/png

Изменение размера онлайн png

ширина (пкс)

высота (пкс)

Лицензия

Некоммерческое использование, DMCA Свяжитесь с нами

Веб-разработка Логотип, веб-сайт, веб-дизайн, симметрия, интернет png 2000x2000px 121,91 КБ
Globe World Computer Icons, сайт, текст, логотип, симметрия png 980x988px 58,51 КБ
Компьютерные иконки Интернет Веб-страница, всемирная паутина, текст, глобус, логотип png 980x980px 60,75 КБ
Веб-разработка Веб-дизайн Компьютерные иконки, веб-дизайн, веб-дизайн, текст, логотип png 768x768px 41,41 КБ
Веб-разработка Logo World Wide Web Website, Web Symbol s, веб-дизайн, симметрия, монохромный png 2000x2000px 15,29 МБ
org/ImageObject»> Компьютерные иконки Веб-страница Интернет, Глобальный, веб-дизайн, текст, логотип png 1000x1000px 43,17 КБ
www logo, интернет компьютерные иконки, всемирная паутина, веб-дизайн, текст, товарный знак png 2400x2400px 69,58 КБ
World Wide Web Internet Icon, файл World Wide Web, логотип World Wide Web, веб-дизайн, текст, логотип png 512x512px 18,31 КБ
Earth Globe Computer Icons, земля, глобус, монохромный, мир png 512x512px 14,77 КБ
черный логотип, веб-страница Computer Icons, всемирная паутина, веб-дизайн, глобус, симметрия png 1200x1200px 28,49 КБ
org/ImageObject»> иллюстрация земли, земной шар бесплатный контент, мультфильм планета земля, глобус, мир, сфера png 800x800px 186,57 КБ
Земля Футболка Планета, Земля, планета земля, глобус, мир, земля png 1150x1137px 1,87 МБ
планета земля, компьютерные иконки глобус мира, значок мира, логотип, мир, силуэт png 512x512px 56,21 КБ
Глобус мира, логотип сайта, симметрия, карикатура, карта мира png 2400x2400px 74,05 КБ
Глобус World Line art, глобус, угол, глобус, симметрия png 980x982px 78,79 КБ
World Earth Globe Computer Icons, земля, глобус, симметрия, векторные иконки png 980x980px 85,75 КБ
org/ImageObject»> Глобус Земля Мир Компьютерные Иконки, глобус, глобус, логотип, симметрия png 980x981px 83,37 КБ
World Globe Earth Computer Icons, учеба за границей, глобус, логотип, симметрия png 980x980px 72,71 КБ
Компьютерные иконки, веб-сайт, веб-дизайн, логотип, серый png 2400x2400px 93,44 КБ
Веб-разработка World Wide Web Computer Icons Веб-сайт, World Wide Web Icon, глобус с логотипом со стрелкой, веб-дизайн, логотип, монохромный png 512x512px 38,47 КБ
Глобус Земля Дискретная глобальная сетка Мир, сетка, угол, логотип, симметрия png 512x512px 17,04 КБ
org/ImageObject»> логотип телефона, iPhone Телефонный звонок Смартфон, телефон, электроника, текст, товарный знак png 994x1000px 363 КБ
Логотип Computer Icons, логотип INSTAGRAM, логотип Instagram, текст, символ, точка png 512x512px 90,37 КБ
планета земля, значок земли, земля, глобус, мир, сфера png 800x800px 350,32 КБ
WhatsApp логотип, Компьютерные иконки WhatsApp, WhatsApp, текст, андроид, символ png 512x512px 9,23 КБ
Веб-разработка Компьютерные иконки, веб-иконки, веб-дизайн, текст, логотип png 1600x1600px 52,47 КБ
Globe World Computer Icons, штрих-код, глобус, мир, земля png 900x571px 11,07 КБ
org/ImageObject»> Globe World Font Awesome Icon, Глобус, карта, земля, веб-браузер png 512x512px 38,56 КБ
Веб-разработка Компьютерные иконки, веб-сайт, веб-дизайн, поисковая оптимизация, текст png 900x897px 33,49 КБ
Веб-разработка Компьютерные иконки Веб-сайт World Wide Web Веб-дизайн, Global, Globe, Network, Planet, Web, World Icon, круглый бело-синий логотип земного шара, поисковая оптимизация, текст, симметрия png 512x512px 30,94 КБ
World Computer Icons, всемирная паутина, текст, глобус, логотип png 512x512px 12,69 КБ
Веб-разработка Symbol, всемирная паутина, веб-дизайн, текст, логотип png 2000x2000px 153,76 КБ
org/ImageObject»> Глобус Компьютерные Иконки Мир, глобус, глобус, монохромный, мир png 512x512px 24,84 КБ
Компьютерные иконки Веб-страница, личность, угол, текст, логотип png 1600x1600px 70,36 КБ
Земля Глобус Мир Логотип, земля, глобус, логотип, мир png 1218x1218px 70,57 КБ
Globe Drawing Line art, глобус, глобус, симметрия, сфера png 1247x1280px 194,5 КБ
Логотип WhatsApp Icon, логотип WhatsApp, логотип WhatsApp, текст, товарный знак, трава png 584x585px 32,64 КБ
иллюстрация земного шара, логотип глобуса, белый сигнал на орбите Земли, компьютерная сеть, черный белый, wikimedia Commons png 1667x1667px 1,27 МБ
org/ImageObject»> Earth Globe Grid, земля, глобус, монохромный, симметрия png 980x982px 118,21 КБ
Символ всемирной паутины Globe, Worldwide s, текст, симметрия, монохромный png 512x512px 14,37 КБ
Веб-разработка Веб-дизайн Логотип, веб-сайт, логотип со стрелкой и земным шаром, поисковая оптимизация, текст, товарный знак png 3217x3128px 209,97 КБ
Рисунок Земли, мультфильм земля, иллюстрация земли, глобус, мир, сфера png 1716x1702px 193 КБ
Компьютерные иконки Веб-браузер, всемирная паутина, текст, товарный знак, логотип png 980x982px 78,83 КБ
org/ImageObject»> Стена, Черная трещина, белый, рука, праздничные элементы png 1035x1352px 288,38 КБ
круглый черный логотип телефона, значок телефона, файл телефона, электроника, логотип, черно-белый png 1969x1969px 111,33 КБ
Символ Земли Мир Глобус, земля, логотип, монохромный, силуэт png 512x512px 25,51 КБ
iPhone Телефон Компьютерные иконки, бесплатный значок телефона, логотип вызова, текст, телефонный звонок, мобильные телефоны png 594x594px 28,42 КБ
круглый синий и белый логотип paperplane, Telegram Computer Icons Формат Apple Icon, Telegram Icon | Набор иконок Энкель | FroyoShark, синий, компьютерная сеть, угол png 512x512px 46,75 КБ