Colorize or tint an SVG image with CSS

This is a quick example of how you can tint an svg image even if it’s added to the page externally (it’s not an inline svg):

.mysvg{
    filter: invert(.5) sepia(1) saturate(10) hue-rotate(150deg);
}

Play with the hue-rotate value to get your preferred hue!

Leave a Reply

Your email address will not be published. Required fields are marked *