Change SVG color

0
I have a nice black svg icon set, which I load in with css .icn-website{ background: url(../../icn/tmp.svg); } Is there a way to change the black lines to white lines?
asked
2 answers
2

Hi Jason,

Yeah that should be possible with masking. Try the following code: 

.icn-website{
  background-color: white;
  mask: url(../../icn/tmp.svg);
}

Take a look at: https://codepen.io/JDraaijer/pen/PBPNzm. 

Cheers,

Jeffrey

answered
1

This one worked for me as well: 
 

.filter-blue:hover {

    filter: invert(46%) sepia(79%) saturate(2907%) hue-rotate(163deg) brightness(96%) contrast(108%);

}

Create the targeted color filter at https://codepen.io/sosuke/pen/Pjoqqp

answered