JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1540" height="10%" width="10%" preserveAspectRatio="xMidYMid meet" id="on-music" style="display: inline-block;cursor: pointer;"><path d="M967 296h3q11 1 17 10 135 179 135 396 0 105-34 206.5T990 1094q-7 9-17 10h-3q-9 0-16-6l-42-34q-8-6-9-16t5-18q111-150 111-328 0-90-29.5-176T905 369q-6-9-5-19t10-16l42-33q7-5 15-5zM321 486l258-172q9-6 15-2.5t6 13.5v750q0 10-6 13.5t-15-2.5L321 914q-21-14-46-14H25q-10 0-17.5-7.5T0 875V525q0-10 7.5-17.5T25 500h250q25 0 46-14zm445-86h4q10 1 16 10 96 129 96 290 0 154-90 281-6 9-17 10l-3 1q-9 0-16-6l-29-23q-7-7-8.5-16.5T723 929q72-103 72-229 0-132-78-238-6-8-4.5-18.5T722 427l29-22q7-5 15-5z"></path></svg>

CSS

#on-music:active{
  transform: scale(.8);
  transition: .5s;
}