CSSで200種類以上のアイコンを利用できる「Font Awesome」のアイコン一覧

おすすめ記事ピックアップ

CSSで指定するだけで、200種類以上のさまざまなアイコンを表示できる
「Font Awesome(http://fortawesome.github.io/Font-Awesome/)」というサービスプロジェクトがあります。使い方も簡単です。導入方法はAll Aboutの記事でわかりやすく説明されています。画像のアイコンではなく、フォントのアイコンとして利用できるので、解像度が自由でキレイに表示できます。

「Font Awesome」の大きいアイコンの一覧が見当たらなかったので、アイコン一覧を作りました。たぶん重複もあります。アイコンの横には、CSSコードも記述してありますので、合わせてご利用ください。
All AboutアイコンをWebフォントで表示できる「Font Awesome」
http://allabout.co.jp/gm/gc/402551/

ニューアイコン

<i class="icon-cloud-download icon-4x"></i>
<i class="icon-cloud-upload icon-4x"></i>
<i class="icon-lightbulb icon-4x"></i>
<i class="icon-exchange icon-4x"></i>
<i class="icon-bell-alt icon-4x"></i>
<i class="icon-file-alt icon-4x"></i>
<i class="icon-beer icon-4x"></i>
<i class="icon-coffee icon-4x"></i>
<i class="icon-food icon-4x"></i>
<i class="icon-fighter-jet icon-4x"></i>
<i class="icon-user-md icon-4x"></i>
<i class="icon-stethoscope icon-4x"></i>
<i class="icon-suitcase icon-4x"></i>
<i class="icon-building icon-4x"></i>
<i class="icon-hospital icon-4x"></i>
<i class="icon-ambulance icon-4x"></i>
<i class="icon-medkit icon-4x"></i>
<i class="icon-h-sign icon-4x"></i>
<i class="icon-plus-sign-alt icon-4x"></i>
<i class="icon-spinner icon-4x"></i>
<i class="icon-angle-left icon-4x"></i>
<i class="icon-angle-right icon-4x"></i>
<i class="icon-angle-up icon-4x"></i>
<i class="icon-angle-down icon-4x"></i>
<i class="icon-double-angle-left icon-4x"></i>
<i class="icon-double-angle-right icon-4x"></i>
<i class="icon-double-angle-up icon-4x"></i>
<i class="icon-double-angle-down icon-4x"></i>
<i class="icon-circle-blank icon-4x"></i>
<i class="icon-circle icon-4x"></i>
<i class="icon-desktop icon-4x"></i>
<i class="icon-laptop icon-4x"></i>
<i class="icon-tablet icon-4x"></i>
<i class="icon-mobile-phone icon-4x"></i>
<i class="icon-quote-left icon-4x"></i>
<i class="icon-quote-right icon-4x"></i>
<i class="icon-reply icon-4x"></i>
<i class="icon-folder-close-alt icon-4x"></i>
<i class="icon-folder-open-alt icon-4x"></i>

アプリアイコン

<i class="icon-adjust icon-4x"></i>
<i class="icon-asterisk icon-4x"></i>
<i class="icon-ban-circle icon-4x"></i>
<i class="icon-bar-chart icon-4x"></i>
<i class="icon-barcode icon-4x"></i>
<i class="icon-beaker icon-4x"></i>
<i class="icon-beer icon-4x"></i>
<i class="icon-bell icon-4x"></i>
<i class="icon-bell-alt icon-4x"></i>
<i class="icon-bolt icon-4x"></i>
<i class="icon-book icon-4x"></i>
<i class="icon-bookmark icon-4x"></i>
<i class="icon-bookmark-empty icon-4x"></i>
<i class="icon-briefcase icon-4x"></i>
<i class="icon-bullhorn icon-4x"></i>
<i class="icon-calendar icon-4x"></i>
<i class="icon-camera icon-4x"></i>
<i class="icon-camera-retro icon-4x"></i>
<i class="icon-certificate icon-4x"></i>
<i class="icon-check icon-4x"></i>
<i class="icon-check-empty icon-4x"></i>
<i class="icon-circle icon-4x"></i>
<i class="icon-circle-blank icon-4x"></i>
<i class="icon-cloud icon-4x"></i>
<i class="icon-cloud-download icon-4x"></i>
<i class="icon-cloud-upload icon-4x"></i>
<i class="icon-coffee icon-4x"></i>
<i class="icon-cog icon-4x"></i>
<i class="icon-cogs icon-4x"></i>
<i class="icon-comment icon-4x"></i>
<i class="icon-comment-alt icon-4x"></i>
<i class="icon-comments icon-4x"></i>
<i class="icon-comments-alt icon-4x"></i>
<i class="icon-credit-card icon-4x"></i>
<i class="icon-dashboard icon-4x"></i>
<i class="icon-desktop icon-4x"></i>
<i class="icon-download icon-4x"></i>
<i class="icon-download-alt icon-4x"></i>
<i class="icon-edit icon-4x"></i>
<i class="icon-envelope icon-4x"></i>
<i class="icon-envelope-alt icon-4x"></i>
<i class="icon-exchange icon-4x"></i>
<i class="icon-exclamation-sign icon-4x"></i>
<i class="icon-external-link icon-4x"></i>
<i class="icon-eye-close icon-4x"></i>
<i class="icon-eye-open icon-4x"></i>
<i class="icon-facetime-video icon-4x"></i>
<i class="icon-fighter-jet icon-4x"></i>
<i class="icon-film icon-4x"></i>
<i class="icon-filter icon-4x"></i>
<i class="icon-fire icon-4x"></i>
<i class="icon-flag icon-4x"></i>
<i class="icon-folder-close icon-4x"></i>
<i class="icon-folder-open icon-4x"></i>
<i class="icon-folder-close-alt icon-4x"></i>
<i class="icon-folder-open-alt icon-4x"></i>
<i class="icon-food icon-4x"></i>
<i class="icon-gift icon-4x"></i>
<i class="icon-glass icon-4x"></i>
<i class="icon-globe icon-4x"></i>
<i class="icon-group icon-4x"></i>
<i class="icon-hdd icon-4x"></i>
<i class="icon-headphones icon-4x"></i>
<i class="icon-heart icon-4x"></i>
<i class="icon-heart-empty icon-4x"></i>
<i class="icon-home icon-4x"></i>
<i class="icon-inbox icon-4x"></i>
<i class="icon-info-sign icon-4x"></i>
<i class="icon-key icon-4x"></i>
<i class="icon-leaf icon-4x"></i>
<i class="icon-laptop icon-4x"></i>
<i class="icon-legal icon-4x"></i>
<i class="icon-lemon icon-4x"></i>
<i class="icon-lightbulb icon-4x"></i>
<i class="icon-lock icon-4x"></i>
<i class="icon-unlock icon-4x"></i>
<i class="icon-magic icon-4x"></i>
<i class="icon-magnet icon-4x"></i>
<i class="icon-map-marker icon-4x"></i>
<i class="icon-minus icon-4x"></i>
<i class="icon-minus-sign icon-4x"></i>
<i class="icon-mobile-phone icon-4x"></i>
<i class="icon-money icon-4x"></i>
<i class="icon-move icon-4x"></i>
<i class="icon-music icon-4x"></i>
<i class="icon-off icon-4x"></i>
<i class="icon-ok icon-4x"></i>
<i class="icon-ok-circle icon-4x"></i>
<i class="icon-ok-sign icon-4x"></i>
<i class="icon-pencil icon-4x"></i>
<i class="icon-picture icon-4x"></i>
<i class="icon-plane icon-4x"></i>
<i class="icon-plus icon-4x"></i>
<i class="icon-plus-sign icon-4x"></i>
<i class="icon-print icon-4x"></i>
<i class="icon-pushpin icon-4x"></i>
<i class="icon-qrcode icon-4x"></i>
<i class="icon-question-sign icon-4x"></i>
<i class="icon-quote-left icon-4x"></i>
<i class="icon-quote-right icon-4x"></i>
<i class="icon-random icon-4x"></i>
<i class="icon-refresh icon-4x"></i>
<i class="icon-remove icon-4x"></i>
<i class="icon-remove-circle icon-4x"></i>
<i class="icon-remove-sign icon-4x"></i>
<i class="icon-reorder icon-4x"></i>
<i class="icon-reply icon-4x"></i>
<i class="icon-resize-horizontal icon-4x"></i>
<i class="icon-resize-vertical icon-4x"></i>
<i class="icon-retweet icon-4x"></i>
<i class="icon-road icon-4x"></i>
<i class="icon-rss icon-4x"></i>
<i class="icon-screenshot icon-4x"></i>
<i class="icon-search icon-4x"></i>
<i class="icon-share icon-4x"></i>
<i class="icon-share-alt icon-4x"></i>
<i class="icon-shopping-cart icon-4x"></i>
<i class="icon-signal icon-4x"></i>
<i class="icon-signin icon-4x"></i>
<i class="icon-signout icon-4x"></i>
<i class="icon-sitemap icon-4x"></i>
<i class="icon-sort icon-4x"></i>
<i class="icon-sort-down icon-4x"></i>
<i class="icon-sort-up icon-4x"></i>
<i class="icon-spinner icon-4x"></i>
<i class="icon-star icon-4x"></i>
<i class="icon-star-empty icon-4x"></i>
<i class="icon-star-half icon-4x"></i>
<i class="icon-tablet icon-4x"></i>
<i class="icon-tag icon-4x"></i>
<i class="icon-tags icon-4x"></i>
<i class="icon-tasks icon-4x"></i>
<i class="icon-thumbs-down icon-4x"></i>
<i class="icon-thumbs-up icon-4x"></i>
<i class="icon-time icon-4x"></i>
<i class="icon-tint icon-4x"></i>
<i class="icon-trash icon-4x"></i>
<i class="icon-trophy icon-4x"></i>
<i class="icon-truck icon-4x"></i>
<i class="icon-umbrella icon-4x"></i>
<i class="icon-upload icon-4x"></i>
<i class="icon-upload-alt icon-4x"></i>
<i class="icon-user icon-4x"></i>
<i class="icon-user-md icon-4x"></i>
<i class="icon-volume-off icon-4x"></i>
<i class="icon-volume-down icon-4x"></i>
<i class="icon-volume-up icon-4x"></i>
<i class="icon-warning-sign icon-4x"></i>
<i class="icon-wrench icon-4x"></i>
<i class="icon-zoom-in icon-4x"></i>
<i class="icon-zoom-out icon-4x"></i>

テキストエディターアイコン

<i class="icon-file icon-4x"></i>
<i class="icon-file-alt icon-4x"></i>
<i class="icon-cut icon-4x"></i>
<i class="icon-copy icon-4x"></i>
<i class="icon-paste icon-4x"></i>
<i class="icon-save icon-4x"></i>
<i class="icon-undo icon-4x"></i>
<i class="icon-repeat icon-4x"></i>
<i class="icon-text-height icon-4x"></i>
<i class="icon-text-width icon-4x"></i>
<i class="icon-align-left icon-4x"></i>
<i class="icon-align-center icon-4x"></i>
<i class="icon-align-right icon-4x"></i>
<i class="icon-align-justify icon-4x"></i>
<i class="icon-indent-left icon-4x"></i>
<i class="icon-indent-right icon-4x"></i>
<i class="icon-font icon-4x"></i>
<i class="icon-bold icon-4x"></i>
<i class="icon-italic icon-4x"></i>
<i class="icon-strikethrough icon-4x"></i>
<i class="icon-underline icon-4x"></i>
<i class="icon-link icon-4x"></i>
<i class="icon-paper-clip icon-4x"></i>
<i class="icon-columns icon-4x"></i>
<i class="icon-table icon-4x"></i>
<i class="icon-th-large icon-4x"></i>
<i class="icon-th icon-4x"></i>
<i class="icon-th-list icon-4x"></i>
<i class="icon-list icon-4x"></i>
<i class="icon-list-ol icon-4x"></i>
<i class="icon-list-ul icon-4x"></i>
<i class="icon-list-alt icon-4x"></i>

方向アイコン

<i class="icon-angle-left icon-4x"></i>
<i class="icon-angle-right icon-4x"></i>
<i class="icon-angle-up icon-4x"></i>
<i class="icon-angle-down icon-4x"></i>
<i class="icon-arrow-down icon-4x"></i>
<i class="icon-arrow-left icon-4x"></i>
<i class="icon-arrow-right icon-4x"></i>
<i class="icon-arrow-up icon-4x"></i>
<i class="icon-caret-down icon-4x"></i>
<i class="icon-caret-left icon-4x"></i>
<i class="icon-caret-right icon-4x"></i>
<i class="icon-caret-up icon-4x"></i>
<i class="icon-chevron-down icon-4x"></i>
<i class="icon-chevron-left icon-4x"></i>
<i class="icon-chevron-right icon-4x"></i>
<i class="icon-chevron-up icon-4x"></i>
<i class="icon-circle-arrow-down icon-4x"></i>
<i class="icon-circle-arrow-left icon-4x"></i>
<i class="icon-circle-arrow-right icon-4x"></i>
<i class="icon-circle-arrow-up icon-4x"></i>
<i class="icon-double-angle-left icon-4x"></i>
<i class="icon-double-angle-right icon-4x"></i>
<i class="icon-double-angle-up icon-4x"></i>
<i class="icon-double-angle-down icon-4x"></i>
<i class="icon-hand-down icon-4x"></i>
<i class="icon-hand-left icon-4x"></i>
<i class="icon-hand-right icon-4x"></i>
<i class="icon-hand-up icon-4x"></i>
<i class="icon-circle icon-4x"></i>
<i class="icon-circle-blank icon-4x"></i>

ビデオプレイヤーアイコン

<i class="icon-play-circle icon-4x"></i>
<i class="icon-play icon-4x"></i>
<i class="icon-pause icon-4x"></i>
<i class="icon-stop icon-4x"></i>
<i class="icon-step-backward icon-4x"></i>
<i class="icon-fast-backward icon-4x"></i>
<i class="icon-backward icon-4x"></i>
<i class="icon-forward icon-4x"></i>
<i class="icon-fast-forward icon-4x"></i>
<i class="icon-step-forward icon-4x"></i>
<i class="icon-eject icon-4x"></i>
<i class="icon-fullscreen icon-4x"></i>
<i class="icon-resize-full icon-4x"></i>
<i class="icon-resize-small icon-4x"></i>

ソーシャルアイコン

<i class="icon-phone icon-4x"></i>
<i class="icon-phone-sign icon-4x"></i>
<i class="icon-facebook icon-4x"></i>
<i class="icon-facebook-sign icon-4x"></i>
<i class="icon-twitter icon-4x"></i>
<i class="icon-twitter-sign icon-4x"></i>
<i class="icon-github icon-4x"></i>
<i class="icon-github-sign icon-4x"></i>
<i class="icon-linkedin icon-4x"></i>
<i class="icon-linkedin-sign icon-4x"></i>
<i class="icon-pinterest icon-4x"></i>
<i class="icon-pinterest-sign icon-4x"></i>
<i class="icon-google-plus icon-4x"></i>
<i class="icon-google-plus-sign icon-4x"></i>
<i class="icon-sign-blank icon-4x"></i>

病院アイコン

<i class="icon-ambulance icon-4x"></i>
<i class="icon-beaker icon-4x"></i>
<i class="icon-h-sign icon-4x"></i>
<i class="icon-hospital icon-4x"></i>
<i class="icon-medkit icon-4x"></i>
<i class="icon-plus-sign-alt icon-4x"></i>
<i class="icon-stethoscope icon-4x"></i>
<i class="icon-user-md icon-4x"></i>




いいね!と思ったらお願いします。


名前

AddToAny adsence adwords Amazon AmazonFBA Calculator Analytics Blogger BMAG chrome CODEPREP Eclipse envato facebook FAQ feedly Font Awesome Geek Press Gifzo Illustrator kindle LinkWithin Logaster myfonts NAVER Photoshop PHP picasa Premiere Similarweb TOPSY tumblr Wordpress wpX XAMPP zenback ウェブマスターツール ウハウハモウケタイ カスタマイズ ゲストシリーズ ココナラ サイト制作 ドメイン はじめに プレスリリース プレスリリース作成 プレスリリース利点 まとめ ランディングページ リリース送付先の見つけ方 レビュー 考察 子孫セレクタ 思いつきサイト制作 書評 足成 台湾 通販 日記 忍者おまとめボタン 文章の基本
false
ltr
item
ふりむけばコウホウ : CSSで200種類以上のアイコンを利用できる「Font Awesome」のアイコン一覧
CSSで200種類以上のアイコンを利用できる「Font Awesome」のアイコン一覧
http://3.bp.blogspot.com/-Hda7HN2-yqk/UaH_INTSQLI/AAAAAAAAKNA/YzTevJHKrRo/s640/Font+Awesome,+the+iconic+font+designed+for+Bootstrap.jpg
http://3.bp.blogspot.com/-Hda7HN2-yqk/UaH_INTSQLI/AAAAAAAAKNA/YzTevJHKrRo/s72-c/Font+Awesome,+the+iconic+font+designed+for+Bootstrap.jpg
ふりむけばコウホウ
http://www.furimuke.com/2013/05/css200font-awesome.html
http://www.furimuke.com/
http://www.furimuke.com/
http://www.furimuke.com/2013/05/css200font-awesome.html
true
8618648785166852656
UTF-8
Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All 関連記事:もっと見るはクリック→ LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy