title: How do I use color code in inline svgs (google maps)
body: <p>I am displaying a custom marker as .svg in google maps API in JavaScript.</p>
  
  <p>It seems like that the google maps api does not like using <code>#00492C</code> in code. <code>fill="#0000"</code> does not work, only <code>fill="green"</code> would work.</p>
  
  <pre><code>var icon: {
          url: 'data:image/svg+xml;utf-8, \
                &lt;svg width="30" height="48" viewBox="1 -10 60 78" xmlns="http://www.w3.org/2000/svg"&gt; \
                &lt;path fill="#00492C" d="M53.1,48.1c3.9-5.1,6.3-11.3,6.3-18.2C59.4,13.7,46.2,0.5,30,0.5C13.8,0.5,0.6,13.7,0.6,29.9 c0,6.9,2.5,13.1,6.3,18.2C12.8,55.8,30,77.5,30,77.5S47.2,55.8,53.1,48.1z"&gt;&lt;/path&gt; \
                &lt;/svg&gt;'
      }
  </code></pre>
  
  <p>I am expecting my marker getting dark green but instead it just does not appear anymore.</p>