>> リニューアルや機能停止など 当サイトのお知らせはこちら →
PR

よく使うアイコンフォントのコード74選まとめでサクっとコピー

Other
この記事は約11分で読めます。
     

 

 

Font Awesome」のフリーフォントです。

なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。
このページではよく使いそうなものに絞って71個載せています。

Font Awesomeアイコンフォントの使い方については以下をご覧ください。

Font Awesomeアイコンフォントのサイズ・向き等の変更とコードが消える対処法
当サイトでは Ver.5以降を使用しており、記事もすべて同様のバージョンでの利用に基づいています。 Ver.4.7を使っておられる方で、アイコンフォントを探したい場合は以下をご覧ください。 Font Awesome Ver.6 について 2...

その他のアイコンについては以下をご覧ください。

SNSなどのカラーコードとアイコンフォントまとめ
Twitter・Facebook・LINE・Instagram・YouTube・Tumblr・LinkedIn・はてなブックマーク・feedly・RSS・mixi・Skype・Dropbox・Vimeo・Yahoo・Amazon・楽天・Wo...
矢印アイコンフォントのコード32選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 このページでは「矢印」のアイコンを32個載せています。 Font Aw...
書類やクレカなどのアイコンフォントコード26選まとめでサクっとコピー
「Font Awesome」のフリーフォントです。 なんとフリーのものだけで1,500もあるので、よく使う、または使えそうなアイコンフォントのコードをまとめまています。 このページでは「書類」と「クレジットカード」などのアイコンを26個載せ...

 

当サイトでは Ver.5以降を使用しており、記事もすべて同様のバージョンでの利用に基づいています。

Ver.4.7を使っておられる方で、アイコンフォントを探したい場合は以下をご覧ください。

Font Awesomeアイコンフォント-バージョン4.7の使い方
利用方法 現時点では、バージョンは v5.7.2 となっています。 以下のコードを<head></head>内に貼る事で、利用可能です。 <link href=”” rel=”stylesheet”> 既に古いアイコンフォントを利用していて...

 


 

メール

  f0e0
<i class="fas fa-envelope"></i>
  f2b6
<i class="fas fa-envelope-open"></i>
  f658
<i class="fas fa-envelope-open-text"></i>
  f199
<i class="fas fa-envelope-square"></i>

 

PC・モバイル

  f108
<i class="fas fa-desktop"></i>
  f109
<i class="fas fa-laptop"></i>
  f3cd
<i class="fas fa-mobile-alt"></i>

 

検索

  f002
<i class="fas fa-search"></i>
  f010
<i class="fas fa-search-minus"></i>
  f00e
<i class="fas fa-search-plus"></i>

 

電話

  f2a0
<i class="fas fa-phone-volume"></i>
  f098
<i class="fas fa-phone-square"></i>
  f095
<i class="fas fa-phone"></i>

 

リンク・ダウンロード

  f0c1
<i class="fas fa-link"></i>
  f019
<i class="fas fa-download"></i>

 

  f005
<i class="fas fa-star"></i>
  f5c0
<i class="fas fa-star-half-alt"></i>
  f089
<i class="fas fa-star-half"></i>

 

フォルダ

  f07b
<i class="fas fa-folder"></i>
  f65d
<i class="fas fa-folder-minus"></i>
  f07c
<i class="fas fa-folder-open"></i>

 

Homeなど

  f015
<i class="fas fa-home"></i>
  f1ad
<i class="fas fa-building"></i>
  f64f
<i class="fas fa-city"></i>
  f07a
<i class="fas fa-shopping-cart"></i>
  f303
<i class="fas fa-pencil-alt"></i>
  f044
<i class="fas fa-edit"></i>
  f1e6
<i class="fas fa-plug"></i>

 

?マーク

  f128
<i class="fas fa-question"></i>
  f059
<i class="fas fa-question-circle"></i>

 

引用

  f10d
<i class="fas fa-quote-left"></i>
  f10e
<i class="fas fa-quote-right"></i>

 

タグ

  f02b
<i class="fas fa-tag"></i>
  f02c
<i class="fas fa-tags"></i>

 

いいね

  f164
<i class="fas fa-thumbs-up"></i>
  f165
<i class="fas fa-thumbs-down"></i>

 

ゴミ箱

  f2ed
<i class="fas fa-trash-alt"></i>
  f1f8
<i class="fas fa-trash"></i>

 

キューブ

  f1b2
<i class="fas fa-cube"></i>
  f1b3
<i class="fas fa-cubes"></i>
  f6d1
<i class="fas fa-dice-d6"></i>

 

乗り物

  f207
<i class="fas fa-bus"></i>
  f55e
<i class="fas fa-bus-alt"></i>
  f238
<i class="fas fa-train"></i>
  f1b9
<i class="fas fa-car"></i>
  f5e4
<i class="fas fa-car-side"></i>
  f0d1
<i class="fas fa-truck"></i>

 

その他

  f05a
<i class="fas fa-info-circle"></i>
  f0eb
<i class="fas fa-lightbulb"></i>
  f023
<i class="fas fa-lock"></i>
  f3c1
<i class="fas fa-lock-open"></i>
  f001
<i class="fas fa-music"></i>
  f28b
<i class="fas fa-pause-circle"></i>
  f004
<i class="fas fa-heart"></i>
  f1b0
<i class="fas fa-paw"></i>
  f3c5
<i class="fas fa-map-marker-alt"></i>
  f276
<i class="fas fa-map-pin"></i>
  f085
<i class="fas fa-cogs"></i>
  f013
<i class="fas fa-cog"></i>

 

  f118
<i class="fas fa-smile"></i>
  f5b8
<i class="fas fa-smile-beam"></i>
  f4da
<i class="fas fa-smile-wink"></i>
  f5c8
<i class="fas fa-tired"></i>
  f5c2
<i class="fas fa-surprise"></i>
  f5b4
<i class="fas fa-sad-tear"></i>
  f5b3
<i class="fas fa-sad-cry"></i>
  f582
<i class="far fa-grin-beam"></i>
  f583
<i class="far fa-grin-beam-sweat"></i>
  f584
<i class="far fa-grin-hearts"></i>
  f585
<i class="far fa-grin-squint"></i>
  f586
<i class="far fa-grin-squint-tears"></i>
  f587
<i class="far fa-grin-stars"></i>
  f588
<i class="far fa-grin-tears"></i>
  f58a
<i class="far fa-grin-tongue-squint"></i>
  f58b
<i class="far fa-grin-tongue-wink"></i>

コメント

タイトルとURLをコピーしました