HTML - アイコン Font Awesome - その他のアイコン


クラウディア 


1. 概要
2. 矢印
3. アルファベット
4. メディア
5. 設定・メニュー
6. 機器
7. クラウド・仮想環境・SNS
8. 図形

1. 概要

 前ページに掲載していない、アイコンでわたしの使うものをある程度分類して紹介します。

2. 矢印

 矢印の類。
名称 表示 表  記 コード 備考
下向き箱矢印 <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 バージョンが変わって、表現が変わりました。

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

3. アルファベット

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

4. メディア

 メディア関係のアイコン。
名 称 表示 表  記 コード 備考
一時停止 <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

5. 設定・メニュー

 設定(歯車)、メニューの類です。
名 称 表示 表  記 コード 備考
歯車(設定) <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

6. 機器

 機器の類です。
名 称 表示 表  記 コード 備考
カメラ <i class="fas fa-camera"></i> f030
キーボード <i class="fas fa-keyboard"></i> f11c
ストップウォッチ <i class="fa-solid fa-stopwatch"></i> f2f2
スマートフォン・モバイル <i class="fa-solid fa-mobile-screen"></i> f3cf
ディスク <i class="fa fa-compact-disc"></i> f51f
デスクトップパソコン <i class="fas fa-desktop"></i> f108
ファイル <i class="ar fa-file"></i> f15b
Wifi <i class="fa-solid fa-wifi"></i> f1eb

7. クラウド・仮想環境

 クラウドサービスや仮想環境の類です。  というか、こういうアイコンまで用意してあるというのが、びっくり。
名 称 表示 表  記 コード 備考
AWS <i class="fa-brands fa-aws"></i> f375
インスタグラム <i class="fa-brands fa-square-instagram"></i> e055
ウィンドウズ <i class="fa-brands fa-windows"></i> f17a
X(twitter) <i class="fa-brands fa-square-x-twitter"></i> e61a
エバーノート <i class="fa-brands fa-evernote"></i> f839
GitHub <i class="fa-brands fa-square-github"></i> f092
Google Drive <i class="fa-brands fa-google-drive"></i> f3aa
デジタルオーシャン <i class="fa-brands fa-digital-ocean"></i> f391
ドッカー <i class="fa-brands fa-docker"></i> f395
ドロップボックス <i class="fa-brands fa-dropbox"></i> f16b
Facebook <i class="fa-brands fa-square-facebook"></i> f082

8. 図形

 図形的なものです。
名 称 表示 表  記 コード 備考
<i class="fa-solid fa-circle"></i> f111
<i class="fa-regular fa-circle"></i>
四角 <i class="fa-solid fa-square"></i> f0c8
<i class="fa-regular fa-square"></i>
十字(plus) <i class="fa-solid fa-plus"></i> 2b
ダイヤモンド <i class="fa-solid fa-diamond"></i> f219
<i class="fa-solid fa-star"></i> f005
<i class="fa-regular fa-star"></i>


audiobook.jp
AbemaTV 無料体験
ハイスピードプラン
earthcar(アースカー)