Menu

Beta
Sign in
Beta
Purple Pink SVG background, flat

Purple Pink SVG background, flat

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.

Free · from Mesh Backgrounds, Flat

Similar SVGs

More from Mesh Backgrounds, Flat

Whole pack

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} />

Tags

purplepinklilacwebsite backgroundmesh gradientbackgroundflat

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.

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

Settings