title: Svg inside h1 tag
body: <p>I have a Gatsby project, where where I would like to use an svg as my main heading.</p>
  <pre><code>import Header from &quot;../images/header.svg&quot;
  
  return (
    &lt;h1&gt;
        &lt;Header/&gt;
    &lt;/h1&gt;
  )
  </code></pre>
  <p>Thers is no text in the svg (the text is made purely using rects and paths), so what do I do in terms of accessibility and SEO optimization?</p>