JSFiddle - React, Tailwind, and code Playground

by bemuse

HTML

<div>
  </div>

<svg>
<defs>
<filter id="colorize" color-interpolation-filters="sRGB">
<feColorMatrix 
  type="matrix" 
  values="
          0 0 0 0 0.5
          0 0 0 0 0.25
          0 0 0 0 0.5
          0 0 0 1 0
  "/>

/filter>
</defs>
</svg>

CSS

div {
  background:url(http://richard.parnaby-king.co.uk/basket.svg) no-repeat scroll 0 0 transparent;
  background-size:5em;
  width:5em;
  height:5em;
  -webkit-filter: url(#colorize);
  filter: url(#colorize);
}