SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M360.8,200.0 C 357.7,245.9 308.3,301.9 270.2,321.5 C 232.0,341.2 171.3,338.4 131.8,318.1 C 92.3,297.9 35.5,243.6 33.1,200.0 C 30.6,156.4 74.5,82.1 117.1,56.4 C 159.7,30.8 248.3,22.1 288.9,46.0 C 329.5,69.9 363.9,154.1 360.8,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='M360.8,200.0 C 357.7,245.9 308.3,301.9 270.2,321.5 C 232.0,341.2 171.3,338.4 131.8,318.1 C 92.3,297.9 35.5,243.6 33.1,200.0 C 30.6,156.4 74.5,82.1 117.1,56.4 C 159.7,30.8 248.3,22.1 288.9,46.0 C 329.5,69.9 363.9,154.1 360.8,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.