SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M360.1,200.0 C 362.7,248.5 329.2,341.5 292.1,359.5 C 255.0,377.5 177.7,334.6 137.6,308.0 C 97.5,281.4 55.7,243.3 51.5,200.0 C 47.3,156.7 74.9,70.1 112.4,48.2 C 149.8,26.2 234.8,43.0 276.0,68.3 C 317.3,93.6 357.4,151.5 360.1,200.0Z" />
</svg>CSS Background
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill='%238b5cf6' d='M360.1,200.0 C 362.7,248.5 329.2,341.5 292.1,359.5 C 255.0,377.5 177.7,334.6 137.6,308.0 C 97.5,281.4 55.7,243.3 51.5,200.0 C 47.3,156.7 74.9,70.1 112.4,48.2 C 149.8,26.2 234.8,43.0 276.0,68.3 C 317.3,93.6 357.4,151.5 360.1,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.