Purple Pink SVG background, flat

Free

Preview on the whole page

Deep-purple corners frame a lilac field, with soft pink shapes along the top. Use it behind an article title or on a digital invitation.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

purple pink lilac website background mesh gradient background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ea6GUYPNgNs0/amnt.svg" alt="Purple Pink" width="48" height="48">

Inline SVG

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#B9A0DA"/><path d="M0 0H380C310 80 271 167 183 218C128 250 68 267 0 274Z" fill="#5B398D"/><path d="M1600 900H1190C1270 825 1301 748 1390 698C1450 664 1519 652 1600 649Z" fill="#5B398D"/><path d="M300 0H1040C931 39 862 99 736 112C583 129 458 76 300 0Z" fill="#E9B4D5"/><path d="M1080 0H1600V235C1511 215 1448 161 1364 122C1282 84 1190 45 1080 0Z" fill="#D998CB"/></svg>

CSS background-image

.purple-pink {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ea6GUYPNgNs0/amnt.svg");
  background-size: contain;
}

React

import PurplePinkSvg from "./purple-pink.jsx"; // from the React tab above

<PurplePinkSvg width={48} height={48} />

Made with AMNT

AMNT SVG 1.1 drew this from the words Purple Pink: Full lilac field with deep-purple corners and soft pink shapes along the top edge. as part of the pack Mesh Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Mesh Backgrounds, Flat

Whole pack

Similar SVGs

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence