SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M384.4,200.0 C 386.8,242.5 325.1,316.7 280.9,340.1 C 236.7,363.5 156.9,363.6 119.0,340.2 C 81.2,316.9 51.2,242.2 53.8,200.0 C 56.4,157.8 99.4,106.1 134.8,87.0 C 170.2,67.9 224.6,66.4 266.2,85.3 C 307.8,104.1 381.9,157.5 384.4,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='M384.4,200.0 C 386.8,242.5 325.1,316.7 280.9,340.1 C 236.7,363.5 156.9,363.6 119.0,340.2 C 81.2,316.9 51.2,242.2 53.8,200.0 C 56.4,157.8 99.4,106.1 134.8,87.0 C 170.2,67.9 224.6,66.4 266.2,85.3 C 307.8,104.1 381.9,157.5 384.4,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.