title: SVG object change color from external CSS
body: <p>I am playing around with SVGs (trying to replace icon fonts with SVG.) I got it to render the image/svg using object tag. However, I can't get it to change color from CSS. Assuming, I prefer coloring it from CSS, is there a way to do that while I use  to embed SVG.</p>
  
  <pre><code>   &lt;object class="partnerLogo" type="image/svg+xml" data="assets/logos/sample.svg"&gt;
             Your browser does not support SVG
     &lt;/object&gt;
  </code></pre>
  
  <p>CSS, I tried so far:</p>
  
  <pre><code>.partnerLogo {
      width: 100%;
      height: 100px;
      color: red;
      color-fill: red;
  }
  </code></pre>
  
  <p>In sample.svg file, I added, <code>&lt;?xml-stylesheet type="text/css" href="../css/styles.css"?&gt;</code> just before </p>
  
  <p>styles.css is being added to the page.</p>
  
  <p>Thanks!</p>