SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M315.2,200.0 C 317.0,237.6 300.4,303.3 270.4,322.0 C 240.4,340.7 173.8,332.5 135.2,312.2 C 96.7,291.8 42.0,242.2 39.2,200.0 C 36.4,157.8 81.7,76.0 118.5,58.8 C 155.2,41.6 226.9,73.0 259.7,96.6 C 292.5,120.1 313.4,162.4 315.2,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='M315.2,200.0 C 317.0,237.6 300.4,303.3 270.4,322.0 C 240.4,340.7 173.8,332.5 135.2,312.2 C 96.7,291.8 42.0,242.2 39.2,200.0 C 36.4,157.8 81.7,76.0 118.5,58.8 C 155.2,41.6 226.9,73.0 259.7,96.6 C 292.5,120.1 313.4,162.4 315.2,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.