よく使うFont Awesome アイコンまとめ

MARKLEAPS

2021.10.18

fontawesomeの使い方

使いたい時にすぐ使えるよう、よく使うFont Awesome アイコンをまとめました。

Font Awesome の基本的な使い方

こちらの記事でご紹介しています。

よく使うアイコン一覧

名称	タグ	Unicode
電話	<i class=”fas fa-phone”></i>	f095
電話	<i class=”fas fa-phone-alt”></i>	f879
モバイル	<i class=”fas fa-mobile-alt”></i>	f3cd
メール	<i class=”far fa-envelope”></i>	f0e0
メール	<i class=”fas fa-envelope”></i>	f0e0
左矢印	<i class=”fas fa-chevron-left”></i>	f053
右矢印	<i class=”fas fa-chevron-right”></i>	f054
左矢印	<i class=”fas fa-angle-left”></i>	f104
右矢印	<i class=”fas fa-angle-right”></i>	f105
下向き三角	<i class=”fas fa-caret-down”></i>	f0d7
上向き三角	<i class=”fas fa-caret-up”></i>	f0d8
左向き三角	<i class=”fas fa-caret-left”></i>	f0d9
右向き三角	<i class=”fas fa-caret-right”></i>	f0da
外部リンク	<i class=”fas fa-external-link-alt”></i>	f35d
PDF	<i class=”fas fa-file-pdf”></i>	f1c1
PDF	<i class=”far fa-file-pdf”></i>	f1c1
word	<i class=”fas fa-file-word”></i>	f1c2
word	<i class=”far fa-file-word”></i>	f1c2
file-image	<i class=”fas fa-file-image”></i>	f1c5
file-image	<i class=”far fa-file-image”></i>	f1c5
写真・カメラ	<i class=”fas fa-camera”></i>	f030
twitter	<i class=”fab fa-twitter”></i>	f099
twitter square	<i class=”fab fa-twitter-square”></i>	f081
facebook	<i class=”fab fa-facebook-f”></i>	f39e
facebook square	<i class=”fab fa-facebook-square”></i>	f082
instagram	<i class=”fab fa-instagram”></i>	f16d
instagram square	<i class=”fab fa-instagram-square”></i>	e055
line	<i class=”fab fa-line”></i>	f3c0
map	<i class=”fas fa-map-marker-alt”></i>	f3c5
comment	<i class=”fas fa-comment”></i>	f075
comment	<i class=”far fa-comment”></i>	f075
comments	<i class=”far fa-comments”></i>	f086
comments	<i class=”fas fa-comments”></i>	f086