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

2019-02-272019-05-12Otherアイコンフォント

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

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

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

Font Awesomeアイコンフォントのサイズ・向き等の変更とコードが消える対処法

Font Awesomeを使ってアイコンフォントを簡単に表示！色・サイズ・向き・回転も自在！

https://ayaito.net/webtips/other/4030/

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

SNSなどのカラーコードとアイコンフォントまとめ

Twitter・Facebook・LINE・Instagram・YouTube・Tumblr・LinkedIn・はてなブックマーク・feedly ...

https://ayaito.net/webtips/color_code/3907/

矢印アイコンフォントのコード３２選まとめでサクっとコピー

「Font Awesome」のフリーフォントです。なんとフリーのものだけで1,500もあるので、よ ...

https://ayaito.net/webtips/other/3998/

書類やクレカなどのアイコンフォントコード２６選まとめでサクっとコピー

「Font Awesome」のフリーフォントです。なんとフリーのものだけで1,500もあるので、よ ...

https://ayaito.net/webtips/other/4013/

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

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

Font Awesomeアイコンフォント-バージョン4.7の使い方

Font Awesomeを使ってアイコンフォントを簡単に表示！色・サイズ・向き・回転も自在！

https://ayaito.net/webtips/other/4490/

メール

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>

ゴミ箱

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 綾糸