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

2019-02-27Otherアイコンフォント

 

 

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

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

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


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

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

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

 

メール

 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>

関連記事