38 caracteres · grátis para copiar
Símbolos de setas em toda espessura
O Unicode traz setas em várias espessuras, espalhadas por vários blocos: setas finas em U+2190, setas duplas em U+21D0, setas pretas grossas espalhadas pelas faixas de Dingbats e Símbolos Diversos, e triângulos que fazem as vezes de botões direcionais. Copie qualquer caractere abaixo; cada um vem com seu nome Unicode e ponto de código, e as quatro que as plataformas costumam exibir como emoji estão sinalizadas.
Setas finas
O conjunto básico — as oito direções mais as duas setas bidirecionais. Com suporte universal.
Setas duplas
Setas de dois traços. Na matemática, elas significam implicação, não direção — vale saber disso antes de usar uma de forma decorativa.
Setas grossas
Setas sólidas com peso visual de verdade. As quatro têm apresentação em emoji — adicione U+FE0E para mantê-las monocromáticas.
Setas triangulares
Triângulos direcionais — o que normalmente é usado para desenhar um D-pad, um controle de mídia ou uma tecla de seta na tela. Sem apresentação em emoji, então sempre assumem sua cor.
Retorno, atualização e troca
As setas que significam uma ação, não uma direção: desfazer, recarregar, trocar, ramificar.
Clique em qualquer caractere para copiá-lo. Nada é baixado — são caracteres de texto, não imagens.
Blocos Unicode
- U+2190–U+21FF Setas
- U+25B2–U+25C0 Formas Geométricas
- U+27A1, U+2934, U+2B05 Setas Suplementares-B / Dingbats / Símbolos Diversos e Setas
Como usar Símbolos de Setas
Escolha a espessura que combina com seu texto
As setas finas ←↑→↓ se encaixam bem dentro do texto do corpo. Setas grossas e triângulos são para botões e controles, onde uma seta precisa parecer um alvo, não uma pontuação.
Force a apresentação em texto nas quatro grossas
⬅ ⬆ ➡ ⬇ têm forma em emoji, e muitas plataformas escolhem essa forma por padrão, o que sobrepõe sua cor. Adicione o seletor de variação U+FE0E para mantê-las monocromáticas — ou use os triângulos, que não têm forma de emoji alguma.
Use-as para rotular controles de teclado
Uma tabela de controles fica melhor como ← → ↑ ↓ do que escrita por extenso. Dê ao elemento um aria-label nomeando a tecla, já que um leitor de tela anuncia "seta para a esquerda" em vez de "tecla de seta esquerda".
Não use setas duplas para indicar direção em textos técnicos
Na matemática, ⇒ significa "implica" e ⇔ significa "se e somente se". Leitores em contextos técnicos vão ler primeiro o sentido lógico, então use setas simples quando quiser dizer movimento.
Sobre Símbolos de Setas
As setas estão espalhadas por mais blocos do Unicode do que quase qualquer outra categoria, e é por isso que encontrar a certa é mais difícil do que deveria ser. O bloco principal de Setas, em U+2190, cobre as oito direções da bússola em traço fino, além de uma longa cauda de variantes matemáticas e técnicas especializadas. As setas pretas grossas que a maioria das pessoas realmente quer para botões não estão nem ali — elas moram em Dingbats e em Símbolos Diversos e Setas, em pontos de código tão espalhados quanto U+27A1 e U+2B05.
Essa história cria uma armadilha prática. As quatro setas direcionais grossas ganharam depois apresentações em emoji, então em muitas plataformas o ➡ chega como um emoji colorido que ignora sua cor do CSS e fica levemente desalinhado da linha de base do texto. Adicionar o seletor de variação de texto U+FE0E resolve isso. Os triângulos direcionais ◀▲▶▼ do bloco Formas Geométricas nunca tiveram forma de emoji, o que os torna a escolha mais confiável para controles de interface — e é por isso que este site desenha seus controles de jogo na tela com triângulos.
As setas duplas merecem um alerta específico. Na notação matemática, ⇒ é implicação e ⇔ é equivalência, e essas leituras são fortes o bastante para que um leitor com formação técnica enxergue lógica antes de direção. Se você quer dizer "leva a" ou "resulta em", a seta simples → é correta e inequívoca. Reserve as duplas para o significado que elas carregam.
Em jogos, as setas carregam um peso incomum, porque são elas que explicam o movimento. Todo jogo controlado por teclado neste site documenta seus controles com setas finas e desenha seus controles de toque como triângulos, então o mesmo vocabulário direcional funciona tanto ao ler as instruções quanto ao tocar na tela — e, como os dois são texto, os dois assumem automaticamente a cor de destaque do jogo.
Jogos desenhados com esses caracteres
Todo tabuleiro deste site é construído com Unicode, não com sprites. Estes usam os caracteres acima.
Perguntas frequentes
Como eu copio um símbolo de seta?
Clique em qualquer seta acima para copiá-la para sua área de transferência. Para digitar uma: em HTML, use → ← ↑ ↓, e na maioria dos editores o ponto de código funciona diretamente — U+2192 para →.
Por que minha seta virou um emoji colorido?
As setas grossas ⬅ ⬆ ➡ ⬇ têm apresentação em texto e em emoji, e várias plataformas usam o emoji por padrão. Adicione o seletor de variação de texto U+FE0E logo depois do caractere, ou troque pelos triângulos ◀▲▶▼, que não têm forma de emoji.
Qual é a diferença entre → e ⇒?
Visualmente é um traço contra dois, mas os significados são diferentes. Na matemática, ⇒ significa "implica" e ⇔ significa "se e somente se". Para direção ou movimento simples, use a seta simples → — do contrário, um leitor técnico vai enxergar lógica onde você queria dizer movimento.
Quais setas eu devo usar para controles de jogo ou de mídia?
Os triângulos direcionais ◀▲▶▼ do bloco Formas Geométricas. Eles não têm apresentação em emoji, então sempre assumem sua cor do CSS, e têm peso visual suficiente para parecer botões, não pontuação.
Os símbolos de seta são acessíveis para leitores de tela?
Eles são anunciados pelo seu nome Unicode, então → é lido como "seta para a direita" — o que raramente é o que você quer dizer. Se uma seta rotula um controle, dê ao elemento um aria-label como "Mover para a esquerda" e esconda o caractere com aria-hidden para que não seja lido duas vezes.
Support the arcade
Curtindo os jogos?
O UnicodeGames é gratuito, não tem anúncios e nunca vai ter. Se ele alegrou uma pausa para o café, você pode retribuir o favor.
Me pague um caféOne-off · No account needed · Handled by Buy Me a Coffee