Changing a White Icon.png to a Blue Icon.png Using HTML/CSS
The original icon.png is white in color. How can we change it to a blue color version using only HTML and CSS?
HTML:
<img src="icon.png" class="icon1">
CSS:
.icon1 {
background: url(icon.png);
color: blue;
}
//This code is not producing the desired effect
Alternatively, you could try this:
HTML:
<img src="icon.png" class="icon2">
CSS:
.icon2 {
color: blue;
}
//Unfortunately, this code is also not working as expected
Do you have a solution that doesn't involve Photoshop, but rather uses only HTML and CSS?