title: Modify the infill of an object SVG
body: <p>I'm trying to figure out the most adapted way to use an SVG (a logo) on a website's header. I want the logo to be clickable, and change color when hovered on.</p>
  <p>I've seen theses differents methods : inline SVG, iframe, object,img, embed and as background-image :</p>
  <ul>
  <li>I won't use the img and background-image, because I understood you can't modify theses easily (i.e. I can't say &quot;make the image to this specific hue&quot;).</li>
  <li>iframe and embed seem to be not recommended.</li>
  </ul>
  <p>So I looked more closely at inline SVG and object.</p>
  <ul>
  <li>I like the conveniency of the inline SVG to modifiy it with CSS, but I'm not a fan of displaying in the gcode how to replicate the logo, and to have a big chunck of code that I would have to modify is the logo changes</li>
  <li>I can display the svg with  easily, but I haven't found a way to modify the infill with this method.</li>
  </ul>
  <p>So my very first question is about the method object : is there a way to modify the proprieties (i.e. fill) of the svg on the go ?</p>
  <p>If not, am I just to demanding and I should just stick with the inline svg ?</p>
  <p>Cheers,</p>