Colorize svg images with javascript using the file/browser path (js): http://elbone.github.io/cdn/codepen/icon.svg#FF0000

colorize-svg-with-js.svg

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   width="128px" height="96px" viewBox="0 0 128 96" enable-background="new 0 0 128 96" xml:space="preserve">
   <rect width="128" height="96"/>
   <polygon fill="#FFFFFF" points="80,32.003 50,70 32,56 16,80 112,80 "/>
   <circle fill="#FFFFFF" cx="28" cy="28" r="12"/>
   <script>document.getElementsByTagName("rect")[0].setAttribute("fill", location.hash);</script>
</svg>