FontAwesome5 アイコンとコード覚え書き

現在、FontAwesomeの最新版は「Ver.6」ですが、無料テーマCocoonで対応しているのは「Ver.5」です。

たまに記事の中で使うことがあるので、Ver.5の中から使いそうなアイコンを抜粋しています。

無料版で使えるのはスタイル「Brands」と「Solid」の一部だと思っていましたが、ごく稀に「Regular」の中にも使えるアイコンがありました。

個人的な覚え書きなので、完全に個人的な好みで一覧にしています。もう少し貯めてから整理するつもりです。

Solid

無料版で使えるSolidスタイルは、1001個。

Icon Name	HTML : 接頭辞「fas」	Unicode
user	<i class=”fas fa-user”></i>	f007
square-full	<i class=”fas fa-square-full”></i>	f45c
square	<i class=”fas fa-square”></i>	f0c8
circle	<i class=”fas fa-circle”></i>	f111
map-pin	<i class=”fas fa-map-pin”></i>	f276
map-marker-alt	<i class=”fas fa-map-marker-alt”></i>	f3c5
map-marker	<i class=”fas fa-map-marker”></i>	f041
mobile-alt	<i class=”fas fa-mobile-alt”></i>	f3cd
mobile	<i class=”fas fa-mobile”></i>	f10b
long-arrow-alt-right	<i class=”fas fa-long-arrow-alt-right”></i>	f30b
long-arrow-alt-down	<i class=”fas fa-long-arrow-alt-down”></i>	f309
exchange-alt	<i class=”fas fa-exchange-alt”></i>	f362
highlighter	<i class=”fas fa-highlighter”></i>	f591
hand-point-right	<i class=”fas fa-hand-point-right”></i>	f0a4
hand-point-down	<i class=”fas fa-hand-point-down”></i>	f0a7

無料版で使えるRegularスタイルは、151個。

Icon Name	HTML : 接頭辞「far」	Unicode
user	<i class=”far fa-user”></i>	f007
square	<i class=”far fa-square”></i>	f0c8
circle	<i class=”far fa-circle”></i>	f111
hand-point-right	<i class=”far fa-hand-point-right”></i>	f0a4
hand-point-down	<i class=”far fa-hand-point-down”></i>	f0a7
thumbs-up	<i class=”far fa-thumbs-up”></i>	f164

無料版で使えるBrandsスタイルは、87個。

Icon Name	HTML : 接頭辞「fab」	Unicode
windows	<i class=”fab fa-windows”></i>	f17a
microsoft	<i class=”fab fa-microsoft”></i>	f3ca
wordpress-simple	<i class=”fab fa-wordpress-simple”></i>	f411
wordpress	<i class=”fab fa-wordpress”></i>	f19a
edge	<i class=”fab fa-edge”></i>	f282
chrome	<i class=”fab fa-chrome”></i>	f268
wikipedia-w	<i class=”fab fa-wikipedia-w”></i>	f266
html5	<i class=”fab fa-html5″></i>	f13b
css3-alt	<i class=”fab fa-css3-alt”></i>	f38b
bluetooth	<i class=”fab fa-bluetooth”></i>	f293
amazon	<i class=”fab fa-amazon”></i>	f270

Icon NAme	code	Unicode	f-weight
mouse-pointer	<i class=”fas fa-mouse-pointer”></i>	f245	900
expand-arrows-alt	<i class=”fas fa-expand-arrows-alt”></i>	f31e	900
arrows-alt-v	<i class=”fas fa-arrows-alt-v”></i>	f338	900
arrows-alt-h	<i class=”fas fa-arrows-alt-h”></i>	f337	900
arrows-alt	<i class=”fas fa-arrows-alt”></i>	f0b2	900
compress-arrows-alt	<i class=”fas fa-compress-arrows-alt”></i>	f78c	900
expand-alt	<i class=”fas fa-expand-alt”></i>	f424	900
compress-alt	<i class=”fas fa-compress-alt”></i>	f422	900
window-maximize	<i class=”fas fa-window-maximize”></i>	f2d0	900
window-restore	<i class=”fas fa-window-restore”></i>	f2d2	900
window-minimize	<i class=”fas fa-window-minimize”></i>	f2d1	900
window-close	<i class=”fas fa-window-close”></i>	f410	900
window-maximize	<i class=”far fa-window-maximize”></i>	f2d0	400
window-restore	<i class=”far fa-window-restore”></i>	f2d2	400
window-minimize	<i class=”far fa-window-minimize”></i>	f2d1	400
window-close	<i class=”far fa-window-close”></i>	f410	400