SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M350.7,200.0 C 349.2,246.8 313.7,312.4 276.8,333.0 C 239.8,353.5 169.8,345.3 128.9,323.1 C 88.0,301.0 33.7,245.3 31.2,200.0 C 28.7,154.7 71.6,75.8 114.0,51.1 C 156.4,26.4 246.1,27.1 285.5,51.9 C 325.0,76.7 352.1,153.2 350.7,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='M350.7,200.0 C 349.2,246.8 313.7,312.4 276.8,333.0 C 239.8,353.5 169.8,345.3 128.9,323.1 C 88.0,301.0 33.7,245.3 31.2,200.0 C 28.7,154.7 71.6,75.8 114.0,51.1 C 156.4,26.4 246.1,27.1 285.5,51.9 C 325.0,76.7 352.1,153.2 350.7,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.