Трефы
Эмодзи из темы «Занятия и праздники › Игры», по-английски club suit, в стандарте с версии Emoji 0.6 (2010 год). Ниже все записи для HTML, CSS и JavaScript, похожие знаки и ответы на частые вопросы.
Все записи знака
Одна и та же картинка в разных языках записывается по-разному: HTML берёт числовые ссылки, CSS обратную косую черту с шестнадцатеричным номером, JavaScript и Python свои экраны. Кнопка справа копирует запись целиком.
| Символ | ♣ | |
| Название | трефы | |
| По-английски | club suit | |
| Ключевые слова | игра карты масть | |
| Юникод | U+2663 | |
| HTML десятичный | ♣ | |
| HTML шестнадцатеричный | ♣ | |
| Мнемоника HTML5 | ♣ | |
| CSS content | "\2663" | |
| JavaScript | "\u2663" | |
| Python | "\u2663" | |
| URL-кодирование | %E2%99%A3 | |
| Байты UTF-8 | E2 99 A3 | |
| Единицы UTF-16 | 2663 | |
| Категория Юникода | символ прочий (So) | |
| Блок Юникода | Miscellaneous Symbols | |
| Появилось | Emoji 0.6, 2010 год | |
| Тема каталога | Занятия и праздники › Игры |
Как вставить
Три готовых фрагмента под этот знак: пункт списка в HTML, псевдоэлемент в CSS и строка в JavaScript. У знака два вида: текстовый чёрно-белый по умолчанию и цветное эмодзи с селектором FE0F; коды обоих ниже, в разделе вариантов.
<li>♣ трефы</li>
.icon::before {
content: "\2663";
margin-right: 6px;
}const sign = "\u2663"; // ♣ button.textContent = sign + " трефы";
Варианты и части знака
Текстовый и цветной вид переключает селектор FE0F: без него знак остаётся чёрно-белым.
Похожие знаки
Вся тема «Занятия и праздники › Игры» и остальные знаки — в каталоге HTML-иконок и эмодзи, там же поиск по имени, коду и символу.
Частые вопросы
Как скопировать эмодзи «трефы»
Нажмите «Скопировать знак» под заголовком: в буфер попадёт сам символ ♣. Для вставки в код страницы удобнее HTML-код ♣, он переживёт любую кодировку и почтовую рассылку.
Какой HTML-код у знака «трефы»
Десятичный ♣, шестнадцатеричный ♣, мнемоника ♣. Все записи дают один знак; шестнадцатеричная совпадает с номером U+2663 в таблицах Юникода.
Как поставить «трефы» через CSS
В свойстве content у псевдоэлемента: .icon::before { content: "\2663"; }. После кода ставьте пробел или сразу закрывайте кавычку, иначе следующая буква прилипнет к коду.
Везде ли виден этот знак
Знак появился в Emoji 0.6 (2010 год): на устройствах старше он может показаться пустым квадратом. Картинку рисует шрифт системы, поэтому у Apple, Google, Samsung и Windows она отличается, а в заголовках и метаописаниях сайта декоративные знаки лучше не ставить.
Источники
Коды и имена — Unicode 15.1 (emoji-test.txt) и CLDR, локаль ru; мнемоники — HTML Living Standard; блок и категория — Unicode Character Database. Проверено 13 сентября 2026. Все записи считаются из номера знака, ошибиться им негде.