HTMLエンティティとMaterial Iconsの一覧

2019年2月10日2021年5月22日WordPress

前回STINGER8のクイックタグをメモしたので、今回はHTMLエンティティとAwesomアイコンのコードをメモしておきます。

すぐ忘れてしまうので、これで探し回らなくてすみそうです。

よく使うHTMLエンティティ

文字	名	番号	内容
“	"	&#034	ダブルクォーテーション
&	&	&	アンパサンド
,		,	コンマ
.		.	ピリオド
/		/	スラッシュ
<	&lt;	&#060;	小なり
=		&#061;	イコール
>	&gt;	&#062;	大なり
@		&#064;	アットマーク
[		&#091;	角かっこ
\		&#092;	バックスラッシュ
]		&#093;	角かっこ
	&nbsp;	&#160;	半角空白
¥	&yen;	&#165;	円マーク

バックスラッシュは、「¥」が表示されてしまうので
<span style="font-family:Arial;">¥</span>
とすると、「\」バックスラッシュが表示される。

使っているマテリアルアイコン

window
<span class="material-icons-outlined">window</span>
f088

settings
<span class="material-icons-outlined">settings</span>
e8b8

sell
<span class="material-icons">sell</span>
f05b

check_box
<span class="material-icons-outlined">check_box</span>
e834

radio_button_checked
<span class="material-icons-outlined">radio_button_checked</span>
e837

view_list
<span class="material-icons-outlined">view_list</span>
e8ef

post_add
<span class="material-icons-outlined">post_add</span>
ea20

search
<span class="material-icons-outlined">search</span>
e8b6

==========
css での使い方
xxxxx:before {
　content:’¥Code point’;
　font-family: 'Material Icons’;
}