SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M332.5,200.0 C 333.0,242.9 308.1,313.6 275.8,331.3 C 243.5,348.9 180.2,327.7 138.9,305.9 C 97.6,284.0 27.8,235.1 27.9,200.0 C 28.0,164.9 98.6,116.1 139.4,95.1 C 180.3,74.0 240.8,56.1 273.0,73.6 C 305.1,91.1 332.0,157.1 332.5,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='M332.5,200.0 C 333.0,242.9 308.1,313.6 275.8,331.3 C 243.5,348.9 180.2,327.7 138.9,305.9 C 97.6,284.0 27.8,235.1 27.9,200.0 C 28.0,164.9 98.6,116.1 139.4,95.1 C 180.3,74.0 240.8,56.1 273.0,73.6 C 305.1,91.1 332.0,157.1 332.5,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.