Menu

Beta
Sign in
Beta
Sunrise SVG background, flat

Sunrise SVG background, flat

Pale yellow fills the background while peach and warm pink bands rise from the bottom edge. It works on a morning event flyer or a newsletter cover.

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/WeHehBgjXt-H/amnt.svg" alt="Sunrise" 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="#FFF2BE"/><path d="M0 588C270 555 477 606 738 586C1057 562 1250 505 1600 550V900H0Z" fill="#FFE1A9"/><path d="M0 676C268 626 501 708 787 670C1082 631 1347 611 1600 650V900H0Z" fill="#FBC5A9"/><path d="M0 772C299 719 478 787 746 766C1044 742 1303 700 1600 738V900H0Z" fill="#F4AFA9"/><path d="M0 849C254 814 507 862 759 839C1092 809 1361 790 1600 820V900H0Z" fill="#EFA0AE"/></svg>
CSS background-image
.sunrise {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/WeHehBgjXt-H/amnt.svg");
  background-size: contain;
}
React
import SunriseSvg from "./sunrise.jsx"; // from the React tab above

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

Tags

sunrisemorningpeachyellowmesh gradientbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Sunrise: Full pale yellow field with peach and warm pink bands rising from the bottom 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