Эмодзи и спецсимволы для сайта в формате HTML
26.03.2021 👁 10568
Чтобы разместить символ на веб-странице, необходимо указать 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 | Рыбы |
