メニューアイコンの種類と名前/HTMLとFont Awesome

メニューアイコンの種類と名前

スマートフォンやパソコン、インターネットを利用していると自然にメニューアイコンの位置や形を覚えると思いますが、その名前と HTML や Font Awesome での表示方法を記載しておきます。

大抵は右上にメニューアイコンを設置していることが多く、誰もがわかりやすく、アクセスしやすい位置に表示されています。右利きの人が多いので、右上の方が便利です。

ハンバーガーメニュー

• 横三本線で、ハンバーガーのような形【≡】

三点リーダー（ミートボールメニュー）

• ３つのドット【…】

三点リーダー（ミートボールメニュー）をHTMLで表示

…

縦三点リーダー（ケバブメニュー）

• 縦3つのドット【︙】

スマートフォンやブラウザでも良く目にするアイコンです。

縦三点リーダー（ケバブメニュー）をHTMLで表示

⋮

ドネルメニュー

• 横三本の上から線が短くなる

弁当メニュー

• ドットが縦横に並んでいてお弁当のような形

Font Awesome でアイコンを表示する

Font Awesome 4

• https://fontawesome.com/v4.7/icons/

Font Awesome 5

• https://fontawesome.com/v5.15/icons?d=gallery&p=6&m=free

Font Awesome については下のリンクを参照