マウスオーバーでアイコンが変化するボタン

擬似要素を使った装飾例。ボタン左側の背景とリストアイコン風の円を擬似要素で作って本体に重ねています。マウスオーバーでリストアイコンが変化。

縦並びがおすすめなので、サンプルも同じものを2つ並べています。

リストタグで作っています。コピー＆ペーストでご自由にお使いください。