title: Tinted monotone image with SVG filters
body: <p>In CSS, I can make an image greyscale with something similar to:</p>
  
  <pre><code>.greyscale {
    filter: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg'&gt;&lt;filter id='grayscale'&gt;&lt;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'/&gt;&lt;/filter&gt;&lt;/svg&gt;#grayscale");
  }
  </code></pre>
  
  <p>I'd like to have a monotone image where the dark color is say <code>#11224F</code> instead of black. Is there a way to do something like this with a SVG filter?</p>