Menu

Beta
Sign in
Beta
Sunrise SVG background, flat

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.

Free · from Flat Nature Backgrounds

Similar SVGs

More from Flat Nature Backgrounds

Whole pack

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

Tags

sunrisemorningsunhillsgradientbackgroundflat

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.

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