Beta

Blue Sky SVG background, flat

Free
Blue Sky SVG background, flat

A pale blue sky fills the frame, with two small white clouds near opposite edges. Use it behind a weather app forecast or on a classroom worksheet.

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

blue skydaylightcloudsflat gradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/e8VctzFzdFBL/amnt.svg" alt="Blue Sky" 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="Pale blue sky with two small white clouds near opposite edges"><rect width="1600" height="900" fill="#C9E8F5"/><path fill="#FFFFFF" d="M0 169c12-12 30-16 46-10 9-19 32-29 52-22 15 5 25 16 29 30 17-5 35 4 40 20 4 14-3 27-15 33H0z"/><path fill="#FFFFFF" d="M1600 694c-12-10-29-13-43-7-10-18-32-26-51-19-14 5-24 16-27 29-16-4-32 5-37 20-4 13 3 26 14 32h144z"/></svg>
CSS background-image
.blue-sky {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/e8VctzFzdFBL/amnt.svg");
  background-size: contain;
}
React
import BlueSkySvg from "./blue-sky.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Blue Sky: Full-frame pale blue sky with two small white cloud shapes near opposite edges. as part of the pack Flat Landscape Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Landscape 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