Menu

Beta
Sign in
Beta
Sunrise SVG background, flat

Sunrise SVG background, flat

A half sun rests on a low horizon beneath broad horizontal sky bands. Use this scene on a morning routine page or a sunrise hike notice.

Free · from Animated Backgrounds, Flat

Similar SVGs

More from Animated Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/r06mkjDu08R_/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" role="img" aria-label="Calm sunrise over a low horizon with broad horizontal sky bands"><rect width="1600" height="900" fill="#577A91"/><rect y="190" width="1600" height="190" fill="#7895A2"/><rect y="380" width="1600" height="170" fill="#A6B4AF"/><rect y="550" width="1600" height="150" fill="#D5C3AB"/><path d="M1090 700a150 150 0 0 1 300 0Z" fill="#F2D398"/><rect y="700" width="1600" height="200" fill="#557D89"/></svg>
CSS background-image
.sunrise {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/r06mkjDu08R_/amnt.svg");
  background-size: contain;
}
React
import SunriseSvg from "./sunrise.jsx"; // from the React tab above

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

Tags

sunrisemorningsunhorizonanimatedbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Sunrise: Place a half sun on a low horizon with a few broad horizontal sky bands. as part of the pack Animated 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