38 caracteres · gratis para copiar
Símbolos de flecha en cada grosor
Unicode lleva flechas en varios grosores repartidas en varios bloques: flechas ligeras en U+2190, flechas dobles en U+21D0, flechas negras gruesas dispersas por los rangos de Dingbats y Símbolos Diversos, y triángulos que hacen de botones direccionales. Copia cualquier carácter de abajo; cada uno aparece con su nombre Unicode y su punto de código, y las cuatro que las plataformas suelen mostrar como emoji están señaladas.
Flechas ligeras
El conjunto base — las ocho direcciones más las dos flechas bidireccionales. Con soporte universal.
Flechas dobles
Flechas de doble trazo. En matemáticas significan implicación, no dirección — vale la pena saberlo antes de usarlas de forma decorativa.
Flechas gruesas
Flechas sólidas con peso visual real. Las cuatro tienen presentaciones de emoji — añade U+FE0E para mantenerlas monocromas.
Flechas de triángulo
Triángulos direccionales — con lo que suele dibujarse un D-pad, un control multimedia o una flecha de teclado en pantalla. Sin presentación de emoji, así que siempre toman tu color.
Retorno, actualizar e intercambiar
Las flechas que significan una acción en lugar de una dirección: deshacer, recargar, intercambiar, ramificar.
Haz clic en cualquier carácter para copiarlo. No se descarga nada: son caracteres de texto, no imágenes.
Bloques Unicode
- U+2190–U+21FF Flechas
- U+25B2–U+25C0 Formas Geométricas
- U+27A1, U+2934, U+2B05 Flechas Suplementarias-B / Dingbats / Símbolos y Flechas Diversos
Cómo usar Símbolos de Flechas
Elige el grosor que combine con tu texto
Las flechas ligeras ←↑→↓ encajan correctamente dentro del texto normal. Las flechas gruesas y los triángulos son para botones y controles donde una flecha necesita leerse como un objetivo y no como puntuación.
Fuerza la presentación de texto en las cuatro gruesas
⬅ ⬆ ➡ ⬇ tienen todas formas de emoji y muchas plataformas las eligen por defecto, lo que anula tu color. Añade el selector de variación U+FE0E para mantenerlas monocromas — o usa los triángulos, que no tienen ninguna forma de emoji.
Etiqueta los controles de teclado con ellas
Una tabla de controles se lee mejor como ← → ↑ ↓ que como las palabras. Dale al elemento un aria-label que nombre la tecla, ya que un lector de pantalla anuncia "flecha hacia la izquierda" en lugar de "tecla de flecha izquierda".
No uses flechas dobles para indicar dirección en escritura técnica
En matemáticas ⇒ significa "implica" y ⇔ significa "si y solo si". Los lectores en contextos técnicos leerán primero el significado lógico, así que usa flechas simples cuando te refieras a movimiento.
Acerca de Símbolos de Flechas
Las flechas están repartidas en más bloques Unicode que casi cualquier otra categoría, por lo que encontrar la correcta es más difícil de lo que debería ser. El bloque principal de Flechas en U+2190 cubre las ocho direcciones de la brújula en un trazo ligero, más una larga cola de variantes matemáticas y técnicas especializadas. Las flechas negras gruesas que la mayoría de la gente realmente quiere para botones no están ahí en absoluto — viven en Dingbats y en Símbolos y Flechas Diversos, en puntos de código tan dispersos como U+27A1 y U+2B05.
Esa historia crea una trampa práctica. A las cuatro flechas gruesas direccionales se les dio más tarde presentaciones de emoji, así que en muchas plataformas ➡ llega como un emoji a todo color que ignora tu color de CSS y se apoya ligeramente mal en la línea base del texto. Añadir el selector de variación de texto U+FE0E lo arregla. Los triángulos direccionales ◀▲▶▼ del bloque de Formas Geométricas nunca tuvieron formas de emoji, lo que los convierte en la opción más fiable para controles de interfaz — y es por eso que este sitio dibuja sus controles de juego en pantalla con triángulos.
Las flechas dobles merecen una advertencia específica. En notación matemática ⇒ es implicación y ⇔ es equivalencia, y estas lecturas son lo bastante fuertes como para que un lector con formación técnica vea lógica antes que dirección. Si quieres decir "lleva a" o "conduce a", la flecha simple → es correcta e inequívoca a la vez. Reserva las dobles para el significado que llevan.
En los juegos, las flechas cargan con un peso inusual porque son la forma en que se explica el movimiento. Cada juego controlado por teclado de este sitio documenta sus controles con las flechas ligeras y dibuja sus controles táctiles como triángulos, así que el mismo vocabulario direccional funciona ya sea que estés leyendo las instrucciones o tocando la pantalla — y como ambos son texto, ambos toman el color de acento del juego automáticamente.
Juegos dibujados con estos caracteres
Todos los tableros de este sitio están construidos con Unicode, no con sprites. Estos usan los caracteres de arriba.
Preguntas frecuentes
¿Cómo copio un símbolo de flecha?
Haz clic en cualquier flecha de arriba para copiarla a tu portapapeles. Para escribir una en su lugar: en HTML usa → ← ↑ ↓, y en la mayoría de los editores el punto de código funciona directamente — U+2192 para →.
¿Por qué mi flecha se convirtió en un emoji de color?
Las flechas gruesas ⬅ ⬆ ➡ ⬇ tienen tanto presentaciones de texto como de emoji, y varias plataformas usan el emoji por defecto. Añade el selector de variación de texto U+FE0E justo después del carácter, o cambia a los triángulos ◀▲▶▼, que no tienen ninguna forma de emoji.
¿Cuál es la diferencia entre → y ⇒?
Visualmente, un trazo frente a dos, pero los significados difieren. En matemáticas ⇒ significa "implica" y ⇔ significa "si y solo si". Para dirección o movimiento simple, usa la flecha simple → — un lector técnico leerá lógica donde tú querías decir movimiento si no lo haces.
¿Qué flechas debería usar para controles de juego o de medios?
Los triángulos direccionales ◀▲▶▼ del bloque de Formas Geométricas. No tienen presentación de emoji, así que siempre toman tu color de CSS, y llevan el peso visual suficiente para leerse como botones en lugar de puntuación.
¿Los símbolos de flecha son accesibles para lectores de pantalla?
Se anuncian por su nombre Unicode, así que → se lee como "flecha hacia la derecha" — que rara vez es lo que quieres decir. Si una flecha etiqueta un control, dale al elemento un aria-label como "Mover a la izquierda" y oculta el carácter con aria-hidden para que no se lea dos veces.
Support the arcade
¿Disfrutas los juegos?
UnicodeGames es gratis, no tiene anuncios y nunca los tendrá. Si alegró tu descanso para el café, puedes devolver el favor.
Invítame un caféOne-off · No account needed · Handled by Buy Me a Coffee