Menu

Beta
Sign in
Beta
Blue Sky SVG background, flat

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.

Free · from Flat Landscape Backgrounds

Similar SVGs

More from Flat Landscape Backgrounds

Whole pack

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

Tags

blue skydaylightcloudsflat gradientbackgroundflat

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.

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