Шариковая ручка
Эмодзи из темы «Предметы › Письмо», по-английски pen, в стандарте с версии Emoji 0.7 (2012 год). Ниже все записи для HTML, CSS и JavaScript, похожие знаки и ответы на частые вопросы.
Все записи знака
Одна и та же картинка в разных языках записывается по-разному: HTML берёт числовые ссылки, CSS обратную косую черту с шестнадцатеричным номером, JavaScript и Python свои экраны. Кнопка справа копирует запись целиком.
| Символ | 🖊 | |
| Название | шариковая ручка | |
| По-английски | pen | |
| Ключевые слова | чернила | |
| Юникод | U+1F58A | |
| HTML десятичный | 🖊 | |
| HTML шестнадцатеричный | 🖊 | |
| CSS content | "\1F58A" | |
| JavaScript | "\u{1F58A}" | |
| Python | "\U0001F58A" | |
| URL-кодирование | %F0%9F%96%8A | |
| Байты UTF-8 | F0 9F 96 8A | |
| Единицы UTF-16 | D83D DD8A | |
| Категория Юникода | символ прочий (So) | |
| Блок Юникода | Miscellaneous Symbols and Pictographs | |
| Появилось | Emoji 0.7, 2012 год | |
| Тема каталога | Предметы › Письмо |
Как вставить
Три готовых фрагмента под этот знак: пункт списка в HTML, псевдоэлемент в CSS и строка в JavaScript. У знака два вида: текстовый чёрно-белый по умолчанию и цветное эмодзи с селектором FE0F; коды обоих ниже, в разделе вариантов.
<li>🖊 шариковая ручка</li>
.icon::before {
content: "\1F58A";
margin-right: 6px;
}const sign = "\u{1F58A}"; // 🖊
button.textContent = sign + " шариковая ручка";Варианты и части знака
Текстовый и цветной вид переключает селектор FE0F: без него знак остаётся чёрно-белым.
Похожие знаки
Вся тема «Предметы › Письмо» и остальные знаки — в каталоге HTML-иконок и эмодзи, там же поиск по имени, коду и символу.
Частые вопросы
Как скопировать эмодзи «шариковая ручка»
Нажмите «Скопировать знак» под заголовком: в буфер попадёт сам символ 🖊. Для вставки в код страницы удобнее HTML-код 🖊, он переживёт любую кодировку и почтовую рассылку.
Какой HTML-код у знака «шариковая ручка»
Десятичный 🖊, шестнадцатеричный 🖊. Все записи дают один знак; шестнадцатеричная совпадает с номером U+1F58A в таблицах Юникода.
Как поставить «шариковая ручка» через CSS
В свойстве content у псевдоэлемента: .icon::before { content: "\1F58A"; }. После кода ставьте пробел или сразу закрывайте кавычку, иначе следующая буква прилипнет к коду.
Везде ли виден этот знак
Знак появился в Emoji 0.7 (2012 год): на устройствах старше он может показаться пустым квадратом. Картинку рисует шрифт системы, поэтому у Apple, Google, Samsung и Windows она отличается, а в заголовках и метаописаниях сайта декоративные знаки лучше не ставить.
Источники
Коды и имена — Unicode 15.1 (emoji-test.txt) и CLDR, локаль ru; мнемоники — HTML Living Standard; блок и категория — Unicode Character Database. Проверено 13 сентября 2026. Все записи считаются из номера знака, ошибиться им негде.