HTML - アイコン Font Awesome - よく使うアイコン


クラウディア 


1. 概要
2. 一般
3. 矢印
4. アルファベット
5. メディア
6. 設定・メニュー

1. 概要

 よく使うアイコン、と言いますか、本サイトで使っているアイコンは、本ページに網羅しているはずです。

2. 一般

 わたしのよく使うアイコンのうち、一般的なもの(?)をメモで残しています。
名称 表示 表  記 コード  備考 
アドレス帳 <i class="fa-solid fa-address-book"></i> f2b9
インポート <i class="fa-solid fa-file-import"></i> ※4
エクスポート <i class="fa-solid fa-file-export"></i> ※4
書き込み <i class="far fa-edit"></i> f044
カーソル <i class="fa-solid fa-arrow-pointer"></i> f245
紙飛行機 <i class="fa fa-paper-plane"></i> f1d8
カレンダー <i class="fas fa-calendar"></i> f133
<i class="fas fa-bell"></i> f0f3
<i class="fa-solid fa-unlock-keyhole"></i> - ※4
鐘(白ヌキ) <i class="far fa-bell"></i> ff0f3
カメラ <i class="fas fa-camera"></i> f030
キーボード <i class="fas fa-keyboard"></i> f11c
クローン <i class="fa fa-clone"></i> f24d ※1
検索・虫メガネ <i class="fa-solid fa-magnifying-glass"></i> f002
ゴミ箱 <i class="fas fa-trash-alt"></i> f2ed
再起動 <i class="fa-solid fa-arrow-rotate-right"></i> f01e
再起動(二重) <i class="fa-solid fa-arrows-rotate"></i> f021
進入禁止 <i class="fa-solid fa-ban"></i> f05e
ストップウォッチ <i class="fa-regular fa-stopwatch"></i> f2f2
砂時計 <i class="fa-regular fa-hourglass"></i> f254
ダウンロード <i class="fa-solid fa-download"></i> f019
地球儀① <i class="fa-solid fa-earth-asia"></i> f57e
地球儀② <i class="fa-solid fa-globe"></i> f0ac
ディスク <i class="fa fa-compact-disc"></i> f51f
デスクトップパソコン <i class="fas fa-desktop"></i> f108
電源断(power-off) <i class="fas fa-power-off"></i> f011
電池、充電、バッテリー <i class="fas fa-battery-full"></i> f240 満タン
電池、充電、バッテリー <i class="fas fa-battery-three-quarters"></i> f241 3/4
電池、充電、バッテリー <i class="fas fa-battery-half"></i> f242 半分
電池、充電、バッテリー <i class="fas fa-battery-quarter"></i> f243 1/4
電池、充電、バッテリー <i class="fas fa-battery-empty"></i> f244 空っぽ
点(縦並び) <i class="fas fa-ellipsis-v"></i> f142
てんてんてん <i class="fas fa-ellipsis-h"></i> f141
<i class="fa-solid fa-leaf"></i> f06c
歯車 <i class="fa fa-cog"></i> f013
パズル(Plug-in) <i class="fa-solid fa-puzzle-piece"></i> f12e
バッテン(閉じる) <i class="fa-solid fa-xmark"></i> f00d
花? <i class="fa-solid fa-spa"></i> f5bb
ハンバーガーメニュー <i class="fa-solid fa-bars"></i> f002
びっくり <i class="fas fa-exclamation-circle"></i> f06a
びっくり三角 <i class="fas fa-exclamation-triangle"></i> f071
人(複数) <i class="fas fa-user-friends"></i>f500
ファイル <i class="ar fa-file"></i> f15b
フォルダ <i class="far fa-folder"></i> f07b
フォルダ(塗りつぶし) <i class="fa-solid fa-folder"></i> f07b
ペン(鉛筆) <i class="fa fa-pencil-alt"></i> f303
ペン(鉛筆) <i class="fa fa-pencil"></i> f040 ※3
編集 <i class="fa fa-edit"></i> f044
まるにてんてんてん <i class="fa-regular fa-comment-dots"></i> f4ad
虫メガネ <i class="fa fa-search"></i> f0c9
<i class="fas fa-eye"></i> f06e
目(白ヌキ) <i class="far fa-eye"></i> f06e
メニュー <i class="fab fa-elementor"></i> f430
リンク <i class="fas fa-link"></i> f0c1
レンチ <i class="fa-solid fa-wrench"></i> f0ad
ロケット(ランチャー) <i class="fas fa-rocket"></i> f135
Wifi <i class="fa-solid fa-wifi"></i> f1eb

 ※1 紙が重なっているように見えるが、クローンらしい。
 ※4 コードがわからない。提供元で調べられなくなった?

3. 矢印

 矢印の類。
 名称  表示 表  記 コード 備考
下向き箱矢印 <i class="fa fa-caret-square-down"></i> f150 ※2
<i class="fa fa-arrow-up"></i> f062
<i class="fa fa-arrow-down"></i> f063
<i class="fa fa-arrow-left"></i> f060
<i class="fa fa-arrow-right"></i> f061
上(長) <i class="fa fa-long-arrow-alt-up"></i> f30c
下(長) <i class="fa fa-long-arrow-alt-down"></i> f309
左(長) <i class="fa fa-long-arrow-alt-left"></i> f30a
右(長) <i class="fa fa-long-arrow-alt-right"></i> f30b
上(長) <i class="fa fa-long-arrow-up"></i> f176 ※3
下(長) <i class="fa fa-long-arrow-down"></i> f175 ※3
左(長) <i class="fa fa-long-arrow-left"></i> f177 ※3
右(長) <i class="fa fa-long-arrow-right"></i> f178 ※3
上(手) <i class="far fa-hand-point-up"></i> f0a6
下(手) <i class="far fa-hand-point-down"></i> f0a7
左(手) <i class="far fa-hand-point-left"></i> f0a5
右(手) <i class="far fa-hand-point-right"></i> f0a4
ダウンロード <i class="fa-solid fa-cloud-arrow-down"></i></i> f0ed
山形袖章 上 <i class="fa fa-chevron-up"></i> f077
山形袖章 下 <i class="fa fa-chevron-down"></i> f078
山形袖章 左 <i class="fa fa-chevron-left"></i> f053
山形袖章 右 <i class="fa fa-chevron-right"></i> f054
指さし <i class="fa-solid fa-hand-pointer"></i> f25a
上○囲み <i class="far fa-arrow-alt-circle-up"></i> f35b
双方向 <i class="fas fa-exchange-alt"></i> f362
回転(右回り) <i class="fas fa-redo"></i> f01e
回転(左回り) <i class="fas fa-undo"></i> f0e2
リスタート <i class="fas fa-sync-alt"></i> f2f1

 ※2 メニューのアイコンで使ったりします。
 ※3 バージョンが変わって、表現が変わりました。

 名称はわたしの勝手な命名です。

4. アルファベット

 アルファベットの類。
 名称  表示 表  記 コード 備考
H <i class="fas fa-heading"></i> f1dc
Q <i class="fab fa-quora"></i> f2c4

5. メディア

 メディア関係のアイコン。
名称 表示 表  記 コード 備考
一時停止 <i class="fa-solid fa-pause"></i> f04c
ストップ <i class="fas fa-stop"></i> f04d
プレイ <i class="fas fa-play"></i> f04b
フロッピー(黒) <i class="fas fa-save"></i> f0c7
フロッピー(白) <i class="far fa-save"></i> f0c7
ミュート <i class="fa-solid fa-volume-xmark"></i> f6a9
ヴォリューム <i class="fa-solid fa-volume-high"></i> f028

6. 設定・メニュー

 設定(歯車)、メニューの類です。
名称 表示 表  記 コード 備考
歯車(設定) <i class="fa fa-cog"></i> f013
<i class="fa-solid fa-gear"></i>
ハンバーガー <i class="fa-solid fa-bars"></i> f002
まるにてんてんてん <i class="fa-regular fa-comment-dots"></i> f4ad


TikTok Shop 【リピート用プログラム】
AbemaTV 無料体験
損保との違い
ベルリッツ