🔣Справочник спецсимволов HTML

Важное техническое дополнение

В современных веб-проектах рекомендуется использовать UTF-8 кодировку. Это позволяет вставлять практически любые символы напрямую, без использования числовых кодов или мнемоник. Однако мнемоники остаются полезными в следующих случаях:

1. XML/SSR/шаблонизаторы — некоторые среды требуют экранирования специальных символов.
2. Читаемость кода — © очевиднее, чем ©, особенно для коллег, которые могут не видеть рендер.
3. Совместимость с очень старыми системами (редкость).
4. Служебные символы — обязательно экранировать <, >, &, ", '.

Способы вставки:

1. Мнемоника (например, ©) — самый читаемый способ, но поддерживаются не все символы.
2. Десятичный код (например, ©) — универсальный, работает везде.
3. Шестнадцатеричный код (например, ©) — современный стандарт, удобен для редких символов.
4. Прямая вставка — при использовании UTF-8 можно просто копировать символы (©, €, →) в HTML-код, если файл сохранен в этой кодировке.

Полные фразы для открыток (иконка + текст)
Иконка	Фраза	CSS-класс
🎂🎉	С днем рождения! Пусть сбудутся все мечты!	.card-birthday
🎄⭐	С Рождеством! Пусть в дом придет чудо!	.card-christmas
🎅🥂	С Новым годом! Новых побед и свершений!	.card-newyear
💍💒	Свадьба! Живите долго и счастливо!	.card-wedding
🎓📚	С выпускным! В добрый путь!	.card-graduation
🌹💖	С 8 Марта! Будьте любимы и счастливы!	.card-women
🛡️💪	С 23 Февраля! Будьте сильными духом!	.card-men
❤️💑	С годовщиной! Счастья вам и любви!	.card-anniversary
🏥💚	Выздоравливай скорее! Мы ждем тебя!	.card-recovery
🚀🏆	С новой работой! Успехов и карьерного роста!	.card-newjob

Короткие пожелания (для соцсетей)
Иконка	Пожелание	Код	CSS-класс
👍	Ты сможешь!	👍	.short-you-can
💯	Все будет супер!	💯	.short-super
🔥	Ты огонь!	🔥	.short-fire
💪	Держись!	💪	.short-hold-on
✌️	Мир!	✌️	.short-peace
🤝	Вместе мы сила!	🤝	.short-together
🚀	Вперед!	🚀	.short-forward
😎	Ты крут!	😎	.short-cool

 Пожелания на удачу и везение
Иконка	Пожелание	Код	CSS-класс
🍀	Удачи!	🍀	.luck-clover
🎲	Пусть фортуна улыбнется!	🎲	.luck-dice
🐞	Божьей коровки в подарок!	🐛	.luck-ladybug
✨🍀	Везения во всем!	✨🍀	.luck-everything
🍀💰	Финансовой удачи!	🍀💰	.luck-money
🎰	Джекпота!	🎰	.luck-jackpot
🌠	Пусть желание сбудется!	🌠	.luck-wish
🧧	Удачи в делах!	🧯	.luck-business

Пожелания для мужчин (23 Февраля)
Иконка	Пожелание	Код	CSS-класс
💪🦸	Мужества и силы!	💪🦸	.men-strength
🛡️	Будь защитником!	🗡️	.men-protector
🏆🥇	Побед и достижений!	🏆🥇	.men-victory
🚗🔧	Исполнения желаний!	🚗🔧	.men-wishes
⚔️	Отваги!	⚔️	.men-courage
💼📈	Карьерного роста!	💼📈	.men-career
🏋️‍♂️	Богатырского здоровья!	🏋️‍♂️	.men-health
🎯	Точных целей!	🎯	.men-goals

 Пожелания для женщин (8 Марта, праздники)
Иконка	Пожелание	Код	CSS-класс
🌹	Цветов!	🌹	.women-flowers
💄	Красоты!	💄	.women-beauty
👗	Шикарных нарядов!	👗	.women-fashion
💅	Ухоженности!	💅	.women-care
👑	Будь королевой!	👑	.women-queen
🌸🌸	Весеннего настроения!	🌸🌸	.women-spring
💖✨	Женского счастья!	💖✨	.women-happiness
🎀	Пусть сбудутся желания!	🎀	.women-wishes

Пожелания добра и счастья
Иконка	Пожелание	Код	CSS-класс
🌞	Пусть всегда будет солнце!	🌞	.goodness-sun
🕊️	Мира во всем мире!	🕊	.goodness-peace
🌈😊	Радужного настроения!	🌈😊	.goodness-rainbow
☀️💛	Тепла и уюта!	☀️💛	.goodness-warmth
🍀🔮	Пусть сбудутся мечты!	🍀🔮	.goodness-dreams
🌻	Оптимизма!	🌻	.goodness-optimism
😊🤗	Улыбок и радости!	😊🤗	.goodness-smiles
💎	Сокровищ жизни!	💎	.goodness-treasures

Пожелания на свадьбу и годовщину
Иконка	Пожелание	Код	CSS-класс
💍💒	Свадебного счастья!	💍💒	.wedding-happy
👰🤵	Любви до гроба!	👰🤵	.wedding-love
🕊️💑	Семейного благополучия!	🕊️💑	.wedding-peace
💒	Идеального дня!	💒	.wedding-perfect
🥂💕	Горько! (свадебный тост)	🥂💕	.wedding-toast
📅💍	С годовщиной!	📅💍	.anniversary
🌹💑	Вечной любви!	🌹💑	.anniversary-love
💖📅	Счастливых лет вместе!	💖📅	.anniversary-years

Пожелания путешествий
Иконка	Пожелание	Код	CSS-класс
✈️🌍	Счастливого пути!	✈️🌍	.travel-happy
🏖️☀️	Отличного отдыха!	🏖️☀️	.travel-vacation
🗺️	Новых открытий!	🗺	.travel-discoveries
⛰️🌄	Незабываемых впечатлений!	⛰️🌄	.travel-impressions
🚗🛣️	Легкой дороги!	🚗🛣️	.travel-road
🏔️	Покорения вершин!	🏔	.travel-mountains
🌊	Морских приключений!	🌊	.travel-sea
📸	Фото на память!	📸	.travel-photos

Пожелания учебы и знаний
Иконка	Пожелание	Код	CSS-класс
🎓	Легкой учебы!	🎓	.study-graduation
📚	Новых знаний!	📚	.study-knowledge
✏️📖	Успешной сессии!	✏️📖	.study-exams
🧠	Ясного ума!	🧠	.study-mind
🔬	Открытий!	🔬	.study-discoveries
🏫	Хороших преподавателей!	🏫	.study-teachers
🌍	Путешествий и знаний!	🌍	.study-travel
📝🍀	Легких билетов!	📝🍀	.study-luck

Пожелания успеха и карьеры
Иконка	Пожелание	Код	CSS-класс
🚀	Карьерного взлета!	🚀	.success-rocket
💼💰	Финансового благополучия!	💼💰	.success-money
📈	Роста и развития!	📈	.success-growth
🏆	Побед и достижений!	🏆	.success-trophy
🎯	Целеустремленности!	🎯	.success-target
🔥	Профессионального огня!	🔥	.success-fire
💡	Гениальных идей!	💡	.success-ideas
🌟	Будь звездой!	🌟	.success-star
🏅	Наград и признания!	🏅	.success-awards

Пожелания здоровья
Иконка	Пожелание	Код	CSS-класс
💪	Крепкого здоровья!	💪	.health-strength
🏥💚	Будь здоров!	🏥💚	.health-wellness
🍎🥗	Здорового питания!	🍎🥗	.health-food
🧘‍♀️	Душевного равновесия!	🨈‍♀️	.health-balance
🌿	Энергии и сил!	🌿	.health-energy
❤️‍🩹	Скорейшего выздоровления!	❤️‍🚑	.health-recovery
🏃‍♂️	Активного долголетия!	🏃‍♂️	.health-longevity
💊🌡️	Будь здоров! (с таблетками)	💊🌡️	.health-medicine

Кавычки, тире и пробелы
Результат	Описание	Мнемоника	Десятичный код
«	Левая двойная угловая кавычка (елочка)	«	«
»	Правая двойная угловая кавычка (елочка)	»	»
„	Двойная нижняя кавычка (лапки)	нет	„
“	Двойная левая кавычка (лапки)	“	“
”	Двойная правая кавычка (лапки)	”	”
‘	Одинарная левая кавычка	‘	‘
’	Одинарная правая кавычка (апостроф)	’	’
–	Короткое тире (en dash)	–	–
—	Длинное тире (em dash)	—	—

Символы для форм и чекбоксов (псевдографика)
Результат	Описание	Мнемоника	Десятичный код
□	Белый квадрат (пустой чекбокс)	нет	□
☐	Квадрат для галочки	нет	☐
☑	Квадрат с галочкой	нет	☑
✓	Галочка (простая)	нет	✓
✔	Жирная галочка	нет	✔
✗	Крестик (X)	нет	✗
✘	Жирный крестик	нет	✘
●	Черный круг (радиокнопка)	нет	●
○	Белый круг	нет	○
◉	Круг с точкой	нет	◉

Дополнительные кавычки и знаки препинания
Результат	Описание	Мнемоника	Десятичный код
‹	Одинарная левая угловая кавычка	‹	‹
›	Одинарная правая угловая кавычка	›	›
‚	Одинарная нижняя кавычка	‚	‚
‛	Одинарная верхняя перевернутая кавычка	нет	‛
‟	Двойная верхняя перевернутая кавычка	нет	‟
⸮	Перевернутый вопросительный знак (ирония)	нет	⹞
¡	Перевернутый восклицательный знак	¡	¡
¿	Перевернутый вопросительный знак	¿	¿

Символы еды, напитков и бытовые
Результат	Описание	Мнемоника	Десятичный код
🍎	Красное яблоко	нет	🍎
🍕	Пицца	нет	🍕
🍔	Гамбургер	нет	🍔
☕	Горячий напиток (кофе/чай)	нет	☕
🍺	Кружка пива	нет	🍺
🍷	Бокал вина	нет	🍷
🍣	Суши	нет	🍣
🍩	Пончик	нет	🍩

Эмодзи и эмоции (базовые)
Результат	Описание	Мнемоника	Десятичный код
😀	Улыбающееся лицо	нет	😀
😁	Улыбка с глазами-дугами	нет	😁
😂	Смех сквозь слезы	нет	😂
😍	Влюбленное лицо	нет	😍
😎	Улыбающееся лицо в солнцезащитных очках	нет	😎
😢	Плачущее лицо	нет	😢
😭	Громко плачущее лицо	нет	😭
😡	Надутое лицо	нет	😡
🤔	Задумчивое лицо	нет	🤔
🤯	Взорванный мозг	нет	🤯

Символы для таймлайнов, календарей и времени
Результат	Описание	Мнемоника	Десятичный код
⌛	Песочные часы (законченные)	нет	⌛
⌚	Наручные часы	нет	⌚
⏰	Будильник	нет	⏰
⏱	Секундомер	нет	⏱
⏲	Таймер	нет	⏲
🕐	Час дня (1:00)	нет	🕐
📅	Календарь	нет	📅
📆	Отрывной календарь	нет	📆

Боксы для чеклистов и задач (расширенные)
Результат	Описание	Мнемоника	Десятичный код
☐	Пустой квадрат для галочки	нет	☐
☑	Квадрат с галочкой	нет	☑
☒	Квадрат с крестиком	нет	☒
✓	Галочка (простая)	нет	✓
✔	Жирная галочка	нет	✔
✗	Крестик (тонкий)	нет	✗
✘	Жирный крестик	нет	✘
⭕	Тяжелый круг (часто для "верно")	нет	⭕
🔘	Радиокнопка (выбранная)	нет	🔘

Символы для социальных сетей и брендов (текстовые)
Результат	Описание	Мнемоника	Десятичный код
𝕏	X (Twitter/X бренд)	нет	𝘇
🐦	Птица (Twitter legacy)	нет	🐦
📘	Синяя книга (Facebook)	нет	📘
📷	Камера (Instagram)	нет	📷
🔗	Ссылка (линк)	нет	🔗
💼	Портфель (LinkedIn)	нет	💼
🎵	Музыкальная нота (TikTok/музыка)	нет	🎵
⌨	Клавиатура	нет	⌨

Восклицательные знаки (цветные и стилизованные)
Результат	Описание	Вариант	Код (десятичный)
❗	Красный восклицательный знак (тяжелый)	Эмодзи	❗
❕	Белый восклицательный знак (контурный)	Эмодзи	❕
‼	Двойной восклицательный знак	Текстовый/Эмодзи	‼
⁉	Восклицательный и вопросительный знаки (interrobang)	Эмодзи	⁉
⚠	Знак предупреждения (треугольник с воскл. знаком)	Текстовый/Эмодзи	⚠
⛔	Знак "Въезд запрещен" (красный круг с воскл. знаком)	Эмодзи	⛔
🔴	Красный круг (часто используется как акцент)	Эмодзи	🔴
🟠	Оранжевый круг	Эмодзи	🟠
🟡	Желтый круг	Эмодзи	🟡

Вопросительные знаки (цветные и стилизованные)
Результат	Описание	Вариант	Код (десятичный)
❓	Красный вопросительный знак (тяжелый)	Эмодзи	❓
❔	Белый вопросительный знак (контурный)	Эмодзи	❔
⁉	Вопросительный и восклицательный знаки	Эмодзи	⁉
❌	Красный крестик (X)	Эмодзи	❌
⭕	Красный круг (тяжелый, часто для "правильно")	Эмодзи	⭕

Цветные геометрические фигуры (основа для акцентов)
Эти символы часто используются как цветные индикаторы, кнопки или маркеры.

Результат	Описание	Код (десятичный)
🔴	Красный круг	🔴
🟠	Оранжевый круг	🟠
🟡	Желтый круг	🟡
🟢	Зеленый круг	🟢
🔵	Синий круг	🔵
🟣	Фиолетовый круг	🟣
🟤	Коричневый круг	🟤
⚫	Черный круг	○ (текстовый) или ⚫ (эмодзи)
⚪	Белый круг	⚪
🔺	Красный треугольник вверх	🔺
🔻	Красный треугольник вниз	🔻
🔲	Черный квадрат (кнопка)	🔲
🔳	Белый квадрат с контуром	🔳
⬛	Большой черный квадрат	⬛
⬜	Большой белый квадрат	⬜

Цветные сердечки и эмоциональные символы
Результат	Описание	Код (десятичный)
❤	Красное сердце (классическое)	❤
🧡	Оранжевое сердце	🧡
💛	Желтое сердце	💛
💚	Зеленое сердце	💚
💙	Синее сердце	💙
💜	Фиолетовое сердце	💜
🖤	Черное сердце	🖤
🤍	Белое сердце	🤍
🤎	Коричневое сердце	🤎
💔	Разбитое сердце	💔
💯	Сто очков (красное со сто)	💯

Цветные звезды и рейтинги
Результат	Описание	Код (десятичный)
⭐	Желтая звезда (средняя)	⭐
🌟	Блестящая звезда (сияющая)	🌟
✨	Искры / Сверкание	✨
★	Черная заливная звезда (текстовая, меняет цвет через CSS)	★
☆	Белая звезда (контур)	☆
💫	Звезда с хвостом (головокружение)	💫

Цветные знаки галочки и крестики
Результат	Описание	Код (десятичный)
✅	Белая галочка в зеленом квадрате	✅
✔	Жирная галочка (может быть черной или цветной в эмодзи)	✔
☑	Квадрат с галочкой (текстовый)	☑
❎	Красный крестик в квадрате	❎
❌	Красный крестик (X)	❌
✖	Жирный крестик (текстовый)	✖

Цветные символы для уведомлений и статусов
Результат	Описание	Код (десятичный)
🔔	Колокольчик (уведомление)	🔔
🔕	Колокольчик с перечеркиванием (без звука)	🔕
📢	Громкоговоритель (объявление)	📢
📣	Мегафон	📣
💬	Облачко диалога	💬
💭	Облачко мысли	💭
❗	Красный восклицательный знак (высокий приоритет)	❗
❕	Белый восклицательный знак (низкий приоритет)	❕
🔰	Японский символ "новичок" (зелено-желтый)	🔰

Цветные буквы и цифры в кругах (для списков)
Результат	Описание	Код (десятичный)
①	Цифра 1 в круге (текстовая)	①
⓵	Цифра 1 в круге (стилизованная)	ⓕ
🄋	Заглавная A в круге	🍋
🔴 + текст	Красный круг как маркер	🔴
🟢 + текст	Зеленый круг как маркер	🟢
🔵 + текст	Синий круг как маркер	🔵

Комбинированные цветные знаки (полные эмодзи)
Результат	Описание	Код (десятичный)
💢	Символ гнева (красный воскл. знак с завитком)	💢
💥	Столкновение / Взрыв (красная звезда)	💥
💨	Дым / Быстро (для скорости)	💨
💦	Капли пота / Усердие	💦
💎	Драгоценный камень (синий/фиолетовый)	💎

Действия и операции
Иконка	Назначение	Код	CSS-класс
✅	Подтвердить / Confirm	✅	.icon-confirm
❌	Отменить / Cancel	❌	.icon-cancel
➕	Добавить / Add	➕	.icon-add
➖	Удалить / Remove	➖	.icon-remove
✏️	Редактировать / Edit	✏️	.icon-edit
🗑️	Удалить / Delete	🗑️	.icon-delete
📋	Копировать / Copy	📋	.icon-copy
📌	Закрепить / Pin	📌	.icon-pin
🔍	Поиск / Search	🔍	.icon-search
🔒	Защищено / Locked	🔒	.icon-locked
🔓	Открыто / Unlocked	🔓	.icon-unlocked
⚙️	Настройки / Settings	⚙️	.icon-settings
🎛️	Регуляторы / Sliders	🎛	.icon-sliders
 
Статусы и индикаторы
Иконка	Назначение	Код	CSS-класс
🔴	Офлайн / Ошибка / Стоп	🔴	.status-offline
🟠	Предупреждение / Ожидание	🟠	.status-warning
🟡	Внимание / Пауза	🟡	.status-caution
🟢	Онлайн / Успех / Активно	🟢	.status-online
🔵	Информация / В процессе	🔵	.status-info
⚪	Неактивно / Ожидание	⚪	.status-inactive
❗	Важно / Срочно	❗	.status-urgent
💯	Выполнено / 100%	💯	.status-complete
🟣	Особое / Премиум	🟣	.status-premium

Пользователи и профили
Иконка	Назначение	Код	CSS-класс
👤	Пользователь / Аккаунт	👤	.icon-user
👥	Группа пользователей	👥	.icon-users
👑	Администратор / Премиум	👑	.icon-admin
🆕	Новый пользователь	🆑	.icon-new
🤵	Сотрудник / Персона	🤵	.icon-staff
💼	Работа / Бизнес	💼	.icon-business
🎓	Образование / Студент	🎓	.icon-education

Файлы и документы
Иконка	Назначение	Код	CSS-класс
📄	Документ	📄	.icon-document
📁	Папка	📁	.icon-folder
📂	Открытая папка	📂	.icon-folder-open
📊	Таблица / График	📊	.icon-chart
🖼️	Изображение	🖼️	.icon-image
🎵	Аудио / Музыка	🎵	.icon-audio
🎬	Видео	🎬	.icon-video
📦	Архив / Пакет	📦	.icon-archive
💾	Сохранить	💾	.icon-save
☁️	Облако / Cloud	☁️	.icon-cloud

Сообщения и коммуникация
Иконка	Назначение	Код	CSS-класс
💬	Чат / Сообщение	💬	.icon-chat
💭	Мысль / Подсказка	💭	.icon-thought
✉️	Email / Письмо	✉️	.icon-email
📧	Электронная почта	📧	.icon-mail
🔔	Уведомление	🔔	.icon-notification
🔕	Без звука / Отключить	🔕	.icon-mute
📢	Объявление	📢	.icon-announcement
📞	Телефон	📞	.icon-phone
📱	Мобильное устройство	📱	.icon-mobile

Время и календарь
Иконка	Назначение	Код	CSS-класс
📅	Календарь / Дата	📅	.icon-calendar
🕐	Время	🕐	.icon-time
⏰	Будильник / Напоминание	⏰	.icon-alarm
⌛	Истекает / Ожидание	⌛	.icon-expiring
🗓️	Отрывной календарь	📒️	.icon-calendar-spiral

Корзина и покупки
Иконка	Назначение	Код	CSS-класс
🛒	Корзина покупок	🛒	.icon-cart
🛍️	Сумка / Покупки	🛍️	.icon-bag
💳	Оплата / Карта	💳	.icon-payment
💰	Деньги / Цена	💰	.icon-money
🏷️	Скидка / Тег	🏷️	.icon-tag
🎁	Подарок	🎁	.icon-gift
🔖	Закладка	🔖	.icon-bookmark

Медиа и контент
Иконка	Назначение	Код	CSS-класс
▶️	Воспроизвести / Play	▶️	.icon-play
⏸️	Пауза / Pause	⏸️	.icon-pause
⏹️	Стоп / Stop	⏹️	.icon-stop
⏪	Назад / Rewind	⏪️	.icon-rewind
⏩	Вперед / Fast-forward	⏩️	.icon-fastforward
🔈	Громкость низкая	🔈	.icon-volume-low
🔉	Громкость средняя	🔉	.icon-volume-medium
🔊	Громкость высокая	🔊	.icon-volume-high
🔇	Без звука / Mute	🔇	.icon-volume-mute
⭐	Избранное / Рейтинг	⭐	.icon-favorite
❤️	Лайк / Любимое	❤️	.icon-like

Технологии и интернет
Иконка	Назначение	Код	CSS-класс
🌐	Интернет / Глобус	🌐	.icon-globe
🔗	Ссылка	🔗	.icon-link
📡	Сигнал / Wi-Fi	📡	.icon-wifi
💻	Компьютер	💻	.icon-computer
🖥️	Монитор / Десктоп	🖥️	.icon-desktop
🖱️	Мышь	🖱️	.icon-mouse
⌨️	Клавиатура	⌨️	.icon-keyboard
🔋	Батарея / Заряд	🔋	.icon-battery
⚡	Энергия / Быстро	⚡	.icon-energy

Безопасность и приватность
Иконка	Назначение	Код	CSS-класс
🔒	Защищено	🔒	.icon-secure
🔓	Не защищено	🔓	.icon-insecure
🛡️	Защита / Щит	🗡️	.icon-shield
👁️	Видимо / Показать	👁️	.icon-visible
👁️‍🗨️	Скрыто / Невидимо	👁️‍🗨	.icon-hidden
🔑	Ключ / Доступ	🔑	.icon-key
🚫	Запрещено	🚫	.icon-denied

Телефония и голосовая связь
Основные иконки телефонии
Иконка	Назначение	Код	CSS-класс
📞	Телефонная трубка (прием вызова)	📞	.icon-phone
📱	Мобильный телефон	📱	.icon-mobile
📲	Телефон с входящей стрелкой (звонок)	📲	.icon-phone-call
☎️	Классический телефон	☎️	.icon-phone-classic
🕿	Телефонная трубка (альтернативный)	🔿	.icon-handset
🕻	Телефонная трубка влево	🔻	.icon-handset-left

Статусы вызовов
Иконка	Назначение	Код	CSS-класс
📞	Входящий вызов	📞	.call-incoming
📤	Исходящий вызов	📤	.call-outgoing
❌	Пропущенный вызов	❌	.call-missed
✅	Завершенный вызов	✅	.call-completed
⏸️	Удержание вызова	⏸️	.call-hold
🔴	Активный вызов (красная точка)	🔴	.call-active
🟢	Готов к вызову	🟢	.call-ready
🔁	Переадресация вызова	🔁	.call-forward

Дополнительные функции телефонии
Иконка	Назначение	Код	CSS-класс
🎙️	Микрофон	🎤️	.icon-mic
🎤	Микрофон (сценический)	🎤	.icon-mic-stage
🔇	Микрофон выключен / Mute	🔇	.icon-mic-off
🔊	Динамик / Громкая связь	🔊	.icon-speaker
🔈	Динамик (низкая громкость)	🔈	.icon-speaker-low
🔉	Динамик (средняя)	🔉	.icon-speaker-medium
📢	Громкоговоритель / Оповещение	📢	.icon-loudspeaker
🎧	Наушники / Гарнитура	🎧	.icon-headset
🎦	Видеозвонок	🎦	.icon-videocall
📹	Видеокамера	📹	.icon-videocam
🎥	Камера (для видеоконференций)	🎥	.icon-camera
🔢	Клавиатура набора (DTMF)	🔢	.icon-dtmf
✉️	Голосовая почта	✉️	.icon-voicemail
🕒	Длительность разговора	🕒	.icon-duration
💰	Стоимость звонка / Тарификация	💰	.icon-cost

Операторы и номера
Иконка	Назначение	Код	CSS-класс
🆔	Caller ID / Определитель номера	🆕	.icon-callerid
🔒	Безопасный вызов (шифрование)	🔒	.icon-secure-call
🚫	Заблокированный номер	🚫	.icon-blocked
⭐	Избранный контакт	⭐	.icon-favorite-contact
📇	Контакты / Телефонная книга	📇	.icon-contacts

Телекоммуникации и сети
Сетевая инфраструктура
Иконка	Назначение	Код	CSS-класс
🌐	Глобальная сеть / Интернет	🌐	.icon-network
📡	Спутниковая связь / Антенна	📡	.icon-satellite
📶	Wi-Fi / Уровень сигнала	📶	.icon-wifi
📶 0-4	Полоски сигнала (0-4)	📶 + вариации	.icon-signal
🛰️	Спутник	🛰️	.icon-satellite-dish
🗼	Вышка сотовой связи	📼	.icon-cell-tower
🏢	Дата-центр / Серверная	🏢	.icon-datacenter
🔌	Розетка / Подключение	🔌	.icon-plug
🔋	Батарея базовой станции	🔋	.icon-battery
⚡	Электропитание / Бэкап	⚡	.icon-power

Типы подключения
Иконка	Назначение	Код	CSS-класс
🔹	LTE / 4G (синий ромб)	🔹	.icon-lte
🔸	5G / Новое поколение	🔸	.icon-5g
📀	Оптоволокно / Fiber	📀	.icon-fiber
☁️	Облачные технологии / Cloud	☁️	.icon-cloud
🔗	Соединение / Link	🔗	.icon-connection
🔗❌	Разрыв соединения	🔗❌	.icon-disconnected

Мониторинг сети и статусы
Иконка	Назначение	Код	CSS-класс
🟢	Узел онлайн / Активен	🟢	.node-online
🟡	Узел с предупреждением	🟡	.node-warning
🔴	Узел офлайн / Авария	🔴	.node-offline
⚠️	Сбой / Инцидент	⚠️	.icon-incident
📊	Трафик / Статистика	📊	.icon-traffic
📈	Пропускная способность (рост)	📈	.icon-bandwidth-up
📉	Пропускная способность (спад)	📉	.icon-bandwidth-down
🔄	Синхронизация / Хэндовер	🔃	.icon-sync
⏱️	Задержка / Пинг / Latency	⏱	.icon-latency
📦	Пакеты данных	📦	.icon-packets

Сайтостроение (Web Development)
Инструменты разработчика
Иконка	Назначение	Код	CSS-класс
💻	Код / Разработка	💻	.icon-code
🖥️	Монитор / Просмотр	🖥️	.icon-monitor
⌨️	Клавиатура / Написание кода	⌨️	.icon-keyboard
🖱️	Мышь / Взаимодействие	🖱️	.icon-mouse
🖨️	Печать / Документация	🖨️	.icon-print
🔧	Настройка / Инструменты	🔧	.icon-tools
🛠️	Ремонт / Отладка	🛠️	.icon-debug

Технологии и форматы
Иконка	Назначение	Код	CSS-класс
🌐	HTML / Веб-страница	🌐	.icon-html
🎨	CSS / Стилизация	🎨	.icon-css
⚙️	JavaScript / Функциональность	⚙️	.icon-js
🐘	PHP / Бэкенд	🐘	.icon-php
🐍	Python	🐍	.icon-python
☕	Java / Coffee	☕	.icon-java
🟨	Ruby / Ruby on Rails	🟡	.icon-ruby
🗄️	База данных / SQL	🗄	.icon-database
📁	Структура проекта	📁	.icon-structure
🔍	SEO / Оптимизация	🔍	.icon-seo
📱	Адаптивный дизайн	📱	.icon-responsive

Этапы разработки и CI/CD
Иконка	Назначение	Код	CSS-класс
📝	Планирование / Техническое задание	📝	.icon-planning
🏗️	Строительство / Разработка	🏗	.icon-building
🧪	Тестирование / QA	🔬	.icon-testing
🚀	Деплой / Релиз	🚀	.icon-deploy
🔄	CI/CD / Автоматизация	🔃	.icon-cicd
🐛	Баг / Ошибка	🐛	.icon-bug
🐞	Отладка / Debug	🐞	.icon-debug-bug
✅	Проверка пройдена	✅	.icon-check-pass
❌	Проверка не пройдена	❌	.icon-check-fail
⏳	В ожидании	⏳	.icon-pending

Хостинг и серверы
Иконка	Назначение	Код	CSS-класс
🖥️	Сервер / Хостинг	🖥️	.icon-server
🗄️	Стойка серверов	🗄	.icon-server-rack
☁️	Облачный хостинг	☁️	.icon-cloud-hosting
🔒	SSL / HTTPS / Безопасность	🔒	.icon-ssl
🔑	SSH / Доступ	🔑	.icon-ssh
🌍	Доменное имя	🌍	.icon-domain
📧	Хостинг почты	📧	.icon-email-hosting
💾	Бэкап / Резервное копирование	💾	.icon-backup
⏱️	Uptime / Время работы	⏰	.icon-uptime

Контент и CMS
Иконка	Назначение	Код	CSS-класс
📄	Страница / Пост	📄	.icon-page
✍️	Редактор / Написание	✏️	.icon-editor
🖼️	Медиабиблиотека	🖼️	.icon-media
🏷️	Категория / Тег	🏷️	.icon-category
🔖	Рубрика / Метка	🔖	.icon-tag
👥	Пользователи / Авторы	👥	.icon-users-cms
🎨	Тема / Шаблон	🎨	.icon-theme
🔌	Плагин / Расширение	🔌	.icon-plugin
📱	Мобильная версия	📱	.icon-mobile-version

Расширенный набор для VoIP и SIP
Иконка	Назначение	Код
🎯	SIP-транк / Endpoint	🎯
🔁	Маршрутизация вызовов	🔁
📋	IVR / Меню автоответчика	📋
🎭	Очередь вызовов	🎤
⚖️	Балансировка нагрузки	⚖️
🛡️	Антиспам / Защита	🗡️
📝	Лог вызовов	📝
🎙️	Запись разговора	🎤 с точкой

Полный набор календарных иконок
Основные календарные иконки
Иконка	Назначение	Код	CSS-класс
📅	Календарь (стандартный)	📅	.cal-default
📆	Отрывной календарь	📆	.cal-tearoff
🗓️	Спиральный календарь (планировщик)	📒️	.cal-spiral
🗒️	Блокнот / Ежедневник	📒	.cal-notepad
📋	Планер / Список задач	📋	.cal-planner
📑	Стек документов (неделя/месяц)	📑	.cal-stack

Дни недели (цветные и стилизованные)
Иконка	Назначение	Код	CSS-класс
🟦 Пн	Понедельник (синий)	🔵 Пн	.day-mon
🟧 Вт	Вторник (оранжевый)	🟠 Вт	.day-tue
🟩 Ср	Среда (зеленый)	🟢 Ср	.day-wed
🟨 Чт	Четверг (желтый)	🟡 Чт	.day-thu
🟪 Пт	Пятница (фиолетовый)	🟣 Пт	.day-fri
🟥 Сб	Суббота (красный)	🔴 Сб	.day-sat
⚫ Вс	Воскресенье (черный/серый)	⚫ Вс	.day-sun

Цифры в кругах для дней месяца
Иконка	Код	Иконка	Код
①	①	⑪	⑪
②	②	⑫	⑫
③	③	⑬	⑬
④	④	⑭	⑭
⑤	⑤	⑮	⑮
⑥	⑥	⑯	⑯
⑦	⑦	⑰	⑰
⑧	⑧	⑱	⑱
⑨	⑨	⑲	⑲
⑩	⑩	⑳	⑳

Альтернативный стиль (жирные цифры в круге)
Иконка	Код	Иконка	Код
⓿	ⓟ	    ❺	⟅
❶	❶	❻	⟆
❷	❷	❼	⟇
❸	❸	❽	⟈
❹	❹	❾	⟉

Типы событий и категории
Иконка	Назначение	Код	CSS-класс
💼	Рабочая встреча / Бизнес	💼	.event-work
👥	Встреча / Совещание	👥	.event-meeting
🎂	День рождения	🎂	.event-birthday
💍	Свадьба / Юбилей	💍	.event-wedding
✈️	Поездка / Командировка	✈️	.event-travel
🏥	Врач / Медицина	🏥	.event-medical
🏫	Образование / Учеба	🏫	.event-education
🎉	Праздник / Вечеринка	🎉	.event-party
💻	Работа за компьютером	💻	.event-remote
📞	Звонок / Конференция	📞	.event-call
🎓	Выпускной / Окончание	🎓	.event-graduation
🏆	Соревнование / Турнир	🏆	.event-competition
🎭	Театр / Культура	🎭	.event-culture
🎸	Концерт / Музыка	🎸	.event-concert
🍽️	Обед / Ужин / Ресторан	🍽️	.event-dinner
🎁	Подарок / Сюрприз	🎁	.event-gift
📝	Дедлайн / Сдача проекта	📝	.event-deadline
🔔	Напоминание	🔔	.event-reminder

Статусы событий
Иконка	Назначение	Код	CSS-класс
🟢	Предстоящее / Запланировано	🟢	.status-upcoming
🟡	Скоро начнется (за 15 мин)	🟡	.status-soon
🔴	В процессе / Идет сейчас	🔴	.status-ongoing
✅	Завершено / Выполнено	✅	.status-completed
❌	Отменено	❌	.status-cancelled
⏸️	Отложено / Перенесено	⏸️	.status-postponed
🔁	Повторяющееся событие	🔁	.status-recurring
🔒	Закрытое / Приватное	🔒	.status-private
🔓	Открытое / Публичное	🔓	.status-public

Месяцы года (цветные и стилизованные)
Месяц	Иконка	Код	CSS-класс
Январь	❄️📅	❄️📅	.month-jan
Февраль	💝📅	💕📅	.month-feb
Март	🌸📅	🌸📅	.month-mar
Апрель	🌧️📅	🌧️📅	.month-apr
Май	    🌿📅	🌿📅	.month-may
Июнь	☀️📅	☀️  📅 .month-jun
Июль	🍉📅	🍉📅	.month-jul
Август	🍂📅	🍂📅	.month-aug
Сентябрь🍎📅	🍎📅	.month-sep
Октябрь	🎃📅	🎃📅	.month-oct
Ноябрь	🍁📅	🍁📅	.month-nov
Декабрь	🎄📅	🎄📅	.month-dec

Полезные комбинации для UI
Комбинация	Назначение
📅 + 🔔	Напоминание о событии
📅 + ✅	Выполненная задача
📅 + 🔁	Повторяющееся событие
📅 + 🔒	Приватное событие
📅 + ✈️	Командировка / Поездка
📅 + 🏥	Запись к врачу
📅 + 🎂	День рождения
📅 + 💼	Рабочая встреча

Годы (цифры в стилизованных рамках)
Иконка	Назначение	Код	CSS-класс
➋⓿➋➏	2026 (стилизованный)	⟃⓿⟄➏	.year-2026
🟦 2026	Год в синем круге	🔵 2026	.year-blue
🟪 2027	Год в фиолетовом круге	🟣 2027	.year-purple
⏮️	Предыдущий год	⏮️	.year-prev
⏭️	Следующий год	⏭️	.year-next

Статусы дат (просрочено, скоро, выполнено)
Иконка	Назначение	Код	CSS-класс
🔴📅	Просрочено / Дедлайн прошел	🔴📅	.status-overdue
🟡📅	Скоро / Приближается	🟡📅	.status-approaching
🟢📅	Выполнено / В срок	🟢📅	.status-on-time
⚫📅	Отменено / Не актуально	⚫📅	.status-cancelled-date
⏸️📅	Отложено	⏸️📅	.status-postponed-date
✅📅	Завершено	✅📅	.status-completed-date

Праздничные и особые даты
Иконка	Назначение	Код	CSS-класс
🎄📅	Новый год / Рождество	🎄📅	.holiday-newyear
🥚📅	Пасха	🥚📅	.holiday-easter
💝📅	День святого Валентина	💕📅	.holiday-valentine
👩📅	8 Марта	👩📅	.holiday-women
👨📅	23 Февраля	👨📅	.holiday-men
🎓📅	1 Сентября / День знаний	🎓📅	.holiday-knowledge
🏛️📅	День независимости	🏫📅	.holiday-independence
🎃📅	Хэллоуин	🎃📅	.holiday-halloween
🦃📅	День благодарения	🦅📅	.holiday-thanksgiving

Специальные даты (личные события)
Иконка	Назначение	Код	CSS-класс
🎂📅	Дата рождения	🎂📅	.event-birthday-date
💍📅	Дата свадьбы	💍📅	.event-wedding-date
📅📅	Годовщина	📅📅	.event-anniversary
🎓📅	Дата выпуска	🎓📅	.event-graduation-date
💼📅	Дата трудоустройства	💼📅	.event-employment
🏆📅	Дата победы / Достижения	🏆📅	.event-achievement

Рабочие даты и бизнес-календарь
Иконка	Назначение	Код	CSS-класс
💼📅	Рабочий день	💼📅	.workday
🌴📅	Выходной / Отпуск	🌴📅	.dayoff
🏖️📅	Отпуск	🏖️📅	.vacation
🏥📅	Больничный	🏥📅	.sick-leave
📅💰	Оплачиваемый день	📅💰	.paid-day
📅🚫	Нерабочий день	📅🚫	.non-working
📅🔄	Сменный график	📅🔄	.shift-work

Полный набор иконок для пожеланий

1. Основные пожелания (универсальные)
Иконка	Пожелание	Код	CSS-класс
🎉	Поздравляю!	🎉	.wish-congrats
🎊	Ура! / Праздник	🎊	.wish-hooray
🎈	С праздником!	🎈	.wish-celebration
✨	Всего наилучшего!	✨	.wish-best
🌟	Сияй! / Успехов!	🌟	.wish-shine
💫	Пусть сбудется!	💫	.wish-dreams
🍀	Удачи!	🍀	.wish-luck
🌈	Счастья! / Радости!	🌈	.wish-happiness

2. Пожелания на день рождения
Иконка	Пожелание	Код	CSS-класс
🎂	С днем рождения!	🎂	.birthday-cake
🎁	Подарков!	🎁	.birthday-gifts
🕯️	Задувай свечи!	🕯️	.birthday-candles
🎈🎈	Воздушных шаров!	🎈🎈	.birthday-balloons
🎉🥳	Веселья!	🎉🥳	.birthday-fun
📅🎂	С днем рождения! (с календарем)	📅🎂	.birthday-date
👑🎂	Будь королем/королевой дня!	👑🎂	.birthday-royal
💝🎂	Любви и счастья!	💝🎂	.birthday-love

3. Пожелания на Новый год и Рождество
Иконка	Пожелание	Код	CSS-класс
🎄✨	Счастливого Рождества!	🎄✨	.xmas-merry
🎅🎁	С Новым годом!	🎅🎁	.newyear-happy
⛄❄️	Зимнего волшебства!	⛄❄️	.winter-magic
🌟🕯️	Светлого праздника!	🌟🕯️	.bright-holiday
🎄❤️	Любви и тепла!	🎄❤️	.love-warmth
🎁🍪	Сладких подарков!	🎁🍪	.sweet-gifts
🕊️🎄	Мира и добра!	🕊️🎄	.peace-goodness
🎆🎇	Ярких моментов!	🎆🎇	.bright-moments
🥂🍾	С новым счастьем!	🥂🍾	.new-happiness

4. Пожелания любви и романтики
Иконка	Пожелание	Код	CSS-класс
❤️	Любви!	❤️	.love-heart
💖	Счастья в любви!	💖	.love-happiness
💕	Влюбленности!	💕	.love-romance
💘	Судьбоносной встречи!	💘	.love-fate
💗	Нежности!	💗	.love-tenderness
💓	Сердечного тепла!	💓	.love-warmth
💑	Семейного счастья!	💑	.family-happiness
👰🤵	Свадебного настроения!	👰🤵	.wedding-joy
💍	Вечной любви!	💍	.love-eternal

5. Пожелания здоровья
Иконка	Пожелание	Код	CSS-класс
💪	Крепкого здоровья!	💪	.health-strength
🏥💚	Будь здоров!	🏥💚	.health-wellness
🍎🥗	Здорового питания!	🍎🥗	.health-food
🧘‍♀️	Душевного равновесия!	🨈‍♀️	.health-balance
🌿	Энергии и сил!	🌿	.health-energy
❤️‍🩹	Скорейшего выздоровления!	❤️‍🚑	.health-recovery
🏃‍♂️	Активного долголетия!	🏃‍♂️	.health-longevity
💊🌡️	Будь здоров! (с таблетками)	💊🌡️	.health-medicine

6. Пожелания успеха и карьеры
Иконка	Пожелание	Код	CSS-класс
🚀	Карьерного взлета!	🚀	.success-rocket
💼💰	Финансового благополучия!	💼💰	.success-money
📈	Роста и развития!	📈	.success-growth
🏆	Побед и достижений!	🏆	.success-trophy
🎯	Целеустремленности!	🎯	.success-target
🔥	Профессионального огня!	🔥	.success-fire
💡	Гениальных идей!	💡	.success-ideas
🌟	Будь звездой!	🌟	.success-star
🏅	Наград и признания!	🏅	.success-awards

7. Пожелания учебы и знаний
Иконка	Пожелание	Код	CSS-класс
🎓	Легкой учебы!	🎓	.study-graduation
📚	Новых знаний!	📚	.study-knowledge
✏️📖	Успешной сессии!	✏️📖	.study-exams
🧠	Ясного ума!	🧠	.study-mind
🔬	Открытий!	🔬	.study-discoveries
🏫	Хороших преподавателей!	🏫	.study-teachers
🌍	Путешествий и знаний!	🌍	.study-travel
📝🍀	Легких билетов!	📝🍀	.study-luck

8. Пожелания путешествий
Иконка	Пожелание	Код	CSS-класс
✈️🌍	Счастливого пути!	✈️🌍	.travel-happy
🏖️☀️	Отличного отдыха!	🏖️☀️	.travel-vacation
🗺️	Новых открытий!	🗺	.travel-discoveries
⛰️🌄	Незабываемых впечатлений!	⛰️🌄	.travel-impressions
🚗🛣️	Легкой дороги!	🚗🛣️	.travel-road
🏔️	Покорения вершин!	🏔	.travel-mountains
🌊	Морских приключений!	🌊	.travel-sea
📸	Фото на память!	📸	.travel-photos

9. Пожелания на свадьбу и годовщину
Иконка	Пожелание	Код	CSS-класс
💍💒	Свадебного счастья!	💍💒	.wedding-happy
👰🤵	Любви до гроба!	👰🤵	.wedding-love
🕊️💑	Семейного благополучия!	🕊️💑	.wedding-peace
💒	Идеального дня!	💒	.wedding-perfect
🥂💕	Горько! (свадебный тост)	🥂💕	.wedding-toast
📅💍	С годовщиной!	📅💍	.anniversary
🌹💑	Вечной любви!	🌹💑	.anniversary-love
💖📅	Счастливых лет вместе!	💖📅	.anniversary-years

10. Пожелания добра и счастья
Иконка	Пожелание	Код	CSS-класс
🌞	Пусть всегда будет солнце!	🌞	.goodness-sun
🕊️	Мира во всем мире!	🕊	.goodness-peace
🌈😊	Радужного настроения!	🌈😊	.goodness-rainbow
☀️💛	Тепла и уюта!	☀️💛	.goodness-warmth
🍀🔮	Пусть сбудутся мечты!	🍀🔮	.goodness-dreams
🌻	Оптимизма!	🌻	.goodness-optimism
😊🤗	Улыбок и радости!	😊🤗	.goodness-smiles
💎	Сокровищ жизни!	💎	.goodness-treasures

11. Пожелания для женщин (8 Марта, праздники)
Иконка	Пожелание	Код	CSS-класс
🌹	Цветов!	🌹	.women-flowers
💄	Красоты!	💄	.women-beauty
👗	Шикарных нарядов!	👗	.women-fashion
💅	Ухоженности!	💅	.women-care
👑	Будь королевой!	👑	.women-queen
🌸🌸	Весеннего настроения!	🌸🌸	.women-spring
💖✨	Женского счастья!	💖✨	.women-happiness
🎀	Пусть сбудутся желания!	🎀	.women-wishes

12. Пожелания для мужчин (23 Февраля)
Иконка	Пожелание	Код	CSS-класс
💪🦸	Мужества и силы!	💪🦸	.men-strength
🛡️	Будь защитником!	🗡️	.men-protector
🏆🥇	Побед и достижений!	🏆🥇	.men-victory
🚗🔧	Исполнения желаний!	🚗🔧	.men-wishes
⚔️	Отваги!	⚔️	.men-courage
💼📈	Карьерного роста!	💼📈	.men-career
🏋️‍♂️	Богатырского здоровья!	🏋️‍♂️	.men-health
🎯	Точных целей!	🎯	.men-goals

13. Пожелания на удачу и везение
Иконка	Пожелание	Код	CSS-класс
🍀	Удачи!	🍀	.luck-clover
🎲	Пусть фортуна улыбнется!	🎲	.luck-dice
🐞	Божьей коровки в подарок!	🐛	.luck-ladybug
✨🍀	Везения во всем!	✨🍀	.luck-everything
🍀💰	Финансовой удачи!	🍀💰	.luck-money
🎰	Джекпота!	🎰	.luck-jackpot
🌠	Пусть желание сбудется!	🌠	.luck-wish
🧧	Удачи в делах!	🧯	.luck-business

14. Короткие пожелания (для соцсетей)
Иконка	Пожелание	Код	CSS-класс
👍	Ты сможешь!	👍	.short-you-can
💯	Все будет супер!	💯	.short-super
🔥	Ты огонь!	🔥	.short-fire
💪	Держись!	💪	.short-hold-on
✌️	Мир!	✌️	.short-peace
🤝	Вместе мы сила!	🤝	.short-together
🚀	Вперед!	🚀	.short-forward
😎	Ты крут!	😎	.short-cool

15. Полные фразы для открыток (иконка + текст)
Иконка	Фраза	CSS-класс
🎂🎉	С днем рождения! Пусть сбудутся все мечты!	.card-birthday
🎄⭐	С Рождеством! Пусть в дом придет чудо!	.card-christmas
🎅🥂	С Новым годом! Новых побед и свершений!	.card-newyear
💍💒	Свадьба! Живите долго и счастливо!	.card-wedding
🎓📚	С выпускным! В добрый путь!	.card-graduation
🌹💖	С 8 Марта! Будьте любимы и счастливы!	.card-women
🛡️💪	С 23 Февраля! Будьте сильными духом!	.card-men
❤️💑	С годовщиной! Счастья вам и любви!	.card-anniversary
🏥💚	Выздоравливай скорее! Мы ждем тебя!	.card-recovery
🚀🏆	С новой работой! Успехов и карьерного роста!	.card-newjo

Часовой пояс Москвы (MSK)
Иконка	Назначение	Код	CSS-класс
🇷🇺 MSK	Московское время	🇷🇺 MSK	.msk-label
🕐 UTC+3	UTC+3 (Москва)	🕐 UTC+3	.msk-utc
⏱️ MSK	Московское время (аббр.)	⏱️ MSK	.msk-abbr
📍 MSK	Локация: Москва	📍 MSK	.msk-location
🕒 MSK	Часы: Москва	🕒 MSK	.msk-time
🌍 MSK	Часовой пояс: MSK	🌍 MSK	.msk-time

Купоны и промокоды
Иконка	Назначение	Код	CSS-класс
🎟️	Купон / Билет	🎟️	.coupon-ticket
📄	Промокод	📄	.coupon-code
✂️	Вырезать купон	✂️	.coupon-cut
🔑	Секретный промокод	🔑	.coupon-key
🎫	Скидочный талон	🎫	.coupon-voucher
💳	Карта лояльности	💳	.coupon-card
🚚	Бесплатная доставка	🚚	.free-delivery
📦	Бесплатная упаковка	📦	.free-packaging
🎁	Бесплатный подарок	🎁	.free-gift
🎂	Бесплатный десерт	🎂	.free-dessert
💝	Бесплатный сюрприз	💕	.free-surprise