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

26.03.2021


Чтобы разместить символ на веб-странице, необходимо указать 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 Рыбы