38文字・コピー無料
あらゆる太さの矢印記号
Unicodeは複数のブロックにまたがって矢印を収録しています——U+2190の細線矢印、U+21D0の二重矢印、ディンバットとその他の記号ブロックに散らばる太い矢印、そして方向ボタンの代わりとしても使われる三角形です。以下の文字はクリックでコピーでき、それぞれにUnicode名とコードポイントが記載されています。プラットフォームによって絵文字化されやすい4つの矢印には印がついています。
細線矢印
基本となるセットです——8方向すべてと、双方向の矢印2つ。あらゆる環境で表示されます。
二重矢印
2本線で描かれる矢印です。数学では方向ではなく「ならば」という含意を意味するため、装飾的に使う前に知っておく価値があります。
太字矢印
しっかりとした視覚的な重みを持つ、塗りつぶしの矢印です。4つとも絵文字表示を持っているため、モノクロを保つにはU+FE0Eを追加してください。
三角形矢印
方向を示す三角形です——十字キーやメディア操作、画面上の矢印キーによく使われます。絵文字表示を持たないため、常にテキストカラーを引き継ぎます。
戻る・更新・入れ替え
方向ではなく操作を意味する矢印です——取り消し、再読み込み、入れ替え、分岐など。
文字をクリックするとコピーされます。ダウンロードは発生しません——これらは画像ではなくテキスト文字です。
Unicodeブロック
- U+2190–U+21FF 矢印
- U+25B2–U+25C0 図形記号
- U+27A1, U+2934, U+2B05 補助矢印B / 装飾記号 / その他の記号と矢印
矢印記号の使い方
テキストに合う太さを選ぶ
細線矢印←↑→↓は本文の中に自然に馴染みます。太字矢印や三角形は、句読点のようにではなく、ボタンや操作ターゲットとして矢印を読ませたい時に向いています。
太字の4種類にはテキスト表示を強制する
⬅ ⬆ ➡ ⬇はすべて絵文字形式を持ち、多くのプラットフォームがデフォルトでそちらを選ぶため、指定した色が上書きされてしまいます。バリエーションセレクタ（U+FE0E）を追加してモノクロを保つか、絵文字形式がまったく存在しない三角形を使いましょう。
キーボード操作の表記に使う
操作一覧は、単語で書くよりも← → ↑ ↓と表記した方が読みやすくなります。スクリーンリーダーは「左矢印キー」ではなく「左向き矢印」と読み上げるため、要素にはキー名を示すaria-labelを付けましょう。
技術文書で方向を表すのに二重矢印を使わない
数学では⇒は「ならば」、⇔は「必要十分条件」を意味します。技術的な文脈の読者は、まず論理的な意味で読み取ってしまうため、移動を表したい時は単線の矢印を使いましょう。
矢印記号について
矢印は、他のどのカテゴリーよりも多くのUnicodeブロックにまたがって散らばっており、それが目的の矢印を見つけにくくしている理由です。中核となるU+2190の矢印ブロックには、細線での8方位と、専門的な数学・技術用のバリエーションが数多く収録されています。ところが、多くの人がボタン用に本当に欲しがっている太い黒矢印はそこにはありません——それらはディンバットやその他の記号と矢印ブロックに、U+27A1やU+2B05のように散らばって存在しています。
この歴史が、実用上の落とし穴を生んでいます。4つの太い方向矢印には後から絵文字表示が追加されたため、多くのプラットフォームで➡はCSSの色指定を無視するフルカラーの絵文字として表示され、テキストのベースラインからも微妙にずれて表示されます。テキストバリエーションセレクタ（U+FE0E）を追加すればこれを解決できます。図形記号ブロックの方向三角形◀▲▶▼には絵文字形式が一度も存在したことがないため、インターフェースの操作ボタンにはより信頼できる選択肢です——このサイトが画面上のゲーム操作ボタンに三角形を使っているのも、そのためです。
二重矢印については、特に注意が必要です。数学的な記法では⇒は含意、⇔は同値を表し、その読み方は非常に強く定着しているため、技術的な素養のある読者は方向よりも先に論理として読み取ってしまいます。「〜へ向かう」「〜につながる」という意味で使いたいなら、単線の矢印→の方が正確で誤解がありません。二重矢印は、その本来の意味のために取っておきましょう。
ゲームにおいて、矢印は移動の説明を担うという特別な重みを持っています。このサイトのキーボード操作対応ゲームはすべて、細線矢印で操作方法を説明し、タッチ操作は三角形で表示しています。そのため、説明を読んでいる時も画面をタップしている時も、同じ方向の語彙が使われます。どちらもテキストであるため、自動的にそのゲームのアクセントカラーを引き継ぎます。
これらの文字で描かれたゲーム
このサイトのボードはすべて、スプライトではなくUnicodeで作られています。ここに挙げるゲームは、上記の文字を使用しています。
よくある質問
矢印記号はどうやってコピーしますか？
上の矢印をクリックすればクリップボードにコピーされます。直接入力する場合、HTMLでは→ ← ↑ ↓を使い、多くのエディタではコードポイントをそのまま入力できます——→ならU+2192です。
矢印が色つきの絵文字になってしまうのはなぜですか？
太字矢印の⬅ ⬆ ➡ ⬇は、テキスト表示と絵文字表示の両方を持っており、複数のプラットフォームがデフォルトで絵文字を選択します。文字の直後にテキストバリエーションセレクタ（U+FE0E）を追加するか、絵文字形式を持たない三角形◀▲▶▼に切り替えてください。
→と⇒の違いは何ですか？
見た目は線が1本か2本かの違いですが、意味は異なります。数学では⇒は「ならば」、⇔は「必要十分条件」を意味します。単純な方向や移動を表したい場合は、単線の矢印→を使いましょう。そうしないと、技術的な読者は移動のつもりで書いた記号を論理として読んでしまいます。
ゲームやメディア操作にはどの矢印を使うべきですか？
図形記号ブロックの方向三角形◀▲▶▼です。絵文字表示を持たないため常にCSSの色を引き継ぎ、句読点ではなくボタンとして読ませるのに十分な視覚的重みがあります。
矢印記号はスクリーンリーダーでも読み上げられますか？
Unicode名で読み上げられるため、→は「右向き矢印」と読まれます——これは意図した意味とは違うことがほとんどです。矢印が操作ボタンのラベルになっている場合は、要素に「左に移動」のようなaria-labelを設定し、文字自体はaria-hiddenで隠して二重に読み上げられないようにしましょう。
Support the arcade
ゲームを楽しんでいただけていますか？
UnicodeGamesは無料で、広告は一切なく、今後もそれは変わりません。コーヒー休憩が少しでも楽しくなったなら、恩返しをしていただけると助かります。
コーヒーを1杯おごるOne-off · No account needed · Handled by Buy Me a Coffee