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

синий и черный логотип www, веб-сайт значков компьютеров Favicon World Wide Web, Www, веб-сайт значка, Разное, метка, текст png

синий и черный логотип www, веб-сайт значков компьютеров Favicon World Wide Web, Www, веб-сайт значка, Разное, метка, текст png

теги

• Разное,
• метка,
• текст,
• другие,
• логотип,
• монохромный,
• компьютерные обои,
• символ,
• веб-браузер,
• улыбка,
• интернет сайта,
• веб-страница,
• адаптивный веб-дизайн,
• черно-белое,
• Brainscape,
• бренд,
• круг,
• iCO,
• иконка,
• линия,
• значки компьютеров,
• Веб-сайт,
• Favicon,
• World Wide Web,
• Www,
• значок Интернет,
• png,
• прозрачный,
• бесплатная загрузка

Об этом PNG

Размер изображения

512x512px

Размер файла

24. 25KB

MIME тип

Image/png

Скачать PNG ( 24.25KB )

изменить размер PNG

ширина(px)

высота(px)

Лицензия

Некоммерческое использование, DMCA Contact Us

• Веб-разработка World Wide Web Computer Icons Веб-сайт, World Wide Web Icon, глобус с логотипом стрелки, Разное, веб-дизайн, другие png 512x512px 38.47KB
• Веб-разработка Logo World Wide Web Веб-сайт, веб-символ, веб-дизайн, симметрия, монохромный png 2000x2000px 15.29MB
• всемирная паутина, веб-разработка Компьютерные иконки Favicon Website Поисковая оптимизация, Www, Web, Site Internet Icon, разное, текст, прямоугольник png 512x512px 23.
  78KB
• Веб-сайт компьютерных иконок Всемирная паутина Favicon, домен, Www Icon, круглый серый логотип www, Разное, поисковая оптимизация, веб-дизайн png 512x512px 22.96KB
• Веб разработка Веб дизайн Компьютерные иконки, веб дизайн, веб-дизайн, текст, логотип png 768x768px 41.41KB
• Веб-страница значков компьютеров Веб-сайт Favicon Поисковая оптимизация, значок веб-сайта Symbol, значок World Wide Web, Разное, синий, угол png 512x512px 23.3KB
• Логотип веб-разработки, веб-сайт, веб-дизайн, симметрия, интернет png 2000x2000px 121.91KB
• иллюстрация белого дома, домашняя страница Иконки сайта, Разное, товарный знак, логотип png 945x1004px 253. 47KB
• World Wide Web Internet Icon, файл World Wide Web, логотип World Wide Web, веб-дизайн, текст, логотип png 512x512px 18.31KB
• WWW логотип, логотип веб-страницы, всемирная паутина, текст, симметрия, интернет png 980x862px 87.26KB
• логотип с синей гиперссылкой, Всемирная паутина, глобус, логотип, сфера png 1000x1000px 205.52KB
• Globe World Компьютерные иконки, глобус, онлайн, значок мира, земля искусства, Разное, другие, логотип png 512x512px 31.43KB
• Значок LinkedIn, Linkedin, текст, прямоугольник, логотип png 500x500px 42.31KB
• org/ImageObject»> Иконка Интернет Доступ в Интернет Веб-браузер, обведите кружком линию через него, угол, текст, другие png 1600x1600px 32.88KB
• черный глобус логотип, значки компьютеров веб-браузер масштабируемая графика рабочего стола, бесплатный высококачественный сайт значок Интернет, разное, угол, другие png 512x512px 37.67KB
• Компьютерные иконки Интернет веб-страница, всемирная паутина, текст, глобус, логотип png 980x980px 60.75KB
• Компьютерная Иконка Веб-страница, личность, угол, текст, логотип png 1600x1600px 70.36KB
• Всемирная паутина веб-сайт веб-дизайн значок, веб-символ, Веб-кнопка, веб-символ Клипарты, бренд png 512x512px 51.
  56KB
• Бесплатные картинки, веб-дизайн, метка, текст png 600x423px 48.8KB
• Логотип World Wide Web, веб-сайт World Wide Web, World Wide Web, компьютерная сеть, веб-дизайн, текст png 592x600px 205.66KB
• Веб-разработка Веб-дизайн Логотип, сайт, стрелка и глобус логотип, поисковая оптимизация, текст, товарный знак png 3217x3128px 209.97KB
• Домашняя икона, Компьютерные иконки Домашняя страница Сайт Favicon, Сайт Бесплатные файлы, Разное, веб-дизайн, другие png 512x512px 19.09KB
• черный глобус трафарет, веб-разработка веб-дизайн логотип веб-страница, веб-дизайн, Поисковая оптимизация, веб-дизайн, логотип png 640x640px 43. 93KB
• Земля, история всемирной паутины Интернет Консорциум всемирной паутины, Www Pic, синий, глобус, текст png 1372x642px 558.86KB
• круглый синий и белый бумажный логотип, Telegram Компьютерные иконки Формат Apple Icon, Telegram Icon |Enkel Iconset |FroyoShark, разное, синий, компьютерная сеть png 512x512px 46.75KB
• белый значок ноутбука, веб-разработка значки компьютеров, Разное, синий, поисковая оптимизация png 1500x1500px 31.09KB
• Компьютерные иконки Онлайн чат Текстовые сообщения СМС, комментарий Фото, разное, угол, логотип png 512x512px 20.44KB
• org/ImageObject»> круглый черный, кнопка со значком компьютера, глянцевый черный значок, Разное, другие, монохромный png 600x600px 19.73KB
• Компьютерные иконки Интернет, всемирная паутина, текст, товарный знак, логотип png 1600x1600px 29.23KB
• Компьютерные иконки логотип, логотип INSTAGRAM, логотип Instagram, Разное, текст, другие png 512x512px 9.37KB
• Веб-разработка Адаптивный веб-дизайн Компьютерные иконки, веб-страница, веб-дизайн, текст, логотип png 512x512px 23.27KB
• Веб-разработка Computer Icons, веб-сайт, веб-дизайн, поисковая оптимизация, текст png 900x897px 33.49KB
• org/ImageObject»> значки компьютеров iPhone телефонный звонок, значок телефонного звонка, синий значок вызова, Разное, текст, другие png 1024x1024px 46.55KB
• Глобус Мир Компьютерные Иконки, веб-сайт, разное, текст, логотип png 980x988px 58.51KB
• США Logo Компьютерные иконки Facebook, Fb .ico, Facebook логотип, Разное, синий, прямоугольник png 1024x1024px 80.53KB
• Компьютерные иконки, сайт, веб-дизайн, логотип, серый png 2400x2400px 93.44KB
• черный логотип WhatsApp, WhatsApp значки компьютеров, WhatsApp, логотип, монохромный, черный png 512x512px 24.25KB
• org/ImageObject»> Steam логотип искусства, значки компьютеров Steam Desktop, значок Steam, Разное, текст, логотип png 512x512px 19.07KB
• WhatsApp iPhone, WhatsApp, логотип, монохромный, черный png 512x512px 35.34KB
• Компьютерные иконки Favicon, Сохранить значок, разное, текст, прямоугольник png 512x512px 6.17KB
• Компьютерные иконки Веб-страница Интернет, Глобал, веб-дизайн, текст, логотип png 1000x1000px 43.17KB
• иллюстрация блокнота, значки компьютеров Iconfinder Действие, значок списка, Разное, угол, текст png 512x512px 15.62KB
• синий WWW иллюстрация, доменное имя веб-сайт электронная почта World Wide Web Emaze, домен, синий, глобус, текст png 800x511px 188. 83KB
• Recycle логотип, Иконка Стрелка компьютера, Обратный значок Hd, Разное, текст, другие png 512x512px 21.43KB
• Планета Земля, Мир Глобус Компьютерные Иконки, Мир Иконка, Разное, другие, логотип png 512x512px 56.21KB
• Интернет и Всемирная паутина Консорциум всемирной паутины, всемирная паутина, веб-дизайн, поисковая оптимизация, глобус png 1661x1461px 1.38MB
• Компьютерные иконки Символ, символы, веб-дизайн, симметрия, интернет png 1024x1024px 33.53KB
• Blogger Компьютерные иконки, Icon Blogger Logo Free, Разное, угол, текст png 512x512px 6. 03KB
• Компьютерные иконки Веб-браузер, всемирная паутина, текст, товарный знак, логотип png 980x982px 78.83KB
• человек в галстуке и пиджаке, компьютерные иконки аватар бизнес, агент значок, обслуживание, люди, логотип png 512x512px 14.37KB

Архитектурные значки AWS

Официальный набор значков AWS для создания архитектурных схем

Загрузить инструментарий для PowerPoint

Архитектурные схемы позволяют наглядно проиллюстрировать проект, развертывание и топологию. На этой странице вы найдете официальную подборку архитектурных значков AWS (ранее известных как Simple Icons), в которую входят значки продуктов, инструменты и ресурсы AWS для создания архитектурных схем.

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

Изучите схемы эталонных архитектур AWS и узнайте, как повысить эффективность проектирования на платформе AWS, по советам экспертов и рекомендациям в Центре архитектурных решений.

Центр архитектурных решений AWS

Инструментарии

Начните работу с одним из наших инструментариев.

Microsoft PowerPoint
Для Microsoft PowerPoint 2013 и более новых версий (формат .pptx).

Загрузить файл PPTx для темного фона  Загрузить файл PPTx для светлого фона 

Sketch

Загрузить инструментарий для Sketch 

Ресурсы

Импортируйте пакет ресурсов в свой инструмент для построения схем. Пакет содержит наборы темных и светлых фонов в файлах форматов PNG и SVG.

Пакет ресурсов 

Инструменты для работы с графикой и построения схем

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

Arcentry

Cacoo

Инструмент для построения схем от AWS »

Cloudockit

UMAknow »

Creately

Инструмент для построения схем от AWS »

Cloudcraft

Cloudviz.io

Draw.io

Инструмент для построения схем от AWS »

Figma

Инструмент для построения схем от AWS »

Gliffy

Инструмент для построения схем от AWS »

Hava.io

VisualParadigm Online

Инструмент для построения схем от AWS »

Terrastruct

Sparx Systems

Инструмент для построения схем от AWS »

Brainboard

Инструмент для построения схем от AWS »

Avolution Software

Инструмент для построения схем от AWS »

Miro

Инструмент для построения схем от AWS »

Holori

Инструмент для построения схем от AWS »

ProcessOn

Инструмент для построения схем от AWS »

Вход в Консоль

Подробнее об AWS

• Что такое AWS?
• Что такое облачные вычисления?
• Инклюзивность, многообразие и равенство AWS
• Что такое DevOps?
• Что такое контейнер?
• Что такое озеро данных?
• Безопасность облака AWS
• Новые возможности
• Блоги
• Пресс‑релизы

Ресурсы для работы с AWS

• Начало работы
• Обучение и сертификация
• Библиотека решений AWS
• Центр архитектуры
• Вопросы и ответы по продуктам и техническим темам
• Аналитические отчеты
• Партнеры AWS

Разработчики на AWS

• Центр разработчика
• Пакеты SDK и инструментарий
• . NET на AWS
• Python на AWS
• Java на AWS
• PHP на AWS
• JavaScript на AWS

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

Поддержка AWS для Internet Explorer заканчивается 07/31/2022. Поддерживаемые браузеры: Chrome, Firefox, Edge и Safari. Подробнее »

Как сделать их для вашего веб-сайта

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

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

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

Что такое специальные значки?

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

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

Как сделать значки доступными

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

Сделайте значки четко видимыми на странице.

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

Вот пример из Google Maps. Используя меню значков (на фото ниже), посетитель может искать продуктовые магазины, рестораны, пункты выдачи, отели и заправочные станции в этом районе, щелкнув значок. Например, нажав на значок ресторана, вы увидите список местных ресторанов, отмеченных на карте значком ножа и вилки.

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

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

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

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

Пользователи могут не заметить даже вездесущий значок гамбургера в мобильных меню. Фактически, A/B-тест показал лучшее вовлечение и конверсию, когда к значку было добавлено слово «Меню».

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

Используйте достаточный цветовой контраст.

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

Рассмотрим набор значков ниже:

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

В Руководстве по обеспечению доступности веб-контента рекомендуется коэффициент контрастности изображений не менее 4,5:1 (за исключением декоративных изображений и изображений, являющихся частью неактивного компонента интерфейса). Если вы точно не знаете, что это значит, ничего страшного. Вы можете легко проверить цветовой контраст ваших значков с помощью онлайн-проверки контрастности, подобного этому.

Пишите краткий эффективный альтернативный текст.

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

… может иметь следующий замещающий текст:

.
 
  
 

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

Источник изображения

Для этих декоративных значков вы по-прежнему должны включать атрибут alt в тег изображения, но оставьте значение пустым, например:

Сделайте значки достаточно большими, чтобы их можно было видеть и с ними можно было взаимодействовать.

Размер значка также важен, особенно для ссылок на значки. Хорошим размером для запоминания является 44 x 44 пикселя, так как значок любого меньшего размера будет трудно увидеть или нажать на мобильное устройство для некоторых пользователей. Перед экспортом проверьте размер значка и при необходимости измените его.

Готовые наборы значков

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

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

Одним из самых известных наборов иконок является Font Awesome, который содержит тысячи иконок. Давайте посмотрим на это поближе.

Доступные значки с использованием Font Awesome

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

Мощный поиск Font Awesome упрощает поиск нужного значка для вашего проекта. Вы можете фильтровать результаты поиска по Free или Pro, стилю значков, типу значков и т. д.

Источник изображения

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

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

Если вы не можете найти нужные значки в Font Awesome или где-либо еще, создание собственного может быть лучшим решением — давайте посмотрим, что влечет за собой этот процесс дальше.

Начните делать свои веб-значки доступными.

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

Примечание редактора: этот пост был первоначально опубликован в апреле 2020 года и обновлен для полноты информации.

Иконки Free Line для дизайнеров и разработчиков

с бесплатным CDN, несколькими вариациями, плагином Figma, редактором иконок и т. д. Lineicons — это огромный и всеобъемлющий пакет профессионально разработанных иконок, доступных во всех векторных форматах, которые легко использовать в Интернете, дизайне, программировании и т. д.

Загрузить сейчас

Исследуйте значки

Используется более чем 100 000 дизайнеров, разработчиков и компаний, включая …

Просмотр, настройка и загрузка скачать иконки в зависимости от ваших потребностей.

Настройка значков

Загрузка значков любого цвета и размера

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

Значки для изучения

Основные функции

Широкие возможности настройки, разнообразные и уникальные значки линий с мощными функциями.

8400+ Всего значков

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

Новые значки

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

Высокая читаемость

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

596 бесплатных иконок

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

Плагины и дополнения

Плагин Figma, файлы React, пакет NPM, редактируемые SVG и все, что вам нужно для быстрого рабочего процесса, и вы можете в полной мере воспользоваться всеми этими инструментами и технологиями.

Мощная галерея иконок

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

3 различных варианта

Загрузка иконок в нескольких вариантах

Lineicons PRO предлагает более 8400 иконок в трех различных вариантах — обычные, светлые и заполняющие. Таким образом, у вас есть больше возможностей для выбора, не жертвуя своим стилем с высокой степенью настройки.

Исследовать иконки

Универсальные пакеты

Получите предпочитаемый формат файла и используйте его где угодно!

В комплекте разные пакеты — веб-шрифты, SVG, Figma, React и все необходимые вам векторные форматы. Таким образом, вы можете использовать их в зависимости от ваших потребностей в дизайне или разработке.

Explore Icons

Наслаждайтесь Lineicons Бесплатный CDN!

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

Загрузить сейчасЧитать документы

Наши отзывы пользователей

Что говорят пользователи о Lineicons

» Я использую Lineicons для большего количества своих веб-проектов, красивая коллекция иконок, и она хороша для моих веб-проектов!» легко использовать это, включив всего 1 строку кода!Настоятельно рекомендуется, особенно если вы ищете альтернативные шрифты, такие как Fontawesome »

Ryzal Yusoff

Founder, Reader Mode

» Они минимальны и уникальны, но с действительно дружелюбный стиль. Я с нетерпением жду возможности использовать LinIcons в моем следующем проекте. Эти вспомогательные классы — приятное прикосновение!»

Мэтью Пирс

Основатель PanelJam

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

Марко Деник

Разработчик-адвокат и инженер-программист

» Я использую Lineicons на своем личном сайте, мне очень нравится этот уникальный вес, который не распространен в индустрии иконок. Самое приятное то, что у меня есть CDN, я также могу легко встроить его в свои веб-проекты».

Anamoul Rouf

UX Researcher

«Мне больше всего нравится стиль иконок Lineicons, упрощенный и тонкий.»

Rafal Puczel

Веб-разработчик, RSF Creation

» Нам нравятся вариации веса и простота.