svg data url should specify utf8 charset

[Garrett-Bodley]

The auto-generated CSS does not specify a utf-8 charset in the encoding parameters. This lead prevented Netlify from rendering the pattern when pushed to production. Funnily enough, the provided data URL worked fine on my local machine, but things broke when I pushed to production.

Provided CSS:

url(data:image/svg+xml,<svg ...svg stuff here... />)

The data URL should be as follows:

data:image/svg+xml;utf8,<svg...stuff... />

In general, I think it would be helpful to have a tutorial/how-to section on the site to help devs with less experience (i.e. others like me) use the patterns in their own projects. Would be happy to help write something if that would be of use!

[Thomashighbaugh]

Thank you for this, saved me multiple times now!