checkboxのオンオフでアイコン色をCSSで切り替えているだけです

電源のアイコンマークにはgoogleのmaterial iconを利用しています

See the Pen new pen by yochans (@yochans) on CodePen.

デモとソースコードはCSSボタン集にて紹介しています

https://pastel.repop.jp/web-material-buttons/powor-button.html