Fix for music.svg

.svgo.yml

@@ -4,6 +4,7 @@ plugins:
   - sortAttrs
   - prefixIds: false
   - inlineStyles: false
+  - removeHiddenElems: false
 
 js2svg:
   pretty: true

Always Animate/music.svg

@@ -1,12 +1,21 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="music" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
   <style id="music_sheet">
-    @keyframes music_scale_animation1__to{0%{transform:translate(384.5px,381.686597px)}53.333333%{transform:translate(384.499988px,381.686597px)}80%,to{transform:translate(-391.450012px,381.686597px)}}@keyframes music_scale_animation2_c_o{0%,80%,to{opacity:0}3.333333%,53.333333%{opacity:1}}@keyframes music_note1_animation__to{0%,3.333333%{transform:translate(1184.185608px,170.944336px)}53.333333%,to{transform:translate(-375.814392px,170.944336px)}}@keyframes music_note2_animation__to{0%,3.333333%{transform:translate(1484.185672px,240.944358px)}53.333333%,to{transform:translate(-85.814328px,240.944358px)}}@keyframes music_note3_animation__to{0%,3.333333%{transform:translate(355.236704px,413.795165px)}53.333333%,to{transform:translate(-1204.763296px,413.795165px)}}@keyframes music_note4_animation__to{0%,3.333333%{transform:translate(1915.236704px,413.796324px)}53.333333%,to{transform:translate(355.236704px,413.796324px)}}@keyframes music_note5_animation__to{0%,3.333333%{transform:translate(927.667693px,294.367107px)}53.333333%,to{transform:translate(-632.332307px,294.367107px)}}#music_scale_animation1{animation:music_scale_animation1__to 15000ms linear infinite normal forwards}#music_scale_animation2{animation:music_scale_animation2_c_o 15000ms linear infinite normal forwards}#music_note1_animation{animation:music_note1_animation__to 15000ms linear infinite normal forwards}#music_note2_animation{animation:music_note2_animation__to 15000ms linear infinite normal forwards}#music_note3_animation{animation:music_note3_animation__to 15000ms linear infinite normal forwards}#music_note4_animation{animation:music_note4_animation__to 15000ms linear infinite normal forwards}#music_note5_animation{animation:music_note5_animation__to 15000ms linear infinite normal forwards}
+    @keyframes music_scale_animation__to{0%{transform:translate(384.5px,381.686597px)}53.333333%{transform:translate(384.499988px,381.686597px)}80%,to{transform:translate(-391.450012px,381.686597px)}}@keyframes music_scale_group_c_o{0%,80%,to{opacity:0}3.333333%,53.333333%{opacity:1}}@keyframes music_note1_animation__to{0%,3.333333%{transform:translate(1184.185608px,170.944336px)}53.333333%,to{transform:translate(-375.814392px,170.944336px)}}@keyframes music_note2_animation__to{0%,3.333333%{transform:translate(1484.185672px,240.944358px)}53.333333%,to{transform:translate(-85.814328px,240.944358px)}}@keyframes music_note3_animation__to{0%,3.333333%{transform:translate(355.236704px,413.795165px)}53.333333%,to{transform:translate(-1204.763296px,413.795165px)}}@keyframes music_note4_animation__to{0%,3.333333%{transform:translate(1915.236704px,413.796324px)}53.333333%,to{transform:translate(355.236704px,413.796324px)}}@keyframes music_note5_animation__to{0%,3.333333%{transform:translate(927.667693px,294.367107px)}53.333333%,to{transform:translate(-632.332307px,294.367107px)}}#music_scale_animation{animation:music_scale_animation__to 15000ms linear infinite normal forwards}#music_scale_group{animation:music_scale_group_c_o 15000ms linear infinite normal forwards}#music_note1_animation{animation:music_note1_animation__to 15000ms linear infinite normal forwards}#music_note2_animation{animation:music_note2_animation__to 15000ms linear infinite normal forwards}#music_note3_animation{animation:music_note3_animation__to 15000ms linear infinite normal forwards}#music_note4_animation{animation:music_note4_animation__to 15000ms linear infinite normal forwards}#music_note5_animation{animation:music_note5_animation__to 15000ms linear infinite normal forwards}
   </style>
   <path id="background" d="M392.49 676.01v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" transform="matrix(4 0 0 4 -801.294 -2320.4)" fill="#F3632D" stroke="none" stroke-width="1"/>
+  <g id="music_scale_animation" transform="translate(384.5 381.687)">
+    <g id="music_scale_group" transform="matrix(4 0 0 4 -1183.966 -2696.457)" opacity="0" fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".133">
+      <rect id="music_scale_line1" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(200.132 740.555)"/>
+      <rect id="music_scale_line2" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(198.854 705.727)"/>
+      <rect id="music_scale_line3" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.493 672.176)"/>
+      <rect id="music_scale_line4" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.707 603.839)"/>
+      <rect id="music_scale_line5" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.388 637.07)"/>
+    </g>
+  </g>
   <g id="music_note1_animation" transform="translate(1184.186 170.944)">
     <g id="music_note1_group" transform="matrix(4 0 0 4 -1945.3 -2929.162)" stroke="none">
-      <path id="music_note1_edge" d="M486.656 714.87c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.267 4.6-22.136-8.961-7.673-14.42-7.703-18.61-6.943z" fill="#000" stroke-width="1"/>
+      <path id="music_note1_outline" d="M486.656 714.87c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.267 4.6-22.136-8.961-7.673-14.42-7.703-18.61-6.943z" fill="#000" stroke-width="1"/>
-      <path id="music_note1_inside" d="M486.257 718.956c-5.752 1.105-10.51 3.958-13.79 9.202-1.61 2.579-2.39 5.44-1.959 8.528.646 4.593 3.4 7.43 7.407 8.755 6.806 2.25 13.144.925 18.74-3.692 3.837-3.158 8.168-8.831 4.6-17.35-6.652-6.015-11.888-6.039-14.998-5.443z" fill="#F3632D" stroke-width=".763"/>
+      <path id="music_note1_filling" d="M486.257 718.956c-5.752 1.105-10.51 3.958-13.79 9.202-1.61 2.579-2.39 5.44-1.959 8.528.646 4.593 3.4 7.43 7.407 8.755 6.806 2.25 13.144.925 18.74-3.692 3.837-3.158 8.168-8.831 4.6-17.35-6.652-6.015-11.888-6.039-14.998-5.443z" fill="#F3632D" stroke-width=".763"/>
     </g>
   </g>
   <g id="music_note2_animation" transform="translate(1484.186 240.944)">

Animate on Hover/music.svg

@@ -1,12 +1,21 @@
 <svg xmlns="http://www.w3.org/2000/svg" id="music" viewBox="0 0 769 769" width="500" height="500" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" version="1.1">
   <style id="music_sheet">
-    @keyframes music_scale_animation1__to{0%{transform:translate(384.5px,381.686597px)}53.333333%{transform:translate(384.499988px,381.686597px)}80%,to{transform:translate(-391.450012px,381.686597px)}}@keyframes music_scale_animation2_c_o{0%,80%,to{opacity:0}3.333333%,53.333333%{opacity:1}}@keyframes music_note1_animation__to{0%,3.333333%{transform:translate(1184.185608px,170.944336px)}53.333333%,to{transform:translate(-375.814392px,170.944336px)}}@keyframes music_note2_animation__to{0%,3.333333%{transform:translate(1484.185672px,240.944358px)}53.333333%,to{transform:translate(-85.814328px,240.944358px)}}@keyframes music_note3_animation__to{0%,3.333333%{transform:translate(355.236704px,413.795165px)}53.333333%,to{transform:translate(-1204.763296px,413.795165px)}}@keyframes music_note4_animation__to{0%,3.333333%{transform:translate(1915.236704px,413.796324px)}53.333333%,to{transform:translate(355.236704px,413.796324px)}}@keyframes music_note5_animation__to{0%,3.333333%{transform:translate(927.667693px,294.367107px)}53.333333%,to{transform:translate(-632.332307px,294.367107px)}}#music{pointer-events:all}#music *{animation-play-state:paused!important}#music:hover *{animation-play-state:running!important}#music_scale_animation1{animation:music_scale_animation1__to 15000ms linear infinite normal forwards}#music_scale_animation2{animation:music_scale_animation2_c_o 15000ms linear infinite normal forwards}#music_note1_animation{animation:music_note1_animation__to 15000ms linear infinite normal forwards}#music_note2_animation{animation:music_note2_animation__to 15000ms linear infinite normal forwards}#music_note3_animation{animation:music_note3_animation__to 15000ms linear infinite normal forwards}#music_note4_animation{animation:music_note4_animation__to 15000ms linear infinite normal forwards}#music_note5_animation{animation:music_note5_animation__to 15000ms linear infinite normal forwards}
+    @keyframes music_scale_animation__to{0%{transform:translate(384.5px,381.686597px)}53.333333%{transform:translate(384.499988px,381.686597px)}80%,to{transform:translate(-391.450012px,381.686597px)}}@keyframes music_scale_group_c_o{0%,80%,to{opacity:0}3.333333%,53.333333%{opacity:1}}@keyframes music_note1_animation__to{0%,3.333333%{transform:translate(1184.185608px,170.944336px)}53.333333%,to{transform:translate(-375.814392px,170.944336px)}}@keyframes music_note2_animation__to{0%,3.333333%{transform:translate(1484.185672px,240.944358px)}53.333333%,to{transform:translate(-85.814328px,240.944358px)}}@keyframes music_note3_animation__to{0%,3.333333%{transform:translate(355.236704px,413.795165px)}53.333333%,to{transform:translate(-1204.763296px,413.795165px)}}@keyframes music_note4_animation__to{0%,3.333333%{transform:translate(1915.236704px,413.796324px)}53.333333%,to{transform:translate(355.236704px,413.796324px)}}@keyframes music_note5_animation__to{0%,3.333333%{transform:translate(927.667693px,294.367107px)}53.333333%,to{transform:translate(-632.332307px,294.367107px)}}#music{pointer-events:all}#music *{animation-play-state:paused!important}#music:hover *{animation-play-state:running!important}#music_scale_animation{animation:music_scale_animation__to 15000ms linear infinite normal forwards}#music_scale_group{animation:music_scale_group_c_o 15000ms linear infinite normal forwards}#music_note1_animation{animation:music_note1_animation__to 15000ms linear infinite normal forwards}#music_note2_animation{animation:music_note2_animation__to 15000ms linear infinite normal forwards}#music_note3_animation{animation:music_note3_animation__to 15000ms linear infinite normal forwards}#music_note4_animation{animation:music_note4_animation__to 15000ms linear infinite normal forwards}#music_note5_animation{animation:music_note5_animation__to 15000ms linear infinite normal forwards}
   </style>
   <path id="background" d="M392.49 676.01v72.19c0 11.03-8.32 21.11-19.18 23.18-1.61.31-3.27.48-4.9.48-47.97.03-95.93.02-143.9.02-11.76 0-22.02-9.02-23.56-20.72a23.27 23.27 0 01-.23-3.12c-.01-48.09-.01-96.18-.01-144.26 0-11.03 8.32-21.12 19.18-23.18 1.61-.31 3.27-.48 4.9-.48 48.01-.02 96.02-.02 144.02-.02 11.03 0 21.13 8.33 23.18 19.18.3 1.61.48 3.27.48 4.9.03 23.94.02 47.89.02 71.83z" transform="matrix(4 0 0 4 -801.294 -2320.4)" fill="#F3632D" stroke="none" stroke-width="1"/>
+  <g id="music_scale_animation" transform="translate(384.5 381.687)">
+    <g id="music_scale_group" transform="matrix(4 0 0 4 -1183.966 -2696.457)" opacity="0" fill="#FFF" fill-rule="evenodd" stroke="#FFF" stroke-width=".133">
+      <rect id="music_scale_line1" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(200.132 740.555)"/>
+      <rect id="music_scale_line2" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(198.854 705.727)"/>
+      <rect id="music_scale_line3" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.493 672.176)"/>
+      <rect id="music_scale_line4" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.707 603.839)"/>
+      <rect id="music_scale_line5" width="192.997" height="3.834" rx="0" ry="1.208" transform="translate(199.388 637.07)"/>
+    </g>
+  </g>
   <g id="music_note1_animation" transform="translate(1184.186 170.944)">
     <g id="music_note1_group" transform="matrix(4 0 0 4 -1945.3 -2929.162)" stroke="none">
-      <path id="music_note1_edge" d="M486.656 714.87c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.267 4.6-22.136-8.961-7.673-14.42-7.703-18.61-6.943z" fill="#000" stroke-width="1"/>
+      <path id="music_note1_outline" d="M486.656 714.87c-7.75 1.41-14.16 5.05-18.58 11.74-2.17 3.29-3.22 6.94-2.64 10.88.87 5.86 4.58 9.48 9.98 11.17 9.17 2.87 17.71 1.18 25.25-4.71 5.17-4.03 9.408-11.267 4.6-22.136-8.961-7.673-14.42-7.703-18.61-6.943z" fill="#000" stroke-width="1"/>
-      <path id="music_note1_inside" d="M486.257 718.956c-5.752 1.105-10.51 3.958-13.79 9.202-1.61 2.579-2.39 5.44-1.959 8.528.646 4.593 3.4 7.43 7.407 8.755 6.806 2.25 13.144.925 18.74-3.692 3.837-3.158 8.168-8.831 4.6-17.35-6.652-6.015-11.888-6.039-14.998-5.443z" fill="#F3632D" stroke-width=".763"/>
+      <path id="music_note1_filling" d="M486.257 718.956c-5.752 1.105-10.51 3.958-13.79 9.202-1.61 2.579-2.39 5.44-1.959 8.528.646 4.593 3.4 7.43 7.407 8.755 6.806 2.25 13.144.925 18.74-3.692 3.837-3.158 8.168-8.831 4.6-17.35-6.652-6.015-11.888-6.039-14.998-5.443z" fill="#F3632D" stroke-width=".763"/>
     </g>
   </g>
   <g id="music_note2_animation" transform="translate(1484.186 240.944)">