絵文字検索
happy、cat、pizza、rocket などの英単語を入力すると、最新のUnicode絵文字セットから一致する絵文字がすべて表示されます。絵文字をクリックするとコピーされ、正式な英語名、追加された絵文字のバージョン、キーワード、コードポイントを確認できます。無料、登録不要。
絵文字の一覧を読み込んでいます…
絵文字検索の使い方
- 1. 検索します。 単語を入力します。入力したそれぞれの単語は、絵文字の名前またはキーワードの単語の先頭と一致する必要があります。たとえば red heart と heart red はどちらも ❤️ を見つけ、thum は thumbs を見つけます。検索の対象は英語の名前とキーワードなので、英単語で入力してください。
- 2. カテゴリーで絞り込みます。 ボタンを使うと、結果をUnicodeの9つのグループのいずれか(Food & Drink や Flags など)に絞り込めます。
- 3. 肌の色を選びます。 👋 のように肌の色のバリエーションがある絵文字では、一覧とコピーボタンが選んだ色を使います。
- 4. 絵文字をクリックします。 クリップボードにコピーされ、パネルに名前、カテゴリー、キーワード、コードポイントが表示されます。開発者向けに HTML、CSS、JavaScript のエスケープも示されます。
データの出所
名前、グループ、バージョン番号は、現在の絵文字バージョン用のUnicode絵文字データファイルから取得しています。検索キーワードは、Unicode CLDR の英語の注釈(キーボードが絵文字の候補に使うのと同じデータ)から取得しています。ページは初めて使うときに一覧を読み込み、下部に絵文字のバージョンを表示します。これは小型版で、各ベース絵文字は一度だけ一覧に載せ、肌の色のバリエーションはそこから作るため、ファイルサイズを小さく保っています。
絵文字の技術的な仕組み
絵文字はテキストです。1つのコードポイントで表されるもの(😀 は U+1F600)もあれば、フォントが1つの絵として描画する並びもあります。パネルには正確なコードポイントが表示されるので、どれに当たるかを確認できます。
| 種類 | 作られ方 | 例 |
|---|---|---|
| 単一のコードポイント | 1文字 | 😀 — U+1F600 |
| 異体字セレクターあり | 文字に U+FE0F を付けて、カラーの絵文字スタイルを指定 | ❤️ — U+2764 U+FE0F |
| 肌の色 | 絵文字の後に肌の色の修飾子 U+1F3FB(明るい)から U+1F3FF(濃い)を付ける | 👋🏽 — U+1F44B U+1F3FD |
| 結合(ZWJ)シーケンス | ゼロ幅の結合子 U+200D でつないだ複数の絵文字 | 👩💻 — U+1F469 U+200D U+1F4BB |
| 国旗 | 2つの地域指示子文字が国コードを綴る | 🇺🇸 — U+1F1FA U+1F1F8 |
| キーキャップ | 数字または記号に U+FE0F と U+20E3 を付ける | 1️⃣ — U+0031 U+FE0F U+20E3 |
対応していないプラットフォームでは、並びの一部(人物とノートパソコンなど)が個別に表示されます。新しい絵文字が追加されていない環境では、空白の四角が表示されることもあります。追加されたバージョン の行は、どの絵文字バージョンで追加されたかを示すので、広く表示されるかどうかを判断する助けになります。
肌の色
2015年以降、人物や体の部位を表す絵文字には、フィッツパトリック尺度に基づく5種類の肌の色の修飾子のいずれかを付けられます。検索では、選んだ色を、対応するすべての絵文字に適用します。2人が描かれる絵文字(カップルや手をつないでいる人など)は、2人とも同じ色になります。Unicodeには異なる色の組み合わせも存在しますが、このツールでは作りません。
コードで絵文字を使う
パネルには、HTML文字参照(😀)、content プロパティ用のCSSエスケープ(\1F600)、JavaScriptのエスケープ(\u{1F600})が表示されます。UTF-8で保存すれば、通常はソースに絵文字そのものを書けます。エスケープは、エディタやビルド処理、古いシステムで絵文字が文字化けする場合に役立ちます。
よくある質問
- 絵文字を名前で探すにはどうしますか?
- 名前の一部、または関連する英単語を入力してください。検索は公式名とCLDRキーワードの単語の先頭を対象とし、名前が一致するものを上位に表示して、その後はUnicodeの順に一覧します。
- WindowsやMacで絵文字を入力するにはどうしますか?
- Windowsでは、Windowsキーとピリオド(またはセミコロン)を押して絵文字パネルを開きます。Macでは Control+Command+Space を押します。このページは、キーワードで検索したり、肌の色を変えたり、コードポイントを確認したりしたいときに役立ちます。
- iPhone、Androidスマートフォン、Windowsで絵文字の見た目が違うのはなぜですか?
- Unicodeが定義するのは、どの絵文字が存在し、何と呼ばれるかであり、どう描かれるかではありません。各社が独自の絵柄をデザインするため、同じ絵文字でもスタイルや細部がプラットフォームによって異なることがあります。意味は同じです。
- ゼロ幅結合子(ZWJ)シーケンスとは何ですか?
- 絵文字を組み合わせて新しい絵文字を作る方法です。結合子(U+200D)は、可能な場合に隣り合う絵文字を1つの絵として描くようフォントに指示します。たとえば、女性、結合子、ノートパソコンを組み合わせると、女性技術者の絵文字になります。対応していないシステムでは、それぞれの部品を別々に表示します。
- 一部の絵文字が見えないのはなぜですか?
- 新しい絵文字には、最近のシステムやアプリが必要です。端末が「追加されたバージョン」の行に示された絵文字バージョンより前に発売されたものだと、四角や「?」マークが表示されることがあります。システムを更新するか、独自の絵文字を備えたアプリを使うと、通常は解決します。
- どの肌の色を使えますか?
- 明るい色から濃い色までの、フィッツパトリック尺度に基づく5種類の修飾子と、標準の黄色です。人物や体の部位を描いた絵文字だけに肌の色があり、そのほかの絵文字は変わりません。