Cant view the SVG pattern in browser.

catchspider2002 / svelte-svg-patterns

Create seamless patterns in SVG to use as website backgrounds, header images, stationery design and package design

https://pattern.monster

MIT License

592 stars 39 forks source link

Cant view the SVG pattern in browser. #15

Open SuperPauly opened 3 years ago

SuperPauly commented 3 years ago

I have had a play and its a very nice tool. But for some reason I can't get it to display in my browser.

Here is an example where I have copied the SVG for your site and pasted it into the browser and it not showing.

For instance I will 'Copy SVG' of this preset https://pattern.monster/flower-7/

And then paste it onto Codepen but I get no output. https://codepen.io/superpauly/pen/NWjNOqO

DM2489 commented 2 years ago

Me too. Doesn't seem to do anything at all.

Thomashighbaugh commented 1 year ago

You will need to edit the output it gives you, which means pasting the copied SVG code and changing the fill="" attributes to your desired colors (which you can replace the HSLA color values with the usual hex values such as #343a40)