Page not found (404)
Toggle navigation-
Packs
- Значок пакеты недавно Загрузил
- Самых популярных значок пакеты
- Эксклюзивные наборы значков
-
категории
- Сельское хозяйство Иконки
- Животные Иконки
- Аватар и смайлики Иконки
- Красота и мода Иконки
- Бизнес и финансы Иконки
- Мультфильм Иконки
- Кино, телевидение и фильмы Иконки
- Одежда и аксессуары Иконки
- Преступление и безопасность Иконки
- Культура, религия и фестивали Иконки
- Дизайн и разработка Иконки
- Экология, окружающая среда и природа Иконки
- Электронная торговля и покупки Иконки
- Электронные устройства и оборудование Иконки
- Файлы и папки Иконки
- Флаги и карты Иконки
- Дизайн и разработка Иконки
- Экология, окружающая среда и природа Иконки
- Gym и Fitness Иконки
- Здравоохранение и медицина Иконки
- Промышленность и инфраструктура Иконки
- Инфографика Иконки
- Дети Иконки
- люблю Иконки
- Разное Иконки
- Музыка и мультимедиа Иконки
- Сеть и связь Иконки
- Недвижимость и строительство Иконки
- Школа и образование Иконки
- Наука и технологии Иконки
- SEO и Web Иконки
- Sign и Symbol Иконки
- Социальные медиа и логотипы Иконки
- Спорт и игры Иконки
- Инструменты, строительство и оборудование Иконки
- Транспорт и транспортные средства Иконки
- Путешествия, отели и каникулы Иконки
- Пользовательский интерфейс и жесты Иконки
- Погода и сезоны Иконки
-
стили значков
- 3D Иконки
- Badge Иконки
- Filled outline Иконки
- Flat Иконки
- Glyph Иконки
- Handdrawn Иконки
- Long shadow Иконки
- Outline Иконки
- Photorealistic Иконки
-
Популярные поиски
- Instagram Иконки
- Vk Иконки
- телефон Иконки
- Папки Иконки
- деньги Иконки
- Социальные Иконки
- Facebook Иконки
- Telegram Иконки
- Viber Иконки
- корзина Иконки
- Whatsapp Иконки
- стрелка Иконки
- Youtube Иконки
- дом Иконки
- Phone Иконки
- люди Иконки
- почта Иконки
- папки Иконки
- человек Иконки
- доставка Иконки
- галочка Иконки
- папка Иконки
- музыка Иконки
- Mail Иконки
- компьютер Иконки
- вк Иконки
- Steam Иконки
- Instagram Иконки
- сайт Иконки
- фото Иконки
- Log in
- Register
404 Icon by Laura Reen
Сетки, принципы и правила создания интерфейсных иконок, iOS и Android — UXPUB
Если вы цифровой дизайнер, то уже наверняка сталкивались с сеткой иконок.
Хотя эти линии могут казаться загадочной чепухой, они служат определенной цели. Давайте рассмотрим их подробнее.
7 принципов дизайна иконок. На что нужно обращать внимание при создании иконок
Обзор
Сетки иконок закладывают визуально основу для рисования. Они очерчивают размеры иконки, пиксельную сетку, лежащую в ее основе, и дополнительные ключевые линии, которым нужно следовать.
Сетка иконок – это инструмент, обеспечивающий скорость и последовательность
Анатомия
Необходимые части сетки определяются контекстом – где иконки будут отображаться, какой будет маска и какие фигуры будут использоваться в качестве шаблонов.
К ее элементам могут относиться пиксельная сетка, ключевые фигуры, ортогонали, маска и безопасная область / область обрезки. Каждый из этих элементов обеспечивает контрольные точки для рисования. Как и в любом рецепте, создатель сетки сам выбирает, что использовать, а что пропустить.
К ее элементам могут относиться пиксельная сетка, ключевые фигуры, ортогонали, маска и безопасная область / область обрезки. Каждый из этих элементов обеспечивает контрольные точки для рисования. Как и в любом рецепте, создатель сетки сам выбирает, что использовать, а что пропустить.
Пиксельная сетка
Пиксельная сетка помогает рисовать с определенным шагом. Приращение в 1px долгое время считалось стандартом для цифровых технологий, а шаг в 0.5px пикселя стал применяться совсем недавно.
Иконка увеличения громкости из руководства Material плотно прилегает к сетке 24 x 24px с использованием штриха в 2px:
Привязка к пикселям помогает сделать иконки четкими на экранах с более низким разрешением, но стала менее востребованной по мере улучшения аппаратного рендеринга. Подробнее о привязке к пикселям – в будущей статье.
Ключевые фигуры (Keyshapes)
Ключевые фигуры предоставляют исходные формы шаблонов. Обычно используются четыре основных элемента: круг, квадрат, прямоугольник в портретной и ландшафтной ориентации.
IBM использует эти 4 ключевые фигуры для создания иконок воспроизведения, сохранения, удаления и HD:
Думайте о ключевых фигурах как о starter kit, обеспечивающем необходимый стандарт, оставляя при этом место для гибкости и творчества. Цель вовсе не в том, чтобы каждая иконка идеально соответствовала базовой форме.
Ортогонали
Ортогонали – заимствованы из перспективы рисунка – относятся к ключевым линиям, которые пересекают центральную точку иконки и создают дополнительные вершины для использования. Эти линии обычно разрезают холст под углом 90 ° и 45 °. Когда требуются дополнительные углы, следующим шагом будет увеличение 15 ° и 5 °.
Иконка выключения звука из руководства Material выравнивает косую черту под углом 45 °:
Маска
Маска кастомизирует контейнер иконки из квадратного холста, используемого по умолчанию.
Для иконок лаунчера (которые находятся на главном экране и в панели приложений) разные OEM-производители Android девайсов применяют различные маски к своим иконкам.
Безопасная область и область обрезки
Безопасная область (safe area) или активная область (live area) показывает, где должно располагаться важное содержимое значка, а
В некоторых случаях безопасная область – это всего лишь рекомендация, но в случаях, когда контент будет обрезан, необходимо строго следовать безопасной области.
Иконка Google Apps Device Policy соответствует области обрезки:
Примеры
Теперь, когда мы знакомы с компонентами сетки иконок, давайте подробнее рассмотрим их конструкцию и использование.
Сетка иконок iOS-приложений
Сетка иконок приложений Apple помогает создавать значки приложений, отображаемые в App Store и системе iOS. Она основана на пропорциях золотого сечения и вписанных фигурах, взяв за отправную точку длину одной стороны. Ее маска представляет собой адаптацию расчета суперэллипса или кривой Ламе.
Круглые иконки приложений Apple, такие как Safari, Часы, Компас и Настройки, непосредственно следуют круговыми ключевыми линиями.
Не круглые иконки сложнее отследить, но, по-видимому, они используют комбинацию дальнейших расчетов золотого сечения:
Я считаю эту сетку очень приятной, но не самой интуитивно понятной в использовании. Неизвестно, какие дальнейшие расчеты или правила следует выполнять.
Сетки иконок Material Design
Основное различие между сетками iOS и Material – это добавление ключевых фигур в руководство Material. В шаблоне используются четыре основные фигуры – круг, квадрат, портретный и ландшафтный прямоугольник:
Gmail использует прямоугольник в ландшафтной ориентации:
В Google Apps Device Policy используется круг:
Google рекомендует несколько вариантов этой сетки, адаптированных к различным контекстам. Например, сетка иконок лаунчера имеет обширную область обрезки, позволяющую различным OEM-производителям Android девайсов применять свою собственную маску. Хотя пропорции меняются, эти сетки духовно одинаковы:
Вот структура системной сетки, используемой для создания иконок интерфейсов продукта:
Примечание об основных параметрах
Обратите внимание, что основной размер холста для этой сетки иконок составляет 24 x 24px. Это означает, что иконки создаются с этим размером. Однако при использовании системных иконок Material их можно масштабировать до различных размеров:
В некоторых семействах иконок дизайнеры рисуют нестандартные альтернативные размеры для оптимизации производительности. Например, иконка компаса Nucleo изящно уменьшает детализацию для ясности и читабельности, когда иконка становится меньше:
Разный уровень детализации иконки компаса Nucleo при размере от 64px до 16pxЭто сложный прием, ведь его применение ко множеству иконок потребует много времени. Чем больше нюансов, тем сложнее. Подумайте, нужно ли вам это.
Сетка иконок IBM
Сетка иконок IBM очень близка к Material, предлагая аналогичный набор ключевых фигур:
Ключевые фигуры IBMВ ее основе лежит холст размером 32 x 32px:
Структура сетки IBMВы видели это выше:
Иконки IBM icons поверх сетки (слева направо, сверху вниз): Воспроизведение, Сохранить, Удалить, HD, Пчела, Вырезать, Микроскоп и ГлазСетка иконок Phosphor
В прошлом году я и мой коллега выпустили Phosphor, семейство иконок, созданное для пользователей Android, чтобы они могли оформить домашний экран с минимальной эстетикой. Phosphor адаптирует сетку Material.
Структура сетки PhosphorДля достижения визуального баланса ключевые фигуры иконки примерно основаны на расчетах ее площади. Мы используем круг, чтобы нарисовать иконки приложений Daylio и New York Times, квадрат для LinkedIn и калькулятора, прямоугольник в портретной ориентации для Google Docs и Microsoft Word, и прямоугольник в ландшафтной ориентации для иконок приложений AliExpress и NBC:
Ключевые фигуры и примеры иконок PhosphorВ некоторых случаях (второй ряд) мы используем форму напрямую, а в других (последний ряд) она просто служит общим руководством.
Важно отметить, что мы не сразу сформировали структуру сетки Phosphor. Со временем мы удалили части, которые не были полезными (например, дополнительные ортогонали), мы уточнили и выделили область обрезки, а также изменили ключевые линии по мере того, как правила нашего семейства иконок обретали форму.
Несколько вариантов сетки PhosphorСетка – это рекомендация
Как и любая сетка, сетки иконок предназначены для использования в качестве рекомендаций, а не жестких правил. Не используйте их, когда они перестанут быть полезными.
Оптический баланс
Всегда проверяйте оптический баланс. В приведенном ниже примере строгое следование ключевой фигуре круга не совсем правильно.
В контексте символ «G» кажется немного большим. Если немного уменьшить его масштаб, он будет выглядеть более сбалансированным.
Часто бывает необходимо отклониться от сетки для достижения визуального баланса. Следуйте тому, что выглядит оптически правильным, а не строгим метрическим значениям.
Чтобы узнать больше об оптических эффектах, прочтите эту прекрасно иллюстрированную статью Славы Шестопалова: «Оптические эффекты в пользовательских интерфейсах: иллюстрированное руководство».
Тестирование
Протестируйте свои иконки в контексте, чтобы проверить их согласованность и эффективность. Если вы создаете иконку приложения для iOS, как она будет отображаться вместе с другими иконками на главном экране? Внутри папки, внутри уведомления, в режиме просмотра настроек? В App Store? Для достижения максимальной точности тестируйте в собственном контексте, а не в инструментах проектирования.
Для Phosphor мы разработали строгую процедуру контроля качества, используя «тестовые листы», в которых каждая новая иконка помещается рядом с ее «братьями и сестрами» разных размеров и цветов. Предварительный просмотр выполняется непосредственно на устройствах Android, чтобы убедиться в ясности, удобочитаемости и соответствии стилистике.
Последовательность тестирования иконки Curiosity:
Сетки + Принципы + Правила
Сетки иконок обеспечивают удобный визуальный ориентир, но не содержат всех технических правил и принципов дизайна, которым должна соответствовать каждая иконка. Чтобы получить полную картину, совместите сетки иконок с документацией.
Лично для меня сетки иконок – скорее вспомогательный элемент, а принципы и правила важнее всего:
Примеры принципов из семейства иконок Phosphor:
- Понятность. Прежде всего, будьте понятны. Сделайте иконку узнаваемой и читаемой. Никогда не жертвуйте понятностью изображения иконки.
- Краткость. Используйте как можно меньше деталей. Стиль Phosphor – редуктивный. Будьте лаконичны и целенаправленны в каждом штрихе, чтобы передать суть изображаемого.
- Характер. Будьте оригинальны. Добавляйте уникальные детали экономно, чтобы не быть слишком строгим.
—
Пример технических правил семейства иконок Phosphor:
- Используйте холст 48 x 48px
- Используйте обводку по центру 1.5px
- Используйте закругленные концевые заглавные буквы
- Используйте непрерывные штрихи, если разорванные сегменты не нужны для понимания
- Используйте прямые сегменты, идеальные дуги и угол наклона 15°, где возможно
- Отрегулируйте кривые, когда это необходимо для соблюдения принципов дизайна.
- Используйте целые, четные приращения чисел для измерений, где это возможно; при необходимости округлите до 1px или 0,5px
- Начните со следующих ключевых линий фигуры: круги 28 x 28px, квадраты 25 x 25px, прямоугольники в ландшафтной ориентации 28 x 22px, прямоугольники в портретной ориентации 22 x 28px
- Сохраняйте область обрезки толщиной 6px
Это руководящие принципы, которые развиваются по мере того, как мы узнаем, что работает, а что нет. Не возражайте против проведения итерации и соответствующим образом обновите свою документацию.
Вывод
Последовательное использование сетки иконок способствует достижению гармонии в семействе иконок и ускоряет процесс проектирования. Это довольно красивый артефакт, но убедитесь, что используемые инструменты и процессы приносят вам пользу. Со временем они могут устареть или использоваться неправильно – оцените, полезна ли ваша сетка, стоит ли отложить ее в сторону или пора внести изменения.
Иконки Phosphor сетки иконок PhosphorСпецификации сетки иконок
Apple
- Apple Design Resources: Официальные шаблоны, которые включают размеры холста для иконок App Store (но, к сожалению, без векторных сеток)
- Material System Icon Keyline Shapes: Сетка для системных иконок, которые используются в интерфейсах продукта.
- Google Play icon design specifications: спецификации и шаблоны для иконок приложений, используемых в Play Store.
- Adaptive icons and Android icons: спецификации иконок приложений, используемых в лаунчере (главный экран, панель приложений).
- Material Product Icon Keyline Shapes: сетка для иконок продуктов, которые сопоставляются с Google Play и адаптивными иконками лаунчера, указанными выше. рядом с опциями Включить видео / Остановить видео). Позволяют выбрать камеры, если у вас есть несколько камер, выбрать виртуальный фон (если включен) или получить доступ к полным параметрам видео.
Участники. Просмотреть, кто в настоящий момент участвует в конференции, и пригласить других пользователей. Вы также можете получить доступ к следующим параметрам:
- Переименовать. Наведите курсор на свое имя и нажмите Переименовать, чтобы изменить экранное имя, которое отображается для других участников.
- Значки невербальной обратной связи (если включены организатором). Значки, которые отображаются рядом с вашим именем, чтобы быстро уведомить организатора.
Демонстрировать экран. Начать демонстрацию экрана (если разрешено организатором). Вы сможете выбрать рабочий стол или приложение для демонстрации. Подробнее.
Чат. Доступ к окну чата для общения в чате с участниками. Подробнее.
Запись. Включить или остановить локальную запись. Участники не могут начать запись в облако. Подробнее.
Примечание. Организатор должен будет разрешить локальную запись в своих настройках учетной записи, а затем дать вам права на ведение записи. Если у вас нет прав на ведение записи, попросить разрешения у организатора с помощью чата или звукового сообщения в конференции.
Выйти. Выйти и оставить остальных участников в конференции. Завершать конференции может только организатор.
45 высококачественных иконок для пользователей Windows, в стиле Windows 7
Extra Folder Icons – это набор из 45 профессионально нарисованных иконок в стиле Windows 7, с отличным дизайном и сделанных с особым вниманием к деталям. Иконки из этого набора удовлетворят требования широкого круга людей, начиная от молодежи, интересующейся автомобилями и музыкой, и заканчивая взрослыми пользователями, которым нужно маркировать папки о здоровье или о телевизионных программах. Например, если вы программист, вы можете заменить стандартную иконку папки на иконку с логотипом Java и сохранять в эту папку свой код, документацию, обучающие программы и файлы. Каждая из 45 иконок нарисована в стиле Windows 7, имеет реалистичные тени и высокую детализацию.
Некоторые примеры возможного использования Extra Folder Icons:
- Выделение часто используемых папок для более легкого и быстрого поиска на вашем жестком диске.
- Визуальная классификация папок с помощью меток: папки с фильмами, музыкой, книгами, историей общения, фотографиями и так далее.
- Создание простых для навигации папок с несколькими подуровнями где по самой иконке папки понятно, что находится внутри.
Список значков в наборе:
Круто
Аццтой
Пиво
Свет
Мои покупки
Спорт. Баскетбол
Машина
Грузовик
Компьютер
Ноутбук
Сервер
Базы данных
Очки
Кошка
Собака
Дом
Офис
Общение
eMule
Мой блог — WordPress
Мой блог — Blogspot
Java
Программирование
Математика
Реестр
Помощь
Инструменты
Весы
Калькулятор
Череп
Ключи
Микроскоп
Лупа
Медицина
Флешка
Смайлик «Хорошо»
Смайлик «Плохо»
Нейтральный смайлик
Радио
ТВ
Web-камера
Мужчина
Мужчина 2
Женщина
Женщина 2
Скачайте демо-версию Extra Folder Icons и используйте ее!
Два отличных инструмента лучше, чем один
Тем, кто только познакомился с продуктами нашей компании, мы предлагаем ознакомиться еще с одним премиальным продуктом — Folder Marker. Пользователи программы Folder Marker и набора иконок Extra Folder Icons получат дополнительные преимущества.
Folder Marker — это программа №1 для смены значков папок, которая позволяет быстро промаркировать папки и выделить те, что используются чаще всего. За считанные секунды вы сможете поменять цвет папки или снабдить ее специальной меткой для того, чтобы отличать папки по приоритету, по типу информации в папке, по степени завершенности проекта и многим другим критериям. Extra Folder Icons — прекрасное дополнение к стандартным иконкам Windows и дополнение к Folder Marker, которое добавляет новые категории и маркеры на выбор.
Скачайте Folder Marker сейчас бесплатно
INLINE Technologies — системная интеграция
Система единого окна оператора в контакт-центре
Интерактивная система единого окна позволяет операторам контакт-центра банка в автоматическом режиме управлять вызовами, получать информацию об истории отношений клиента с контакт-центром, а также сравнивать банковские продукты, фиксировать собранную информацию об обращении клиента и отправлять ее в отдел продаж.
ПодробнееМониторинг информационно-технологической инфраструктуры
Единый комплекс средств контроля и управления технологическими информационными системами позволяет поддерживать бесперебойное функционирование технологической информационной инфраструктуры, значительно упрощает и ускоряет выявление первопричин аварий, локализацию и устранение сбоев в сетях связи и данной инфраструктуры.
ПодробнееЦентр телефонного обслуживания в ФССП России
Технические ресурсы центра позволяют обрабатывать одновременно не менее 40 обращений непосредственно операторами и столько же – в автоматическом режиме, что делает более удобным доступ для граждан и организаций к информации, содержащейся в единой ведомственной информационно-справочной системе.
ПодробнееСистема гибкого управления трафиком
Система анализирует потоки данных в каналах связи по типу протокола без жесткой привязки к портам входа-выхода, поэтому можно легко предотвращать несанкционированные вторжения по прикладным протоколам. Система также помогает блокировать вредоносный трафик вида «пользователь-пользователь» и запросы на удаленное управление компьютером.
ПодробнееКомплексная модернизация сетевой инфраструктуры
Новая корпоративная сеть обеспечивает сотрудникам НТВ полнофункциональный доступ к корпоративным ресурсам, внутренним и внешним информационным службам, а также полноценную защиту информации на стыке производственного и офисного сегментов. В ней реализована высокая пропускная способность каналов с запасом по уровню производительности.
ПодробнееКоммуникационная инфраструктура
Построена мультисервисная транспортная сеть передачи данных и спроектирована инфраструктура Wi-Fi для полного покрытия аэровокзала беспроводной связью, включая служебные помещения и коммерческие объекты. Это служит инфраструктурной основой для всех информационных и справочных систем аэропорта и внутренних ИТ-сервисов.
ПодробнееМодернизация корпоративной сети
«ИТ-отрасль годами развивалась на основе западных решений и технологий. Но мы рассчитывали, что наличие у INLINE Technologies опыта работы с отечественным оборудованием позволит свести эти риски к минимуму. И наши ожидания оправдались. В настоящее время 50 % нашей сети работает на оборудовании РКСС».
ПодробнееМультимедийное оснащение офиса и центра поддержки клиентов
Осуществлен перенос имевшегося в «Гражданских самолетах Сухого» мультимедийного оборудования, организован переговорный зал «Трансформер» и оснащен центр поддержки заказчиков средствами видеоотображения информации. Ранее в ГСС создана система унифицированных коммуникаций и модернизирована подсистема хранения данных под VDI.
ПодробнееПостроение ИКТ-инфраструктуры суперкомпьютера
Проведена глубокая модернизация сетевой и вычислительной инфраструктуры, внедрены новые инфраструктурные и базовые сетевые сервисы, усовершенствована система информационной безопасности, модернизированы сервисы голосовой связи, видео-конференц-связи и коротких сообщений.
ПодробнееТерриториально распределенная система хранения данных
Повышен уровень доступности информационных сервисов для всех территориально распределенных объектов и производственных комплексов. На предприятии реализовано катастрофоустойчивое хранение более 70 Tбайт данных и обеспечена возможность быстрого восстановления работы всех критически важных информационных сервисов.
ПодробнееЗначки — Windows apps | Microsoft Docs
- Чтение занимает 4 мин
В этой статье
Значки — это визуальный ярлык для действий, концепций или продуктов. Передача значения в символическом изображении (значке) позволяет преодолеть языковые барьеры и сэкономить крайне ценный ресурс: пространство на экране.
Значки могут отображаться в приложениях и за их пределами.
Значки в приложении
Внутри приложения используйте значки для представления действия, например, копирования текста или перехода на страницу «Параметры».
Значки за пределами приложения
За пределами вашего приложения Windows использует значок приложения, отображаемый в меню «Пуск» и на панели задач. Если пользователь решит закрепить ваше приложение в меню «Пуск», начальная плитка приложения может содержать его значок. Значок приложения отображается в строке заголовка, и вы можете создать экран заставки с логотипом своего приложения.
В этой статье описываются значки в вашем приложении. Дополнительные сведения о значках вне приложений (значки приложения) см. в статье, посвященной значкам плитки и приложения.
Когда использовать значки
Значки позволяют сэкономить место, но когда их следует использовать?
Используйте значок для действий, таких как вырезание, копирование, вставка и сохранение, или для элементов навигации в меню переходов.
Используйте значок, если он уже существует, для концепции, которую вам необходимо представить. (Чтобы узнать, существует ли значок, просмотрите список значков Segoe.)
Используйте значок, если пользователю легко понять, что он означает, и это очевидно, даже если значок небольшого размера.
Не используйте значок, если его значение непонятно или его пояснение требует сложной формы.
Использование правильного типа значка
Существует множество способов создания значка. Вы можете использовать символьный шрифт, например Segoe MDL2 Assets. Вы можете создать собственное векторное изображение. Вы можете даже использовать растровое изображение, хотя это не рекомендуется. Далее представлен обзор различных способов добавления значка в приложение.
Использование стандартного значка.
Корпорация Майкрософт предоставляет более 1000 значков в виде шрифта Segoe MDL2 Assets. Получить значок из шрифта может быть не так просто, но наша технология отображения шрифта гарантирует, что эти значки будут выглядеть четко и резко на любом дисплее, при любом разрешении и в любом размере. Инструкции см. в разделе Значки Segoe MDL2.
Использование шрифта.
Вам не обязательно использовать шрифт Segoe MDL2 Assets, вы можете выбрать любой шрифт, установленный пользователем в системе, например Wingdings или Webdings.
Использование SVG-файла векторной графики.
Ресурсы SVG идеально подходят для значков, потому они всегда четко выглядят при любом размере или разрешении. Большинство приложений для рисования поддерживает экспорт в SVG-файлы. Инструкции см. в разделе SVGImageSource.
Использование объектов Geometry.
Подобно SVG-файлам геометрии являются векторными ресурсами, поэтому они всегда выглядят четко. Однако создать геометрию не так просто, так как вам необходимо отдельно указать все точки и кривые. Этот вариант следует использовать, только если вам нужно изменить значок во время выполнения приложения (например, для анимации). Инструкции см. в разделе Синтаксис команд перемещения и рисования.
Вы также можете использовать растровое изображение (например, в формате PNG, GIF и JPEG), хотя это не рекомендуется.
Растровые изображения создаются в определенном размере, поэтому их необходимо масштабировать в зависимости от требуемого размера значка и разрешения экрана. При уменьшении (сжатии) размера значка он может оказаться размытым. При увеличении размера он может стать угловатым и пикселизированным. Если вам необходимо использовать растровое изображение, рекомендуется формат PNG или GIF, а не JPEG.
Привязка функции к значку
После создания значка следующим шагом является привязка к нему команды или действия перехода. Для этого рекомендуется добавить значок на кнопку или панель команд.
Можно также анимировать значок, чтобы привлечь внимание к компоненту пользовательского интерфейса, например к кнопке «Далее» в учебнике, или просто отразить действие, связанное со значком, в развлечениях и интересных способах. См. аниматедикон.
Создание кнопки значка
Значок можно поместить на стандартную кнопку. Так как кнопки можно использовать в различных местах, это дает больше гибкости при выборе расположения значка.
Вот несколько способов добавления значка на кнопку.
Шаг 1.
Установите для семейства шрифтов кнопки значениеSegoe MDL2 Assets
, а для ее свойства Content — значение Юникода глифа, который вы хотите использовать.<Button FontFamily="Segoe MDL2 Assets" Content="" />
Шаг 2.
Можно использовать один из объектов элементов Icon: BitmapIcon, фонтикон, пасикон, имажеиконили симболикон. Это позволяет получить более широкий выбор значков и объединять разные значки и другие типы содержимого, например текст.<Button> <StackPanel> <SymbolIcon Symbol="Play" /> <TextBlock>Play the movie</TextBlock> </StackPanel> </Button>
Создание серии значков на панели команд
Если у вас есть несколько похожих команд, таких как вырезать, скопировать и вставить, или набор команд рисования для программы редактирования фотографий, объедините их на панели команд. На панели команд размещается одна или несколько кнопок панели приложения или кнопок-переключателей панели приложения, каждая из которых представляет действие. У каждой кнопки есть свойство Icon, которое используется для выбора отображаемого значка. Существует множество способов указать значок.
Проще всего использовать список стандартных значков, которые предоставляем мы, — просто укажите имя значка, например «Назад» или «Стоп», и система его нарисует.
<CommandBar> <AppBarToggleButton Icon="Shuffle" Label="Shuffle" Click="AppBarButton_Click" /> <AppBarToggleButton Icon="RepeatAll" Label="Repeat" Click="AppBarButton_Click"/> <AppBarSeparator/> <AppBarButton Icon="Back" Label="Back" Click="AppBarButton_Click"/> <AppBarButton Icon="Stop" Label="Stop" Click="AppBarButton_Click"/> <AppBarButton Icon="Play" Label="Play" Click="AppBarButton_Click"/> <AppBarButton Icon="Forward" Label="Forward" Click="AppBarButton_Click"/> </CommandBar>
Полный список имен значков см. в разделе Перечисление Symbol.
Существуют и другие способы указания значков для кнопок на панели команд:
- FontIcon — основой значка служит глиф из указанного семейства шрифтов.
- BitmapIcon — основой значка служит файл растрового изображения с указанным Uri.
- PathIcon — основой значка служат данные Path.
- Имажеикон — значок основан на типе файла изображения, поддерживаемом классом Image .
Дополнительные сведения о панелях команд см. в статье, посвященной панели команд.
Похожие статьи
Поступление 2021 | Воронежский институт физической культуры
ПРИЕМ НА ЦЕЛЕВОЕ ОБУЧЕНИЕ 2021г
Федеральное государственное бюджетное образовательное учреждение высшего образования «Воронежский государственный институт физической культуры» проводит прием на целевое обучение в пределах целевой квоты по направлениям подготовки входящим в перечень, определяемый Правительством Российской Федерации».
Прием на целевое обучение осуществляется при наличии договора о целевом обучении и заключенного между поступающим и органом или организацией, указанными в части 1 статьи 71.1 Федерального закона 273-ФЗ в соответствии с положением о целевом обучении по образовательным программам» среднего профессионального и высшего образования и типовой формы договора о целевом обучении, устанавливаемым постановлением правительства Российской Федерации №1681 от 13 октября 2020г.
Самое важное, что нужно знать о приеме на целевое обучение:
1. Обучение поступивших на места в пределах квоты приема на целевое обучение ведется за счет средств федерального бюджета.
2. Заключение договора о целевом обучении не является гарантией зачисления на бюджетное место, а дает возможность участия в конкурсе на выделенные места целевого обучения.
3. Заключение договора о целевом обучении и зачислении на места в пределах квоты является гарантией дальнейшего трудоустройства выпускника заказчиком либо работодателем.
4. Участие в конкурсе на места в пределах квоты на целевое обучение не запрещает поступающему участвовать в конкурсе на общие бюджетные места.
5. Заключение договора о целевом обучении не освобождает поступающих от необходимости представления результатов ЕГЭ и от сдачи вступительных испытаний, проводимых вузом самостоятельно.
ПОРЯДОК УЧАСТИЯ В ПРИЕМЕ НА ЦЕЛЕВОЕ ОБУЧЕНИЕ
До начала оформления документов, необходимых для участия в приеме на целевое обучение нужно:
1. Ознакомиться с планом приема на год обучения. Информация размещена на сайте института в разделе «Абитуриенту».
2. Найти заинтересованную организацию, которая предоставит трудоустройство после завершения обучения.
3. Ознакомиться с федеральными документами, определяющими порядок организации и условия проведения приема на целевое обучение по образовательным программам высшего и среднего профессионального образования:
— Статья 56 «Целевое обучение» Федерального закона Российской Федерации от 29 декабря 2012г.№273-ФЗ «Об образовании в Российской Федерации».
— Статья 71.1. Особенности приема на целевое обучение по образовательным программам высшего образования». Федерального закона Российской Федерации от 29.12.2012. №273-ФЗ.
— Постановление Правительства РФ от 13.10.2020г. №1681.»О целевом обучении по образовательным программам среднего профессионального и высшего образования.
Договор по решению заказчика может быть
Для высшего образования
1. Двусторонним договором (между заказчиком и поступающим).
2. Трехсторонним договором между заказчиком, поступающим и институтом.
3. Четырех сторонним договором (между заказчиком, работодателем, поступающим и институтом).
Для среднего профессионального образования
1. Двусторонним договором (между заказчиком и поступающим).
2. Трехсторонним договором между заказчиком, поступающим и институтом.
Форма договора утверждена Правительством РФ, является типовой, изменения формы договора не допускаются.
2
Заполняются все пункты договора.
Перечень образовательных программ, на которые планируется установление квоты приема на целевое обучение будет опубликован на сайте института 01.06.2021г.
Договор заключается в количестве экземпляров по количеству сторон.
ОСНОВНЫМИ УСЛОВИЯМИ ДОГОВОРА О ЦЕЛЕВОМ ОБУЧЕНИИ ЯВЛЯЮТСЯ
1. Обязательства заказчика целевого обучения:
а) по организации предоставления и (или) предоставлению гражданину, заключившему договор о целевом обучении, в период обучения мер поддержки, включая меры материального стимулирования, оплату дополнительных платных образовательных услуг, оказываемых за рамками образовательной программы, осваиваемой в соответствии с договором о целевом обучении, предоставление и (или) оплату жилого помещения в период обучения и (или) других мер;
б) по трудоустройству гражданина, заключившего договор о целевом обучении, с указанием места осуществления трудовой деятельности в соответствии с полученной квалификацией.
2. Обязанности гражданина, заключившего договор о целевом обучении:
а) по освоению образовательной программы, указанной в договоре о целевом обучении и формы обучения по согласованию с заказчиком целевого обучения;
б) по осуществлению трудовой деятельности в течении не менее трех лет в соответствии с полученной квалификацией с учетом трудоустройства в срок, установленный таким договором.
В договоре о приеме на целевое обучение должны быть установлены уровень образования, код и наименование профессии, направление подготовки, которые должны быть освоены гражданином.
Договором устанавливается период времени по истечении которого гражданин обязан заключить трудовой договор с заказчиком или организацией – работодателем после завершения образования в образовательной организации.
В случае заключения договора несовершеннолетним гражданином, к договору необходимо приложить письменное согласие его законного представителя.
Поступающие на целевое обучение после оформления договора должны самостоятельно подать все необходимые документы для поступления в приемную комиссию в сроки установленные Правилами приема на обучение по образовательным программам соответствующего уровня образования.
При заключении договора о целевом обучении без участия института, поступающий при подаче заявления о приеме предоставляет копию договора о целевом обучении, заверенную заказчиком или предоставляет его оригинал.
В случае если институт включен в число сторон договора, поступающий предоставляет оригинал документа по количеству сторон на подпись в институт после его подписания остальными сторонами.
ФГБОУ ВО «ВГИФК» не предоставляет перечень организаций, направляющих граждан на целевое обучение, а так же не осуществляет их подбор. Данным вопросом поступающие занимаются самостоятельно.
дополнительных значков — загрузка в векторном формате, PNG, SVG, GIF
дополнительных значков — загрузка в векторном формате, PNG, SVG, GIFiOS
iOS с заливкой
iOS Glyph
Материал с заливкой
Материал с контуром
Материал со скругленными углами
Материал Sharp
Материал с двумя тонами
Цвет
Windows 10
Glyph2000
Glyph Neue
Office S
Office
Office L
Симпатичный контур
Симпатичный цвет
Синий UI
Пунктирный
Градиент
Простой маленький
Пастель
Flucy2000 Flucy3
0003
Ice Cream
Обычный
Система беглости заполнена
Пухлый
Каракули
Инфографика
Windows Metro
Облако
Пузырьки
Цветные, нарисованные от руки
Нарисованные от руки
Симпатичные глифы ПерекраситьБолее
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Более
Посмотреть больше
Посмотреть больше
Посмотреть больше
Посмотреть больше
Посмотреть больше
Учить больше
Посмотреть больше
Посмотреть больше
Учить больше
Учить больше
Подробнее
Подробнее
Подробнее
Подробнее
Подробнее
Посмотреть больше
Посмотреть больше
Подробнее
Посмотреть больше
Больше значков или больше расширений значков в бесплатном веб-конструкторе
1.Я также купил расширение ICONS для бесплатного веб-конструктора Mobirise. Это тоже очень хорошо работает и является полезным расширением дизайна.
Вопрос: У вас было больше значков или больше значков? Почему? Я ищу больше ЛЮДЕЙ, таких как мужчины, женщины, дети, лица, тела, полутела … и т.д …. Если у вас есть еще что-то, и я могу купить, пожалуйста, дайте мне знать!
Если вы хотите создать больше иконок, вы можете использовать наше приложение Iconion, доступное на http://iconion.com/. Может быть, позже добавим еще шрифтов.
Связанные темы
2. Думаю, в Mobirise есть небольшая ошибка.
Если я создаю веб-сайт с нижним колонтитулом с включенной картой, иногда карта не будет видна в Mobirise. Иногда это случалось после 2 часов работы над веб-дизайном с Mobirise. Все тексты и ссылки в футере видны. На месте карты — цвет фона.
И после публикации или после загрузки на веб-сервер — все в порядке. и вы можете прекрасно видеть карту.Но НЕ в Mobirise-софте !!!
После перезагрузки ПК проблема НЕ исчезла.
Проблема исчезла или будет лучше, если я запущу бесплатный веб-конструктор на следующий день или через 2 дня.
У меня новый компьютер 2014 года выпуска, с системой 7 и достаточной мощностью.
Может быть, эта информация поможет при кодировании Mobirise.
Спасибо, что сообщили об этой проблеме. Я отправлю запрос нашим разработчикам по этому поводу.
3.Иногда Mobirise не может сохранить измененную страницу. Если эта информация скажет мне о бесплатном веб-конструкторе, я думаю, что я получу сердечный приступ, потому что никто не знает, что Mobirise делает в бета-версии. Вы что-нибудь знали о проблеме сохранения?
Это известная проблема. Наши разработчики работают над этим.
4. У меня особая проблема с дизайном Mobirise. Я расскажу вам и надеюсь, что у меня это получится очень хорошо (мой английский не самый лучший, извините 🙂
Примечание: я разрабатываю проект, названный, например, «А».Теперь мне нравится дублировать этот проект в новый проект — например, «B» — потому что мне нужны страницы со специальными деталями дизайна из проекта «A». Как мне сделать это правильно, чтобы бесплатный веб-конструктор не перезаписывал проект «А», а «А» терялся навсегда?
Я сделал много тестов. Я создал новый проект со страницами «A» для проекта «B» в новой папке. Но это работает не очень хорошо. Я не знал, что делаю не так.
Вы представляли, с кем я могу это сделать лучше всего?
Вы можете опубликовать свой веб-сайт «А» на одном, а веб-сайт «Б» — в другой папке, где вы хотите их сохранить.Затем вы можете нажать «Импортировать сайт Mobirise» и добавить проект (.mobirise) вашего веб-сайта «B». Так у вас будет сразу два проекта.
Вы можете посмотреть это видео:
Посмотрите, пожалуйста, сможете ли вы выяснить, почему веб-сайт не работает. Слишком много движения. Страницы нестабильны. Пожалуйста, проверьте это.
Я попытался воспроизвести эту проблему и не обнаружил никаких проблем с вашим сайтом. Попробуйте открыть свой веб-сайт в других браузерах и на других устройствах и проверьте его поведение.
Настройка области уведомлений панели задач
Область уведомлений расположена в правом конце панели задач. Он содержит некоторые значки, которые вы можете часто нажимать или нажимать: батарея, Wi-Fi, громкость, часы и календарь, а также центр действий. Он предоставляет статус и уведомления о таких вещах, как входящая электронная почта, обновления и подключение к сети. Вы можете изменить отображение значков и уведомлений или даже скрыть некоторые из них.
Чтобы изменить способ отображения значков и уведомлений
Нажмите и удерживайте или щелкните правой кнопкой мыши любое пустое место на панели задач, коснитесь или щелкните Параметры , а затем перейдите в область уведомлений .
Под номером Область уведомлений :
Выберите, какие значки будут отображаться на панели задач. Выберите определенные значки, которые не должны отображаться на панели задач. Мы просто переместим значок в область перелива, чтобы его не было видно.
Включение и выключение системных значков. Укажите, какие значки вы не хотите отображать.
Чтобы скрыть значок в области уведомлений
В области уведомлений щелкните или нажмите значок, который вы хотите скрыть, а затем переместите его вверх в область переполнения.
Советы:
Если вы хотите добавить скрытый значок в область уведомлений, коснитесь или щелкните стрелку Показать скрытые значки рядом с областью уведомлений, а затем перетащите нужный значок обратно в область уведомлений.Вы можете перетаскивать столько скрытых значков, сколько хотите.
Вы можете изменить порядок значков, отображаемых в области уведомлений, просто перетащив значок в другое место.
Чтобы увидеть скрытые значки
Коснитесь или щелкните стрелку Показать скрытые значки рядом с областью уведомлений.
Определение значка по Merriam-Webster
\ Ī-kän \ варианты: или реже ikon1 : человек или вещь, вызывающая всеобщее восхищение, особенно за то, что она имеет большое влияние или значимость в определенной сфере. икона гражданских прав, актер и икона моды… «Пурпурный дождь», фильм, сделавший Принца популярной иконой и кинематографистом.- Роберт Кристгау и Карола Диббелл. Этот культурный символ, Nintendo Game Boy, был выпущен в 1989 году… — Элеонора Флегг
2 : эмблема, символ Рози Клепальщица, культурная икона Второй мировой войны в своем синем комбинезоне и красной бандане, представляла женщин, которые работали на производственных предприятиях по всей стране… — Дэвид ДеБолт. Единственная фотография, фотография Земли, сделанная из космоса. Уильям Андерс на Аполлоне 8 в 1968 году стал символом всего экологического движения.- Джилл Лепор Первый президент страны был преобразован в икону, национальный символ, чей несколько мрачный портрет украсил долларовую купюру. — Джон Дж. О’Коннор3а : графический символ на экране дисплея компьютера, который представляет приложение, объект (например, файл) или функцию (например, команду для сохранения).
б : знак (например, слово или графический символ), форма которого предполагает его значение.
c архаичный : обычно графическое изображение : изображение4 [Позднегреческий eikōn , с греческого] в восточном православном христианстве : изображение (например, фреска, мозаика или картина на дереве) священных событий или особенно священного человека (такого как Иисус Христос, Дева Мария или святой), используемого в качестве объекта почитания или инструмент для обучения
КомпонентIcon — Vuetify
Компонент
v-icon
предоставляет большой набор глифов для предоставления контекста различным аспектам вашего приложения.Список всех доступных значков можно найти на официальной странице значков дизайна материалов. Чтобы использовать любой из этих значков, просто используйте префиксmdi-
, за которым следует имя значка.# Accessibility
Иконки могут передавать различную значимую информацию, поэтому важно, чтобы они достигли как можно большего количества людей. Вы можете рассмотреть два варианта использования:
Декоративные значки используются только для визуального или фирменного усиления.Если бы они были удалены со страницы, пользователи все равно поймут и смогут использовать вашу страницу.
Семантические значки — это значки, которые вы используете для передачи смысла, а не просто для украшения. Сюда входят значки без текста рядом с ними, используемые в качестве интерактивных элементов управления — кнопки, элементы формы, переключатели и т. Д.
WIP: наша команда изменит компонент, чтобы не отображать
aria-hidden = "false"
, когда вы передадите метка опора.# Декоративные значки шрифтов
Если ваши значки чисто декоративные, вам нужно вручную добавить атрибут к каждому значку, чтобы они были доступны.
aria-hidden
(автоматически vuetify)# Значки семантического шрифта
Если ваши значки имеют семантическое значение, вам необходимо предоставить альтернативный текст внутри (или подобного) элемента. Также включите соответствующий CSS, чтобы визуально скрыть элемент, оставив его доступным для вспомогательных технологий.
mdi-аккаунт # Декоративные значки SVG
Если ваши значки чисто декоративные, вам нужно вручную добавить атрибут к каждому значку, чтобы они были доступны.
aria-hidden
(автоматически vuetify)# Семантические значки SVG
Примените атрибуты доступности к компоненту v-icon, например
role = "img"
, чтобы придать ему семантическое значение.mdiAccount <сценарий> импортировать {mdiAccount} из "@ mdi / js"; экспорт по умолчанию { данные: () => ({ icons: { mdiAccount } }) };Готовы к большему?
Продолжайте обучение, просматривая связанный контент, выбранный Командой, или перемещайтесь между страницами с помощью навигационных ссылок ниже.
Редактировать эту страницу на GitHubПоследнее обновление: 18.09.2021, 7:08:41
Icon | Семантический интерфейс
Набор значков содержит произвольное количество символов
Значки выполняют функцию, очень похожую на текст на странице. В Semantic значки получают специальный тег
Иконки могут представлять стандарты доступности
Переводчик с американского языка жестов
вспомогательные аудиосистемы
аудиоописание
слепой
шрифт Брайля
субтитры
схема субтитров
глухой
слабовидящие
объем телефона
вопросный круг
контур круга вопросов
язык жестов
tty
универсальный доступ
инвалидная коляска
Значки могут использоваться для обозначения направления
угол двойной вниз
угловой двойной левый
Уголок двойной правый
угол сдвоенный
угол вниз
угол влево
угол правый
угол вверх
стрелка поочередно кружок вниз
стрелка чередующийся кружок по контуру вниз
стрелка альтернативный круг влево
стрелка чередующийся кружок левый контур
стрелка чередующийся кружок вправо
стрелка чередующийся кружок правый контур
стрелка поочередно кружок вверх
круглая стрелка вверх по контуру
стрелка кружком вниз
стрелка влево
стрелка круг вправо
стрелка кружком вверх
стрелка вниз
стрелка влево
стрелка вправо
стрелка вверх
стрелки чередующиеся
стрелки попеременно горизонтальные
стрелки попеременно вертикальные
каретка вниз
каретка слева
каретка правая
каретка квадрат вниз
каретка квадратный контур вниз
каретка слева
каретка квадрат, левый контур
каретка правая
каретка квадратный правый контур
каретка вверх
каретка квадратный контур вверх
каретка вверх
тележка стрелка вниз
линия диаграммы
круглая шеврон вниз
шевронный круг слева
круглая шеврон правая
шеврон в кружок вверх
шеврон вниз
шеврон слева
шеврон правый
шеврон вверх
облако скачать
облачная загрузка
загрузить
обмен
развернуть стрелки альтернативный
внешний запасной
квадрат внешний альтернативный
рука указывает вниз
рука указывает вниз контур
стрелка влево
острие руки левый контур
острие вправо
острие руки правый контур
рука указывает вверх
рука указывает вверх контур
стрелка указка
Контур указателя руки
история
уровень вниз альтернативный
уровень альтернативный
стрелка положения
длинная стрелка попеременно вниз
длинная стрелка попеременно влево
длинная стрелка попеременно вправо
длинная стрелка попеременно вверх
указатель мыши
играть
случайный
переработка
повторить
повторить альтернативный
ответить
ответить всем
ретвит
акция
пая площадь
доля квадратного контура
вход
выход
альтернативный вход
выход альтернативный
сорт
сортировка по алфавиту вниз
сортировка по алфавиту вверх
сортировать сумму вниз
сортировать сумму до
отсортировать
сортировка по убыванию
сортировка числовая вверх
сортировать
синхронизация
синхронизация альтернативная
высота текста
ширина текста
отменить
отменить альтернативный
загрузить
увеличение
уменьшение
Значки могут использоваться для обозначения общих способов взаимодействия с аудио и видео
аудиоописание
назад
круг
контур круга
субтитры
схема субтитров
компресс
выбросить
развернуть
развернуть стрелки альтернативный
быстро назад
перемотка вперед
файл аудио
файл аудио контур
файл видео
файл видео наброски
пленка
вперед
наушники
микрофон
микрофонная косая черта
музыка
пауза
круг паузы
контур круга паузы
объем телефона
играть
игровой круг
контуры игрового круга
подкаст
случайный
повторить
повторить альтернативный
RSS
RSS квадрат
шаг назад
шаг вперед
остановка
стопорный круг
Контур стопорного круга
синхронизация
синхронизация альтернативная
отменить
отменить альтернативный
видео
уменьшение громкости
громкость выключена
громкость
Иконки могут использоваться для обозначения деловых и обычных деловых действий
адресная книга
схема адресной книги
адресная карта
Схема адресной карты
архив
Весы баланса
торт ко дню рождения
книга
портфель
корпус
план здания
мегафон
яблочко
калькулятор
календарь
Схема календаря
календарь альтернативный
Альтернативный план календаря
свидетельство
область диаграммы
линейка диаграммы
Контур полосы диаграммы
линия диаграммы
круговая диаграмма
буфер обмена
контур буфера обмена
кофе
столбца
компас
Контур компаса
копия
копия контура
авторское право
Схема авторских прав
разрез
редактировать
редактировать схему
конверт
контур конверта
конверт открыт
конверт открытый контур
конверт квадратный
ластик
факс
файл
Схема файла
альтернативный файл
Альтернативный контур файла
папка
Структура папки
папка открыта
папка с открытым контуром
глобус
промышленность
скрепка
паста
квадрат для ручки
альтернативный карандаш
процентов
телефон
телефонный квадрат
объем телефона
зарегистрировано
зарегистрированный контур
экономия
сохранить схему
карта сайта
стикер
контурная записка
чемодан
стол
тег
тегов
задачи
канцелярская кнопка
товарный знак
Иконки, обозначающие игру в шахматы
шахматы
шахматный слон
шахматная доска
шахматный король
шахматный конь
шахматная пешка
шахматная королева
ладья
квадрат полный
Иконки могут обозначать инструменты программирования и программирования
архив
штрих-код
ванна
ошибка
код
код отделения
кофе
файл
Схема файла
альтернативный файл
Альтернативный контур файла
код файла
Схема кода файла
фильтр
огнетушитель
папка
Структура папки
папка открыта
папка с открытым контуром
клавиатура
Схема клавиатуры
микросхема
QR-код
щит альтернативный
карта сайта
терминал
секрет пользователя
окно закрыть
окно закрыть контур
развернуть окно
окно развернуть контур
окно свернуть
окно свернуть контур
восстановление окна
Окно восстановления контура
Иконки, обозначающие общие способы связи
адресная книга
схема адресной книги
адресная карта
Схема адресной карты
Переводчик с американского языка жестов
вспомогательные аудиосистемы
по
звонок
контур колокола
косая черта
контур косой черты
мегафон
комментарий
наброски комментариев
комментарий альтернативный
комментарий альтернативный план
комментария
комментариев наброски
конверт
контур конверта
конверт открыт
конверт открытый контур
конверт квадратный
факс
входящие
язык
микрофон
микрофонная косая черта
мобильный
запасной мобильный
бумажный самолетик
контур бумажного самолетика
телефон
телефонный квадрат
объем телефона
RSS
RSS квадрат
tty
Wi-Fi
Значки могут обозначать вычислительные устройства или типы контента, обнаруженного на компьютере.
настольный
загрузить
жесткий диск
Контур жесткого диска
наушники
клавиатура
Схема клавиатуры
ноутбук
микросхема
мобильный
запасной мобильный
заглушка
отключение питания
печать
экономия
сохранить схему
сервер
таблетка
таблетка альтернативная
телевизор
загрузить
Иконки могут обозначать денежные единицы
знак доллара
знак евро
знак лиры
денежная купюра альтернативная
денежная купюра альтернативный контур
знак фунта
знак рубля
знак рупии
шекель знак
вон знак
знак йены
Иконки, представляющие обычные способы отображения даты и времени
звонок
контур колокола
косая черта
контур косой черты
календарь
Схема календаря
календарь альтернативный
Альтернативный план календаря
календарный чек
Схема проверки календаря
календарь минус
календарь минус контур
календарь плюс
календарь плюс план
календарных раза
календарный план
часы
контур часов
песочные часы
контур песочных часов
конец песочных часов
песочные часы половина
начало песочных часов
секундомер
Иконки могут представлять общие символы или методы, связанные с дизайном.
отрегулировать
клон
контур клона
копия
копия контура
урожай
перекрестие
разрез
редактировать
редактировать схему
ластик
глаз
пипетка для глаз
косая черта
контур косой черты
группа объектов
Контур группы объектов
разгруппировать объект
объект разгруппировать контур
кисть
паста
альтернативный карандаш
экономия
сохранить схему
оттенок
Иконки могут представлять текстовые редакторы и общие действия редактора
выровнять по центру
выровнять по ширине
по левому краю
по правому краю
полужирный
буфер обмена
контур буфера обмена
клон
контур клона
столбца
копия
копия контура
разрез
редактировать
редактировать схему
ластик
файл
Схема файла
альтернативный файл
Альтернативный контур файла
шрифт
товарная позиция
i курсор
отступ
курсив
ссылка
список
список альтернативных
список альтернативных схем
список ol
список ul
внешний
бумажный самолетик
контур бумажного самолетика
скрепка
пункт
паста
альтернативный карандаш
печать
цитата осталась
цитата справа
повторить
повторить альтернативный
ответить
ответить всем
акция
зачеркивание
подстрочный
надстрочный
синхронизация
синхронизация альтернативная
стол
задачи
высота текста
ширина текста
чт
-й большой
-й список
мусор
мусор запасной
мусор альтернативный контур
подчеркивание
отменить
отменить альтернативный
отменить ссылку
Иконки могут представлять элементы компьютера и его файловой системы
архив
клон
контур клона
копия
копия контура
разрез
файл
Схема файла
альтернативный файл
Альтернативный контур файла
файловый архив
Схема файлового архива
файл аудио
файл аудио контур
код файла
Схема кода файла
файл Excel
файл Excel наброски
файл изображения
Схема файла изображения
файл pdf
файл pdf схема
файл PowerPoint
файл схемы PowerPoint
файл видео
файл видео наброски
слово файла
Структура слова файла
папка
Структура папки
папка открыта
папка с открытым контуром
паста
экономия
сохранить схему
стикер
контурная записка
Иконки могут обозначать пол или тип сексуальности
бесполый
марс
марс двухместный
марс инсульт
марс ход горизонтальный
марс ход вертикальный
ртуть
средний
трансгендеры
альтернативный трансгендер
венера
двойная венера
Венера Марс
Иконки могут обозначать жесты и жесты руками
ручная ящерица
контур руки ящерицы
ручная бумага
наброски из бумаги
рука мира
рука мира наброски
рука указывает вниз
рука указывает вниз контур
стрелка влево
острие руки левый контур
острие вправо
острие руки правый контур
рука указывает вверх
рука указывает вверх контур
стрелка указка
Контур указателя руки
ручной рок
контур руки рок
ручные ножницы
ручные ножницы контур
ручное кольцо
контур руки
рукопожатие
Схема рукопожатия
палец вниз
пальцы вниз, наброски
палец вверх
палец вверх наброски
Значки, обозначающие общие символы здоровья
скорая помощь
h квадрат
сердце
контур сердца
сердцебиение
больница
Схема больницы
аптечка
плюс квадрат
плюс квадратный контур
стетоскоп
пользователь md
инвалидная коляска
Иконки, которые представляют собой общие графические символы и действия
отрегулировать
болт
камера
фотоаппарат ретро
клон
контур клона
компресс
развернуть
глаз
пипетка для глаз
косая черта
контур косой черты
файл изображения
Схема файла изображения
пленка
идентификационный значок
Идентификационный значок наброски
удостоверение личности
Схема удостоверения личности
изображение
Контур изображения
фото
изображения наброски
ползунки горизонтальные
оттенок
Иконки могут обозначать общие действия, которые пользователь может предпринять или использовать.
бан
штрих-код
бара
пиво
звонок
контур колокола
косая черта
контур косой черты
ошибка
мегафон
яблочко
калькулятор
календарь
Схема календаря
календарь альтернативный
Альтернативный план календаря
календарный чек
Схема проверки календаря
календарь минус
календарь минус контур
календарь плюс
календарь плюс план
календарных раза
календарный план
свидетельство
чек
контрольный круг
контур контрольного круга
клетка
клетчатый квадрат, контур
круг
контур круга
буфер обмена
контур буфера обмена
клон
контур клона
облако
облако скачать
облачная загрузка
значок закрытия
кофе
зубчатый
шестерни
копия
копия контура
разрез
база данных
точечный круг
точечный контур круга
загрузить
редактировать
редактировать схему
эллипс горизонтальный
многоточие вертикальное
конверт
контур конверта
конверт открыт
конверт открытый контур
ластик
восклицательный
восклицательный круг
восклицательный треугольник
внешний запасной
квадрат внешний альтернативный
глаз
косая черта
контур косой черты
файл
Схема файла
альтернативный файл
Альтернативный контур файла
фильтр
флаг
контур флага
флаг клетчатый
папка
Структура папки
папка открыта
папка с открытым контуром
нахмуриться
хмурый контур
хэштег
сердце
контур сердца
история
дом
i курсор
информация
информационный круг
язык
магия
мех
Мех наброски
микрофон
микрофонная косая черта
минус
минус круг
минус квадрат
минус квадратный контур
паста
альтернативный карандаш
плюс
плюс круг
плюс квадрат
плюс квадратный контур
QR-код
вопрос
вопросный круг
контур круга вопросов
цитата осталась
цитата справа
повторить
повторить альтернативный
ответить
ответить всем
RSS
RSS квадрат
экономия
сохранить схему
поиск
поиск минус
поиск плюс
акция
доля альтернативная
долей альтернативный квадрат
пая площадь
доля квадратного контура
щит альтернативный
вход
выход
сигнал
карта сайта
ползунки горизонтальные
улыбка
контур улыбки
сорт
сортировка по алфавиту вниз
сортировка по алфавиту вверх
сортировать сумму вниз
сортировать сумму до
отсортировать
сортировка по убыванию
сортировка числовая вверх
сортировать
звезды
контур звезды
звездная половина
половинчатый контур звезды
синхронизация
синхронизация альтернативная
палец вниз
пальцы вниз, наброски
палец вверх
палец вверх наброски
раза
раз обведите
раза контур круга
выключить
включить
мусор
мусор запасной
мусор альтернативный контур
трофей
отменить
отменить альтернативный
загрузить
пользователь
контур пользователя
круг пользователей
контур круга пользователя
Wi-Fi
x значок
Иконки могут обозначать общую логистическую деятельность
ящик
коробки
Проверка буфера обмена
список буфера обмена
тележка
тележка бортовая
поддон
быстрая доставка
грузовик
склад
Значки могут использоваться для представления элементов на карте
скорая помощь
якорь
Весы баланса
ванна
кровать
пиво
звонок
контур колокола
косая черта
контур косой черты
велосипед
бинокль
торт ко дню рождения
слепой
бомба
книга
закладка
схема закладки
портфель
корпус
план здания
легковой
кофе
перекрестие
знак доллара
глаз
косая черта
контур косой черты
Реактивный истребитель
пожар
огнетушитель
флаг
контур флага
флаг клетчатый
колба
геймпад
молоток
подарок
бокал мартини
глобус
выпускной колпачок
h квадрат
сердце
контур сердца
сердцебиение
дом
больница
Схема больницы
изображение
Контур изображения
фото
изображения наброски
промышленность
информация
информационный круг
ключ
лист
лимон
лимонный контур
спасательное кольцо
контур спасательного кольца
лампочка
контур лампочки
стрелка положения
слабовидящие
магнит
мужской
карта
Схема карты
маркер карты
маркер альтернативный
контакт карты
карта знаков
аптечка
денежная купюра альтернативная
денежная купюра альтернативный контур
мотоцикл
музыка
газета
Газета наброски
лапа
телефон
телефонный квадрат
объем телефона
самолет
заглушка
плюс
плюс квадрат
плюс квадратный контур
печать
переработка
дорога
ракета
поиск
поиск минус
поиск плюс
корабль
сумка для покупок
корзина для покупок
корзина
душ
вид на улицу
метро
чемодан
тег
тегов
такси
канцелярская кнопка
билет альтернативный
оттенок
поезд
дерево
трофей
грузовик
tty
зонт
университет
Ложка кухонная
посуда
инвалидная коляска
Wi-Fi
ключ
Иконки могут обозначать общие медицинские действия
скорая помощь
пластырь
днк
первая помощь
сердце
контур сердца
сердцебиение
больница
Схема больницы
символ больницы
таблетки
плюс
стетоскоп
шприц
термометр
пользователь md
вес
Иконки могут использоваться для обозначения общих объектов
скорая помощь
якорь
архив
Весы баланса
ванна
кровать
пиво
звонок
контур колокола
велосипед
бинокль
торт ко дню рождения
бомба
книга
закладка
схема закладки
портфель
ошибка
корпус
план здания
мегафон
яблочко
автобус
калькулятор
календарь
Схема календаря
календарь альтернативный
Альтернативный план календаря
камера
фотоаппарат ретро
легковой
буфер обмена
контур буфера обмена
облако
кофе
зубчатый
шестерни
компас
Контур компаса
копия
копия контура
куб
кубиков
разрез
конверт
контур конверта
конверт открыт
конверт открытый контур
ластик
глаз
пипетка для глаз
факс
Реактивный истребитель
файл
Схема файла
альтернативный файл
Альтернативный контур файла
пленка
пожар
огнетушитель
флаг
контур флага
флаг клетчатый
колба
футбол
наброски футбол
геймпад
молоток
драгоценный камень
контур драгоценного камня
подарок
бокал мартини
глобус
выпускной колпачок
жесткий диск
Контур жесткого диска
наушники
сердце
контур сердца
дом
больница
Схема больницы
песочные часы
контур песочных часов
изображение
Контур изображения
фото
изображения наброски
промышленность
ключ
клавиатура
Схема клавиатуры
ноутбук
лист
лимон
лимонный контур
спасательное кольцо
контур спасательного кольца
лампочка
контур лампочки
замок
замок открыт
магия
магнит
карта
Схема карты
маркер карты
маркер альтернативный
контакт карты
карта знаков
аптечка
микросхема
микрофон
мобильный
запасной мобильный
денежная купюра альтернативная
денежная купюра альтернативный контур
луна
контур луны
мотоцикл
газета
Газета наброски
кисть
бумажный самолетик
контур бумажного самолетика
скрепка
паста
лапа
альтернативный карандаш
телефон
самолет
заглушка
печать
кусок пазла
дорога
ракета
экономия
сохранить схему
поиск
щит альтернативный
сумка для покупок
корзина для покупок
корзина
душ
снежинка
контур снежинки
космический челнок
звезды
контур звезды
стикер
контурная записка
секундомер
метро
чемодан
вс
солнечный контур
таблетка
таблетка альтернативная
тахометр альтернативный
тег
тегов
такси
канцелярская кнопка
билет альтернативный
поезд
мусор
мусор запасной
мусор альтернативный контур
дерево
трофей
грузовик
телевизор
зонт
университет
разблокировка
разблокировать альтернативный
Ложка кухонная
посуда
инвалидная коляска
ключ
Иконки могут обозначать общие формы оплаты и покупательские действия
звонок
контур колокола
закладка
схема закладки
мегафон
камера
фотоаппарат ретро
тележка стрелка вниз
тележка плюс
свидетельство
кредитная карта
наброски кредитной карты
драгоценный камень
контур драгоценного камня
подарок
рукопожатие
Схема рукопожатия
сердце
контур сердца
ключ
сумка для покупок
корзина для покупок
корзина
звезды
контур звезды
тег
тегов
палец вниз
пальцы вниз, наброски
палец вверх
палец вверх наброски
трофей
Иконки можно использовать для создания фигур
закладка
схема закладки
календарь
Схема календаря
свидетельство
круг
контур круга
облако
комментарий
наброски комментариев
файл
Схема файла
папка
Структура папки
сердце
контур сердца
маркер карты
играть
квадрат
квадратный контур
звезды
контур звезды
Иконки могут обозначать загрузку
звездочка
свидетельство
круглая выемка
зубчатый
компас
Контур компаса
перекрестие
спасательное кольцо
контур спасательного кольца
снежинка
контур снежинки
вертушка
вс
солнечный контур
синхронизация
Иконки, обозначающие спорт
бейсбольный мяч
баскетбольный мяч
шар для боулинга
футбольный мяч
футбол
наброски футбол
мяч для гольфа
хоккейная шайба
квиддич
настольный теннис
мяч волейбольный
Иконки могут представлять разные состояния
бан
батарея разряжена
аккумулятор полностью
аккумуляторная половина
батарейный отсек
аккумулятор три четверти
звонок
контур колокола
косая черта
контур косой черты
календарь
Схема календаря
календарь альтернативный
Альтернативный план календаря
календарный чек
Схема проверки календаря
календарь минус
календарь минус контур
календарь плюс
календарь плюс план
календарных раза
календарный план
тележка стрелка вниз
тележка плюс
восклицательный
восклицательный круг
восклицательный треугольник
глаз
косая черта
контур косой черты
файл
Схема файла
альтернативный файл
Альтернативный контур файла
папка
Структура папки
папка открыта
папка с открытым контуром
информация
информационный круг
замок
замок открыт
минус
минус круг
минус квадрат
минус квадратный контур
плюс
плюс круг
плюс квадрат
плюс квадратный контур
вопрос
вопросный круг
контур круга вопросов
щит альтернативный
корзина
альтернативный вход
выход альтернативный
термометр пустой
термометр полный
половина термометра
четверть термометра
термометр три четверти
палец вниз
пальцы вниз, наброски
палец вверх
палец вверх наброски
выключить
включить
разблокировка
разблокировать альтернативный
Иконки могут представлять пользователей или людей
адресная книга
схема адресной книги
адресная карта
Схема адресной карты
кровать
слепой
детский
женский
нахмуриться
хмурый контур
идентификационный значок
Идентификационный значок наброски
удостоверение личности
Схема удостоверения личности
мужской
мех
Мех наброски
отключение питания
улыбка
контур улыбки
вид на улицу
пользователь
контур пользователя
круг пользователей
контур круга пользователя
пользователь md
пользователь плюс
секрет пользователя
пользовательских раза
пользователя
инвалидная коляска
Иконки могут обозначать автомобили или транспорт
скорая помощь
велосипед
автобус
легковой
Реактивный истребитель
мотоцикл
бумажный самолетик
контур бумажного самолетика
самолет
ракета
корабль
корзина
космический челнок
метро
такси
поезд
грузовик
инвалидная коляска
Иконки могут обозначать написание и редактирование
архив
книга
закладка
схема закладки
редактировать
редактировать схему
конверт
контур конверта
конверт открыт
конверт открытый контур
ластик
файл
Схема файла
альтернативный файл
Альтернативный контур файла
папка
Структура папки
папка открыта
папка с открытым контуром
клавиатура
Схема клавиатуры
газета
Газета наброски
бумажный самолетик
контур бумажного самолетика
скрепка
пункт
квадрат для ручки
альтернативный карандаш
цитата осталась
цитата справа
стикер
контурная записка
канцелярская кнопка
Иконки могут представлять логотипы распространенных брендов
500 пикселей
доступный значок
аккусофт
и
объявление
партнерская тема
альголия
Amazon
Amazon Pay
амилия
андроид
Ангеллист
злой творческий
угловой
магазин приложений
магазин приложений ios
аппер
яблоко
Apple Pay
асимметричный
звуковой
автоприставка
авианекс
авиа
AWS
Bandcamp
поведение
квадрат Беханса
бимобъект
битбакет
биткойн
бит
черный галстук
ежевика
блоггер
блогер b
блютуз
блютуз б
биткойн
buromobelexperte
купитьsellads
куб.см Amazon Pay
куб.см AMEX
куб.см Apple Pay
cc Diners Club
куб.см открыть
куб.см JCB
куб.см Mastercard
куб.см PayPal
куб.см полоса
cc visa
центральный код
хром
облачная шкала
Cloudmith
облаковерсайф
кодовый ключ
кодипи
connectdevelop
contao
cpanel
Creative Commons
css3
css3 альтернативный
каракатицы
д и д
дашкуб
вкусно
deploydog
рабочий стол
на сайте deviantart
Digg
цифровой океан
раздор
дискурс
дочуб
докер
draft2digital
дриблинг
Квадрат для дриблинга
Dropbox
друпал
диалог
ранние птицы
край
элемент
уголь
империя
envira
эрланг
Эфириум
etsy
срочно SSL
facebook
facebook f
мессенджер facebook
фейсбук квадрат
Firefox
первый заказ
первый проект
flickr
флипборд
летать
отличный шрифт
отличный шрифт альтернатива
шрифт awesome flag
фонтиконы
фонтиконы Fi
форт удивительный
Fort awesome альтернатива
forumbee
четырехугольник
бесплатный код лагеря
freebsd
получить карман
гг
гг круг
гит
git квадрат
гитхаб
альтернативный гитхаб
github квадрат
гиткракен
gitlab
решетка
скольжение
скольжение
гофоре
goodreads
goodreads г
Google
гугл диск
Google Play
Google Plus
google plus g
Google Plus Square
гугл кошелек
gratipay
грав
gripfire
хрюк
глоток
хакерские новости
хакерская новостная площадь
бедра
нанять помощника
хули
hotjar
Houzz
HTML5
узловая точка
IMDB
инстаграм
Internet Explorer
ioxhost
iTunes
iTunes Note
Дженкинс
джогет
joomla
js
js квадрат
jsfiddle
keycdn
кикстартер
кикстартер к
корву
Ларавел
lastfm
Lastfm квадрат
Ленпаб
меньше
Linechat
linkedin
linkedin альтернативный
линод
Linux
Lyft
magento
maxcdn
medapps
средний
средний м
медрт
встреча
Майкрософт
микс
mixcloud
мизуни
мод. X
монеро
напстер
переключатель nintendo
узел
узел js
нпм
нс8
Nutritionix
одноклассники
пл. Одноклассники
открытая тележка
openid
опера
optin монстр
OSI
стр.4
стр.
palfed
patreon
PayPal
перископ
фабрикатор
феникс рамки
php
крысолов
альтернативный крысолов
крысолов пп
фотографии
pinterest p
pinterest квадрат
PlayStation
охота за продуктами
толкаемый
питон
кв.
квинскейп
кора
равелри
реагировать
мятежник
перехватчик
Реддит
инопланетянин Reddit
Reddit квадрат
rendact
ренрен
ответ
разрешение
rocketchat
Rockrms
сафари
sass
шликс
писец
поиск в
Салакаст
Сэлсы
стэк
рубашки наливом
просто построено
Систрикс
скиатлас
скайп
провисание
резервный хэш
слайд-шоу
снэпчат
Snapchat призрак
квадрат для снэпчат
звуковое облако
Speakap
спотифай
стек обмена
переполнение стека
оставшаяся ссылка
пар
паровой квадрат
символ пара
Мюл с наклейкой
Страва
полоса
полоса
studiovinari
споткнулся на
спотыкаться по кругу
суперсилы
дополнительный
телеграмма
самолет телеграммы
tencent weibo
тема
trello
tripadvisor
тамблер
tumblr квадрат
твич
твиттер
твиттер квадрат
опечатка
убер
уикит
регистр
без приложения
USB
усунна
ваадин
черезкоин
viadeo
Виа део квадрат
вибер
vimeo
квадрат vimeo
vimeo v
лоза
вк
внв
vuejs
вичат
Weibo
weixin
WhatsApp
площадь WhatsApp
WHMCS
Википедия w
окна
WordPress
WordPress простой
начальный
wpexplorer
wpforms
Xbox
синь
xing квадрат
y комбинатор
Yahoo
яндекс
яндекс международный
yelp
лет
YouTube
YouTube квадрат
Значок может показывать, что он отключен
Значок можно использовать как простой загрузчик
Значок может быть установлен без места слева или справа от него.
Небольшой интервал Небольшой интервалЗначок может быть отформатирован как ссылка
Значок может быть отформатирован так, чтобы он выглядел круглым
В
0.x.x
с рамкой формально называлсяв квадрате
.Значок может быть отформатирован таким образом, чтобы он выглядел с рамкой
Значок может иметь разные цвета
Иконка может иметь инвертированные цвета для контраста
Несколько значков можно использовать вместе как группу
Группа значков может отображать значок меньшего размера в углу
КомпонентIcon — документация UIkit
Поместите векторные иконки где угодно, используя иконочный шрифт.
Этот компонент использует фантастический значок шрифта Font Awesome, проект Дэйва Ганди. Всего Font Awesome предоставляет более 300 символов и глифов для веб-действий. Иконочные шрифты великолепны, потому что они позволяют легко изменять цвет, размер и многое другое с помощью CSS. Это масштабируемая векторная графика, что означает, что они отлично смотрятся на дисплеях с высоким разрешением.
Чтобы применить этот компонент, добавьте любой
.uk-icon- *
класс к элементуПримеры
- Использует
.uk-icon-cog
класс - Использует
.uk-icon-user
class - Использует
.uk-icon-home
класс - Значок в ссылке
Разметка
...
Группа кнопок
В этом примере показана группа кнопок из компонента Button со значками внутри каждой кнопки.
Пример
Раскрывающаяся кнопка
В этом примере показана кнопка, которая разделена на стандартное действие слева и переключатель раскрывающегося списка справа с использованием компонента «Раскрывающийся список».
Пример
Цитаты
В этом примере показана цитата из базового компонента с большим значком цитаты.Он также использует класс
.uk-align-left
из компонента Utility.Пример
Элемент
определяет длинную цитату, которая также создает новый блок, вставляя пробел перед и после элемента цитаты.
Добавьте
.uk-icon-small
,.uk-icon-medium
или.uk-icon-large
класс к значку, чтобы сделать его больше.- Это размер по умолчанию.
- В этом значке используется класс
.uk-icon-small
. - Этот значок использует класс
.uk-icon-medium
. - Этот значок использует
.uk-icon-large
класс.
Добавьте класс
.uk-icon-spin
для создания анимированных вращающихся значков.- Значок счетчика для загрузки содержимого …
- Значок обновления для обновления содержимого …
Используйте модификатор
.uk-icon-hover
класс, чтобы использовать привязку в качестве значка, применяя эффект наведения и удаляя подчеркивание ссылки.Пример
Разметка
Используйте класс модификатора
.uk-icon-button
для создания кнопки-значка, которую можно идеально использовать для значков социальных сетей.Пример
Разметка
Чтобы добавить фиксированную ширину к значку и отцентрировать его, добавьте
.uk-icon-justify
класс. Это полезно при использовании разных значков в списке.Пример
- Значок по ширине
- Значок по ширине
- Значок по ширине
- Значок по ширине
Разметка
Вот обзор всех доступных
.uk-icon- *
классы, предоставленные Font Awesome.Значки веб-приложений
- отрегулировать
- якорь
- архив
- диаграмма с областями
- стрелки
- стрелки-h
- стрелки-v
- звездочка
- при
- автомобиль (псевдоним)
- весы
- бан
- банк (псевдоним)
- гистограмма
- bar-chart-o (псевдоним)
- штрих-код
- стержня
- батарея разряжена (псевдоним)
- аккумулятор-0
- аккумулятор четверть (псевдоним)
- АКБ-1
- аккумуляторная половина (псевдоним)
- АКБ-2
- батарея-три четверти (псевдоним)
- АКБ-3
- батарея полная (псевдоним)
- АКБ-4
- кровать
- пиво
- звонок
- звонок-о
- косая черта
- колокол-слэш-о
- велосипед
- бинокль
- торт ко дню рождения
- bluetooth
- bluetooth-b
- болт
- бомба
- книга
- закладка
- закладка-o
- портфель
- ошибка
- корпус
- корпус
- мегафон
- яблочко
- автобус
- cab (псевдоним)
- калькулятор
- календарь
- календарь-чек-о
- календарь-минус-о
- календарь-o
- календарь плюс-о
- календарь-раз-о
- камера
- камера-ретро
- легковой
- каретка-квадрат-вниз
- каретка-квадрат-o-левая
- каретка-квадрат-o-правая
- каретка-квадрат-вверх
- тележка-стрелка-вниз
- тележка плюс
- куб.см
- сертификат
- чек
- контрольный круг
- контрольный круг-о
- клетка
- чек-квадрат-о
- детский
- круг
- круг-о
- круглая выемка
- круг тонкий
- часы-о
- клон
- закрыть (псевдоним)
- облако
- облако-скачать
- облачная загрузка
- код
- код вилки
- кофе
- винтик
- винтики
- комментарий
- комментарий-o
- комментируют
- комментарий-o
- комментариев
- комментариев-o
- компас
- авторское право
- Creative-Commons
- кредитная карта
- кредитная карта-альт
- урожай
- перекрестие
- куб
- кубики
- столовые приборы
- приборная панель (псевдоним)
- база данных
- настольный
- алмаз
- точка-круг-o
- загрузить
- редактировать (псевдоним)
- многоточие
- эллипсис-v
- конверт
- конверт-о
- конверт квадрат
- ластик
- обмен
- восклицательный
- восклицательный круг
- восклицательный треугольник
- внешняя ссылка
- квадрат внешней ссылки
- глаз
- косая черта
- пипетка
- факс
- женский
- Истребитель
- файл-архив-o
- файл-аудио-o
- код-файла-o
- файл-excel-o
- файл-изображение-o
- файл-фильм-о (псевдоним)
- файл-pdf-o
- файл-фото-о (псевдоним)
- файл-картинка-о (псевдоним)
- файл-PowerPoint-o
- file-sound-o (псевдоним)
- файл-видео-o
- файл-слово-о
- file-zip-o (псевдоним)
- пленка
- фильтр
- пожар
- огнетушитель
- флаг
- флаг в клетку
- флаг-о
- flash (псевдоним)
- колба
- папка
- папка
- папка открытая
- открытая папка
- хмурый-о
- футбол-о
- геймпад
- молоток
- шестерня (псевдоним)
- шестерни (псевдоним)
- бесполый (псевдоним)
- подарок
- стекло
- глобус
- колпачок выпускной
- группа (псевдоним)
- ручная ящерица-о
- ручной стоп-о (псевдоним)
- ручная бумага-o
- рука-мир-о
- указатель-о
- hand-grab-o (псевдоним)
- ручной рок-о
- ручные ножницы-o
- ручной спок
- жесткий диск
- хэштег
- наушники
- сердце
- сердце-о
- сердцебиение
- история
- дом
- гостиница (псевдоним)
- песочные часы
- песочные часы-o
- песочные часы-1 (псевдоним)
- песочные часы-старт
- песочные часы-2 (псевдоним)
- половина песочных часов
- песочные часы-3 (псевдоним)
- конец песочных часов
- i-курсор
- изображение (псевдоним)
- входящие
- промышленность
- информация
- инфо-круг
- учреждение (псевдоним)
- ключ
- клавиатура-o
- язык
- ноутбук
- лист
- юридический (псевдоним)
- лимон-о
- по уровню
- повышение уровня
- лайф-буй (псевдоним)
- спасательный круг (псевдоним)
- спасательное кольцо
- спасатель (псевдоним)
- лампочка-o
- линейная диаграмма
- стрелка положения
- замок
- магия
- магнит
- mail-forward (псевдоним)
- mail-reply (псевдоним)
- mail-reply-all (псевдоним)
- мужской
- карта
- карта-маркер
- карта-о
- карта-штифт
- карта-указатель
- мех-о
- микрофон
- микрофон-косая черта
- минус
- минус-круг
- минус-квадрат
- минус-квадрат
- мобильный
- мобильный телефон (псевдоним)
- деньги
- луна-о
- миномет-доска (псевдоним)
- мотоцикл
- указатель мыши
- музыка
- navicon (псевдоним)
- газета-о
- объектная группа
- объект-разгруппировать
- кисть
- бумажный самолетик
- бумажный самолетик-о
- лапа
- карандаш
- карандаш-угольник
- карандаш-квадрат-o
- процентов
- телефон
- телефон-квадрат
- фото (псевдоним)
- изображение
- круговая диаграмма
- самолет
- заглушка
- плюс
- плюс круг
- плюс квадрат
- плюс квадрат
- отключение питания
- печать
- пазл
- QR-код
- вопрос
- круг вопросов
- цитата слева
- цитата справа
- случайный
- переработка
- обновить
- зарегистрировано
- удалить (псевдоним)
- переупорядочить (псевдоним)
- ответить
- ответить-все
- ретвит
- дорога
- ракета
- RSS
- RSS квадрат
- поиск
- поиск-минус
- search-plus
- отправить (псевдоним)
- send-o (псевдоним)
- сервер
- акция
- share-alt
- share-alt-square
- пая-квадрат
- доля-квадрат-о
- щит
- корабль
- сумка-шоппер
- корзина для покупок
- корзина
- вход
- выход
- сигнал
- карта сайта
- слайдеры
- смайл-о
- футбольный мяч-о (псевдоним)
- сорт
- sort-alpha-asc
- sort-alpha-desc
- sort-amount-asc
- sort-amount-desc
- сортировка по возрастанию
- sort-desc
- sort-down (псевдоним)
- sort-numeric-asc
- sort-numeric-desc
- sort-up (псевдоним)
- космический челнок
- вертушка
- ложка
- квадрат
- квадрат
- звезды
- звезда-половина
- звезда полупустая (псевдоним)
- звезда-наполовину полная (псевдоним)
- звезда-полу-о
- стар-о
- стикер
- стикер-o
- вид на улицу
- чемодан
- сун-о
- поддержка (псевдоним)
- таблетка
- тахометр
- тег
- теги
- задачи
- такси
- телевизор
- клемма
- канцелярская кнопка
- палец вниз
- палец вниз
- палец вверх
- палец вверх
- билет
- раз
- умножить на круг
- раз-круг-о
- оттенок
- переключение вниз (псевдоним)
- toggle-left (псевдоним)
- выключатель
- перекидной
- переключатель правый (псевдоним)
- переключение вверх (псевдоним)
- товарный знак
- мусор
- корзина-о
- дерево
- трофей
- грузовик
- терминал
- телевизор (псевдоним)
- зонт
- университет
- разблокировка
- анлок-альт
- несортированный (псевдоним)
- загрузить
- USB
- пользователь
- пользователь плюс
- секрет пользователя
- пользовательских раза
- пользователя
- видеокамера
- громкость вниз
- объем выключен
- объем увеличен
- предупреждение (псевдоним)
- инвалидная коляска
- Wi-Fi
- ключ
Транспортные иконки
- скорая помощь
- автомобиль (псевдоним)
- велосипед
- автобус
- cab (псевдоним)
- легковой
- Истребитель
- мотоцикл
- самолет
- ракета
- корабль
- космический челнок
- метро
- такси
- поезд
- грузовик
- инвалидная коляска
Значки специальных возможностей
- переводчик на американский язык жестов
- asl-интерпретация (псевдоним)
- вспомогательные слуховые системы
- аудио-описание
- слепой
- шрифт Брайля
- куб.см
- глухой
- глухота (псевдоним)
- слабослышащих (псевдоним)
- слабовидящие
- вопрос-кружок-o
- язык жестов
- подпись (псевдоним)
- терминал
- универсальный доступ
- регулятор громкости
- инвалидная коляска
- инвалидное кресло-альт
Руки Иконы
- ручная ящерица-o
- ручной стоп-о (псевдоним)
- ручная бумага-o
- рука-мир-о
- указатель-о
- hand-grab-o (псевдоним)
- ручной рок-о
- ручные ножницы-o
- ручной спок
- канцелярская кнопка
- палец вниз
- палец вниз
- палец вверх
- палец вверх
Гендерные иконки
- бесполый (псевдоним)
- марс
- марс-дабл
- марс-инсульт
- марс-инсульт-ч
- марс-инсульт-в
- ртуть
- средний
- трансгендеры
- трансгендер-альт
- венера
- двойная венера
- Венера-Марс
Значки типов файлов
- файл
- файл-архив-o
- файл-аудио-o
- код-файла-o
- файл-excel-o
- файл-изображение-o
- файл-фильм-о (псевдоним)
- файл-о
- файл-pdf-o
- файл-фото-о (псевдоним)
- файл-картинка-о (псевдоним)
- файл-PowerPoint-o
- file-sound-o (псевдоним)
- файл-текст
- файл-текст-o
- файл-видео-o
- файл-слово-о
- file-zip-o (псевдоним)
Иконки счетчика
- круглая выемка
- винтик
- шестерня (псевдоним)
- обновить
- вертушка
Значки управления формой
- клетка
- чек-квадрат-о
- круг
- круг-о
- точка-круг
- минус-квадрат
- минус-квадрат
- плюс квадрат
- плюс квадрат
- квадрат
- квадрат
Значки платежей
- куб.см-амекс
- cc-diners-club
- CC-Discover
- CC-JCB
- cc-mastercard
- куб.см-PayPal
- СС-полоса
- cc-visa
- кредитная карта
- гугл-кошелек
- PayPal
Иконки валюты
- биткойн (псевдоним)
- btc
- cny (псевдоним)
- доллар (псевдоним)
- евро
- евро (псевдоним)
- фунтов
- ils
- INR
- иен
- krw
- деньги
- юаней (псевдоним)
- рубль (псевдоним)
- руб.
- рубль (псевдоним)
- рупия (псевдоним)
- шекель (псевдоним)
- шекель (псевдоним)
- попробовать
- turkish-lira (псевдоним)
- долл.
- won (псевдоним)
- йен (псевдоним)
Значки текстового редактора
- выровнять по центру
- выровнять-выровнять
- выравнивание по левому краю
- выравнивание по правому краю
- полужирный
- цепочка (псевдоним)
- цепь оборванная
- буфер обмена
- столбца
- копия (псевдоним)
- разрез (псевдоним)
- dedent (псевдоним)
- ластик
- файл
- файл-о
- файл-текст
- файл-текст-o
- файла-o
- floppy-o
- шрифт
- заголовок
- отступ
- курсив
- ссылка
- список
- список-альт
- список-ол
- list-ul
- внешний
- скрепка
- пункт
- паста (псевдоним)
- повтор
- повернуть влево (псевдоним)
- повернуть вправо (псевдоним)
- сохранить (псевдоним)
- ножницы
- зачеркнутый
- нижний индекс
- надстрочный
- стол
- высота текста
- ширина текста
- -й
- -я большая
- -й список
- подчеркивание
- отменить
- отменить ссылку (псевдоним)
Иконки со стрелками
- угол двойной вниз
- угловой двойной левый
- угол двойной правый
- угол сдвоенный
- угол вниз
- угловой левый
- угол правый
- угол вверх
- стрелка-кружок вниз
- стрелка-кружок-влево
- стрелка-кружок-o-вниз
- стрелка-кружок-влево
- стрелка-кружок-вправо
- стрелка-кружок-вверх
- стрелка-кружок-вправо
- стрелка-кружок вверх
- стрелка вниз
- стрелка влево
- стрелка вправо
- стрелка вверх
- стрелки
- стрелки-альт
- стрелки-h
- стрелки-v
- каретка вниз
- каретка слева
- каретка правая
- каретка-квадрат-вниз
- каретка-квадрат-o-левая
- каретка-квадрат-o-правая
- каретка-квадрат-вверх
- уход
- шеврон по кругу вниз
- шеврон-кружок-левый
- шеврон-круг-правый
- круглая шеврон
- шеврон вниз
- шеврон левая
- шеврон правый
- шеврон вверх
- ручной
- ручное-левое
- ручное-правое
- ручной подъем
- длинная стрелка вниз
- длинная стрелка влево
- длинная стрелка вправо
- длинная стрелка вверх
- переключение вниз (псевдоним)
- toggle-left (псевдоним)
- переключатель правый (псевдоним)
- переключение вверх (псевдоним)
Значки видеоплеера
- стрелки-альт
- назад
- компресс
- извлечь
- развернуть
- перемотка назад
- перемотка вперед
- вперед
- пауза
- круглая пауза
- круглая пауза
- играть
- круг для игр
- play-circle-o
- шаг назад
- шаг вперед
- стоп
- стопорный круг
- стоп-круг-о
- youtube play
Иконки брендов
- 500 пикселей
- и
- Амазонка
- андроид
- ангеллист
- яблоко
- поведение
- квадрат поведения
- битбакет
- Квадрат для битбакета
- биткойн (псевдоним)
- черный галстук
- bluetooth
- bluetooth-b
- btc
- купитьsellads
- куб.см-амекс
- cc-diners-club
- CC-Discover
- CC-JCB
- cc-mastercard
- куб.см-PayPal
- СС-полоса
- cc-visa
- хром
- кодовый ключ
- кодипи
- connectdevelop
- contao
- css3
- дашкуб
- вкусно
- на сайте deviantart
- Digg
- дриблинг
- Dropbox
- друпал
- край
- империя
- срочно SSL
- fa (псевдоним)
- facebook-f (псевдоним)
- facebook-официальный
- facebook квадрат
- Firefox
- первого порядка
- flickr
- отличный шрифт
- фонтиконы
- форт-офигенный
- forumbee
- четырехугольник
- ge (псевдоним)
- карман для переноски
- гг
- гг-круг
- гит
- гит-квадрат
- гитхаб
- гитхаб-альт
- гитхаб квадрат
- gittip (псевдоним)
- Google-плюс
- google-plus-square
- гугл-кошелек
- gratipay
- хакерские новости
- Houzz
- HTML5
- инстаграм
- интернет-обозреватель
- ioxhost
- joomla
- jsfiddle
- lastfm
- lastfm-квадрат
- тощий паб
- linkedin-квадрат
- Linux
- maxcdn
- средний путь
- средний логотип
- mixcloud
- мод. X
- одноклассники
- одноклассники-пл.
- открытая тележка
- openid
- опера
- optin-monster
- стр.
- PayPal
- крысолов
- pied-piper-alt
- фотографии
- pinterest-p
- pinterest квадрат
- охота за продуктами
- кв.
- ra (псевдоним)
- мятежник
- реддит
- Reddit-Alien
- reddit-квадрат
- ренрен
- сафари
- писец
- Sellsy
- share-alt
- share-alt-square
- рубашки наливом
- просто построено
- скиатлас
- скайп
- провисание
- слайд-шоу
- звуковое облако
- спотифай
- стек-обмен
- переполнение стека
- пар
- паровой квадрат
- споткнулся на
- спотыкаться по кругу
- tencent-weibo
- тема
- trello
- tripadvisor
- тамблер
- квадрат
- твич
- твиттер
- твиттер квадрат
- USB
- черезкоин
- vimeo
- vimeo-квадрат
- лоза
- вк
- wechat (псевдоним)
- weixin
- Википедия-w
- окна
- WordPress
- квадрат
- y-комбинатор
- y-комбинатор-квадрат
- Yahoo
- yc (псевдоним)
- yc-square (псевдоним)
- тявк
- лет
- YouTube
- youtube play
- YouTube квадрат
- скольжение
- глайд-г
- снэпчат
- снэпчат-призрак
- квадрат для снэпчат
- viadeo
- виа део квадрат
Медицинские иконы
- скорая помощь
- h квадрат
- больница-о
- аптечка
- плюс квадрат
- стетоскоп
- пользователь-MD
- инвалидная коляска