SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M337.3,200.0 C 338.4,237.0 304.1,292.6 267.4,316.7 C 230.6,340.7 155.9,363.9 116.6,344.5 C 77.3,325.0 32.4,249.8 31.5,200.0 C 30.5,150.2 72.6,63.0 110.8,45.4 C 149.0,27.9 223.0,69.0 260.7,94.8 C 298.5,120.6 336.2,163.0 337.3,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='M337.3,200.0 C 338.4,237.0 304.1,292.6 267.4,316.7 C 230.6,340.7 155.9,363.9 116.6,344.5 C 77.3,325.0 32.4,249.8 31.5,200.0 C 30.5,150.2 72.6,63.0 110.8,45.4 C 149.0,27.9 223.0,69.0 260.7,94.8 C 298.5,120.6 336.2,163.0 337.3,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.