# Как лучше всего настроить компонент иконок twemoji?

**URL:** <https://meta.discourse.org/t/how-would-i-best-setup-a-twemoji-icons-component/270181>\
**Category:** Development\
**Created:** [30.Июнь.2023 17:19:40 UTC](https://meta.discourse.org/t/how-would-i-best-setup-a-twemoji-icons-component/270181 "2023-06-30T17:19:40Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)\
**Post date:** [30.Июнь.2023 17:19:40 UTC](https://meta.discourse.org/t/how-would-i-best-setup-a-twemoji-icons-component/270181/1 "2023-06-30T17:19:40Z")

</div>

Я работаю над темой, в которой хочу использовать эмодзи в качестве иконок в некоторых местах. Итоговый вид должен быть примерно таким:

 ![Screenshot from 2023-06-30 17-52-59](https://global.discourse-cdn.com/meta/original/4X/7/2/3/723e212022436c868e52582fd23c6401a1075d1b.png)

Я хотел бы оформить это как компонент, по сути просто добавив спрайт-лист Twemoji. Тогда эмодзи можно будет выбирать для бокового меню и в качестве иконок категорий. Я не хочу полностью заменять системные иконки.

В целом это работает, но мне бы хотелось узнать ваше мнение по двум вопросам:

- Полный набор содержит более 3000 иконок. Размер файла составит 8 МБ. Я нашел в интернете ограниченный спрайт-лист размером 2 МБ. Полный набор не сработал, а уменьшенный — да. На какой размер набора иконок стоит ориентироваться?
- По умолчанию у эмодзи в качестве идентификатора (id) используется шестнадцатеричное значение Unicode. Поэтому вам придется использовать выборщик эмодзи, например [Twemoji Cheatsheet](https://twemoji-cheatsheet.vercel.app/), чтобы найти нужный эмодзи и его шестнадцатеричное значение, а затем ввести их. Например:  
 ![Screenshot from 2023-06-30 17-54-48](https://global.discourse-cdn.com/meta/original/4X/2/8/7/28796409a93debd55a4b3ec016f56ced823e1e58.png)

Не знает ли кто-нибудь, как лучше автоматизировать замену идентификаторов на реальные короткие имена? Тогда можно было бы выбирать эмодзи, просто вводя, например, «tw-books»?

---

_[View the full topic](https://meta.discourse.org/t/how-would-i-best-setup-a-twemoji-icons-component/270181)._