SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M339.6,200.0 C 345.1,242.2 326.1,332.7 289.7,355.4 C 253.4,378.2 163.2,362.3 121.3,336.4 C 79.4,310.4 40.3,248.8 38.3,200.0 C 36.4,151.2 73.2,59.6 109.5,43.3 C 145.9,27.0 218.2,75.9 256.6,102.0 C 294.9,128.2 334.0,157.8 339.6,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='M339.6,200.0 C 345.1,242.2 326.1,332.7 289.7,355.4 C 253.4,378.2 163.2,362.3 121.3,336.4 C 79.4,310.4 40.3,248.8 38.3,200.0 C 36.4,151.2 73.2,59.6 109.5,43.3 C 145.9,27.0 218.2,75.9 256.6,102.0 C 294.9,128.2 334.0,157.8 339.6,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.