HTML と CSS だけで見出しにアイコンを付ける

まず結果を見たい人向けソースコードとサンプル

作りたいもの (要件)
- <h1> とか <h2> とかの左に画像でアイコンを挿入したい.
- アイコンがない見出しも使うことがある (全ての見出しにアイコンを付けるわけではない) のでそのへんは柔軟にしたい.

実装解説HTML にはアイコンあり見出しとアイコンなし見出しを用意した.
ポイントは, アイコンありの際には見出し文のところを直打ちでは