今日の花:くちなし とても、うれしい  今日の星:ロー・カッシオペアェ(カシオペア座ρ星) 暖かい眼差しの主役

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

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’;
}

コメント欄を閉じる

ディスカッション

コメント一覧

まだ、コメントがありません

コメントをどうぞ

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.