SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M350.4,200.0 C 351.9,239.7 311.6,303.7 273.2,326.8 C 234.8,349.9 153.7,359.9 119.9,338.7 C 86.1,317.6 70.3,246.0 70.5,200.0 C 70.7,154.0 88.6,81.5 120.9,63.0 C 153.2,44.4 226.1,65.6 264.4,88.5 C 302.6,111.3 349.0,160.3 350.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='M350.4,200.0 C 351.9,239.7 311.6,303.7 273.2,326.8 C 234.8,349.9 153.7,359.9 119.9,338.7 C 86.1,317.6 70.3,246.0 70.5,200.0 C 70.7,154.0 88.6,81.5 120.9,63.0 C 153.2,44.4 226.1,65.6 264.4,88.5 C 302.6,111.3 349.0,160.3 350.4,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.