title: Using SVG file in HTML5 and change color
body: <p>I want to use a svg file as image in my website. I am using this:</p>
  
  <pre><code>&lt;object id="mysvg" type="image/svg+xml" data="logo.svg"&gt;Your browser does not support SVG&lt;/object&gt;
  </code></pre>
  
  <p>It shows the image in page. But now I want to modify the image. This is a one color(black) image. and I want to make it white. Like fill with white. What is the best way to do that? Can I also achieve the same result on hover of the image?
  Thanks </p>