Beta

Sky SVG background, flat

Free
Sky SVG background, flat

Pale blue fills the frame in gently curved bands of lighter colour. Use it behind a weather forecast graphic or on a classroom worksheet about daylight.

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

skybluedaylightgradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zWkgaRX90h_0/amnt.svg" alt="Sky" 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="#C8E5F2"/><path d="M0 0H1600V175C1320 220 1080 168 800 196S275 294 0 235Z" fill="#D8EDF6"/><path d="M0 325C300 246 560 310 825 275S1320 211 1600 285V410C1330 349 1090 394 815 425S290 375 0 455Z" fill="#D2EAF5"/><path d="M0 590C270 520 540 585 810 550S1300 472 1600 540V690C1310 625 1080 681 800 708S275 655 0 730Z" fill="#DDEFF7"/><path d="M0 810C280 745 540 810 815 777S1315 701 1600 770V900H0Z" fill="#D3EAF4"/></svg>
CSS background-image
.sky {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zWkgaRX90h_0/amnt.svg");
  background-size: contain;
}
React
import SkySvg from "./sky.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Sky: Full-frame pale blue sky with broad, gently curved bands of lighter blue. 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