title: How to embed an SVG image in a django template
body: <p>I am trying to display an SVG image on a webpage built with a django template.</p>
  <p>If I simply put
  <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;figure&gt;
    &lt;embed type="image/svg+xml" src="test.svg" width="75%" height="75%"/&gt;
  &lt;/figure&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>in an HTML file then the SVG file is rendered (by Chrome).</p>
  <p>But if I try to do the same thing in a django template it does not work.
  I have also tried using <div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;iframe src="bar_chart.svg" width="200" height="200" &gt;&lt;/iframe&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>and a few other variations.</p>
  <p>What is the best way in django to display SVG images?</p>