синий и черный логотип 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
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.
- Веб-сайт компьютерных иконок Всемирная паутина 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
- черный глобус логотип, значки компьютеров веб-браузер масштабируемая графика рабочего стола, бесплатный высококачественный сайт значок Интернет, разное, угол, другие png 512x512px 37.67KB
- Компьютерные иконки Интернет веб-страница, всемирная паутина, текст, глобус, логотип png 980x980px 60.75KB
- Компьютерная Иконка Веб-страница, личность, угол, текст, логотип png 1600x1600px 70.36KB
- Всемирная паутина веб-сайт веб-дизайн значок, веб-символ, Веб-кнопка, веб-символ Клипарты, бренд png
512x512px
51.
- Бесплатные картинки, веб-дизайн, метка, текст png 600x423px 48.8KB
- Логотип World Wide Web, веб-сайт World Wide Web, World Wide Web, компьютерная сеть, веб-дизайн, текст png 592x600px 205.66KB
- Веб-разработка Веб-дизайн Логотип, сайт, стрелка и глобус логотип, поисковая оптимизация, текст, товарный знак png 3217x3128px 209.97KB
- черный глобус трафарет, веб-разработка веб-дизайн логотип веб-страница, веб-дизайн, Поисковая оптимизация, веб-дизайн, логотип 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
- Компьютерные иконки Интернет, всемирная паутина, текст, товарный знак, логотип png 1600x1600px 29.23KB
- Компьютерные иконки логотип, логотип INSTAGRAM, логотип Instagram, Разное, текст, другие png 512x512px 9.37KB
- Веб-разработка Адаптивный веб-дизайн Компьютерные иконки, веб-страница, веб-дизайн, текст, логотип png 512x512px 23.27KB
- Веб-разработка Computer Icons, веб-сайт, веб-дизайн, поисковая оптимизация, текст png 900x897px 33.49KB
- Глобус Мир Компьютерные Иконки, веб-сайт, разное, текст, логотип png 980x988px 58.51KB
- США Logo Компьютерные иконки Facebook, Fb .ico, Facebook логотип, Разное, синий, прямоугольник png 1024x1024px 80.53KB
- Компьютерные иконки, сайт, веб-дизайн, логотип, серый png 2400x2400px 93.44KB
- 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
47KB
org/ImageObject»> Иконка Интернет Доступ в Интернет Веб-браузер, обведите кружком линию через него, угол, текст, другие png
1600x1600px
32.88KB
93KB
org/ImageObject»> круглый черный, кнопка со значком компьютера, глянцевый черный значок, Разное, другие, монохромный png
600x600px
19.73KB
org/ImageObject»> значки компьютеров iPhone телефонный звонок, значок телефонного звонка, синий значок вызова, Разное, текст, другие png
1024x1024px
46.55KB
org/ImageObject»> Steam логотип искусства, значки компьютеров Steam Desktop, значок Steam, Разное, текст, логотип png
512x512px
19.07KB
83KB
03KBАрхитектурные значки AWS
Официальный набор значков AWS для создания архитектурных схем
Загрузить инструментарий для PowerPoint
Архитектурные схемы позволяют наглядно проиллюстрировать проект, развертывание и топологию. На этой странице вы найдете официальную подборку архитектурных значков AWS (ранее известных как Simple Icons), в которую входят значки продуктов, инструменты и ресурсы AWS для создания архитектурных схем.
AWS разрешает своим клиентам и партнерам использовать эти ресурсы для создания архитектурных схем.
Эти простые значки можно без труда использовать при создании схем и размещать в технических описаниях, презентациях, спецификациях, на плакатах или в любых технических материалах.
Изучите схемы эталонных архитектур AWS и узнайте, как повысить эффективность проектирования на платформе AWS, по советам экспертов и рекомендациям в Центре архитектурных решений.
Центр архитектурных решений AWS
Инструментарии
Начните работу с одним из наших инструментариев.
Microsoft PowerPoint
Для Microsoft PowerPoint 2013 и более новых версий (формат .pptx).
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
NET на AWSAmazon.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
» Нам нравятся вариации веса и простота.