Иконки текстовые: Иконки для текста без установки шрифтов 🙌

Таблица пиктограмм и иконок HTML с кодами

Таблица пиктограмм HTML, содержит более 100 популярных иконок для оформления контента веб-страниц, рассылок и текстов. Воспользуйтесь удобной навигацией по категориям или перейдите сразу к таблице символов.

1. Оформление текста;
2. Офисные предметы;
3. Ручки и карандаши;
4. Время и часы;
5. Семья;
6. Погода;
7. Природа;
8. Цветы;
9. Кресты;
10. Эмоции;
11. Карты;
12. Прочие символы.

Специальные пиктограммы HTML позволяют оформить текст письма или тему рассылки. Помогают использовать иконки для кнопок и ссылок на сайте. Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.

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

Оформление текста

Код	Символ	Описание
✌	✓	Символ галочка
✔	✔	Жирная галочка
☑	☑	Галочка в квадрате
☒	☒	Крестик в квадрате
☓	☓	Крест
✅	✅	Жирная незакрашенная галочка
✕	✕	Крестик
✖	✖	Жирный крестик
✗	✗	Изогнутый кретик
✘	✘	Жирный изогнутый крестик

Офисные предметы

Код	Символ	Описание
✆	✆	Знак телефона с проводом
📞	📞	Телефонная трубка
🕻	🕻	Телефонная трубка левосторонняя
🕽	🕽	Телефонная трубка правосторонняя
☎	☎	Телефон закрашенный
☏	☏	Телефон прозрачный
🕿	🕿	Черный кнопочный телефон
📱	📱	Мобильный телефон
☕	☕	Чашка чая / кофе
✄	✄	Ножницы
✃	✃	Ножницы
✉	✉	Конверт или письмо
✍	✍	Рука с ручкой
💾	💾	Дискета
🔍	🔍	Лупа (наклонённая влево)
🔎	🔎	Лупа (наклонённая вправо)
📆	📆	Отрывной календарь
💼	💼	Портфель

Ручки и карандаши

Код	Символ	Описание
✎	✎	Карандаш, вправо-вниз
✏	✏	Карандаш
✐	✐	Карандаш, вправо-вверх
✑	✑	Незакрашенное острие пера
✒	✒	Закрашенное острие пера

Время и часы

Код	Символ	Описание
⏰	⏰	Будильник
⌚	⌚	Наручные часы
⌛	⌛	Песочные часы
⏳	⏳	Песочные часы

Семья

Код	Символ	Описание
👨	👨	Мужчина
👩	👩	Женщина
👦	👦	Мальчик
👧	👧	Девочка
💑	💑	Любящая пара

Погода

Код	Символ	Описание
❅	❅	Зажатая трилистниками снежинка
❄	❄	Снежинка
❆	❆	Жирная остроугольная снежинка
☃	☃	Снеговик
☀	☀	Закрашенное солнце с лучами
☁	☁	Облака
☂	☂	Зонтик
☽	☽	Первая четверть луны
☾	☾	Последняя четверть луны
🌙	🌙	Полумесяц

Природа

Код	Символ	Описание
🌅	🌅	Восход
🌄	🌄	Восход над горами

Цветы

Код	Символ	Описание
✿	✿	Закрашенный цветок
❀	❀	Незакрашенный цветок
✾	✾	Цветок с шестью лепестками
❁	❁	Закрашенный обведённый цветок
❂	❂	Цветок из точек
❃	❃	Цветок из точек
⚛	⚛	Символ атома
🌷	🌷	Тюльпан

Транспорт

Код	Символ	Описание
🚀	🚀	Ракета
🚁	🚁	Вертолет
🚂	🚂	Паровоз
🚃	🚃	Вагон
🚅	🚅	Высокоскоростной поезд
🚆	🚆	Поезд
🚇	🚇	Метро
🚲	🚲	Велосипед
🚗	🚗	Автомобиль
🚚	🚚	Грузовик
🚛	🚛	Тягач с прицепом
🚜	🚜	Трактор
🚙	🚙	Развлекательный автомобиль
🚌	🚌	Автобус
🚑	🚑	Скорая помощь
🚒	🚒	Пожарная машина
🚓	🚓	Полицейская машина
🚕	🚕	Такси
🚢	🚢	Корабль
🚣	🚣	Вёсельная лодка
🚤	🚤	Катер

Кресты

Код	Символ	Описание
†	†	Крест
‡	‡	Крест
☦	☦	Крест
☨	☨	Крест
✝	✝	Крестик
‡	‡	Двойной крестик
✞	✞	Крест
✙	✙	Крест
✚	✚	Крест
✛	✛	Крест
✜	✜	Крест
✟	✟	Крест
✠	✠	Крест
✢	✢	Крест
✣	✣	Крест
✤	✤	Крест
✥	✥	Крест
☩	☩	Крест

Эмоции

Код	Символ	Описание
✌	✌	Жест «Победа»
👍	👍	Жест «Класс»
👌	👌	Жест «О’кей»
👋	👋	Открытая ладонь
☺	☺	Смайлик улыбка
☹	☹	Смайлик грусть
☻	☻	Смайлик грусть закрашенный
😉	😉	Подмигивающее лицо
🎃	🎃	Тыква на Хэллоуин
👻	👻	Приведение
😈	😈	Лицо с рогами улыбающееся

Карты

Код	Символ	Описание
♠	♠	Пики закрашенные
♤	♤	Пики прозрачные
♣	♣	Трефы закрашенные
♧	♧	Трефы прозрачные
♥	♥	Червы закрашенные
♡	♡	Червы прозрачные
♦	♦	Бубны закрашенные
♢	♢	Бубны прозрачные

Прочие символы

Код	Символ	Описание
🔔	🔔	Колокольчик
☠	☠	Череп и кости
♤	☢	Радиация
☭	☭	Серп и молот
☮	☮	Знак мира
☯	☯	Инь и Янь
🚩	🚩	Треугольный флаг на палке
♀	♀	Знак женского пола
♂	♂	Знак мужского пола
⚢	⚢	Сдвоенный женский знак
⚣	⚣	Сдвоенный мужской знак
👪	👪	Семья (люди)
🔉	🔉	Низкий уровень звука
🔊	🔊	Высокий уровень звука
♬	♬	Знак нота
♫	♫	Знак нота
♩	♩	Знак нота
♪	♪	Знак нота
🎶	🎶	Музыкальные ноты
🎷	🎷	Саксофон
💡	💡	Лампочка электрическая
⚡	⚡	Высокое напряжение
⚠	⚠	Предупреждающий знак
💣	💣	Бомба
✰	✰	Звезда прозрачная
★	★	Звезда закрашенная
🌠	🌠	Звезда падающая
🐾	🐾	Следы лап
🔥	🔥	Огонь
🎅	🎅	Дед Мороз
🎄	🎄	Рождественская ёлка
🏆	🏆	Кубок (трофей)
🎁	🎁	Подарок в коробке
🎉	🎉	Хлопушка праздничная
💰	💰	Мешок с деньгами
📺	📺	Телевизор
👛	👛	Кошелёк
🍎	🍎	Яблоко
💌	💌	Любовное письмо
🍂	🍂	Осенний лист
🎯	🎯	Цель / Мишень / Дартс
⚖	⚖	Весы
🎇	🎇	Бенгальские огни
💉	💉	Шприц
💎	💎	Бриллиант

Внимание! Таблица с кодами популярных HTML символов для оформления контента доступна в другом инструменте.

Что важного в диджитал на этой неделе?

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

Узнать подробнее →

12 уникальных способов применения иконок в текстовых полях

Аудио перевод статьи

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

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

А принципы дизайна идеального набора иконок вы найдете здесь.

Используете ли вы по максимуму  потенциал текстовых полей? Ведь эти элементы способны на большее, чем просто ввод данных. Как же сделать их более удобными для заполнения? Используйте “лоток ввода” (input tray).

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

1. Показать пароль

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

2. Скопировать введенные данные

Иконка “Копировать” позволяет пользователям без труда скопировать и вставить нужные данные. Разместите ее в области ввода, чтобы людям не пришлось выделять текст вручную. Когда человек нажимает на иконку, текст автоматически сохраняется в буфере обмена.

3. Загрузить файл

Нет необходимости размещать рядом с полем загрузки файлов отдельную кнопку «Выберите файл». Иконка загрузки внутри поля способна справиться с этой задачей намного эффективнее, при этом вам не придется создавать дополнительные элементы. Кликнув по полю, пользователи получат доступ к файловой системе.

4. Всплывающая подсказка

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

5. Очистить поле ввода

Иконка “X” для очистки поля ввода упрощает задачу, если в поле был введен длинный текст. Вместо того, чтобы выделять его вручную и нажимать клавишу Delete, пользователь может просто кликнуть по иконке.

6. Текущее местоположение

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

7. Голосовой ввод

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

8. Сканировать штрих-код

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

9. Поле выбора даты

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

10. Тип кредитной карты

Когда пользователи вводят номер своей кредитной карты, вы можете автоматически отображать тип карты в лотке ввода. Все, что вам понадобится, — иконка с правильным названием компании.

11. Выпадающий список

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

12. Отправить данные

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

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

★ ✪ ✦ ✫ ✹ ✴

Главная » Символы звезды

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

★☆✦✧✩✪✫✬✭✮✯✰⁂⁎⁑✢✣✤✥✱✲✳✴✵✶✷✸✹✺✻✼✽✾✿❀❁ ❂❃❇❈❉❊❋❄❆❅⋆≛ ⛥☪ ⛧ 🟃🟐 ⍣ ⍟

---

900 11 900 22 U+2723 9 0022 U+2731 900 22 ⋆ 900 11

Символ	Название символа	Unicode
★	Черная звезда	U+2605
☆	Белая звезда	U+ 2606
✦	Костюм «Черный бриллиант»	U+2726
✧	Костюм «Белый бриллиант»	U+2727
✩	Белая средняя звезда	U+2729
✪	Черная маленькая звезда	U+272A
✫	Белая маленькая звезда	U+272B ​​
✬	Черная средняя звезда	U+272C
✭	Белая средняя звезда	U+272D
✮	Черная большая звезда	U+272E
✯	Белая большая звезда	U+272F
✰	Большой белый круг	U+2730
⁂	Звездочка	U+2042
⁎	Низкая звездочка	U+204 E
⁑	Две звездочки, выровненные по вертикали	U+2051
✢	Звездочка с четырьмя каплевидными спицами	U+2722
✣	Звездочка с четырьмя воздушными спицами
✤	Тяжелая звездочка с четырьмя воздушными спицами	U+ 2724
✥	Звездочка с четырьмя булавовидными спицами	U+2725
✱	Белая звезда
✲	Блэк Стар	U+2732
✳	Белый круг	U+2733
✴	Черный квадрат	U+2734 90 023
✵	Белый квадрат	U+2735
✶	Черный Алмаз	U+2736
✷	Белый бриллиант	U+2737
✸	Черный бриллиант	U+2738
✹	Белый бриллиант	U+2739
✺	Черный бриллиант	U+273A
✻	Белый бриллиант 90 023	U+273B
✼ ​​	Черный цветок	U+273C
✽	Белый цветок	U+273D
✾	Три звездочки, выровненные вертикально	U+273E
✿	Черный цветочек	U+273F
❀	Цветочек белый	U+2740
❁	Цветочек черный с восемью лепестками	U+274 1
❂	Обведено Открыть Центр Восьмиконечная звезда	U+2742
❇	Искра	U+2747
❈	Звездочка с каплевидными спицами	U+2748 9002 3
❉	Снежинка	U+2749
❊	Плотная трехлистная снежинка	U+274A
❋	Тяжелая звездочка с каплевидными спицами	U+274B
❄	Снежинка	U+2744
❆	Тяжелая снежинка	U+2746
❅	Плотная трехлистная снежинка	U+2745
Оператор Звездочки	U+22C6
≛	По определению	U+225B
⛥	Пентаграмма	U+26E5 9 0023
☪	Звезда и Полумесяц	U+262A
⛧	Перевернутое Пентаграмма	U+26E7
🟃	Биграмма Большого Инь	U+1F7C3
🟐	Биграмма для Малого Ян	U+1F7D0

Звездочки — это текстовые значки, которые любой может копировать и вставлять как обычный текст. Эти символы звезды можно использовать в любом настольном, веб-приложении или приложении для телефона. Чтобы использовать звездные символы/знаки, вам просто нужно щелкнуть значок символа, и он будет скопирован в буфер обмена, а затем вставлен в любое место, где вы хотите его использовать. Все эти текстовые символы Unicode можно использовать в Facebook, Twitter, Snapchat, Instagram, WhatsApp, TikTok, Discord, Tumblr и на всех других платформах социальных сетей.

Text Symbols (Copy Paste) © ♬ ☂ ☯ ∞ ✿ ✡ ♨ HotSymbol

HotSymbol — лучший веб-сайт в Интернете для копирования причудливых текстовых символов. На HotSymbol вы можете изучить коллекцию самых известных и популярных символов, которые вы можете использовать в своей повседневной онлайн-жизни. HotSymbol — это один из таких веб-сайтов, позволяющий копировать символы одним щелчком мыши. С помощью HotSymbol очень легко получить такую ​​информацию, как Codepoint (Unicode), шорткод HTML, шорткод объекта HTML, шорткод CSS, шорткод HEX и альтернативный код символов.

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

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

Здесь часто задаваемые вопросы о HotSymbol. Не стесняйтесь задавать свой вопрос, если его нет в списке ниже.

Что такое символ?

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

Для чего используются символы?

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

Какие символы использует HotSymbol?

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

Что такое Юникод?

Unicode (универсальная кодировка символов) — это стандарт кодировки символов, поддерживаемый Консорциумом Unicode. Юникод обеспечивает основу для обработки, хранения и обмена символьными данными на любом языке между устройствами и программным обеспечением.

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