Эмодзи и спецсимволы для сайта в формате HTML

26.03.2021     👁 12230


Чтобы разместить символ на веб-странице, необходимо указать HTML-код.

Чтобы разместить символ на веб-странице, необходимо указать HTML-код. Для вставки символов внутрь тегов воспользуйтесь HTML-кодом символа, а для использования символов в таблицах стилей, например, в качестве значения свойства content — CSS-код. Спецсимвол наследует цвет от цвета текста родительского элемента. Чтобы изменить цвет спецсимвола, можно поместить HTML-код внутрь тега  или задать нужное значение свойства color (при вставке спецсимволов через свойство content).

Смайлики

Emoji Код
😃 & #128515;
😄 & #128516;
😁 & #128513;
😆 & #128518;
😅 & #128517;
😂 & #128514;
😉 & #128521;
😊 & #128522;
😇 & #128519;
😍 & #128525;
😘 & #128536;
😚 & #128538;
😋 & #128523;
😜 & #128540;
😝 & #128541;
😐 & #128528;
😶 & #128566;
😏 & #128527;
😒 & #128530;
😌 & #128524;
😔 & #128532;
😪 & #128554;
😷 & #128567;
😵 & #128565;
😎 & #128526;
☹ & #9785;
😲 & #128562;
😳 & #128563;

1. Полезные знаки и символы

Вид HTML-код CSS-код Описание
☃ & #9731; \2603 Снеговик
☦ & #9766; \2626 Православный крест
✆ & #9990; \2706 Знак телефона
☎ & #9742; \260E Телефон
☕ & #9749; \2615 Горячие напитки
✎ & #9998; \270E Карандаш, направленный вправо-вниз
✏ & #9999; \270F Карандаш
✐ & #10000; \2710 Карандаш, направленный вправо-вверх
✑ & #10001; \2711 Незакрашенное острие пера
✒ & #10002; \2712 Закрашенное острие пера
❄ & #10052; \2744 Снежинка
❤ & #10084; \2764 Закрашенное жирное сердце
❅ & #10053; \2745 Зажатая трилистниками снежинка
❆ & #10054; \2746 Жирная остроугольная снежинка
★ & #9733; \2605 Закрашенная звезда
☆ & #9734; \2606 Незакрашенная звезда
✪ & #10026; \272A Незакрашенная звезда в закрашенном круге
✫ & #10027; \272B Закрашенная звезда с незакрашенным кругом внутри
✯ & #10031; \272F Вращающаяся звезда
❉ & #10057; \2749 Звёздочка с шарообразными окончаниями
❋ & #10059; \274B Жирная восьмиконечная каплеобразная звёздочка-пропеллер
✲ & #10034; \2732 Звёздочка с незакрашенным центром
☀ & #9728; \2600 Закрашенное солнце с лучами
☁ & #9729; \2601 Облака
☂ & #9730; \2602 Зонтик
☑ & #9745; \2611 Галочка в квадрате
☒ & #9746; \2612 Крестик в квадрате
☹ & #9785; \2639 Нахмуренный смайлик
☺ & #9786; \263A Улыбающийся смайлик
☻ & #9787; \263B Закрашенный улыбающийся смайлик
☭ & #9773; \262D Серп и молот
☰ & #9776; \2630 Триграмма
✿ & #10047; \273f Закрашенный цветок
❀ & #10048; \2740 Незакрашенный цветок
✾ & #10046; \273E Цветок с шестью лепестками
❁ & #10049; \2741 Закрашенный обведённый цветок
❂ & #10050; \2742 Цветок из точек
✉ & #9993; \2709 Конверт
❦ & #10086; \2766 Сердце в виде цветка
❶ & #10102; \2776 Номер 1
❷ & #10103; \2777 Номер 2
❸ & #10104; \2778 Номер 3
❹ & #10105; \2779 Номер 4
❺ & #10106; \277A Номер 5
❻ & #10107; \277B Номер 6
❼ & #10108; \277C Номер 7
❽ & #10109; \277D Номер 8
➒ & #10130; \2792 Номер 9
➓ & #10131; \2793 Номер 10
✖ & #10006; \2716 Жирный знак умножения
✘ & #10008; \2718 Жирный крестик
✔ & #10004; \2714 Жирная отметка галочкой
✚ & #10010; \271A Жирный крест
⚛ & #9883; \269B Символ атома
♺ & #9850; \267A Символ переработки
❑ & #10065; \2751 Незакрашенный квадрат с правой нижней тенью
❒ & #10066; \2752 Незакрашенный квадрат с правой верхней тенью

2. Знаки пунктуации

Вид HTML-код CSS-код Описание
  & nbsp; \00A0 Неразрывный пробел
  & shy; \00AD Место возможного переноса
< & lt; \003C Знак «меньше чем» (начало тега)
> & gt; \003E Знак «больше чем» (конец тега)
« & laquo; \00AB Левая двойная угловая скобка
» & raquo; \00BB Правая двойная угловая скобка
‹ & lsaquo; \2039 Левая угловая одиночная кавычка
› & rsaquo; \203A Правая угловая одиночная кавычка
« & quot; \0022 Двойная кавычка
′ & prime; \2032 Одиночный штрих
″ & Prime; \2033 Двойной штрих
‘ & lsquo; \2018 Левая одиночная кавычка
’ & rsquo; \2019 Правая одиночная кавычка
‚ & sbquo; \201A Нижняя одиночная кавычка
“ & ldquo; \201C Левая двойная кавычка
” & rdquo; \201D Правая двойная кавычка
„ & bdquo; \201E Нижняя двойная кавычка
❜ & #10076; \275C Жирная одинарная верхняя запятая
& & amp; \0026 Амперсанд
‘ & apos; \0027 Апостроф (одинарная кавычка)
§ & sect; \00A7 Параграф
© & copy; \00A9 Знак copyright
¬ & not; \00AC Знак отрицания
® & reg; \00AE Знак зарегистрированной торговой марки
¯ & macr; \00AF Знак долготы над гласным
° & deg; \00B0 Градус
± & plusmn; \00B1 Плюс-минус
¹ & sup1; \00B9 Верхний индекс «1»
² & sup2; \00B2 Верхний индекс «2»
³ & sup3; \00B3 Верхний индекс «3»
¼ & frac14; \00BC Одна четверть
½ & frac12; \00BD Одна вторая
¾ & frac34; \00BE Три четверти
´ & acute; \00B4 Знак ударения
µ & micro; \00B5 Микро
& para; \00B6 Знак абзаца
· & middot; \00B7 Знак умножения
¿ & iquest; \00BF Перевернутый вопросительный знак
ƒ & fnof; \0192 Знак флорина
™ & trade; \2122 Знак торговой марки
• & bull; \2022 Маркер списка
… & hellip; \2026 Многоточие
‾ & oline; \203E Надчеркивание
– & ndash; \2013 Среднее тире
— & mdash; \2014 Длинное тире
‰ & permil; \2030 Промилле
} & #125; \007D Правая фигурная скобка
{ & #123; \007B Левая фигурная скобка
= & #61; \003D Знак равенства
≠ & ne; \2260 Знак неравенства
≈ & asymp; \2248 Почти равно
≤ & le; \2264 Меньше чем или равно
≥ & ge; \2265 Больше чем или равно
∠ & ang; \2220 Угол
⊥ & perp; \22A5 Перпендикулярно (кнопка вверх)
√ & radic; \221A Квадратный корень
∑ & sum; \2211 N-ичное суммирование
∫ & int; \222B Интеграл
※ & #8251; \203B Знак сноски
÷ & divide; \00F7 Знак деления
∞ & infin; \221E Знак бесконечности
@ & #64; \0040 Символ собака
[ & #91; \005B Левая квадратная скобка
] & #93; \005D Правая квадратная скобка

3. Стрелки

Вид HTML-код CSS-код Описание
← & larr; \2190 Стрелка влево
↑ & uarr; \2191 Стрелка вверх
→ & rarr; \2192 Стрелка вправо
↓ & darr; \2193 Стрелка вниз
↔ & harr; \2194 Стрелка влево-вправо
↵ & crarr; \21B5 Стрелка вниз и влево – знак возврата каретки
⇐ & lArr; \21D0 Двойная стрелка налево
⇑ & uArr; \21D1 Двойная стрелка вверх
⇒ & rArr; \21D2 Двойная стрелка направо
⇔ & hArr; \21D4 Двойная стрелка влево-вправо
➠ & #10144; \27A0 Летящая стрела
➤ & #10148; \27A4 Наконечник стрелы
➥ & #10149; \27A5 Изогнутая стрела, указывающая вниз и вправо
➦ & #10150; \27A6 Изогнутая стрела, указывающая вверх и вправо
➳ & #10163; \27B3 Стрела направо
➫ & #10155; \27AB Наклонённая вниз объёмная стрелка
⬇ & #11015; \2B07 Закрашенная стрелка вниз
⬆ & #11014; \2B06 Закрашенная стрелка вверх

4. Карточные масти

Вид HTML-код CSS-код Описание
♠ & spades; \2660 «Пики»
♣ & clubs; \2663 «Трефы»
♥ & hearts; \2665 «Червы»
♦ & diams; \2666 «Бубны»

5. Деньги

Вид HTML-код CSS-код Описание
¢ & cent; \FFE0 Цент
£ & pound; \FFE1 Фунт стерлингов
₽ & #8381; \20BD Российский рубль
¥ & yen; \00A5 Йена или юань
€ & euro; \20AC Евро
$ & #36; \0024 Доллар
₴ & #8372; \20B4 Знак гривны
₹ & #8377; \20B9 Индийская рупия
圓 & #22291; \5713 Китайский юань
₸ & #8376; \20B8 Казахстанский тенге

6. Знаки зодиака

Вид HTML-код CSS-код Описание
♈ & #9800; \2648 Овен
♉ & #9801; \2649 Телец
♊ & #9802; \264A Близнецы
♋ & #9803; \264B Рак
♌ & #9804; \264C Лев
♍ & #9805; \264D Дева
♎ & #9806; \264E Весы
♏ & #9807; \264F Скорпион
♐ & #9808; \2650 Стрелец
♑ & #9809; \2651 Козерог
♒ & #9810; \2652 Водолей
♓ & #9811; \2653 Рыбы

Смотрите также: Кейсы интернет-рекламы


620026, Россия, Свердловская область, Екатеринубрг, ул. Энгельса 36, оф. 640
Телефон: +7 (343) 221-00-40
Почта: info@novelsite.ru
Продолжая использовать наш сайт, вы даете согласие на обработку файлов cookie и пользовательских персональных данных.

Я принимаю

Заполните Бриф на расчет интернет-рекламы

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

ОТПРАВИТЬ ЗАПРОС НА РАССЧЕТ — Нажимая на кнопку "ОТПРАВИТЬ ЗАПРОС", я даю согласие на обработку персональных данных

Заявка успешно отправлена!

Спасибо, что обратилиcь в нашу компанию!

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

Закрыть

Подписывайся на наш Телеграм

Подписывайся на наш
Телеграм канал!
Контекст решает