SVG color

Svg color

/*	change svg color using css filter
	https://codepen.io/sosuke/pen/Pjoqqp
*/

/* 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>

SVG color

.filter-green{
        filter: invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
    }

Source: stackoverflow.com

SVG color

<img src="dotted-arrow.svg" class="filter-green"/>

Source: stackoverflow.com

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

-2

Source: stackoverflow.com

Similar codes

0 vote207 views1 answer
Css in head or body
CSS
0 vote208 views2 answers
Background image syntax in css if it in folder
CSS
0 vote194 views1 answer
Download-a-file-in-laravel-using-a-url-to-external-resource
CSS
0 vote263 views1 answer
Set default rem css
CSS
18 votes283 views8 answers
Vscode
CSS
0 vote249 views4 answers
Position absolute prevent overflow
CSS
5 votes165 views1 answer
Css custom strikethrough
CSS
-1 vote157 views1 answer
Responsiveness in bootstrap
CSS
2 votes204 views1 answer
Last second css
CSS
0 vote232 views1 answer
Uikit height 100%
CSS