Cómo usar: Copiar y pegar emojis
- Escribe lo que buscas —puedes usar tanto nombres como palabras clave («lol», «dinero», «me gusta»)— o echa un vistazo a algún grupo.
- Elige un tono de piel; se aplicará a todos los emojis que lo admitan.
- Haz clic en un emoji para copiarlo y añadirlo a la barra de colección. Haz clic en «Más» para crear una cadena y, a continuación, selecciona «Copiar todo».
- Usa el panel de detalles para el punto de código, la entidad HTML, el CSS
content, el código de escape de JavaScript, el shortcode o un favicon SVG.
Cómo usar emojis en páginas web
Los emojis son caracteres Unicode normales, así que puedes pegarlos directamente en HTML, en los campos de texto de Webflow y en el contenido del CMS. En el código, suele ser más seguro usar un carácter de escape, que este selector te proporciona para cada emoji:
| Donde | Ejemplo para 🚀 |
|---|---|
| Entidad HTML | 🚀 |
CSS content | content: "\1F680"; |
| JavaScript | "\u{1F680}" |
| Código corto (Slack, GitHub) | :rocket: |
Favicon con emoji en una sola línea
Los navegadores modernos admiten favicones SVG, y un SVG puede contener un emoji. El selector te genera la etiqueta automáticamente, lo que es perfecto para prototipos, proyectos paralelos y sitios de prueba:
<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>">Para un favicon de producción con imágenes PNG de reserva, usa el Generador de favicones.
¿Por qué los emojis se ven diferentes en cada sitio?
Cada plataforma (Apple, Google, Microsoft, Samsung) dibuja sus propios emojis, y es posible que los sistemas más antiguos no reconozcan los más nuevos; en su lugar, muestran un recuadro o dos emojis separados. Los tonos de piel y los emojis combinados como 👩💻 son secuencias de varios puntos de código unidos por un separador de ancho cero; échales un vistazo con el Inspector de caracteres Unicode.
Los emojis y la accesibilidad
Los lectores de pantalla anuncian los emojis por su nombre («cohete»). Úsalos para dar más vida al texto, no para sustituir palabras; evita las cadenas largas de emojis y colócalos al final de la frase en lugar de en medio. En las redes sociales, combínalos con texto formateado del Generador de texto en negrita.
También se busca como: buscador de emojis, lista completa de emojis, selector de emojis, búsqueda de emojis, teclado de emojis en línea, emoji unicode, código html de los emojis, contenido css de emojis.
Herramientas que combinan con: Copiar y pegar emojis
- Símbolos y caracteres especiales — Marcas de verificación, flechas, estrellas, viñetas, signos matemáticos y monetarios, superíndices, dibujos de recuadros, espacios invisibles y emoticonos como ¯\_(ツ)_/¯: haz clic para copiarlos, con la entidad HTML, el CSS y el código Unicode de cada uno.
- Generador de arte ASCII — Escribe una palabra y mírala en 20 fuentes de arte ASCII a la vez: Standard, Slant, ANSI Shadow, Doom y muchas más.
- HTML Entity Encoder — Escape < > & " so text is safe to show in HTML, convert accents and symbols to named or numeric entities, or decode entity-filled HTML back to plain text.