• TOP
  • 使えるFont Awesome

Font Awesome

このページはバージョンv6.1.2に対応してます
Font Awesome検索サイトへ

コード一覧

現在のコピー元はv6.1.2に対応してます。
ご確認の上、「５」の数字を「６」に変更すればv6に対応します。
baldなし
&::before {
content: "\（コード）";
font-family: "Font Awesome 6 Free";
margin-right: 10px;
}
&::after {
content: "\（コード）";
font-family: "Font Awesome 6 Free";
margin-left: 10px;
}
baldあり
&::before {
content: "\（コード）";
font-family: "Font Awesome 6 Free";
font-weight: 700;
margin-right: 10px;
}
&::after {
content: "\（コード）";
font-family: "Font Awesome 6 Free";
font-weight: 700;
margin-left: 10px;
}
バージョン違い
font-family: "FontAwesome";
font-family: "Font Awesome 6 Free";
font-family: "Font Awesome 6 Brands";

メール系

f0e0
f0e0（baldなし）
f2b6
f0e0（baldなし）
f0e0

ダウンロード系

f019
f56d
f381
f56e
f518
f35d

矢印系

f062
f063
f060
f061
f0aa
f0ab
f0a8
f0a9
f077
f078
f053
f054
f102
f103
f100
f101
f139
f13a
f137
f138
f0d8
f0d7
f0d9
f0da
f30c
f309
f30a
f30b
boldあり
f151
f150
f191
f152
boldなし
f151
f150
f191
f152
boldあり
f35b
f358
f359
f35a
boldなし
f35b
f358
f359
f35a

チェック系

f00c
f560
f46c
f4fc
f14a
f14a（baldなし）
f058
f058（baldなし）

SNS系

font-family: "Font Awesome 6 Brands";
f3c0
カラーコード「#00B900」
f09a
カラーコード「#3B5998」
f082
カラーコード「#3B5998」
f082
カラーコード「#3B5998」
f099
カラーコード「#55acee」
f099
カラーコード「#55acee」
f099
カラーコード「#cd201f」
f16d
カラーコード「#3f729b」
e055
カラーコード「#3f729b」
（※v5.14.0）
font-family: "Font Awesome 6 Free";
f164
f164（baldなし）
CSSパーツ集

© Basic Inc. All Rights Reserved.