Font Awesome のアイコンを日本語で検索し Unicode が分かるように一覧化してみた

2016/01/20

アイコン Web フォントと言えば Font Awesome です。このサイトでもカレンダーや SNS のアイコンは、画像ファイルでなく Font Awesome を利用しています。CDN で提供されているので、自前のサーバーにアップロードする必要がなく簡単に利用できる便利なフォントです。

ただ、アイコン一覧のページから探すのがとても大変です。そもそも英語があまり得意でないのもありますが、日本語で簡単に検索出来たら便利だなぁと思い、このリスト作成に至ったと言うわけです。大したものではありませんが、同じように困っている人も居ると思うのでお役に立てれば幸いです。

日本語の内容については僕の独断と偏見で記載しているので、イメージと異なる部分があるかと思いますので、その点はご了承ください。

その前に Font Awesome って何だ?という方は、こちらのサイトをご覧ください。とても丁寧に説明しているので、一読すればどのようなものか把握できると思います。

楽して便利!Webアイコンフォント『Font Awesome』の使い方と活用 Tips

Font Awesome version 4.6.3 アイコンリスト

※ 2016/6/20 Ver. 4.5 から Ver. 4.6.3 へ更新

テキストを入力するだけで一覧から絞込が行われます。検索対象は表に掲載している全ての情報となります。クラス名を表示しているので英語名称は載せていません。検索単語は1語のみで And 検索には対応していません。

一覧のクラスをクリックするとソースへ貼り付けるためのコードが表示されます。

ICONクラスUnicode名称
fa-american-sign-language-interpreting\f2a3手話 アメリカンサインランゲージ ASL
fa-assistive-listening-systems\f2a2補聴器
fa-audio-description \f29eオーディオディスクリプション
fa-blind\f29d視覚障害者
fa-braille\f2a1点字
fa-deaf\f2a4聴覚障害者
fa-envira\f299エンヴィラギャラリー
fa-font-awesome\f2b4フォントオーサム
fa-first-order \f2b0ファーストオーダー スターウォーズ
fa-gitlab\f296ギットラボ
fa-glide\f2a5グライド
fa-glide-g\f2a6グライド
fa-google-plus-official\f2b3グーグルプラス
fa-instagram \f16dインスタグラム
fa-low-vision\f2a8弱視 視覚障害者 老眼
fa-pied-piper\f29cパイドパイパー
fa-question-circle-o \f042はてな 疑問 ハテナ 円
fa-sign-language\f2a7手話
fa-snapchat\f2abスナップチャット
fa-snapchat-ghost\f2acスナップチャット
fa-snapchat-square\f2adスナップチャット
fa-themeisle\f2b2シームアイル
fa-universal-access\f29aユニバーサルアクセス
fa-viadeo\f2a9ヴィアデオ
fa-viadeo-square\f2aaヴィアデオ
fa-volume-control-phone\f2a0電話 ボリューム調整
fa-wheelchair-alt\f29b車いす 車椅子
fa-wpbeginner\f297ワードプレスビギナー
fa-wpforms\f298ワードプレスフォームビルダー
fa-yoast\f2b1ヨースト
fa-adjust\f042調整
fa-anchor\f13d錨 碇 いかり
fa-archive\f187アーカイブ 箱
fa-area-chart\f1feチャート 折れ線グラフ
fa-arrows\f047矢印 十字
fa-arrows-h\f07e矢印 左右
fa-arrows-v\f07d矢印 上下
fa-asterisk\f069アスタリスク 米
fa-at\f1faアットマーク
fa-automobile\f1b9車 乗り物
fa-balance-scale\f24e天秤 バランス
fa-ban\f05e禁止 NG
fa-bank\f19c銀行 建物
fa-bar-chart\f080チャート 棒グラフ
fa-bar-chart-o\f080チャート 棒グラフ
fa-barcode\f02aバーコード
fa-bars\f0c9バー ハンバーガー メニュー
fa-battery-0\f244バッテリー 電池
fa-battery-1\f243バッテリー 電池
fa-battery-2\f242バッテリー 電池
fa-battery-3\f241バッテリー 電池
fa-battery-4\f240バッテリー 電池
fa-battery-empty\f244バッテリー 電池
fa-battery-full\f240バッテリー 電池
fa-battery-half\f242バッテリー 電池
fa-battery-quarter\f243バッテリー 電池
fa-battery-three-quarters\f241バッテリー 電池
fa-bed\f236ベッド 病気 寝る
fa-beer\f0fcビール グラス ドリンク
fa-bell\f0f3ベル 鈴 音
fa-bell-o\f0a2ベル 鈴 音
fa-bell-slash\f1f6ベル 鈴 音
fa-bell-slash-o\f1f7ベル 鈴 音
fa-bicycle\f206自転車
fa-binoculars\f1e5双眼鏡
fa-birthday-cake\f1fd誕生日ケーキ
fa-bluetooth\f293ブルートゥース
fa-bluetooth-b\f294ブルートゥース
fa-bolt\f0e7電源 雷 電機
fa-bomb\f1e2爆弾 ボム
fa-book\f02d
fa-bookmark\f02eブックマーク しおり
fa-bookmark-o\f097ブックマーク しおり
fa-briefcase\f0b1鞄 かばん カバン ブリーフケース
fa-bug\f188バグ 虫
fa-building\f1adビル 建物
fa-building-o\f0f7ビル 建物
fa-bullhorn\f0a1拡声器
fa-bullseye\f140ブル ダーツ
fa-bus\f207バス 乗り物
fa-cab\f1baタクシー 乗り物
fa-calculator\f1ecカレンダー
fa-calendar\f073カレンダー
fa-calendar-check-o\f274カレンダー チェック
fa-calendar-minus-o\f272カレンダー マイナス
fa-calendar-o\f133カレンダー
fa-calendar-plus-o\f271カレンダー ブラス
fa-calendar-times-o\f273カレンダー バツ ばつ 掛ける
fa-camera\f030カメラ 写真
fa-camera-retro\f083カメラ 写真
fa-car\f1b9車 乗り物
fa-caret-square-o-down\f150矢印 下向き三角 四角
fa-caret-square-o-left\f191矢印 左向き三角 四角
fa-caret-square-o-right\f152矢印 右向き三角 四角
fa-caret-square-o-up\f151矢印 上
fa-cart-arrow-down\f218ショッピング カート 矢印 下
fa-cart-plus\f217ショッピング カート プラス
fa-cc\f20aクリエイティブコモンズ
fa-certificate\f0a3証明書 ギザギザ 金平糖
fa-check\f00cチェック
fa-check-circle\f058チェック 丸
fa-check-circle-o\f05dチェック 丸
fa-check-square\f14aチェック 四角
fa-check-square-o\f046チェック 四角
fa-child\f1ae人 子供 小人 こども
fa-circle\f111円 丸
fa-circle-o\f10c円 丸
fa-circle-o-notch\f1ce円 丸
fa-circle-thin\f1db円 丸
fa-clock-o\f017時計
fa-clone\f24dコピー クローン
fa-close\f00d閉じる ばつ バツ
fa-cloud\f0c2クラウド 雲
fa-cloud-download\f0edクラウド 雲 ダウンロード
fa-cloud-upload\f0eeクラウド 雲 アップロード
fa-code\f121コード タグ
fa-code-fork\f126コード 分岐
fa-coffee\f0f4コーヒー 飲み物 ドリンク
fa-cog\f013歯車 ギア
fa-cogs\f085歯車 ギア
fa-comment\f075コメント
fa-comment-o\f0e5コメント
fa-commenting\f27aコメント
fa-commenting-o\f27bコメント
fa-comments\f086コメント
fa-comments-o\f0e6コメント
fa-compass\f14eコンパス 方位磁針
fa-copyright\f1f9コピーライト 著作権
fa-creative-commons\f25eクリエイティブコモンズ
fa-credit-card\f09dクレジットカード
fa-credit-card-alt\f283クレジットカード
fa-crop\f125トンボ
fa-crosshairs\f05b十字線 狙い 焦点
fa-cube\f1b2箱 四角
fa-cubes\f1b3箱 四角
fa-cutlery\f0f5食事 フォーク ナイフ
fa-dashboard\f0e4ダッシュボード メーター
fa-database\f1c0データベース テーブル
fa-desktop\f108パソコン デスクトップ モニター
fa-diamond\f219ダイアモンド 宝石
fa-dot-circle-o\f192丸 ドット 点
fa-download\f019ダウンロード
fa-edit\f044編集
fa-ellipsis-h\f141メニュー
fa-ellipsis-v\f142メニュー
fa-envelope\f0e0メール 封筒
fa-envelope-o\f003メール 封筒
fa-envelope-square\f199メール 封筒
fa-eraser\f12d消しゴム
fa-exchange\f0ec交換 矢印
fa-exclamation\f12aビックリマーク エクスクラメーション
fa-exclamation-circle\f06aビックリマーク エクスクラメーション
fa-exclamation-triangle\f071ビックリマーク エクスクラメーション 警告
fa-external-link\f08e外部リンク
fa-external-link-square\f14c外部リンク
fa-eye\f06e目 見る
fa-eye-slash\f070目 見る
fa-eyedropper\f1fbスポイト
fa-fax\f1acファックス
fa-feed\f09eフィード RSS
fa-female\f182女性 女子
fa-fighter-jet\f0fbジェット機 飛行機 乗り物
fa-file-archive-o\f1c6ファイル アーカイブ 保存
fa-file-audio-o\f1c7ファイル 音声 音楽
fa-file-code-o\f1c9ファイル コード プログラム
fa-file-excel-o\f1c3ファイル エクセル オフィス
fa-file-image-o\f1c5ファイル 画像 イメージ
fa-file-movie-o\f1c8ファイル 動画 ムービ
fa-file-pdf-o\f1c1ファイル PDF
fa-file-photo-o\f1c5ファイル 画像 写真
fa-file-picture-o\f1c5ファイル 画像 写真
fa-file-powerpoint-o\f1c4ファイル パワーポイント オフィス
fa-file-sound-o\f1c7ファイル 音声 音楽
fa-file-video-o\f1c8ファイル 動画 ムービ
fa-file-word-o\f1c2ファイル ワード オフィス
fa-file-zip-o\f1c6ファイル 圧縮 zip
fa-film\f008映画 フィルム
fa-filter\f0b0フィルター 抽出
fa-fire\f06d火 炎 ライター
fa-fire-extinguisher\f134消火器 火事
fa-flag\f024
fa-flag-checkered\f11e
fa-flag-o\f11d
fa-flash\f0e7フラッシュ 光 雷
fa-flask\f0c3フラスコ 理科 科学 実験
fa-folder\f07bフォルダー
fa-folder-o\f114フォルダー
fa-folder-open\f07cフォルダー
fa-folder-open-o\f115フォルダー
fa-frown-o\f119人 顔
fa-futbol-o\f1e3サッカー ボール スポーツ
fa-gamepad\f11bゲーム コントローラー
fa-gavel\f0e3小槌 裁判 議長 会議
fa-gear\f013歯車 ギア
fa-gears\f085歯車 ギア
fa-gift\f06b贈り物 プレゼント ギフト
fa-glass\f000グラス ワイン 飲み物
fa-globe\f0ac地球 世界
fa-graduation-cap\f19d大学 卒業 帽子
fa-group\f0c0人 グループ チーム 群れ
fa-hand-grab-o\f255手 じゃんけん グー
fa-hand-lizard-o\f258手 トカゲ
fa-hand-paper-o\f256手 じゃんけん パー
fa-hand-peace-o\f25b手 じゃんけん チョキ ピース
fa-hand-pointer-o\f25a手 ポイント 人差し指
fa-hand-rock-o\f255手 じゃんけん グー
fa-hand-scissors-o\f257手 じゃんけん チョキ ピース
fa-hand-spock-o\f259手 ブタの足
fa-hand-stop-o\f256手 止まれ ストップ
fa-hashtag\f292ハッシュタグ シャープ 井桁
fa-hdd-o\f0a0ハードディスク データ保存
fa-headphones\f025ヘッドフォン 音楽
fa-heart\f004ハート 心臓
fa-heart-o\f08aハート 心臓
fa-heartbeat\f21eハート 心臓 鳴動
fa-history\f1da履歴 歴史
fa-home\f015家 ホーム
fa-hotel\f236ホテル 寝る
fa-hourglass\f254砂時計 時間
fa-hourglass-1\f251砂時計 時間
fa-hourglass-2\f252砂時計 時間
fa-hourglass-3\f253砂時計 時間
fa-hourglass-end\f253砂時計 時間
fa-hourglass-half\f252砂時計 時間
fa-hourglass-o\f250砂時計 時間
fa-hourglass-start\f251砂時計 時間
fa-i-cursor\f246カーソル
fa-image\f03e画像 イメージ
fa-inbox\f01c箱 ボックス
fa-industry\f275工場 製造
fa-info\f129インフォメーション 情報
fa-info-circle\f05aインフォメーション 情報
fa-institution\f19c建物 公共施設
fa-key\f084鍵 キー
fa-keyboard-o\f11cキーボード パソコン
fa-language\f1ab言語 言葉
fa-laptop\f109ノートパソコン
fa-leaf\f06c葉っぱ
fa-legal\f0e3小槌 裁判 議長 会議
fa-lemon-o\f094レモン 果物
fa-level-down\f149矢印 下 ダウン
fa-level-up\f148矢印 下 アップ
fa-life-ring\f1cd浮き輪 海 プール 救命 ライフセーバー
fa-lightbulb-o\f0eb電球 アイデア 思いつき
fa-line-chart\f201チャート 折れ線グラフ
fa-location-arrow\f124ロケーション 場所 現在地
fa-lock\f023鍵 ロック 南京錠
fa-magic\f0d0マジック 魔法の杖
fa-magnet\f076磁石 マグネット
fa-mail-forward\f064メール転送
fa-mail-reply\f112メール返信
fa-mail-reply-all\f122メール全返信
fa-male\f183人 男性 男子
fa-map\f279地図
fa-map-marker\f041地図 目的地 現在地 マーカー
fa-map-o\f278地図
fa-map-pin\f276地図 ピン
fa-map-signs\f277地図 方向指示
fa-meh-o\f11a人 顔
fa-microphone\f130マイク 音声
fa-microphone-slash\f131マイク 音声
fa-minus\f068マイナス
fa-minus-circle\f056マイナス 円 丸
fa-minus-square\f146マイナス 四角
fa-minus-square-o\f147マイナス 四角
fa-mobile\f10bモバイル スマートフォン スマホ
fa-money\f0d6お金 札
fa-moon-o\f186月 夜
fa-mortar-board\f19d大学 卒業 帽子
fa-motorcycle\f21cバイク 乗り物
fa-mouse-pointer\f245矢印 マウス ポインター
fa-music\f001音楽 音符
fa-navicon\f0c9ナビ メニュー
fa-newspaper-o\f1ea新聞紙 ニュース 話題
fa-object-group\f247オブジェクトグループ化
fa-object-ungroup\f248オブジェクトグループ化
fa-paint-brush\f1fcペイントブラシ 筆 色塗り
fa-paper-plane\f1d8紙飛行機
fa-paper-plane-o\f1d9紙飛行機
fa-paw\f1b0動物 足跡 肉球
fa-pencil\f040ペン 鉛筆
fa-pencil-square\f14bペン 鉛筆 四角
fa-pencil-square-o\f044ペン 鉛筆 四角
fa-percent\f295パーセント 割合 率
fa-phone\f095電話 コール
fa-phone-square\f098電話 コール
fa-photo\f03e写真 画像
fa-picture-o\f03e絵 画像
fa-pie-chart\f200チャート 円グラフ
fa-plane\f072飛行機 乗り物 ジャンボジェット機
fa-plug\f1e6電源 コンセント プラグ
fa-plus\f067プラス
fa-plus-circle\f055プラス 丸
fa-plus-square\f0feプラス 四角
fa-plus-square-o\f196プラス 四角
fa-power-off\f011電源オフ
fa-print\f02f印刷 プリンター
fa-puzzle-piece\f12eジグソーパズル
fa-qrcode\f029QRコード
fa-question\f128はてな 疑問 ハテナ
fa-question-circle\f059はてな 疑問 ハテナ 円
fa-quote-left\f10d引用 ダブルクォーテーション左
fa-quote-right\f10e引用 ダブルクォーテーション右
fa-random\f074ランダム 入れ替え
fa-recycle\f1b8リサイクル ゴミ
fa-refresh\f021更新 リフrッシュ 再読み込み
fa-registered\f25d登録商標
fa-remove\f00dばつ バツ 削除
fa-reorder\f0c9メニュー
fa-reply\f112返信
fa-reply-all\f122全返信
fa-retweet\f079リツイート ツイッター
fa-road\f018道路
fa-rocket\f135ロケット 乗り物
fa-rss\f09eフィード RSS
fa-rss-square\f143フィード RSS
fa-search\f002検索 虫眼鏡
fa-search-minus\f010検索 虫眼鏡 マイナス
fa-search-plus\f00e検索 虫眼鏡 プラス
fa-send\f1d8紙飛行機 送信
fa-send-o\f1d9紙飛行機 送信
fa-server\f233サーバー ラック
fa-share\f064共有 シェア
fa-share-alt\f1e0共有 シェア
fa-share-alt-square\f1e1共有 シェア 四角
fa-share-square\f14d共有 シェア 四角
fa-share-square-o\f045共有 シェア 四角
fa-shield\f132盾セキュリティー
fa-ship\f21a
fa-shopping-bag\f290ショッピング 買い物 かばん カバン バッグ
fa-shopping-basket\f291ショッピング 買い物カゴ
fa-shopping-cart\f07aショッピングカート 買い物
fa-sign-in\f090サインイン ログイン
fa-sign-out\f08bサインアウト ログアウト
fa-signal\f012合図 シグナル
fa-sitemap\f0e8サイトマップ
fa-sliders\f1deスライダー
fa-smile-o\f118人 顔
fa-soccer-ball-o\f1e3サッカー ボール スポーツ
fa-sort\f0dcソート 並び替え
fa-sort-alpha-asc\f15dソート 並び替え 昇順
fa-sort-alpha-desc\f15eソート 並び替え 降順
fa-sort-amount-asc\f160ソート 並び替え 昇順
fa-sort-amount-desc\f161ソート 並び替え 降順
fa-sort-asc\f0deソート 並び替え 昇順
fa-sort-desc\f0ddソート 並び替え 降順
fa-sort-down\f0ddソート 並び替え 降順
fa-sort-numeric-asc\f162ソート 数値 並び替え 昇順
fa-sort-numeric-desc\f163ソート 数値 並び替え 降順
fa-sort-up\f0deソート 並び替え 降順
fa-space-shuttle\f197スペースシャトル 乗り物
fa-spinner\f110スピナー 読込中
fa-spoon\f1b1スプーン
fa-square\f0c8四角
fa-square-o\f096四角
fa-star\f005
fa-star-half\f089
fa-star-half-empty\f123
fa-star-half-full\f123
fa-star-half-o\f123
fa-star-o\f006
fa-sticky-note\f249付箋紙
fa-sticky-note-o\f24a付箋紙
fa-street-view\f21d人 ストリートビュー
fa-suitcase\f0f2スーツケース かばん カバン 鞄
fa-sun-o\f185太陽 日光
fa-support\f1cdサポート 浮き輪
fa-tablet\f10aタブレット
fa-tachometer\f0e4タコメーター
fa-tag\f02bタグ
fa-tags\f02cタグ
fa-tasks\f0aeタスク 仕事 作業
fa-taxi\f1baタクシー 乗り物
fa-television\f26cテレビ モニター
fa-terminal\f120ターミナル コマンドプロンプト
fa-thumb-tack\f08dピン留め 画鋲
fa-thumbs-down\f165手 ブーイング ダメ 親指
fa-thumbs-o-down\f088手 ブーイング ダメ 親指
fa-thumbs-o-up\f164手 グッド 良い グッジョブ 親指
fa-ticket\f145チケット 切符
fa-times\f00d掛ける バツ
fa-times-circle\f057掛ける バツ 丸 円
fa-times-circle-o\f05c掛ける バツ 丸 円
fa-tint\f043染色 インク
fa-toggle-down\f150トグルダウン 矢印 下向き 三角 四角
fa-toggle-left\f191トグル 矢印 左向き 三角 四角
fa-toggle-off\f204トグル オフ スイッチ
fa-toggle-on\f205トグル オン スイッチ
fa-toggle-right\f152トグル 矢印 右向き 三角 四角
fa-toggle-up\f151トグルアップ 矢印 上向き 三角 四角
fa-trademark\f25cトレードマーク
fa-trash\f1f8ごみ箱
fa-trash-o\f014ごみ箱
fa-tree\f1bb木 もみの木 クリスマス
fa-trophy\f091トロフィー 優勝カップ
fa-truck\f0d1トラック 乗り物
fa-tty\f1e4テレタイプライター
fa-tv\f26cテレビ モニター
fa-umbrella\f0e9傘 天気 雨
fa-university\f19c大学
fa-unlock\f09cロック 解除 南京錠
fa-unlock-alt\f13eロック 解除 南京錠
fa-unsorted\f0dcソート 並び替え
fa-upload\f093アップロード
fa-user\f007人 ユーザー
fa-user-plus\f234人 ユーザー プラス
fa-user-secret\f21bユーザー 秘密 シークレット
fa-user-times\f235ユーザー バツ
fa-users\f0c0ユーザー 複数人
fa-video-camera\f03dビデオカメラ 映像 ムービー 映画
fa-volume-down\f027ボリューム 音量
fa-volume-off\f026ボリューム 音量
fa-volume-up\f028ボリューム 音量
fa-warning\f071警告
fa-wheelchair\f193車いす 優先席
fa-wifi\f1ebワイファイ 電波
fa-wrench\f0adレンチ 工具
fa-hand-o-down\f0a7手 指差し 下
fa-hand-o-left\f0a5手 指差し 左
fa-hand-o-right\f0a4手 指差し 右
fa-hand-o-up\f0a6手 指差し 上
fa-thumbs-up\f164手 グッド 良い グッジョブ 親指
fa-ambulance\f0f9乗り物 救急車
fa-automobile\f1b9乗り物 自家用車
fa-bicycle\f206乗り物 自転車
fa-bus\f207乗り物 バス
fa-cab\f1ba乗り物 タクシー
fa-car\f1b9乗り物 車
fa-fighter-jet\f0fb乗り物 ジェット機
fa-motorcycle\f21c乗り物 バイク
fa-plane\f072乗り物 飛行機
fa-rocket\f135乗り物 ロケット
fa-ship\f21a乗り物 船
fa-space-shuttle\f197乗り物 スペースシャトル
fa-subway\f239乗り物 電車 地下鉄
fa-taxi\f1ba乗り物 タクシー
fa-train\f238乗り物 電車
fa-truck\f0d1乗り物 トラック
fa-wheelchair\f193車いす
fa-genderless\f22d性別
fa-intersex\f224性別 インターセックス
fa-mars\f222性別 男性 マーズ
fa-mars-double\f227性別 男性
fa-mars-stroke\f229性別 男性 女性
fa-mars-stroke-h\f22b性別 男性 女性
fa-mars-stroke-v\f22a性別 男性 女性
fa-mercury\f223性別 マーキュリー
fa-neuter\f22c性別 去勢
fa-transgender\f224性別 トランスジェンダー
fa-transgender-alt\f225性別 トランスジェンダー
fa-venus\f221性別 女性 ビーナス
fa-venus-double\f226性別 女性
fa-venus-mars\f228性別 男性
fa-file\f15bファイル
fa-file-archive-o\f1c6ファイル アーカイブ
fa-file-audio-o\f1c7ファイル 音声
fa-file-code-o\f1c9ファイル コード プログラム
fa-file-excel-o\f1c3ファイル エクセル
fa-file-image-o\f1c5ファイル 画像 イメージ
fa-file-movie-o\f1c8ファイル 動画
fa-file-o\f016ファイル
fa-file-pdf-o\f1c1ファイル PDF
fa-file-photo-o\f1c5ファイル 写真
fa-file-picture-o\f1c5ファイル 画像
fa-file-powerpoint-o\f1c4ファイル パワーポイント
fa-file-sound-o\f1c7ファイル 音声 音楽
fa-file-text\f15cファイル テキスト
fa-file-text-o\f0f6ファイル テキスト
fa-file-video-o\f1c8ファイル ビデオ 映像
fa-file-word-o\f1c2ファイル ワード
fa-file-zip-o\f1c6ファイル ジップ 圧縮
fa-circle-o-notch\f1ce読込中 円
fa-cog\f013読込中 歯車
fa-gear\f013読込中 歯車
fa-refresh\f021読込中 再読み込み リフレッシュ
fa-spinner\f110読込中 円
fa-check-square\f14aチェック 四角
fa-check-square-o\f046チェック 四角
fa-circle\f111丸 円
fa-circle-o\f10c丸 円
fa-dot-circle-o\f192丸 円 点
fa-minus-square\f146マイナス 四角
fa-minus-square-o\f147マイナス 四角
fa-plus-square\f0feプラス 四角
fa-plus-square-o\f196プラス 四角
fa-square\f0c8四角
fa-square-o\f096四角
fa-cc-amex\f1f3クレジットカード アメックス
fa-cc-diners-club\f24cクレジットカード ダイナースクラブ
fa-cc-discover\f1f2クレジットカード ディスカバー
fa-cc-jcb\f24bクレジットカード JCB
fa-cc-mastercard\f1f1クレジットカード マスター
fa-cc-paypal\f1f4クレジットカード ペイパル
fa-cc-stripe\f1f5クレジットカード ストライブ
fa-cc-visa\f1f0クレジットカード visa ビザ
fa-credit-card\f09dクレジットカード
fa-credit-card-alt\f283クレジットカード
fa-google-wallet\f1eeグーグルウォレット
fa-paypal\f1edペイパル
fa-btc\f15aビットコイン
fa-cny\f157人民元
fa-dollar\f155ドル
fa-eur\f153ユーロ
fa-gbp\f154ポンド
fa-gg\f260ジージー
fa-gg-circle\f261ジージー
fa-ils\f20b新シェケル
fa-inr\f156インドルピー
fa-jpy\f157日本円
fa-krw\f159韓国ウォン
fa-money\f0d6マネー お札 お金
fa-rub\f158ロシア ルーブル
fa-try\f195新トルコリラ
fa-usd\f155ドル
fa-align-center\f037テキスト 中央寄せ
fa-align-justify\f039テキスト 両端揃え
fa-align-left\f036テキスト 左寄せ
fa-align-right\f038テキスト 右寄せ
fa-bold\f032テキスト ボールド 太字
fa-chain\f0c1テキスト チェーン
fa-chain-broken\f127テキスト チェーン解除
fa-clipboard\f0eaコピー クリップボード
fa-columns\f0dbテーブル 表 列
fa-copy\f0c5コピー クリップボード
fa-cut\f0c4カット 切り取り
fa-dedent\f03bテキスト ディペンド
fa-eraser\f12d消しゴム
fa-file\f15bファイル
fa-file-o\f016ファイル
fa-file-text\f15cテキストファイル
fa-file-text-o\f0f6テキストファイル
fa-files-o\f0c5ファイル
fa-floppy-o\f0c7フロッピーディスク
fa-font\f031フォント
fa-header\f1dcヘッダー ヘダー
fa-indent\f03cインデント 字下げ
fa-italic\f033テキスト イタリック 斜字
fa-link\f0c1テキスト リンク
fa-list\f03aリスト
fa-list-alt\f022リスト
fa-list-ol\f0cbリスト 数値
fa-list-ul\f0caリスト 記号
fa-outdent\f03b逆インデント
fa-paperclip\f0c6クリップ
fa-paragraph\f1ddパラグラフ 段落
fa-paste\f0ea貼り付け ペースト
fa-repeat\f01eリピート 繰り返し
fa-rotate-left\f0e2左回転 反時計回り
fa-rotate-right\f01e右回転 時計回り
fa-save\f0c7保存 上書き保存
fa-scissors\f0c4ハサミ 切り取り
fa-strikethrough\f0cc取り消し線
fa-subscript\f12c下付き文字
fa-superscript\f12b上付き文字
fa-table\f0ceテーブル 表
fa-text-height\f034テキスト 高さ
fa-text-width\f035テキスト 幅
fa-th\f00aテーブル ヘッダー
fa-th-large\f009テーブル ヘッダー
fa-th-list\f00bテーブル リスト
fa-underline\f0cd下線
fa-undo\f0e2やり直し アンドゥー
fa-unlink\f127リンク解除
fa-angle-double-down\f103下二重矢印
fa-angle-double-left\f100左二重矢印
fa-angle-double-right\f101右二重矢印
fa-angle-double-up\f102上二重矢印
fa-angle-down\f107下矢印
fa-angle-left\f104左矢印
fa-angle-right\f105右矢印
fa-angle-up\f106上矢印
fa-arrow-circle-down\f0ab下矢印 円 丸
fa-arrow-circle-left\f0a8左矢印 円 丸
fa-arrow-circle-o-down\f01a下矢印 円 丸
fa-arrow-circle-o-left\f190左矢印 円 丸
fa-arrow-circle-o-right\f18e右矢印 円 丸
fa-arrow-circle-o-up\f01b上矢印 円 丸
fa-arrow-circle-right\f0a9右矢印 円 丸
fa-arrow-circle-up\f0aa上矢印 円 丸
fa-arrow-down\f063下矢印
fa-arrow-left\f060左矢印
fa-arrow-right\f061右矢印
fa-arrow-up\f062上矢印
fa-arrows\f047十字矢印
fa-arrows-alt\f0b2十字矢印
fa-arrows-h\f07e左右矢印
fa-arrows-v\f07d上下矢印
fa-caret-down\f0d7下向き三角
fa-caret-left\f0d9左向き三角
fa-caret-right\f0da右向き三角
fa-caret-up\f0d8上向き三角
fa-chevron-circle-down\f13a下向き矢印 丸 円
fa-chevron-circle-left\f137左向き矢印 丸 円
fa-chevron-circle-right\f138右向き矢印 丸 円
fa-chevron-circle-up\f139上向き矢印 丸 円
fa-chevron-down\f078下向き矢印 丸 円
fa-chevron-left\f053左向き矢印 丸 円
fa-chevron-right\f054右向き矢印 丸 円
fa-chevron-up\f077上向き矢印 丸 円
fa-exchange\f0ec左右矢印 交換
fa-long-arrow-down\f175長い矢印 下
fa-long-arrow-left\f177長い矢印 左
fa-long-arrow-right\f178長い矢印 右
fa-long-arrow-up\f176長い矢印 上
fa-backward\f04a巻き戻し
fa-compress\f066圧縮
fa-eject\f052イジェクト 取り出し
fa-expand\f065拡張
fa-fast-backward\f049高速巻き戻し
fa-fast-forward\f050高速早送り
fa-forward\f04e早送り
fa-pause\f04c一時停止 ポーズ
fa-pause-circle\f28b一時停止 円 丸
fa-pause-circle-o\f28c一時停止 円 丸
fa-play\f04b再生 プレイ
fa-play-circle\f144再生 プレイ 円 丸
fa-play-circle-o\f01d再生 プレイ 円 丸
fa-random\f074ランダム再生
fa-step-backward\f048次の曲へ
fa-step-forward\f051前曲へ
fa-stop\f04d停止
fa-stop-circle\f28d停止 円 丸
fa-stop-circle-o\f28e停止 円 丸
fa-youtube-play\f16aユーチューブ 再生 四角
fa-500px\f26e500ピクセル
fa-adn\f170and
fa-amazon\f270アマゾン
fa-android\f17bアンドロイド
fa-angellist\f209エンジェルリスト
fa-apple\f179アップル
fa-behance\f1b4ビーハンセ
fa-behance-square\f1b5ビーハンセ
fa-bitbucket\f171ビットバケット
fa-bitbucket-square\f172ビットバケット
fa-bitcoin\f15aビットコイン
fa-black-tie\f27eブラックタイ
fa-bluetooth\f293ブルートゥース
fa-bluetooth-b\f294ブルートゥース
fa-btc\f15aビットコイン
fa-buysellads\f20dバイセルアドス
fa-chrome\f268クローム
fa-codepen\f1cbコードペン
fa-codiepie\f284コーディーパイ
fa-connectdevelop\f20eコネクトデベロップ
fa-contao\f26dコンタオ
fa-css3\f13cスタイルシート3
fa-dashcube\f210ダッシュキューブ
fa-delicious\f1a5デリシャス
fa-deviantart\f1bdデビアントアート
fa-digg\f1a6ディグ
fa-dribbble\f17dドリブル
fa-dropbox\f16bドロップボックス
fa-drupal\f1a9ドールパル
fa-edge\f282エッジ
fa-empire\f1d1エンパイア
fa-expeditedssl\f23eエクスパンドSSL
fa-facebook\f09aフェイスブック
fa-facebook-f\f09aフェイスブック
fa-facebook-official\f230フェイスブック
fa-facebook-square\f082フェイスブック
fa-firefox\f269ファイアフォックス
fa-flickr\f16eフリッカー
fa-fonticons\f280フロントアイコンズ
fa-fort-awesome\f286フォントアウェサム
fa-forumbee\f211フォーラムビー
fa-foursquare\f180フォースクエア
fa-ge\f1d1ジーイー
fa-get-pocket\f265ボケット
fa-gg\f260ジージー
fa-gg-circle\f261ジージー
fa-git\f1d3ギット
fa-git-square\f1d2ギット
fa-github\f09bギットハブ
fa-github-alt\f113ギットハブ
fa-github-square\f092ギットハブ
fa-gittip\f184ギットチップ
fa-google\f1a0グーグル
fa-google-plus\f0d5グーグルプラス
fa-google-plus-square\f0d4グーグルプラス
fa-google-wallet\f1eeグーグルウォレット
fa-gratipay\f184グラティペイ
fa-hacker-news\f1d4ハッカーニュース
fa-houzz\f27cハウズ
fa-html5\f13bエイチティーエムエルファイブ
fa-instagram\f16dインスタグラム
fa-internet-explorer\f26bインターネットエクスプローラー
fa-ioxhost\f208アイオーエスホスト
fa-joomla\f1aaジュームラ
fa-jsfiddle\f1ccジェイエスフィドル
fa-lastfm\f202ラストエフエム
fa-lastfm-square\f203ラストエフエム
fa-leanpub\f212リーンパブ
fa-linkedin\f0e1リンクディン
fa-linkedin-square\f08cリンクディン
fa-linux\f17cリナックス
fa-maxcdn\f136マックスシーディーエヌ
fa-meanpath\f20cミーンパス
fa-medium\f23aミディアム
fa-mixcloud\f289ミックスクラウド
fa-modx\f285モッドエックス
fa-odnoklassniki\f263アドナクラースニキ
fa-odnoklassniki-square\f264アドナクラースニキ
fa-opencart\f23dオープンカート
fa-openid\f19bオープンアイディー
fa-opera\f26aオペラ
fa-optin-monster\f23cオプトインモンスター
fa-pagelines\f18cページラインズ
fa-paypal\f1edペイパル
fa-pied-piper\f1a7パイドペイパー
fa-pied-piper-alt\f1a8パイドペイパー
fa-pinterest\f0d2ピンタレスト
fa-pinterest-p\f231ピンタレスト
fa-pinterest-square\f0d3ピンタレスト
fa-product-hunt\f288プロダクトハント
fa-qq\f1d6テンセントキューキュー
fa-ra\f1d0アールエー
fa-rebel\f1d0レベル
fa-reddit\f1a1レディット
fa-reddit-alien\f281レディット
fa-reddit-square\f1a2レディット
fa-renren\f18bレンレン
fa-safari\f267サファリ
fa-scribd\f28aスクリブド
fa-sellsy\f213セルシー
fa-share-alt\f1e0シェア
fa-share-alt-square\f1e1シェア
fa-shirtsinbulk\f214シャツインバルク
fa-simplybuilt\f215シンプリービルト
fa-skyatlas\f216スカイアトラス
fa-skype\f17eスカイプ
fa-slack\f198スラック
fa-slideshare\f1e7サイドシェア
fa-soundcloud\f1beサウンドクラウド
fa-spotify\f1bcスポーティフィー
fa-stack-exchange\f18dスタックエクスチェンジ
fa-stack-overflow\f16cスタックオーバーフロー
fa-steam\f1b6ストリーム
fa-steam-square\f1b7ストリーム
fa-stumbleupon\f1a4スタンブルアポン
fa-stumbleupon-circle\f1a3スタンブルアポン
fa-tencent-weibo\f1d5テンセントウェイボー
fa-trello\f181トレリオ
fa-tripadvisor\f262トリップアドバイザー
fa-tumblr\f173タンブラー
fa-tumblr-square\f174タンブラー
fa-twitch\f1e8ツイッチ
fa-twitter\f099ツイッター
fa-twitter-square\f081ツイッター
fa-usb\f287ユーエスビー
fa-viacoin\f237ビアコイン
fa-vimeo\f27dビメオ
fa-vimeo-square\f194ビメオ
fa-vine\f1caバイン
fa-vk\f189ヴェーカー
fa-wechat\f1d7ウィーチャット
fa-weibo\f18aウェイボー
fa-weixin\f1d7ウェイシン
fa-whatsapp\f232ワッツアップ
fa-wikipedia-w\f266ウィキペヂア
fa-windows\f17aウィンドウズ
fa-wordpress\f19aワードブレス
fa-xing\f168シング
fa-xing-square\f169シング
fa-y-combinator\f23bワイコンビネーター
fa-y-combinator-square\f1d4ワイコンビネーター
fa-yahoo\f19eヤフー
fa-yc\f23bワイコンビネーター
fa-yc-square\f1d4ワイコンビネーター
fa-yelp\f1e9イェルプ
fa-youtube\f167ユーチューブ
fa-youtube-play\f16aユーチューブ
fa-youtube-square\f166ユーチューブ
fa-h-square\f0fdホテル
fa-hospital-o\f0f8病院 建物
fa-medkit\f0fa救急箱 医療
fa-stethoscope\f0f1聴診器 医者
fa-user-md\f0f0人 医者 ドクター
タグ
Unicode

※ 後半の各種サービスの正式名称が不明なものについては、読み方が誤っていることがありますのでご了承ください。

Unicode の取り扱いについて

この Unicode を利用すれば FontAwesome のアイコンを直接 HTML 上に出力することも可能です。ただし、直書きする方法と CSS の content に記述する方法は異なるので注意してください。具体的には次のような違いになります。

HTML に直接出力する場合

リスト上にある「\」を「#x」に書き換えて、頭に「#」後ろに「;」をつける文字実体参照により記述ください。例えば FontAwesome のアイコン は、上記リストの Unicode が「\f286」となっています。それをこのように書き換えます。

\f286 → 

たったこれだけです。直接記載する場合は、スタイルシートの font-family も指定する必要があるのでお忘れなく。簡単ではありますが、HTML のソースとしてはこのようなイメージです。

<span style="font-family: 'FontAwesome';">&#xf286;</span>

CSS の content に利用する場合

css で利用する場合は「\」から始まるコードのままで良いです。そのまま content の中身に記載すれば適用されます。こちらも勿論 font-family の設定は必須になりますのでお忘れなく。

.hogehoge:after {
  font-family: 'FontAwesome';
  content: "\f286";
}

実際に作ってみて

約800近いアイコンに日本語を割り当てる作業が、思った以上に時間が掛かるものでした。しかし、Unicode を載せたことで、自分自身にとってはかなり使い勝手が良くなりました。当サイトにおいてはカテゴリアイコンを全て FontAwesome で表示しているので、Unicode を取得するまでの手間が省ける点が大きなメリットとなります。

自分の為に簡易的に作ったものではありますが、もしお役に立ちましたら SNS 等でシェアいただけると嬉しいです。

このブログの運営者

気力・体力勝負なシステム業界のエンジニアを経て、個人事業主として独立。Web サイト運営、動画制作など活動の場を広げています。目指すところへの道のりは険しいですが、自分が自分らしくあるために、一歩ずつ進んでいきます!

このブログでは、困ってたどり着いた人に、分かりやすく答えを提供できるように心掛けています。更新情報は、Twitter や Facebook ページを参照ください。よろしければフォローお待ちしています。

Facebook ページ NJ-CLUCKER
このブログが役に立ったら
「いいね!」お願いします

最近のエントリー

Switch の画面がオレンジになって動かなくなった場合の対処法の1つ!セーブデータを保持したまま本体を初期化する!

プラグインを使わず WordPress の投稿ページで PHP の外部ファイルを呼び出す方法

Feedly ボタンが機能していない?!正しい URL の情報に変更する方法

Twitter で過去のツイートを閲覧・削除する方法

赤ちゃんが泣き止む動画「ふかふかかふかのうた」は生後3ヶ月の赤ちゃんにも効果抜群だった!

これで迷わない!東京ディズニーランドの喫煙所マップ一覧【写真付き】

iTunes でアートワークが反映されないのは WAV 形式が原因!AAC に変換すれば反映される!

【徹底比較】WiMAX 2+ ギガ放題プランの最安値はどこ?【2017年10月版】

おすすめのモバイルルーター・ポケット WiFi を比較!選ぶポイントは利用目的に合わせること!

公共料金の支払いはクレジットカードと口座振替のどっちがお得?