Webフォント「Font Awesome」をご紹介します。日本語付きアイコンリストをご活用ください。

Just-Size.Networks ロゴ

Webフォント「Font Awesome」の使い方

種類豊富なWebフォントアイコン集「Font Awesome」をご紹介します。

ウェブサイト作成に便利なアイコンを簡単、便利に使用できます。

※ 記事更新時のバージョンは Font Awesome 4.7.0 です。

ライセンス確認と使用準備

まずはライセンスを確認します。

Webフォントは「SIL Open Font License 1.1」、cssファイルは「MIT License」になっています。

cssファイル font-awesome.min.css 内で明示されているライセンスを削除や改変されない限り、個人、商用問わず無料で使用できます。

CDNから呼び出して使用する方法

配信サーバー BootstrapCDNを使用できます。

HTMLの <HEAD> 内に、次のタグを記述します。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

ダウンロードして設置する方法
  1. Font Awesomeの「Download」からファイルをダウンロードします。
  2. ダウンロードした font-awesome-4.7.0.zip を解凍します。
  3. FTPでサーバーに接続し、「font-awesome」ディレクトリを作成します。
  4. 必要なファイルを「font-awesome」ディレクトリ内にアップロードします。
    アップロード例

    public_html

    font-awesome

    css

    font-awesome.min.css

    fonts

    FontAwesome.otf

    fontawesome-webfont.eot

    fontawesome-webfont.svg

    fontawesome-webfont.ttf

    fontawesome-webfont.woff

    fontawesome-webfont.woff2

  5. HTMLの <HEAD> タグ内に、次のタグを記述します。

    <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css" />

以上で準備完了です。

アイコンを表示する方法

HTMLタグ <i> を使用します。

例えば、を呼び出す場合は <i class="fa fa-heart"></i> と記述します。

通常の文字と同じように css で装飾できます。
  • カラー変更

    <i class="fa fa-heart" style="color:red"></i>

  • サイズ変更

    <i class="fa fa-heart" style="color:red;font-size:30px"></i>

Font Awesome で用意されている装飾機能も使用できます。

詳しくは、次のリンクをご参照ください。

  • サイズ変更

    <i class="fa fa-envelope-o fa-2x"></i>

  • 回転アニメーション

    <i class="fa fa-refresh fa-spin"></i>

日本語付きアイコンリスト

現在 675 種類のアイコンが用意されています。

日本語で検索できるアイコンリストを作りました。

Web Application Icons
<i class="fa fa-address-book"></i>
address-book アドレス帳
<i class="fa fa-address-book-o"></i>
address-book-o アドレス帳
<i class="fa fa-address-card"></i>
address-card アドレスカード
<i class="fa fa-address-card-o"></i>
address-card-o アドレスカード
<i class="fa fa-adjust"></i>
adjust 調整
<i class="fa fa-american-sign-language-interpreting"></i>
american-sign-language-interpreting アメリカ手話
<i class="fa fa-anchor"></i>
anchor アンカー いかり
<i class="fa fa-archive"></i>
archive アーカイブ 書庫
<i class="fa fa-area-chart"></i>
area-chart チャート 解析
<i class="fa fa-arrows"></i>
arrows 矢印
<i class="fa fa-arrows-h"></i>
arrows-h 矢印 左右
<i class="fa fa-arrows-v"></i>
arrows-v 矢印 上下
<i class="fa fa-asterisk"></i>
asterisk *アスタリスク
<i class="fa fa-at"></i>
at @アットマーク
<i class="fa fa-automobile"></i>
automobile 車
<i class="fa fa-balance-scale"></i>
balance-scale 天秤 はかり
<i class="fa fa-ban"></i>
ban 禁止
<i class="fa fa-bank"></i>
bank 銀行
<i class="fa fa-bar-chart"></i>
bar-chart チャート 解析
<i class="fa fa-bar-chart-o"></i>
bar-chart-o チャート 解析
<i class="fa fa-barcode"></i>
barcode バーコード
<i class="fa fa-bars"></i>
bars バー
<i class="fa fa-bath"></i>
bath お風呂
<i class="fa fa-bathtub"></i>
bathtub バスタブ
<i class="fa fa-battery-0"></i>
battery-0 バッテリー 充電
<i class="fa fa-battery-1"></i>
battery-1 バッテリー 充電
<i class="fa fa-battery-2"></i>
battery-2 バッテリー 充電
<i class="fa fa-battery-3"></i>
battery-3 バッテリー 充電
<i class="fa fa-battery-4"></i>
battery-4 バッテリー 充電
<i class="fa fa-battery-empty"></i>
battery-empty バッテリー 充電
<i class="fa fa-battery-full"></i>
battery-full バッテリー 充電
<i class="fa fa-battery-half"></i>
battery-half バッテリー 充電
<i class="fa fa-battery-quarter"></i>
battery-quarter バッテリー 充電
<i class="fa fa-battery-three-quarters"></i>
battery-three-quarters バッテリー 充電
<i class="fa fa-bed"></i>
bed ベッド
<i class="fa fa-beer"></i>
beer ビール
<i class="fa fa-bell"></i>
bell ベル
<i class="fa fa-bell-o"></i>
bell-o ベル
<i class="fa fa-bell-slash"></i>
bell-slash ベル 消音
<i class="fa fa-bell-slash-o"></i>
bell-slash-o ベル 消音
<i class="fa fa-bicycle"></i>
bicycle 自転車
<i class="fa fa-binoculars"></i>
binoculars 双眼鏡
<i class="fa fa-birthday-cake"></i>
birthday-cake 誕生日ケーキ
<i class="fa fa-bluetooth"></i>
bluetooth
<i class="fa fa-bluetooth-b"></i>
bluetooth
<i class="fa fa-bolt"></i>
bolt 雷 稲妻
<i class="fa fa-bomb"></i>
bomb 爆弾
<i class="fa fa-book"></i>
book 本
<i class="fa fa-bookmark"></i>
bookmark ブックマーク
<i class="fa fa-bookmark-o"></i>
bookmark-o ブックマーク
<i class="fa fa-briefcase"></i>
briefcase ブリーフケース かばん
<i class="fa fa-bug"></i>
bug バグ 不具合
<i class="fa fa-building"></i>
building ビル
<i class="fa fa-building-o"></i>
building-o ビル
<i class="fa fa-bullhorn"></i>
bullhorn メガホン 拡声器
<i class="fa fa-bullseye"></i>
bullseye 中心
<i class="fa fa-bus"></i>
bus バス
<i class="fa fa-cab"></i>
cab タクシー
<i class="fa fa-calculator"></i>
calculator 計算機
<i class="fa fa-calendar"></i>
calendar カレンダー 予定
<i class="fa fa-calendar-check-o"></i>
calendar-check-o カレンダー 予定
<i class="fa fa-calendar-minus-o"></i>
calendar-minus-o カレンダー 予定
<i class="fa fa-calendar-o"></i>
calendar-o カレンダー 予定
<i class="fa fa-calendar-plus-o"></i>
calendar-plus-o カレンダー 予定
<i class="fa fa-calendar-times-o"></i>
calendar-times-o カレンダー 予定 時間
<i class="fa fa-camera"></i>
camera カメラ
<i class="fa fa-camera-retro"></i>
camera-retro カメラ
<i class="fa fa-car"></i>
car 車
<i class="fa fa-caret-square-o-down"></i>
caret-square-o-down キャレット カレット
<i class="fa fa-caret-square-o-left"></i>
caret-square-o-left キャレット カレット
<i class="fa fa-caret-square-o-right"></i>
caret-square-o-right キャレット カレット
<i class="fa fa-caret-square-o-up"></i>
caret-square-o-up キャレット カレット
<i class="fa fa-cart-arrow-down"></i>
cart-arrow-down カート
<i class="fa fa-cart-plus"></i>
cart-plus カート
<i class="fa fa-cc"></i>
cc クレジットカード
<i class="fa fa-certificate"></i>
certificate 証明書
<i class="fa fa-check"></i>
check チェック 確認
<i class="fa fa-check-circle"></i>
check-circle チェック 確認
<i class="fa fa-check-circle-o"></i>
check-circle-o チェック 確認
<i class="fa fa-check-square"></i>
check-square チェック 確認
<i class="fa fa-check-square-o"></i>
check-square-o チェック 確認
<i class="fa fa-child"></i>
child 子供
<i class="fa fa-circle"></i>
circle サークル 丸
<i class="fa fa-circle-o"></i>
circle-o サークル 丸
<i class="fa fa-circle-o-notch"></i>
circle-o-notch サークル 丸
<i class="fa fa-circle-thin"></i>
circle-thin サークル 丸
<i class="fa fa-clock-o"></i>
clock-o 時計 時間
<i class="fa fa-clone"></i>
clone クローン コピー
<i class="fa fa-close"></i>
close 閉じる
<i class="fa fa-cloud"></i>
cloud クラウド 雲
<i class="fa fa-cloud-download"></i>
cloud-download クラウド ダウンロード
<i class="fa fa-cloud-upload"></i>
cloud-upload クラウド アップロード
<i class="fa fa-code"></i>
code コード
<i class="fa fa-code-fork"></i>
code-fork コード
<i class="fa fa-coffee"></i>
coffee コーヒー
<i class="fa fa-cog"></i>
cog 歯車 設定
<i class="fa fa-cogs"></i>
cogs 歯車 設定
<i class="fa fa-comment"></i>
comment コメント
<i class="fa fa-comment-o"></i>
comment-o コメント
<i class="fa fa-commenting"></i>
commenting コメント
<i class="fa fa-commenting-o"></i>
commenting-o コメント
<i class="fa fa-comments"></i>
comments コメント
<i class="fa fa-comments-o"></i>
comments-o コメント
<i class="fa fa-compass"></i>
compass コンパス
<i class="fa fa-copyright"></i>
copyright コピーライト 著作権
<i class="fa fa-creative-commons"></i>
creative-commons クリエイティブコモンズ
<i class="fa fa-credit-card"></i>
credit-card クレジットカード
<i class="fa fa-crop"></i>
crop クロップ 切り取り トリミング
<i class="fa fa-crosshairs"></i>
crosshairs 十字線
<i class="fa fa-cube"></i>
cube キューブ 箱
<i class="fa fa-cubes"></i>
cubes キューブ 箱
<i class="fa fa-cutlery"></i>
cutlery フォーク ナイフ 食事
<i class="fa fa-dashboard"></i>
dashboard ダッシュボード
<i class="fa fa-database"></i>
database データベース
<i class="fa fa-desktop"></i>
desktop デスクトップ パソコン
<i class="fa fa-diamond"></i>
diamond ダイヤモンド 宝石
<i class="fa fa-dot-circle-o"></i>
dot-circle-o 丸
<i class="fa fa-download"></i>
download ダウンロード
<i class="fa fa-drivers-license"></i>
drivers-license 免許証
<i class="fa fa-drivers-license-o"></i>
drivers-license-o 免許証
<i class="fa fa-edit"></i>
edit 編集
<i class="fa fa-ellipsis-h"></i>
ellipsis-h 省略
<i class="fa fa-ellipsis-v"></i>
ellipsis-v 省略
<i class="fa fa-envelope"></i>
envelope mail メール 手紙
<i class="fa fa-envelope-o"></i>
envelope-o mail メール 手紙
<i class="fa fa-envelope-open"></i>
envelope-open mail メール 手紙 開封
<i class="fa fa-envelope-open-o"></i>
envelope-open-o mail メール 手紙 開封
<i class="fa fa-envelope-square"></i>
envelope-square mail メール 手紙
<i class="fa fa-eraser"></i>
eraser 消しゴム 黒板消し
<i class="fa fa-exchange"></i>
exchange 交換
<i class="fa fa-exclamation"></i>
exclamation 注意
<i class="fa fa-exclamation-circle"></i>
exclamation-circle
<i class="fa fa-exclamation-triangle"></i>
exclamation-triangle 注意
<i class="fa fa-external-link"></i>
external-link 外部リンク
<i class="fa fa-external-link-square"></i>
external-link-square 外部リンク
<i class="fa fa-eye"></i>
eye 目
<i class="fa fa-eye-slash"></i>
eye-slash 目
<i class="fa fa-eyedropper"></i>
eyedropper スポイト
<i class="fa fa-fax"></i>
fax ファックス 電話
<i class="fa fa-feed"></i>
feed RSS
<i class="fa fa-female"></i>
female 女性
<i class="fa fa-fighter-jet"></i>
fighter-jet 戦闘機
<i class="fa fa-file-archive-o"></i>
file-archive-o 圧縮ファイル
<i class="fa fa-file-audio-o"></i>
file-audio-o 音楽ファイル
<i class="fa fa-file-code-o"></i>
file-code-o スクリプトファイル
<i class="fa fa-file-excel-o"></i>
file-excel-o エクセルファイル
<i class="fa fa-file-image-o"></i>
file-image-o 画像ファイル
<i class="fa fa-file-movie-o"></i>
file-movie-o 動画ファイル
<i class="fa fa-file-pdf-o"></i>
file-pdf-o PDFファイル
<i class="fa fa-file-photo-o"></i>
file-photo-o 写真ファイル
<i class="fa fa-file-picture-o"></i>
file-picture-o 絵 写真ファイル
<i class="fa fa-file-powerpoint-o"></i>
file-powerpoint-o パワーポイントファイル
<i class="fa fa-file-sound-o"></i>
file-sound-o サウンドファイル
<i class="fa fa-file-video-o"></i>
file-video-o ビデオファイル
<i class="fa fa-file-word-o"></i>
file-word-o ワードファイル
<i class="fa fa-file-zip-o"></i>
file-zip-o ZIP圧縮ファイル
<i class="fa fa-film"></i>
film フィルム 映画
<i class="fa fa-filter"></i>
filter フィルター
<i class="fa fa-fire"></i>
fire 火
<i class="fa fa-fire-extinguisher"></i>
fire-extinguisher 消化器
<i class="fa fa-flag"></i>
flag 旗
<i class="fa fa-flag-checkered"></i>
flag-checkered 旗 ゴール
<i class="fa fa-flag-o"></i>
flag-o 旗
<i class="fa fa-flash"></i>
flash フラッシュ
<i class="fa fa-flask"></i>
flask フラスコ
<i class="fa fa-folder"></i>
folder フォルダ ディレクトリ
<i class="fa fa-folder-o"></i>
folder-o フォルダ ディレクトリ
<i class="fa fa-folder-open"></i>
folder-open フォルダ ディレクトリ
<i class="fa fa-folder-open-o"></i>
folder-open-o フォルダ ディレクトリ
<i class="fa fa-frown-o"></i>
frown-o 不快 顔
<i class="fa fa-futbol-o"></i>
futbol-o ボ-ル
<i class="fa fa-gamepad"></i>
gamepad ゲーム
<i class="fa fa-gavel"></i>
gavel オークション
<i class="fa fa-gear"></i>
gear 歯車 設定
<i class="fa fa-gears"></i>
gears 歯車 設定
<i class="fa fa-gift"></i>
gift ギフト
<i class="fa fa-glass"></i>
glass グラス
<i class="fa fa-globe"></i>
globe グローバル 世界 地球
<i class="fa fa-graduation-cap"></i>
graduation-cap 大学 帽子
<i class="fa fa-group"></i>
group グループ
<i class="fa fa-hand-grab-o"></i>
hand-grab-o 手
<i class="fa fa-hand-lizard-o"></i>
hand-lizard-o 手
<i class="fa fa-hand-paper-o"></i>
hand-paper-o 手
<i class="fa fa-hand-peace-o"></i>
hand-peace-o 手 ピース
<i class="fa fa-hand-pointer-o"></i>
hand-pointer-o 手 ポインター
<i class="fa fa-hand-rock-o"></i>
hand-rock-o 手
<i class="fa fa-hand-scissors-o"></i>
hand-scissors-o 手
<i class="fa fa-hand-spock-o"></i>
hand-spock-o 手
<i class="fa fa-hand-stop-o"></i>
hand-stop-o 手 ストップ 停止
<i class="fa fa-hashtag"></i>
hashtag ハッシュタグ
<i class="fa fa-hdd-o"></i>
hdd-o ハードディスク
<i class="fa fa-headphones"></i>
headphones ヘッドホン
<i class="fa fa-heart"></i>
heart ハート
<i class="fa fa-heart-o"></i>
heart-o ハート
<i class="fa fa-heartbeat"></i>
heartbeat ハート
<i class="fa fa-history"></i>
history ヒストリー
<i class="fa fa-home"></i>
home ホーム 家
<i class="fa fa-hotel"></i>
hotel ホテル
<i class="fa fa-hourglass"></i>
hourglass 砂時計
<i class="fa fa-hourglass-1"></i>
hourglass-1 砂時計
<i class="fa fa-hourglass-2"></i>
hourglass-2 砂時計
<i class="fa fa-hourglass-3"></i>
hourglass-3 砂時計
<i class="fa fa-hourglass-end"></i>
hourglass-end 砂時計
<i class="fa fa-hourglass-half"></i>
hourglass-half 砂時計
<i class="fa fa-hourglass-o"></i>
hourglass-o 砂時計
<i class="fa fa-hourglass-start"></i>
hourglass-start 砂時計 スタート
<i class="fa fa-i-cursor"></i>
i-cursor カーソル
<i class="fa fa-id-badge"></i>
id-badge バッヂ 社員証 会員証
<i class="fa fa-id-card"></i>
id-card IDカード 社員証 会員証
<i class="fa fa-id-card-o"></i>
id-card-o IDカード 社員証 会員証
<i class="fa fa-image"></i>
image イメージ 写真 画像
<i class="fa fa-inbox"></i>
inbox メールボックス 書類
<i class="fa fa-industry"></i>
industry 工業 工場
<i class="fa fa-info"></i>
info 情報 お知らせ
<i class="fa fa-info-circle"></i>
info-circle 情報 お知らせ
<i class="fa fa-institution"></i>
institution 公共機関 施設 団体
<i class="fa fa-key"></i>
key 鍵
<i class="fa fa-keyboard-o"></i>
keyboard-o キーボード
<i class="fa fa-language"></i>
language 言語
<i class="fa fa-laptop"></i>
laptop ラップトップ パソコン
<i class="fa fa-leaf"></i>
leaf 葉 リーフ
<i class="fa fa-legal"></i>
legal 法律
<i class="fa fa-lemon-o"></i>
lemon-o レモン
<i class="fa fa-level-down"></i>
level-down ダウン
<i class="fa fa-level-up"></i>
level-up アップ
<i class="fa fa-life-bouy"></i>
life-bouy ブイ
<i class="fa fa-life-buoy"></i>
life-buoy 救命ブイ
<i class="fa fa-life-ring"></i>
life-ring 救命浮き輪
<i class="fa fa-life-saver"></i>
life-saver ライフセーバー
<i class="fa fa-lightbulb-o"></i>
lightbulb-o ライト 電球
<i class="fa fa-line-chart"></i>
line-chart 解析 グラフ
<i class="fa fa-location-arrow"></i>
location-arrow 位置 GPS
<i class="fa fa-lock"></i>
lock ロック 鍵
<i class="fa fa-magic"></i>
magic マジック 手品
<i class="fa fa-magnet"></i>
magnet マグネット 磁石
<i class="fa fa-mail-forward"></i>
mail-forward メール 転送
<i class="fa fa-mail-reply"></i>
mail-reply メール 返信
<i class="fa fa-mail-reply-all"></i>
mail-reply-all メール 返信
<i class="fa fa-male"></i>
male 男性
<i class="fa fa-map"></i>
map マップ 地図
<i class="fa fa-map-marker"></i>
map-marker マップ 地図 マーカー
<i class="fa fa-map-o"></i>
map-o マップ 地図
<i class="fa fa-map-pin"></i>
map-pin マップ 地図
<i class="fa fa-map-signs"></i>
map-signs マップ 地図 標識
<i class="fa fa-meh-o"></i>
meh-o 無関心 顔
<i class="fa fa-microchip"></i>
microchip マイクロチップ
<i class="fa fa-microphone"></i>
microphone マイク
<i class="fa fa-microphone-slash"></i>
microphone-slash マイク 消音
<i class="fa fa-minus"></i>
minus マイナス
<i class="fa fa-minus-circle"></i>
minus-circle マイナス
<i class="fa fa-minus-square"></i>
minus-square マイナス
<i class="fa fa-minus-square-o"></i>
minus-square-o マイナス
<i class="fa fa-mobile"></i>
mobile モバイル 携帯電話
<i class="fa fa-mobile-phone"></i>
mobile-phone モバイル 携帯電話
<i class="fa fa-money"></i>
money お金
<i class="fa fa-moon-o"></i>
moon-o 月
<i class="fa fa-mortar-board"></i>
mortar-board 大学 帽子
<i class="fa fa-motorcycle"></i>
motorcycle バイク
<i class="fa fa-mouse-pointer"></i>
mouse-pointer マウス ポインター
<i class="fa fa-music"></i>
music 音楽 音符
<i class="fa fa-navicon"></i>
navicon ナビコン
<i class="fa fa-newspaper-o"></i>
newspaper-o 新聞
<i class="fa fa-object-group"></i>
object-group グループ
<i class="fa fa-object-ungroup"></i>
object-ungroup グループ
<i class="fa fa-paint-brush"></i>
paint-brush ブラシ 筆
<i class="fa fa-paper-plane"></i>
paper-plane 紙飛行機
<i class="fa fa-paper-plane-o"></i>
paper-plane-o 紙飛行機
<i class="fa fa-paw"></i>
paw 犬 手
<i class="fa fa-pencil"></i>
pencil ペン
<i class="fa fa-pencil-square"></i>
pencil-square ペン
<i class="fa fa-pencil-square-o"></i>
pencil-square-o ペン
<i class="fa fa-percent"></i>
percent パーセント
<i class="fa fa-phone"></i>
phone 電話
<i class="fa fa-phone-square"></i>
phone-square 電話
<i class="fa fa-photo"></i>
photo 写真
<i class="fa fa-picture-o"></i>
picture-o 絵
<i class="fa fa-pie-chart"></i>
pie-chart 解析 グラフ
<i class="fa fa-plane"></i>
plane 飛行機
<i class="fa fa-plug"></i>
plug プラグ
<i class="fa fa-plus"></i>
plus プラス
<i class="fa fa-plus-circle"></i>
plus-circle プラス
<i class="fa fa-plus-square"></i>
plus-square プラス
<i class="fa fa-plus-square-o"></i>
plus-square-o プラス
<i class="fa fa-podcast"></i>
podcast ポッドキャスト
<i class="fa fa-power-off"></i>
power-off 電源
<i class="fa fa-print"></i>
print 印刷 プリンター
<i class="fa fa-puzzle-piece"></i>
puzzle-piece パズル
<i class="fa fa-qrcode"></i>
qrcode
<i class="fa fa-question"></i>
question ハテナ
<i class="fa fa-question-circle"></i>
question-circle ハテナ
<i class="fa fa-quote-left"></i>
quote-left 引用
<i class="fa fa-quote-right"></i>
quote-right 引用
<i class="fa fa-random"></i>
random ランダム
<i class="fa fa-recycle"></i>
recycle リサイクル
<i class="fa fa-refresh"></i>
refresh リフレッシュ 更新
<i class="fa fa-registered"></i>
registered 商標
<i class="fa fa-remove"></i>
remove 削除
<i class="fa fa-reorder"></i>
reorder 追加 注文
<i class="fa fa-reply"></i>
reply 返事 返信
<i class="fa fa-reply-all"></i>
reply-all 返事 返信
<i class="fa fa-retweet"></i>
retweet リツイート
<i class="fa fa-road"></i>
road 道
<i class="fa fa-rocket"></i>
rocket ロケット
<i class="fa fa-rss"></i>
rss RSS配信
<i class="fa fa-rss-square"></i>
rss-square RSS配信
<i class="fa fa-s15"></i>
s15
<i class="fa fa-search"></i>
search 検索
<i class="fa fa-search-minus"></i>
search-minus 検索
<i class="fa fa-search-plus"></i>
search-plus 検索
<i class="fa fa-send"></i>
send 送信
<i class="fa fa-send-o"></i>
send-o 送信
<i class="fa fa-server"></i>
server サーバー
<i class="fa fa-share"></i>
share シェア 共有
<i class="fa fa-share-alt"></i>
share-alt シェア 共有
<i class="fa fa-share-alt-square"></i>
share-alt-square シェア 共有
<i class="fa fa-share-square"></i>
share-square シェア 共有
<i class="fa fa-share-square-o"></i>
share-square-o シェア 共有
<i class="fa fa-shield"></i>
shield 盾
<i class="fa fa-ship"></i>
ship 船
<i class="fa fa-shopping-bag"></i>
shopping-bag ショッピング 買い物 バッグ
<i class="fa fa-shopping-basket"></i>
shopping-basket ショッピング 買い物 カゴ
<i class="fa fa-shopping-cart"></i>
shopping-cart ショッピング 買い物 カート
<i class="fa fa-shower"></i>
shower シャワー
<i class="fa fa-sign-in"></i>
sign-in サインイン
<i class="fa fa-sign-out"></i>
sign-out サインアウト
<i class="fa fa-signal"></i>
signal シグナル 電波
<i class="fa fa-sitemap"></i>
sitemap サイトマップ
<i class="fa fa-sliders"></i>
sliders スライダー
<i class="fa fa-smile-o"></i>
smile-o 笑顔
<i class="fa fa-snowflake-o"></i>
snowflake-o スノーフレーク 雪
<i class="fa fa-soccer-ball-o"></i>
soccer-ball-o サッカーボール
<i class="fa fa-sort"></i>
sort ソート 並び替え
<i class="fa fa-sort-alpha-asc"></i>
sort-alpha-asc ソート 並び替え
<i class="fa fa-sort-alpha-desc"></i>
sort-alpha-desc ソート 並び替え
<i class="fa fa-sort-amount-asc"></i>
sort-amount-asc ソート 並び替え
<i class="fa fa-sort-amount-desc"></i>
sort-amount-desc ソート 並び替え
<i class="fa fa-sort-asc"></i>
sort-asc ソート 並び替え
<i class="fa fa-sort-desc"></i>
sort-desc ソート 並び替え
<i class="fa fa-sort-down"></i>
sort-down ソート 並び替え
<i class="fa fa-sort-numeric-asc"></i>
sort-numeric-asc ソート 並び替え
<i class="fa fa-sort-numeric-desc"></i>
sort-numeric-desc ソート 並び替え
<i class="fa fa-sort-up"></i>
sort-up ソート 並び替え
<i class="fa fa-space-shuttle"></i>
space-shuttle スペースシャトル
<i class="fa fa-spinner"></i>
spinner 読み込み
<i class="fa fa-spoon"></i>
spoon スプーン 食事
<i class="fa fa-square"></i>
square 四角
<i class="fa fa-square-o"></i>
square-o 四角
<i class="fa fa-star"></i>
star スター 星 評価
<i class="fa fa-star-half"></i>
star-half スター 星 評価
<i class="fa fa-star-half-empty"></i>
star-half-empty スター 星 評価
<i class="fa fa-star-half-full"></i>
star-half-full スター 星 評価
<i class="fa fa-star-half-o"></i>
star-half-o スター 星 評価
<i class="fa fa-star-o"></i>
star-o スター 星 評価
<i class="fa fa-sticky-note"></i>
sticky-note 付箋
<i class="fa fa-sticky-note-o"></i>
sticky-note-o 付箋
<i class="fa fa-street-view"></i>
street-view ストリートビュー
<i class="fa fa-suitcase"></i>
suitcase スーツケース 旅行 かばん
<i class="fa fa-sun-o"></i>
sun-o 太陽
<i class="fa fa-support"></i>
support サポート
<i class="fa fa-tablet"></i>
tablet タブレット iPad
<i class="fa fa-tachometer"></i>
tachometer タコメーター 速度
<i class="fa fa-tag"></i>
tag タグ
<i class="fa fa-tags"></i>
tags タグ
<i class="fa fa-tasks"></i>
tasks タスク
<i class="fa fa-taxi"></i>
taxi タクシー
<i class="fa fa-television"></i>
television テレビ
<i class="fa fa-terminal"></i>
terminal ターミナル
<i class="fa fa-thermometer"></i>
thermometer 温度計
<i class="fa fa-thermometer-0"></i>
thermometer-0 温度計
<i class="fa fa-thermometer-1"></i>
thermometer-1 温度計
<i class="fa fa-thermometer-2"></i>
thermometer-2 温度計
<i class="fa fa-thermometer-3"></i>
thermometer-3 温度計
<i class="fa fa-thermometer-4"></i>
thermometer-4 温度計
<i class="fa fa-thermometer-empty"></i>
thermometer-empty 温度計 空
<i class="fa fa-thermometer-full"></i>
thermometer-full 温度計 フル
<i class="fa fa-thermometer-half"></i>
thermometer-half 温度計 ハーフ
<i class="fa fa-thermometer-quarter"></i>
thermometer-quarter 温度計
<i class="fa fa-thermometer-three-quarters"></i>
thermometer-three-quarters 温度計
<i class="fa fa-thumb-tack"></i>
thumb-tack ピン
<i class="fa fa-thumbs-down"></i>
thumbs-down 親指 悪い
<i class="fa fa-thumbs-o-down"></i>
thumbs-o-down 親指 悪い
<i class="fa fa-thumbs-o-up"></i>
thumbs-o-up 親指 良い Good
<i class="fa fa-thumbs-up"></i>
thumbs-up 親指 良い Good
<i class="fa fa-ticket"></i>
ticket チケット 券
<i class="fa fa-times"></i>
times 倍 増やす
<i class="fa fa-times-circle"></i>
times-circle 倍 増やす
<i class="fa fa-times-circle-o"></i>
times-circle-o 倍 増やす
<i class="fa fa-times-rectangle"></i>
times-rectangle 倍 増やす
<i class="fa fa-times-rectangle-o"></i>
times-rectangle-o 倍 増やす
<i class="fa fa-tint"></i>
tint 色
<i class="fa fa-toggle-down"></i>
toggle-down 下
<i class="fa fa-toggle-left"></i>
toggle-left 左
<i class="fa fa-toggle-off"></i>
toggle-off オフ
<i class="fa fa-toggle-on"></i>
toggle-on オン
<i class="fa fa-toggle-right"></i>
toggle-right 右
<i class="fa fa-toggle-up"></i>
toggle-up 上
<i class="fa fa-trademark"></i>
trademark 商標
<i class="fa fa-trash"></i>
trash ゴミ箱
<i class="fa fa-trash-o"></i>
trash-o ゴミ箱
<i class="fa fa-tree"></i>
tree 木
<i class="fa fa-trophy"></i>
trophy トロフィー
<i class="fa fa-truck"></i>
truck トラック
<i class="fa fa-tty"></i>
tty コンソール 入力 デバイス
<i class="fa fa-tv"></i>
tv テレビ
<i class="fa fa-umbrella"></i>
umbrella 傘
<i class="fa fa-university"></i>
university 大学
<i class="fa fa-unlock"></i>
unlock 鍵 アンロック 開ける
<i class="fa fa-unlock-alt"></i>
unlock-alt 鍵 アンロック 開ける
<i class="fa fa-unsorted"></i>
unsorted ソート 並び替え
<i class="fa fa-upload"></i>
upload アップロード
<i class="fa fa-user"></i>
user ユーザー
<i class="fa fa-user-circle"></i>
user-circle ユーザー
<i class="fa fa-user-circle-o"></i>
user-circle-o ユーザー
<i class="fa fa-user-o"></i>
user-o ユーザー
<i class="fa fa-user-plus"></i>
user-plus ユーザー 追加
<i class="fa fa-user-secret"></i>
user-secret 隠し ユーザー
<i class="fa fa-user-times"></i>
user-times ユーザー
<i class="fa fa-users"></i>
users ユーザー
<i class="fa fa-vcard"></i>
vcard 電子名刺
<i class="fa fa-vcard-o"></i>
vcard-o 電子名刺
<i class="fa fa-video-camera"></i>
video-camera ビデオ カメラ
<i class="fa fa-volume-down"></i>
volume-down ボリューム 音量
<i class="fa fa-volume-off"></i>
volume-off ボリューム 音量 消音
<i class="fa fa-volume-up"></i>
volume-up ボリューム 音量
<i class="fa fa-warning"></i>
warning 危険 警告
<i class="fa fa-wheelchair"></i>
wheelchair 車イス
<i class="fa fa-wifi"></i>
wifi 無線
<i class="fa fa-window-close"></i>
window-close ウインドウ 閉じる
<i class="fa fa-window-close-o"></i>
window-close-o ウインドウ 閉じる
<i class="fa fa-window-maximize"></i>
window-maximize ウインドウ 最大化
<i class="fa fa-window-minimize"></i>
window-minimize ウインドウ 最小化
<i class="fa fa-window-restore"></i>
window-restore ウインドウ 戻す
<i class="fa fa-wrench"></i>
wrench レンチ 工具

メニューに戻る

Accessibility Icons
<i class="fa fa-american-sign-language-interpreting"></i>
american-sign-language-interpreting
<i class="fa fa-asl-interpreting"></i>
asl-interpreting
<i class="fa fa-assistive-listening-systems"></i>
assistive-listening-systems
<i class="fa fa-audio-description"></i>
audio-description
<i class="fa fa-blind"></i>
blind
<i class="fa fa-braille"></i>
braille
<i class="fa fa-cc"></i>
cc
<i class="fa fa-deaf"></i>
deaf
<i class="fa fa-deafness"></i>
deafness
<i class="fa fa-hard-of-hearing"></i>
hard-of-hearing
<i class="fa fa-low-vision"></i>
low-vision
<i class="fa fa-question-circle-o"></i>
question-circle-o
<i class="fa fa-sign-language"></i>
sign-language
<i class="fa fa-signing"></i>
signing
<i class="fa fa-tty"></i>
tty
<i class="fa fa-universal-access"></i>
universal-access
<i class="fa fa-volume-control-phone"></i>
volume-control-phone
<i class="fa fa-wheelchair"></i>
wheelchair
<i class="fa fa-wheelchair-alt"></i>
wheelchair-alt

メニューに戻る

Hand Icons
<i class="fa fa-hand-grab-o"></i>
hand-grab-o
<i class="fa fa-hand-lizard-o"></i>
hand-lizard-o
<i class="fa fa-hand-o-down"></i>
hand-o-down
<i class="fa fa-hand-o-left"></i>
hand-o-left
<i class="fa fa-hand-o-right"></i>
hand-o-right
<i class="fa fa-hand-o-up"></i>
hand-o-up
<i class="fa fa-hand-paper-o"></i>
hand-paper-o
<i class="fa fa-hand-peace-o"></i>
hand-peace-o
<i class="fa fa-hand-pointer-o"></i>
hand-pointer-o
<i class="fa fa-hand-rock-o"></i>
hand-rock-o
<i class="fa fa-hand-scissors-o"></i>
hand-scissors-o
<i class="fa fa-hand-spock-o"></i>
hand-spock-o
<i class="fa fa-hand-stop-o"></i>
hand-stop-o
<i class="fa fa-handshake-o"></i>
handshake-o 握手
<i class="fa fa-thumbs-down"></i>
thumbs-down
<i class="fa fa-thumbs-o-down"></i>
thumbs-o-down
<i class="fa fa-thumbs-o-up"></i>
thumbs-o-up
<i class="fa fa-thumbs-up"></i>
thumbs-up

メニューに戻る

Transportation Icons
<i class="fa fa-ambulance"></i>
ambulance
<i class="fa fa-automobile"></i>
automobile
<i class="fa fa-bicycle"></i>
bicycle
<i class="fa fa-bus"></i>
bus
<i class="fa fa-cab"></i>
cab
<i class="fa fa-car"></i>
car
<i class="fa fa-fighter-jet"></i>
fighter-jet
<i class="fa fa-motorcycle"></i>
motorcycle
<i class="fa fa-plane"></i>
plane
<i class="fa fa-rocket"></i>
rocket
<i class="fa fa-ship"></i>
ship
<i class="fa fa-space-shuttle"></i>
space-shuttle
<i class="fa fa-subway"></i>
subway
<i class="fa fa-taxi"></i>
taxi
<i class="fa fa-train"></i>
train
<i class="fa fa-truck"></i>
truck
<i class="fa fa-wheelchair"></i>
wheelchair

メニューに戻る

Gender Icons
<i class="fa fa-genderless"></i>
genderless
<i class="fa fa-intersex"></i>
intersex
<i class="fa fa-mars"></i>
mars
<i class="fa fa-mars-double"></i>
mars-double
<i class="fa fa-mars-stroke"></i>
mars-stroke
<i class="fa fa-mars-stroke-h"></i>
mars-stroke-h
<i class="fa fa-mars-stroke-v"></i>
mars-stroke-v
<i class="fa fa-mercury"></i>
mercury
<i class="fa fa-neuter"></i>
neuter
<i class="fa fa-transgender"></i>
transgender
<i class="fa fa-transgender-alt"></i>
transgender-alt
<i class="fa fa-venus"></i>
venus
<i class="fa fa-venus-double"></i>
venus-double
<i class="fa fa-venus-mars"></i>
venus-mars

メニューに戻る

File Type Icons
<i class="fa fa-file"></i>
file ファイル
<i class="fa fa-file-archive-o"></i>
file-archive-o
<i class="fa fa-file-audio-o"></i>
file-audio-o
<i class="fa fa-file-code-o"></i>
file-code-o
<i class="fa fa-file-excel-o"></i>
file-excel-o
<i class="fa fa-file-image-o"></i>
file-image-o
<i class="fa fa-file-movie-o"></i>
file-movie-o
<i class="fa fa-file-o"></i>
file-o ファイル
<i class="fa fa-file-pdf-o"></i>
file-pdf-o
<i class="fa fa-file-photo-o"></i>
file-photo-o
<i class="fa fa-file-picture-o"></i>
file-picture-o
<i class="fa fa-file-powerpoint-o"></i>
file-powerpoint-o
<i class="fa fa-file-sound-o"></i>
file-sound-o
<i class="fa fa-file-text"></i>
file-text テキストファイル
<i class="fa fa-file-text-o"></i>
file-text-o テキストファイル
<i class="fa fa-file-video-o"></i>
file-video-o
<i class="fa fa-file-word-o"></i>
file-word-o
<i class="fa fa-file-zip-o"></i>
file-zip-o

メニューに戻る

Spinner Icons
<i class="fa fa-info-circle"></i>
info-circle
<i class="fa fa-circle-o-notch fa-spin"></i>
circle-o-notch
<i class="fa fa-cog fa-spin"></i>
cog 歯車 設定
<i class="fa fa-gear fa-spin"></i>
gear 歯車 設定
<i class="fa fa-refresh fa-spin"></i>
refresh 更新
<i class="fa fa-spinner fa-spin"></i>
spinner 読み込み
Form Control Icons
<i class="fa fa-check-square"></i>
check-square
<i class="fa fa-check-square-o"></i>
check-square-o
<i class="fa fa-circle"></i>
circle
<i class="fa fa-circle-o"></i>
circle-o
<i class="fa fa-dot-circle-o"></i>
dot-circle-o
<i class="fa fa-minus-square"></i>
minus-square
<i class="fa fa-minus-square-o"></i>
minus-square-o
<i class="fa fa-plus-square"></i>
plus-square
<i class="fa fa-plus-square-o"></i>
plus-square-o
<i class="fa fa-square"></i>
square
<i class="fa fa-square-o"></i>
square-o

メニューに戻る

Payment Icons
<i class="fa fa-cc-amex"></i>
cc-amex クレジットカード
<i class="fa fa-cc-diners-club"></i>
cc-diners-club クレジットカード
<i class="fa fa-cc-discover"></i>
cc-discover クレジットカード
<i class="fa fa-cc-jcb"></i>
cc-jcb クレジットカード
<i class="fa fa-cc-mastercard"></i>
cc-mastercard クレジットカード
<i class="fa fa-cc-paypal"></i>
cc-paypal クレジットカード
<i class="fa fa-cc-stripe"></i>
cc-stripe クレジットカード
<i class="fa fa-cc-visa"></i>
cc-visa クレジットカード
<i class="fa fa-credit-card"></i>
credit-card クレジットカード
<i class="fa fa-credit-card-alt"></i>
credit-card-alt クレジットカード
<i class="fa fa-google-wallet"></i>
google-wallet
<i class="fa fa-paypal"></i>
paypal
Chart Icons
<i class="fa fa-area-chart"></i>
area-chart
<i class="fa fa-bar-chart"></i>
bar-chart
<i class="fa fa-bar-chart-o"></i>
bar-chart-o
<i class="fa fa-line-chart"></i>
line-chart
<i class="fa fa-pie-chart"></i>
pie-chart

メニューに戻る

Currency Icons
<i class="fa fa-bitcoin"></i>
bitcoin ビットコイン
<i class="fa fa-btc"></i>
btc
<i class="fa fa-cny"></i>
cny
<i class="fa fa-dollar"></i>
dollar ドル
<i class="fa fa-eur"></i>
eur
<i class="fa fa-euro"></i>
euro ユーロ
<i class="fa fa-gbp"></i>
gbp
<i class="fa fa-gg"></i>
gg
<i class="fa fa-gg-circle"></i>
gg-circle
<i class="fa fa-ils"></i>
ils
<i class="fa fa-inr"></i>
inr
<i class="fa fa-jpy"></i>
jpy 円
<i class="fa fa-krw"></i>
krw
<i class="fa fa-money"></i>
money
<i class="fa fa-rmb"></i>
rmb
<i class="fa fa-rouble"></i>
rouble
<i class="fa fa-rub"></i>
rub
<i class="fa fa-ruble"></i>
ruble
<i class="fa fa-rupee"></i>
rupee
<i class="fa fa-shekel"></i>
shekel
<i class="fa fa-sheqel"></i>
sheqel
<i class="fa fa-try"></i>
try
<i class="fa fa-turkish-lira"></i>
turkish-lira
<i class="fa fa-usd"></i>
usd
<i class="fa fa-won"></i>
won
<i class="fa fa-yen"></i>
yen

メニューに戻る

Text Editor Icons
<i class="fa fa-align-center"></i>
align-center
<i class="fa fa-align-justify"></i>
align-justify
<i class="fa fa-align-left"></i>
align-left
<i class="fa fa-align-right"></i>
align-right
<i class="fa fa-bold"></i>
bold
<i class="fa fa-chain"></i>
chain
<i class="fa fa-chain-broken"></i>
chain-broken
<i class="fa fa-clipboard"></i>
clipboard
<i class="fa fa-columns"></i>
columns
<i class="fa fa-copy"></i>
copy
<i class="fa fa-cut"></i>
cut
<i class="fa fa-dedent"></i>
dedent
<i class="fa fa-eraser"></i>
eraser
<i class="fa fa-file"></i>
file
<i class="fa fa-file-o"></i>
file-o
<i class="fa fa-file-text"></i>
file-text
<i class="fa fa-file-text-o"></i>
file-text-o
<i class="fa fa-files-o"></i>
files-o
<i class="fa fa-floppy-o"></i>
floppy-o
<i class="fa fa-font"></i>
font
<i class="fa fa-header"></i>
header
<i class="fa fa-indent"></i>
indent
<i class="fa fa-italic"></i>
italic
<i class="fa fa-link"></i>
link
<i class="fa fa-list"></i>
list
<i class="fa fa-list-alt"></i>
list-alt
<i class="fa fa-list-ol"></i>
list-ol
<i class="fa fa-list-ul"></i>
list-ul
<i class="fa fa-outdent"></i>
outdent
<i class="fa fa-paperclip"></i>
paperclip
<i class="fa fa-paragraph"></i>
paragraph
<i class="fa fa-paste"></i>
paste
<i class="fa fa-repeat"></i>
repeat
<i class="fa fa-rotate-left"></i>
rotate-left
<i class="fa fa-rotate-right"></i>
rotate-right
<i class="fa fa-save"></i>
save
<i class="fa fa-scissors"></i>
scissors
<i class="fa fa-strikethrough"></i>
strikethrough
<i class="fa fa-subscript"></i>
subscript
<i class="fa fa-superscript"></i>
superscript
<i class="fa fa-table"></i>
table
<i class="fa fa-text-height"></i>
text-height
<i class="fa fa-text-width"></i>
text-width
<i class="fa fa-th"></i>
th
<i class="fa fa-th-large"></i>
th-large
<i class="fa fa-th-list"></i>
th-list
<i class="fa fa-underline"></i>
underline
<i class="fa fa-undo"></i>
undo
<i class="fa fa-unlink"></i>
unlink

メニューに戻る

Directional Icons
<i class="fa fa-angle-double-down"></i>
angle-double-down
<i class="fa fa-angle-double-left"></i>
angle-double-left
<i class="fa fa-angle-double-right"></i>
angle-double-right
<i class="fa fa-angle-double-up"></i>
angle-double-up
<i class="fa fa-angle-down"></i>
angle-down
<i class="fa fa-angle-left"></i>
angle-left
<i class="fa fa-angle-right"></i>
angle-right
<i class="fa fa-angle-up"></i>
angle-up
<i class="fa fa-arrow-circle-down"></i>
arrow-circle-down
<i class="fa fa-arrow-circle-left"></i>
arrow-circle-left
<i class="fa fa-arrow-circle-o-down"></i>
arrow-circle-o-down
<i class="fa fa-arrow-circle-o-left"></i>
arrow-circle-o-left
<i class="fa fa-arrow-circle-o-right"></i>
arrow-circle-o-right
<i class="fa fa-arrow-circle-o-up"></i>
arrow-circle-o-up
<i class="fa fa-arrow-circle-right"></i>
arrow-circle-right
<i class="fa fa-arrow-circle-up"></i>
arrow-circle-up
<i class="fa fa-arrow-down"></i>
arrow-down
<i class="fa fa-arrow-left"></i>
arrow-left
<i class="fa fa-arrow-right"></i>
arrow-right
<i class="fa fa-arrow-up"></i>
arrow-up
<i class="fa fa-arrows"></i>
arrows
<i class="fa fa-arrows-alt"></i>
arrows-alt
<i class="fa fa-arrows-h"></i>
arrows-h
<i class="fa fa-arrows-v"></i>
arrows-v
<i class="fa fa-caret-down"></i>
caret-down
<i class="fa fa-caret-left"></i>
caret-left
<i class="fa fa-caret-right"></i>
caret-right
<i class="fa fa-caret-square-o-down"></i>
caret-square-o-down
<i class="fa fa-caret-square-o-left"></i>
caret-square-o-left
<i class="fa fa-caret-square-o-right"></i>
caret-square-o-right
<i class="fa fa-caret-square-o-up"></i>
caret-square-o-up
<i class="fa fa-caret-up"></i>
caret-up
<i class="fa fa-chevron-circle-down"></i>
chevron-circle-down
<i class="fa fa-chevron-circle-left"></i>
chevron-circle-left
<i class="fa fa-chevron-circle-right"></i>
chevron-circle-right
<i class="fa fa-chevron-circle-up"></i>
chevron-circle-up
<i class="fa fa-chevron-down"></i>
chevron-down
<i class="fa fa-chevron-left"></i>
chevron-left
<i class="fa fa-chevron-right"></i>
chevron-right
<i class="fa fa-chevron-up"></i>
chevron-up
<i class="fa fa-exchange"></i>
exchange
<i class="fa fa-hand-o-down"></i>
hand-o-down
<i class="fa fa-hand-o-left"></i>
hand-o-left
<i class="fa fa-hand-o-right"></i>
hand-o-right
<i class="fa fa-hand-o-up"></i>
hand-o-up
<i class="fa fa-long-arrow-down"></i>
long-arrow-down
<i class="fa fa-long-arrow-left"></i>
long-arrow-left
<i class="fa fa-long-arrow-right"></i>
long-arrow-right
<i class="fa fa-long-arrow-up"></i>
long-arrow-up
<i class="fa fa-toggle-down"></i>
toggle-down
<i class="fa fa-toggle-left"></i>
toggle-left
<i class="fa fa-toggle-right"></i>
toggle-right
<i class="fa fa-toggle-up"></i>
toggle-up

メニューに戻る

Video Player Icons
<i class="fa fa-arrows-alt"></i>
arrows-alt
<i class="fa fa-backward"></i>
backward
<i class="fa fa-compress"></i>
compress
<i class="fa fa-eject"></i>
eject
<i class="fa fa-expand"></i>
expand
<i class="fa fa-fast-backward"></i>
fast-backward
<i class="fa fa-fast-forward"></i>
fast-forward
<i class="fa fa-forward"></i>
forward
<i class="fa fa-pause"></i>
pause
<i class="fa fa-pause-circle"></i>
pause-circle
<i class="fa fa-pause-circle-o"></i>
pause-circle-o
<i class="fa fa-play"></i>
play
<i class="fa fa-play-circle"></i>
play-circle
<i class="fa fa-play-circle-o"></i>
play-circle-o
<i class="fa fa-random"></i>
random
<i class="fa fa-step-backward"></i>
step-backward
<i class="fa fa-step-forward"></i>
step-forward
<i class="fa fa-stop"></i>
stop
<i class="fa fa-stop-circle"></i>
stop-circle
<i class="fa fa-stop-circle-o"></i>
stop-circle-o
<i class="fa fa-youtube-play"></i>
youtube-play

メニューに戻る

Brand Icons
<i class="fa fa-500px"></i>
500px
<i class="fa fa-adn"></i>
adn
<i class="fa fa-amazon"></i>
amazon
<i class="fa fa-android"></i>
android
<i class="fa fa-angellist"></i>
angellist
<i class="fa fa-apple"></i>
apple iPhone
<i class="fa fa-bandcamp"></i>
bandcamp
<i class="fa fa-behance"></i>
behance
<i class="fa fa-behance-square"></i>
behance-square
<i class="fa fa-bitbucket"></i>
bitbucket
<i class="fa fa-bitbucket-square"></i>
bitbucket-square
<i class="fa fa-bitcoin"></i>
bitcoin
<i class="fa fa-black-tie"></i>
black-tie
<i class="fa fa-btc"></i>
btc
<i class="fa fa-buysellads"></i>
buysellads
<i class="fa fa-cc-amex"></i>
cc-amex
<i class="fa fa-cc-diners-club"></i>
cc-diners-club
<i class="fa fa-cc-discover"></i>
cc-discover
<i class="fa fa-cc-jcb"></i>
cc-jcb
<i class="fa fa-cc-mastercard"></i>
cc-mastercard
<i class="fa fa-cc-paypal"></i>
cc-paypal
<i class="fa fa-cc-stripe"></i>
cc-stripe
<i class="fa fa-cc-visa"></i>
cc-visa
<i class="fa fa-chrome"></i>
chrome
<i class="fa fa-codepen"></i>
codepen
<i class="fa fa-codiepie"></i>
codiepie
<i class="fa fa-connectdevelop"></i>
connectdevelop
<i class="fa fa-contao"></i>
contao
<i class="fa fa-css3"></i>
css3
<i class="fa fa-dashcube"></i>
dashcube
<i class="fa fa-delicious"></i>
delicious
<i class="fa fa-deviantart"></i>
deviantart
<i class="fa fa-digg"></i>
digg
<i class="fa fa-dribbble"></i>
dribbble
<i class="fa fa-dropbox"></i>
dropbox
<i class="fa fa-drupal"></i>
drupal
<i class="fa fa-edge"></i>
edge
<i class="fa fa-eercast"></i>
eercast
<i class="fa fa-empire"></i>
empire
<i class="fa fa-envira"></i>
envira
<i class="fa fa-etsy"></i>
etsy
<i class="fa fa-expeditedssl"></i>
expeditedssl
<i class="fa fa-fa"></i>
Font Awesome
<i class="fa fa-first-order"></i>
first-order
<i class="fa fa-facebook"></i>
facebook
<i class="fa fa-facebook-f"></i>
facebook-f
<i class="fa fa-facebook-official"></i>
facebook-official
<i class="fa fa-facebook-square"></i>
facebook-square
<i class="fa fa-firefox"></i>
firefox
<i class="fa fa-flickr"></i>
flickr
<i class="fa fa-fonticons"></i>
fonticons
<i class="fa fa-fort-awesome"></i>
fort-awesome
<i class="fa fa-forumbee"></i>
forumbee
<i class="fa fa-foursquare"></i>
foursquare
<i class="fa fa-free-code-camp"></i>
free-code-camp freeCodeCamp
<i class="fa fa-ge"></i>
ge
<i class="fa fa-get-pocket"></i>
get-pocket
<i class="fa fa-gg"></i>
gg
<i class="fa fa-gg-circle"></i>
gg-circle
<i class="fa fa-git"></i>
git
<i class="fa fa-git-square"></i>
git-square
<i class="fa fa-github"></i>
github
<i class="fa fa-github-alt"></i>
github-alt
<i class="fa fa-github-square"></i>
github-square
<i class="fa fa-gitlab"></i>
gitlab
<i class="fa fa-glide"></i>
glide
<i class="fa fa-glide-g"></i>
glide-g
<i class="fa fa-gittip"></i>
gittip
<i class="fa fa-google"></i>
google
<i class="fa fa-google-plus"></i>
google-plus Google+
<i class="fa fa-google-plus-square"></i>
google-plus-square
<i class="fa fa-google-plus-official"></i>
google-plus-official
<i class="fa fa-google-wallet"></i>
google-wallet
<i class="fa fa-gratipay"></i>
gratipay
<i class="fa fa-grav"></i>
grav
<i class="fa fa-hacker-news"></i>
hacker-news
<i class="fa fa-houzz"></i>
houzz
<i class="fa fa-html5"></i>
html5
<i class="fa fa-imdb"></i>
imdb
<i class="fa fa-instagram"></i>
instagram インスタグラム
<i class="fa fa-internet-explorer"></i>
internet-explorer ie
<i class="fa fa-ioxhost"></i>
ioxhost
<i class="fa fa-joomla"></i>
joomla
<i class="fa fa-jsfiddle"></i>
jsfiddle
<i class="fa fa-lastfm"></i>
lastfm
<i class="fa fa-lastfm-square"></i>
lastfm-square
<i class="fa fa-leanpub"></i>
leanpub
<i class="fa fa-linkedin"></i>
linkedin
<i class="fa fa-linkedin-square"></i>
linkedin-square
<i class="fa fa-linode"></i>
linode
<i class="fa fa-linux"></i>
linux
<i class="fa fa-maxcdn"></i>
maxcdn
<i class="fa fa-meanpath"></i>
meanpath
<i class="fa fa-medium"></i>
medium
<i class="fa fa-meetup"></i>
meetup
<i class="fa fa-mixcloud"></i>
mixcloud
<i class="fa fa-modx"></i>
modx
<i class="fa fa-odnoklassniki"></i>
odnoklassniki
<i class="fa fa-odnoklassniki-square"></i>
odnoklassniki-square
<i class="fa fa-opencart"></i>
opencart
<i class="fa fa-openid"></i>
openid
<i class="fa fa-opera"></i>
opera
<i class="fa fa-optin-monster"></i>
optin-monster
<i class="fa fa-pagelines"></i>
pagelines
<i class="fa fa-paypal"></i>
paypal
<i class="fa fa-pied-piper"></i>
pied-piper
<i class="fa fa-pied-piper-alt"></i>
pied-piper-alt
<i class="fa fa-pinterest"></i>
pinterest
<i class="fa fa-pinterest-p"></i>
pinterest-p
<i class="fa fa-pinterest-square"></i>
pinterest-square
<i class="fa fa-product-hunt"></i>
product-hunt
<i class="fa fa-qq"></i>
qq
<i class="fa fa-quora"></i>
quora
<i class="fa fa-ra"></i>
ra
<i class="fa fa-ravelry"></i>
ravelry
<i class="fa fa-rebel"></i>
rebel
<i class="fa fa-reddit"></i>
reddit
<i class="fa fa-reddit-alien"></i>
reddit-alien
<i class="fa fa-reddit-square"></i>
reddit-square
<i class="fa fa-renren"></i>
renren
<i class="fa fa-safari"></i>
safari
<i class="fa fa-scribd"></i>
scribd
<i class="fa fa-sellsy"></i>
sellsy
<i class="fa fa-share-alt"></i>
share-alt
<i class="fa fa-share-alt-square"></i>
share-alt-square
<i class="fa fa-shirtsinbulk"></i>
shirtsinbulk
<i class="fa fa-simplybuilt"></i>
simplybuilt
<i class="fa fa-skyatlas"></i>
skyatlas
<i class="fa fa-skype"></i>
skype
<i class="fa fa-slack"></i>
slack
<i class="fa fa-slideshare"></i>
slideshare
<i class="fa fa-snapchat"></i>
snapchat
<i class="fa fa-snapchat-ghost"></i>
snapchat-ghost
<i class="fa fa-snapchat-square"></i>
snapchat-square
<i class="fa fa-soundcloud"></i>
soundcloud
<i class="fa fa-spotify"></i>
spotify
<i class="fa fa-stack-exchange"></i>
stack-exchange
<i class="fa fa-stack-overflow"></i>
stack-overflow
<i class="fa fa-steam"></i>
steam
<i class="fa fa-steam-square"></i>
steam-square
<i class="fa fa-stumbleupon"></i>
stumbleupon
<i class="fa fa-stumbleupon-circle"></i>
stumbleupon-circle
<i class="fa fa-themeisle"></i>
ThemeIsle
<i class="fa fa-superpowers"></i>
superpowers
<i class="fa fa-telegram"></i>
telegram
<i class="fa fa-tencent-weibo"></i>
tencent-weibo
<i class="fa fa-trello"></i>
trello
<i class="fa fa-tripadvisor"></i>
tripadvisor
<i class="fa fa-tumblr"></i>
tumblr
<i class="fa fa-tumblr-square"></i>
tumblr-square
<i class="fa fa-twitch"></i>
twitch
<i class="fa fa-twitter"></i>
twitter
<i class="fa fa-twitter-square"></i>
twitter-square
<i class="fa fa-usb"></i>
usb
<i class="fa fa-viacoin"></i>
viacoin
<i class="fa fa-viadeo"></i>
viadeo
<i class="fa fa-viadeo-square"></i>
viadeo-square
<i class="fa fa-vimeo"></i>
vimeo
<i class="fa fa-vimeo-square"></i>
vimeo-square
<i class="fa fa-vine"></i>
vine
<i class="fa fa-vk"></i>
vk
<i class="fa fa-wechat"></i>
wechat
<i class="fa fa-weibo"></i>
weibo
<i class="fa fa-weixin"></i>
weixin
<i class="fa fa-whatsapp"></i>
whatsapp
<i class="fa fa-wikipedia-w"></i>
wikipedia-w
<i class="fa fa-windows"></i>
windows
<i class="fa fa-wordpress"></i>
wordpress
<i class="fa fa-wpbeginner"></i>
wpbeginner
<i class="fa fa-wpexplorer"></i>
wpexplorer
<i class="fa fa-wpforms"></i>
wpforms
<i class="fa fa-xing"></i>
xing
<i class="fa fa-xing-square"></i>
xing-square
<i class="fa fa-y-combinator"></i>
y-combinator
<i class="fa fa-y-combinator-square"></i>
y-combinator-square
<i class="fa fa-yahoo"></i>
yahoo
<i class="fa fa-yc"></i>
yc
<i class="fa fa-yc-square"></i>
yc-square
<i class="fa fa-yelp"></i>
yelp
<i class="fa fa-yoast"></i>
yoast
<i class="fa fa-youtube"></i>
youtube
<i class="fa fa-youtube-play"></i>
youtube-play
<i class="fa fa-youtube-square"></i>
youtube-square

メニューに戻る

Medical Icons
<i class="fa fa-ambulance"></i>
ambulance
<i class="fa fa-h-square"></i>
h-square
<i class="fa fa-heart"></i>
heart
<i class="fa fa-heart-o"></i>
heart-o
<i class="fa fa-heartbeat"></i>
heartbeat
<i class="fa fa-hospital-o"></i>
hospital-o
<i class="fa fa-medkit"></i>
medkit
<i class="fa fa-plus-square"></i>
plus-square
<i class="fa fa-stethoscope"></i>
stethoscope
<i class="fa fa-user-md"></i>
user-md
<i class="fa fa-wheelchair"></i>
wheelchair

メニューに戻る