Blue Pink SVG background, flat

Free

Preview on the whole page

Blush-pink curves enter from both sides of a powder-blue field. This background suits a baby shower invitation or a pastel-themed website section.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

blue pink pastel 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/kTzVTqYk5fCM/amnt.svg" alt="Blue 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="#B8D6ED"/><path d="M0 0H268C330 128 347 250 287 365C232 469 119 533 0 555Z" fill="#EFC6D3"/><path d="M0 0H112C197 112 228 232 191 328C155 418 78 453 0 468Z" fill="#E5B1C5"/><path d="M1600 900H1332C1270 772 1253 650 1313 535C1368 431 1481 367 1600 345Z" fill="#EFC6D3"/><path d="M1600 900H1488C1403 788 1372 668 1409 572C1445 482 1522 447 1600 432Z" fill="#E5B1C5"/></svg>

CSS background-image

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

React

import BluePinkSvg from "./blue-pink.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Blue Pink: Full powder-blue field with blush-pink curves entering from both side edges. 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