Menu

Beta
Sign in
Beta
Cloudy Sky SVG background, flat

Cloudy Sky SVG background, flat

Broad cloud shapes overlap along the top and sides of a blue-grey sky. Use the open middle for a weather report graphic or a children’s activity sheet.

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/aH1ousYkHx4P/amnt.svg" alt="Cloudy 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="#AFC4D0"/><path fill="#C9D5DB" d="M0 0h1600v190c-65-18-113-12-157 18-35-24-83-29-123-10-51-41-123-42-176-4-48-24-104-19-146 13-54-32-120-29-170 9-42-22-96-16-132 16-58-29-120-20-163 16-53-17-111-4-147 32-46-19-98-10-136 18V0z"/><path fill="#DCE3E5" d="M0 0h1600v111c-55-22-117-19-166 11-48-27-110-24-153 8-54-25-120-18-164 19-53-25-117-17-161 20-59-25-129-15-174 28-55-18-114-7-155 29-58-20-119-5-158 34-63-16-127 5-163 49V0z"/><path fill="#C9D5DB" d="M0 382c54-34 123-28 168 13 49-14 104 5 130 48-35-10-72-4-101 18-61-16-124 10-151 61H0zM1600 338c-56-27-123-16-162 27-55-13-110 12-132 59 39-12 79-5 109 20 70-15 139 19 161 78h24z"/><path fill="#DCE3E5" d="M0 583c46-18 98-6 132 29 42-8 86 10 108 45-42-6-84 11-105 45-55-8-107 13-135 53zM1600 570c-48-16-102-2-132 37-46-6-90 16-109 55 43-9 87 8 111 43 52-9 99 6 130 40z"/></svg>
CSS background-image
.cloudy-sky {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/aH1ousYkHx4P/amnt.svg");
  background-size: contain;
}
React
import CloudySkySvg from "./cloudy-sky.jsx"; // from the React tab above

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

Tags

cloudy skyovercastcloudsflat gradientbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Cloudy Sky: Full-frame blue-grey sky with broad, overlapping cloud shapes along the top and sides. 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