はてなブログで使えるアイコンWebフォント

はてなブログの本文文章の中で、アイコンを使いたい時がある。例えば、スマホなどで設定画面を開くためのアイコン［  ］。

はてなブログで標準で使えるアイコンWebフォントが用意されている。

使い方は、HTML編集画面で、以下のような形式でclass名にアイコンの名称を指定する。注意点として、タグの間に何も入れないと保存時にタグそのものが消えてしまう。タグの間に などを入れる必要がある。また、「編集 見たまま」画面では何も表示されない。

<span class="blogicon-cog">&nbsp;</span>

自分が使いそうなアイコンWebフォントの一覧。

アイコン	クラス名	コード
	blogicon-plus	\f001
	blogicon-minus	\f002
	blogicon-reorder	\f003
	blogicon-chevron-left	\f005
	blogicon-chevron-right	\f006
	blogicon-chevron-up	\f007
	blogicon-chevron-down	\f008
	blogicon-external	\f009
	blogicon-design	\f00d
	blogicon-cog	\f00e
	blogicon-entry	\f013
	blogicon-private	\f015
	blogicon-user	\f016
	blogicon-home	\f017
	blogicon-setting	\f018
	blogicon-search	\f01a
	blogicon-analytics	\f01b
	blogicon-help	\f01c
	blogicon-truck	\f020
	blogicon-group	\f021
	blogicon-folder	\f022
	blogicon-add	\f023
	blogicon-pen	\f024
	blogicon-close	\f025
	blogicon-trash	\f026
	blogicon-bookmark	\f027
	blogicon-check	\f029
	blogicon-repeat	\f02b
	blogicon-logout	\f02c
	blogicon-star	\f02d
	blogicon-recent	\f031
	blogicon-info	\f032
	blogicon-good	\f033
	blogicon-amazon	\f034
	blogicon-twitter	\f035
	blogicon-facebook	\f036
	blogicon-warning	\f041
	blogicon-time	\f043
	blogicon-music	\f046
	blogicon-heart-alt	\f049
	blogicon-tag	\f04a
	blogicon-mail	\f04b
	blogicon-help-alt	\f04c
	blogicon-toggle-on	\f71d
	blogicon-toggle-off	\f71e
	blogicon-star-o	\f720
	blogicon-grid-3x3	\f723
	blogicon-pinned	\f727