Как пользоваться: Копировать эмодзи
- Введите то, что ищете: можно название или ключевое слово («lol», «деньги», «палец вверх»), либо просмотрите группу.
- Выберите тон кожи — он применится ко всем эмодзи, которые его поддерживают.
- Кликните по эмодзи, чтобы скопировать его и добавить в панель сбора. Кликайте по другим, чтобы составить строку, затем нажмите Копировать все.
- Откройте панель деталей, чтобы получить кодовую точку, HTML-сущность, CSS
content, экранирование для JavaScript, шорткод или SVG-фавикон.
Использование эмодзи на сайтах
Эмодзи — это обычные символы Unicode, поэтому их можно вставлять прямо в HTML, текстовые поля Webflow и CMS-контент. В коде часто надежнее использовать экранирование, которое этот инструмент выдает для каждого эмодзи:
| Где | Пример для 🚀 |
|---|---|
| HTML-сущность | 🚀 |
CSS content | content: "\1F680"; |
| JavaScript | "\u{1F680}" |
| Шорткод (Slack, GitHub) | :rocket: |
Эмодзи-фавикон в одну строку
Современные браузеры принимают SVG-фавикон, а SVG может содержать эмодзи. Инструмент сам формирует тег — это удобно для прототипов, личных проектов и тестовых сайтов:
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>🚀</text></svg>">Для боевого фавикона с запасными PNG-вариантами используйте Генератор фавикона.
Почему эмодзи выглядят по-разному
Каждая платформа (Apple, Google, Microsoft, Samsung) рисует собственные эмодзи, а старые системы могут не знать новых — вместо них они показывают квадрат или два отдельных эмодзи. Тона кожи и составные эмодзи вроде 👩💻 представляют собой последовательности из нескольких кодовых точек, соединенных нулевым соединителем (ZWJ). Посмотреть их устройство можно в Инспекторе Unicode-символов.
Эмодзи и доступность
Программы чтения с экрана озвучивают эмодзи по названию («ракета»). Используйте их, чтобы добавить тон, а не заменить слова: избегайте длинных цепочек эмодзи и ставьте их в конце предложения, а не в середине. В соцсетях сочетайте их с форматированным текстом из Генератора жирного текста.
Также ищут как: эмодзи unicode, html код эмодзи, css content эмодзи.
Инструменты, которые хорошо сочетаются с Копировать эмодзи
- Текстовые символы — Галочки, стрелки, звёздочки, маркеры, математические и валютные знаки, надстрочные знаки, псевдографика, невидимые пробелы и текстовые смайлы ¯\_(ツ)_/¯ — нажмите, чтобы скопировать.
- Генератор ASCII-арта — Введите слово и сразу увидите его в 20 шрифтах ASCII-арта — Standard, Slant, ANSI Shadow, Doom и других.
- HTML-сущности — Экранируйте < > & ", чтобы текст безопасно отображался в HTML, преобразуйте акценты и символы в именованные или числовые сущности либо декодируйте HTML с сущностями обратно в обычный текст.