MARKLEAPS[マークリープス]

TECH BLOG

マークリープス技術ブログ

open

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

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

よく読まれている関連記事

関連最新記事