SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M319.0,200.0 C 314.3,243.8 293.1,287.7 262.0,307.3 C 230.8,326.9 162.4,335.3 132.2,317.4 C 102.0,299.5 81.0,239.1 81.0,200.0 C 81.1,160.9 97.7,109.0 132.5,83.1 C 167.3,57.1 258.8,24.9 289.8,44.4 C 320.9,63.9 323.6,156.2 319.0,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='M319.0,200.0 C 314.3,243.8 293.1,287.7 262.0,307.3 C 230.8,326.9 162.4,335.3 132.2,317.4 C 102.0,299.5 81.0,239.1 81.0,200.0 C 81.1,160.9 97.7,109.0 132.5,83.1 C 167.3,57.1 258.8,24.9 289.8,44.4 C 320.9,63.9 323.6,156.2 319.0,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.