Answers for "svg background change color on hover"

set svg background color css

/* You can use CSS masks, With the 'mask' property, you create a mask that is applied to an element. */
background-color: red;
-webkit-mask-image: url(icon.svg);
mask-image: url(icon.svg);

change svg color on hover, css

<style>
.x-svg:hover g, .x-svg:hover path{
          fill: red;
      }
</style>