Menu

Beta
Sign in
Beta
Sunset SVG background, flat

Sunset SVG background, flat

Warm sky bands sit above a dark foreground, with a half sun tucked behind the high horizon. Use it for an evening concert listing or a travel journal cover.

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/_2mLVLN34Yxe/amnt.svg" alt="Sunset" 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="Half sun above a high horizon, with warm sky bands and a dark foreground"><rect width="1600" height="900" fill="#D98267"/><path d="M0 160H1600V305H0Z" fill="#EBA47A"/><path d="M0 305H1600V450H0Z" fill="#F4BE89"/><circle cx="1220" cy="450" r="140" fill="#FFE0A1"/><path d="M0 450H1600V900H0Z" fill="#303F4B"/></svg>
CSS background-image
.sunset {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_2mLVLN34Yxe/amnt.svg");
  background-size: contain;
}
React
import SunsetSvg from "./sunset.jsx"; // from the React tab above

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

Tags

sunseteveningsunhorizonanimatedbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Sunset: Set a half sun behind a high horizon, with warm sky bands above a dark foreground. 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