IcoMoon チートシート:491 アイコンの unicode 一覧とコード
IcoMoon Free の全 491 アイコンを 1 枚の一覧表に:アイコン名、私用領域(PUA)の unicode コードポイント、そして生成されるスタイルシートが期待する CSS クラス名。どの値もクリックでコピーでき、入力すると即座に絞り込み、名前をクリックすると個別ページへ。unicode 列が content: ルールに入る値です——エスケープ形式(例: \e900)は CSS 用、HTML 実体参照はマークアップに直接書けます。
491 行を表示 · クリックでコピー
この一覧の使い方:コードポイント・クラス名・エスケープ
IcoMoon は各アイコンを Unicode 私用領域(U+E000–U+F8FF)の 1 コードポイントに割り当て、生成される @font-face でフォントを読み込み、クラス名で擬似要素にそのコードを流し込みます。つまり表の 3 列は同じ字形の 3 通りの書き方です:クラス名 .icon-home は HTML 側の入口で、中身は ::before { content: "\e900"; }に等しい。スタイルで最もよくコピーするのはバックスラッシュのエスケープ形式 \e900——これは CSS/SCSS の content にそのまま置けます。マークアップ本文に書くなら実体参照  を使います。
実務のコツ:擬似要素では font-family を IcoMoon-Free に、font-weightを normal に固定しないと、太字コンテキストでアイコンがずれます。装飾目的のアイコンには aria-hidden="true" を付与。ここに並ぶアイコン名・コード一覧はダウンロードページのスタイルシートと一字一句同じなので、コピーした値はそのままプロジェクトで動きます。
これらのクラス名はダウンロードページのスタイルシートと同一です。導入手順は使い方ガイド、アイコンが表示されないときはトラブル対処へ。