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

Just-Size.Networks ロゴ

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

jsn_rs

種類豊富な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

メニューに戻る