SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M367.5,200.0 C 366.7,252.5 330.1,329.6 288.5,353.3 C 246.9,376.9 158.7,367.4 118.1,341.9 C 77.5,316.3 44.0,246.2 44.6,200.0 C 45.2,153.8 80.3,91.3 121.7,64.4 C 163.2,37.5 252.3,15.8 293.3,38.4 C 334.3,61.0 368.3,147.5 367.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='M367.5,200.0 C 366.7,252.5 330.1,329.6 288.5,353.3 C 246.9,376.9 158.7,367.4 118.1,341.9 C 77.5,316.3 44.0,246.2 44.6,200.0 C 45.2,153.8 80.3,91.3 121.7,64.4 C 163.2,37.5 252.3,15.8 293.3,38.4 C 334.3,61.0 368.3,147.5 367.5,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.