Answers for "svg change color based on background css"

CSS
4

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);
Posted by: Guest on January-11-2021
-1

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%);
    }
Posted by: Guest on October-22-2021

Code answers related to "svg change color based on background css"

Browse Popular Code Answers by Language