JSFiddle - React, Tailwind, and code Playground

by g30rg3

HTML

<img src="https://pbs.twimg.com/profile_images/2284174758/v65oai7fxn47qv9nectx.png" />

<img src="https://pbs.twimg.com/profile_images/2284174758/v65oai7fxn47qv9nectx.png" class="desaturate" />

CSS

img.desaturate{
    filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
    filter: gray;
    -webkit-filter: grayscale(100%);
}