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

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

 

 

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

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

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>

関連記事

Otherアイコンフォント

Posted by 綾糸