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.4,200.0 C 336.5,247.4 314.9,316.4 279.6,337.9 C 244.3,359.3 166.5,351.8 125.6,328.8 C 84.8,305.8 34.6,243.0 34.5,200.0 C 34.4,157.0 83.6,95.0 125.3,70.6 C 166.9,46.2 249.2,32.0 284.5,53.6 C 319.9,75.1 338.2,152.6 337.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='M337.4,200.0 C 336.5,247.4 314.9,316.4 279.6,337.9 C 244.3,359.3 166.5,351.8 125.6,328.8 C 84.8,305.8 34.6,243.0 34.5,200.0 C 34.4,157.0 83.6,95.0 125.3,70.6 C 166.9,46.2 249.2,32.0 284.5,53.6 C 319.9,75.1 338.2,152.6 337.4,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.