Бесплатные паки эмодзи: Twemoji и Fluent UI Emoji
Суммарно 27 000+ звёзд — два открытых набора эмодзи от Twitter и Microsoft, готовых к использованию в любом вайб-проекте.
Эмодзи — это одна из тех вещей, о которых я не думал, пока они вдруг не понадобились везде. Реакции в игре. Кастомные значки в чате. Маленькие иконки в системе уведомлений. Встроенный рендеринг эмодзи в браузере непоследователен на разных платформах — что нормально выглядит на macOS, может выглядеть иначе на Windows и сломано на старом Android. Поэтому я стал использовать готовые паки.
Два репо, к которым возвращаюсь снова и снова — от Twitter и Microsoft. Оба полностью бесплатные, активно поддерживаются и покрывают весь Unicode-стандарт эмодзи. Стили у них совсем разные, что на самом деле удобно: выбираешь тот, что подходит под вайб проекта.
Исходники
twitter/twemoji
★ 17 689HTML
Twemoji — это открытый набор эмодзи от Twitter. Все стандартные юникод-эмодзи в виде чистых, плоских SVG и PNG файлов. Стиль — тот самый, который видишь в Twitter годами: простой, дружелюбный, единообразный. JavaScript-библиотека парсит HTML и заменяет нативные эмодзи на изображения Twemoji, чтобы они выглядели одинаково на всех устройствах и операционных системах. Можно подключить через unpkg CDN одной строчкой тега script, или установить как npm-пакет. Лицензия MIT.
Исходники
microsoft/fluentui-emoji
★ 10 014Python
Fluent UI Emoji от Microsoft — это совсем другой стиль. Богатые, объёмные 3D-иллюстрации, которые выглядят почти как продуктовые рендеры. Каждый эмодзи доступен в четырёх вариантах: 3D, Color (плоский, но яркий), High Contrast и Flat. Ассеты — PNG-файлы, организованные по имени эмодзи в папке assets. Никакой JavaScript-библиотеки для установки нет — просто скачиваешь нужные картинки и используешь напрямую. Лицензия MIT, коммерческое использование без ограничений.
Как использовать в проекте
Для Twemoji самый быстрый вариант — CDN. Добавь тег script в HTML, вызови twemoji.parse на теле документа — и все эмодзи на странице заменятся автоматически.
<script src="https://unpkg.com/twemoji@latest/dist/twemoji.min.js"></script>
npm install twemoji
Для Fluent UI Emoji — клонируй репо и бери PNG-файлы из папки assets. Каждый эмодзи лежит в отдельной подпапке с именем эмодзи.
git clone https://github.com/microsoft/fluentui-emoji.git
Структура внутри: assets/Имя эмодзи/Стиль/имя_файла.png. Например: assets/Grinning face/3D/grinning_face_3d.png. Агент сам обойдёт папки и найдёт нужные файлы.
Два полных набора эмодзи, покрывающих весь Unicode-стандарт: Twemoji — чистые плоские SVG как замена нативным эмодзи, и Fluent UI Emoji — полированные 3D и цветные PNG, когда нужно что-то выразительнее. Оба под лицензией MIT и бесплатны для коммерческого использования. Отдай ссылки агенту — он найдёт нужные файлы сам.
Источник: github.com
Бесплатный курс
Хватит читать про ИИ — начни строить с ним
Бесплатный курс Claude Code: свой первый сайт, инструмент или игра — без программирования. Без апсейлов и кросс-сейлов — здесь нечего купить.
Начать →▌ Гайды по теме
Автор
Евгений Арсентьев
PhD · CEO, digital health
Статьи · Свежие статьи