Таблица пиктограмм HTML, содержит более 100 популярных иконок для оформления контента веб-страниц, рассылок и текстов. Воспользуйтесь удобной навигацией по категориям или перейдите сразу к таблице символов.
- Оформление текста;
- Офисные предметы;
- Ручки и карандаши;
- Время и часы;
- Семья;
- Погода;
- Природа;
- Цветы;
- Кресты;
- Эмоции;
- Карты;
- Прочие символы.
Специальные пиктограммы HTML позволяют оформить текст письма или тему рассылки. Помогают использовать иконки для кнопок и ссылок на сайте. Чтобы разместить символ на странице, необходимо скопировать код символа и вставить в исходный HTML-код страницы.
Спецсимволы чувствительны к регистру, поэтому их необходимо прописывать точно так, как указано в таблице.
Офисные предметы
| Код | Символ | Описание |
|---|---|---|
| ✆ | ✆ | Знак телефона с проводом |
| 📞 | 📞 | Телефонная трубка |
| 🕻 | 🕻 | Телефонная трубка левосторонняя |
| 🕽 | 🕽 | Телефонная трубка правосторонняя |
| ☎ | ☎ | Телефон закрашенный |
| ☏ | ☏ | Телефон прозрачный |
| 🕿 | 🕿 | Черный кнопочный телефон |
| 📱 | 📱 | Мобильный телефон |
| ☕ | ☕ | Чашка чая / кофе |
| ✄ | ✄ | Ножницы |
| ✃ | ✃ | Ножницы |
| ✉ | ✉ | Конверт или письмо |
| ✍ | ✍ | Рука с ручкой |
| 💾 | 💾 | Дискета |
| 🔍 | 🔍 | Лупа (наклонённая влево) |
| 🔎 | 🔎 | Лупа (наклонённая вправо) |
| 📆 | 📆 | Отрывной календарь |
| 💼 | 💼 | Портфель |
Цветы
| Код | Символ | Описание |
|---|---|---|
| ✿ | ✿ | Закрашенный цветок |
| ❀ | ❀ | Незакрашенный цветок |
| ✾ | ✾ | Цветок с шестью лепестками |
| ❁ | ❁ | Закрашенный обведённый цветок |
| ❂ | ❂ | Цветок из точек |
| ❃ | ❃ | Цветок из точек |
| ⚛ | ⚛ | Символ атома |
| 🌷 | 🌷 | Тюльпан |
Транспорт
| Код | Символ | Описание |
|---|---|---|
| 🚀 | 🚀 | Ракета |
| 🚁 | 🚁 | Вертолет |
| 🚂 | 🚂 | Паровоз |
| 🚃 | 🚃 | Вагон |
| 🚅 | 🚅 | Высокоскоростной поезд |
| 🚆 | 🚆 | Поезд |
| 🚇 | 🚇 | Метро |
| 🚲 | 🚲 | Велосипед |
| 🚗 | 🚗 | Автомобиль |
| 🚚 | 🚚 | Грузовик |
| 🚛 | 🚛 | Тягач с прицепом |
| 🚜 | 🚜 | Трактор |
| 🚙 | 🚙 | Развлекательный автомобиль |
| 🚌 | 🚌 | Автобус |
| 🚑 | 🚑 | Скорая помощь |
| 🚒 | 🚒 | Пожарная машина |
| 🚓 | 🚓 | Полицейская машина |
| 🚕 | 🚕 | Такси |
| 🚢 | 🚢 | Корабль |
| 🚣 | 🚣 | Вёсельная лодка |
| 🚤 | 🚤 | Катер |
Кресты
Эмоции
| Код | Символ | Описание |
|---|---|---|
| ✌ | ✌ | Жест "Победа" |
| 👍 | 👍 | Жест "Класс" |
| 👌 | 👌 | Жест "О'кей" |
| 👋 | 👋 | Открытая ладонь |
| ☺ | ☺ | Смайлик улыбка |
| ☹ | ☹ | Смайлик грусть |
| ☻ | ☻ | Смайлик грусть закрашенный |
| 😉 | 😉 | Подмигивающее лицо |
| 🎃 | 🎃 | Тыква на Хэллоуин |
| 👻 | 👻 | Приведение |
| 😈 | 😈 | Лицо с рогами улыбающееся |
Прочие символы
| Код | Символ | Описание |
|---|---|---|
| 🔔 | 🔔 | Колокольчик |
| ☠ | ☠ | Череп и кости |
| ♤ | ☢ | Радиация |
| ☭ | ☭ | Серп и молот |
| ☮ | ☮ | Знак мира |
| ☯ | ☯ | Инь и Янь |
| 🚩 | 🚩 | Треугольный флаг на палке |
| ♀ | ♀ | Знак женского пола |
| ♂ | ♂ | Знак мужского пола |
| ⚢ | ⚢ | Сдвоенный женский знак |
| ⚣ | ⚣ | Сдвоенный мужской знак |
| 👪 | 👪 | Семья (люди) |
| 🔉 | 🔉 | Низкий уровень звука |
| 🔊 | 🔊 | Высокий уровень звука |
| ♬ | ♬ | Знак нота |
| ♫ | ♫ | Знак нота |
| ♩ | ♩ | Знак нота |
| ♪ | ♪ | Знак нота |
| 🎶 | 🎶 | Музыкальные ноты |
| 🎷 | 🎷 | Саксофон |
| 💡 | 💡 | Лампочка электрическая |
| ⚡ | ⚡ | Высокое напряжение |
| ⚠ | ⚠ | Предупреждающий знак |
| 💣 | 💣 | Бомба |
| ✰ | ✰ | Звезда прозрачная |
| ★ | ★ | Звезда закрашенная |
| 🌠 | 🌠 | Звезда падающая |
| 🐾 | 🐾 | Следы лап |
| 🔥 | 🔥 | Огонь |
| 🎅 | 🎅 | Дед Мороз |
| 🎄 | 🎄 | Рождественская ёлка |
| 🏆 | 🏆 | Кубок (трофей) |
| 🎁 | 🎁 | Подарок в коробке |
| 🎉 | 🎉 | Хлопушка праздничная |
| 💰 | 💰 | Мешок с деньгами |
| 📺 | 📺 | Телевизор |
| 👛 | 👛 | Кошелёк |
| 🍎 | 🍎 | Яблоко |
| 💌 | 💌 | Любовное письмо |
| 🍂 | 🍂 | Осенний лист |
| 🎯 | 🎯 | Цель / Мишень / Дартс |
| ⚖ | ⚖ | Весы |
| 🎇 | 🎇 | Бенгальские огни |
| 💉 | 💉 | Шприц |
| 💎 | 💎 | Бриллиант |
Внимание! Таблица с кодами популярных HTML символов для оформления контента доступна в другом инструменте.
Что важного сегодня в диджитал?
Собираю новости индустрии, ссылки на исследования, статьи и кейсы, и публикую их в Телеграм-канале, чтобы вы не пропустили ничего важного в интернет-маркетинге.
Как прописать цвет и размер пиктограмм в редакторе wordpress?
Оберните код в тег span с классом «My-class», затем задайте нужные стили классу «My-class».