Answers for "change svg color"

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

css change svg color

in the HTML:
<img src="dotted-arrow.svg" class="filter-green"/>

then change the color in the css file:
.filter-green{
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
    }

svg color css

fill="white"


 <svg class="bi d-block mx-auto mb-1" width="24" height="24" fill="white">
                  <use xlink:href="#table"></use>
                </svg>