title: Include SVG files with HTML, and still be able to apply styles to them?
body: <p>You can include SVG files into your HTML file via <code>embed</code> <code>object</code> and <code>svg</code> tags.</p>
  
  <ul>
  <li>Using an <code>embed</code> or <code>object</code> tag requires linking the image with a URL. (This is what I prefer, because I don't like all that SVG code in my HTML code, so I’d like to keep it that way.)</li>
  <li>Using the <code>svg</code> tag (AFAIK) requires having the SVG code inline in your HTML code.</li>
  </ul>
  
  <h1>My question is:</h1>
  
  <p><em>How do I include SVG icons, images, and other files into my HTML file, without having to put the entire SVG code in, and still be able to apply styles to them? Applying them through JS is fine too.</em></p>
  
  <h2>Note:</h2>
  
  <p>When I include them via <code>object</code> or <code>embed</code>, I can't seem to access them through jQuery, even with <code>$("#my-svg-div").find("svg")</code> (which, by the way, almost every answer on SO says I should). I just get <code>undefined</code>.</p>
  
  <p>Thank you!</p>