Just a little CSS tomfoolery.
In the Swarm app for Android (and maybe they do this on the iOS version too, I dunno) the volume icon toggles sound on and off. Instead of a static image, though, the little sound waves in the icon actually animate into an X when it’s muted. I decided to replicate it in CSS. (Click it to toggle the icon state.)[codepen_embed height=”268″ theme_id=”0″ slug_hash=”obBROB” default_tab=”result” user=”peiche”]See the Pen Animated Volume Icon by Paul (@peiche) on CodePen.[/codepen_embed]