Beta

Sunrise SVG background, flat

Free
Sunrise SVG background, flat

A small sun appears behind distant hills under pale peach and blue sky bands. It works on a morning routine chart or a hiking trip announcement.

Sign in to download. Free SVGs are free with any account.

sunrisemorningsunhillsgradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kdT_EmOeCwMd/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="#CBDDE8"/><path d="M0 190C330 155 550 205 830 175S1320 145 1600 190V390C1290 355 1080 405 800 395S300 350 0 400Z" fill="#DFE8EA"/><path d="M0 435C310 400 540 445 810 430S1320 390 1600 430V685H0Z" fill="#F3DDD4"/><circle cx="1230" cy="664" r="48" fill="#F8DEAB"/><path d="M0 692C240 648 400 660 610 684S990 716 1200 675 1440 646 1600 670V900H0Z" fill="#A9BFC3"/><path d="M0 753C250 705 410 736 625 755S1000 785 1210 735 1450 717 1600 745V900H0Z" fill="#8FA8AE"/></svg>
CSS background-image
.sunrise {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/kdT_EmOeCwMd/amnt.svg");
  background-size: contain;
}
React
import SunriseSvg from "./sunrise.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Sunrise: A small sun rises behind distant hills beneath pale peach and blue sky bands. as part of the pack Flat Nature Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Nature Backgrounds

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