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

3 votes204 views2 answers
DevTools failed to load SourceMap: Could not load content for bootstrap.min.css.map
CSS
0 vote202 views1 answer
Map find link href element click
CSS
0 vote223 views1 answer
Rel="noopener noreferrer
CSS
1 vote206 views1 answer
How to disable margin collapsing
CSS
0 vote182 views1 answer
What is difference between padding and margin?
CSS
0 vote226 views2 answers
What is the request payload in jaavascript fetch
CSS
3 votes195 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
2 votes198 views1 answer
Css image transform flip mirror
CSS
7 votes187 views3 answers
Css animation infinite
CSS
0 vote258 views1 answer
Beautiful Cyrillic fonts
CSS