Emojis: copie e use bem

Um emoji é um caractere de texto, não uma imagem. Esse único fato explica a maior parte do comportamento deles: são leves e fáceis de colar, mas você não controla como aparecem.

Abrir este conjunto no Icon Library

Outros conjuntos: Lucide · Feather · Bootstrap Icons

Alguns emojis para copiar

• 😀grinning face
• 😂tears of joy
• 🥰smiling with hearts
• 😎sunglasses
• 🤔thinking
• 👍thumbs up
• 👋waving hand
• 🙌raising hands
• 🎉party popper
• 🔥fire
• ⭐star
• ✅check mark
• ❌cross mark
• ⚠️warning
• 💡light bulb
• 📌pushpin
• 📎paperclip
• 📁folder
• 📅calendar
• 📧e-mail
• 🔍magnifying glass
• 🔒locked
• ⚙️gear
• 🚀rocket
• 💻laptop
• 📱mobile phone
• 🌍globe
• ☕hot beverage
• 🐞lady beetle
• 📣megaphone
• 🎨palette
• ✏️pencil
• 👩‍💻woman technologist
• 🇧🇷flag: Brazil

Por que o mesmo emoji muda de aparência

O padrão Unicode define o caractere e o significado, e o desenho vem de uma fonte em cada aparelho. Por isso, 😀 é desenhado de forma diferente no Android, no iOS e no Windows. Um emoji novo também demora a chegar a todos os sistemas, e até lá um aparelho antigo pode mostrar um quadrado vazio. O Icon Library sinaliza os que não têm desenho na sua máquina, para você ver antes de usar.

As bandeiras são um exemplo conhecido: o Windows em geral mostra duas letras, como "BR", em vez da bandeira. Não dependa só de um emoji de bandeira para indicar um idioma ou país.

Emojis feitos de vários caracteres

Alguns emojis são sequências unidas por um caractere invisível. 👩‍💻 combina 👩 e 💻, e um sistema sem essa combinação mostra os dois separados. Isso também afeta o código: um emoji assim conta como vários caracteres numa string do JavaScript, então cortar o texto com slice pode quebrá-lo.

"👩‍💻".length                   // 5
    [...new Intl.Segmenter().segment("👩‍💻")].length  // 1

Acessibilidade

Leitores de tela anunciam o nome de cada emoji, então uma fileira deles é lida em voz alta por inteiro. Use com moderação e não troque por emoji uma palavra que carrega significado. Se for só decoração, esconda dos leitores:

<span aria-hidden="true">🎉</span> Pagamento confirmado

Emoji ou ícone SVG?

• Emoji: mensagens, redes sociais, commits, documentos e outros textos, onde um pouco de personalidade ajuda e a aparência exata não importa.
• Ícone SVG: botões, menus e tudo que for interface, onde você precisa de aparência igual em todos os sistemas, cores próprias e tamanho preciso. Veja o Lucide ou o Bootstrap Icons.

Posso usar emojis à vontade?

Digitar o caractere é livre, porque é só texto. Os desenhos são outra história: a arte de cada empresa pertence a ela, com termos próprios, então confira antes de usar a imagem de um emoji, por exemplo num logotipo ou num produto.