CSS Colorize
The filters will only work accurately if the original image is black. You can ensure this by setting the fill attribute of SVG images to #000. For other formats you can include brightness(0) saturate(100%) in the beginning of your filter property.
Did you know?
Colorizing your vectors with CSS filters should only be used for dynamic changes, as it supports the use of CSS variables, animations, and transitions.
If your goal is simply to change the color of a vector image, it's more efficient to convert it to an SVG file and modify the fill attribute directly.
This tool is based on MultiplyByZer0's algorithm.