Answers for "change svg color and background on hover, css"

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);

how to change svg image color on hover using css

svg {    width: 100px;    height: 100px;}svg:hover path {    fill: red;}

change svg color on hover, css

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