Пиктограммы HTML

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

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

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

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

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

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

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

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

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

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

Время и часы

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

Семья

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

Погода

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

Природа

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

Цветы

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

Транспорт

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

Кресты

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

Эмоции

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

Карты

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

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

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

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

Пиктограммы HTML: 2 комментария

    1. Оберните код в тег span с классом «My-class», затем задайте нужные стили классу «My-class».

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *