SVG Shape Generator
Complexity6
Preview
SVG Code
<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<path fill="#8b5cf6" d="M338.2,200.0 C 340.2,249.4 325.0,340.4 291.5,358.5 C 258.0,376.5 180.1,334.8 137.4,308.3 C 94.8,281.9 39.1,242.6 35.4,200.0 C 31.6,157.4 74.4,76.0 115.1,53.0 C 155.8,30.0 242.4,37.6 279.6,62.1 C 316.8,86.6 336.3,150.6 338.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='M338.2,200.0 C 340.2,249.4 325.0,340.4 291.5,358.5 C 258.0,376.5 180.1,334.8 137.4,308.3 C 94.8,281.9 39.1,242.6 35.4,200.0 C 31.6,157.4 74.4,76.0 115.1,53.0 C 155.8,30.0 242.4,37.6 279.6,62.1 C 316.8,86.6 336.3,150.6 338.2,200.0Z' /%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: cover;History
No saved shapes yet.