SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M313.9,200.0 C 313.6,249.2 318.8,318.9 284.2,345.9 C 249.7,372.9 146.2,386.3 106.5,361.9 C 66.8,337.6 44.8,252.0 46.0,200.0 C 47.1,148.0 73.3,74.9 113.4,49.9 C 153.4,25.0 252.8,25.6 286.3,50.6 C 319.7,75.6 314.3,150.8 313.9,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='M313.9,200.0 C 313.6,249.2 318.8,318.9 284.2,345.9 C 249.7,372.9 146.2,386.3 106.5,361.9 C 66.8,337.6 44.8,252.0 46.0,200.0 C 47.1,148.0 73.3,74.9 113.4,49.9 C 153.4,25.0 252.8,25.6 286.3,50.6 C 319.7,75.6 314.3,150.8 313.9,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.