Menu

Beta
Sign in
Beta
Clouds SVG background, flat

Clouds SVG background, flat

Rounded clouds sit along the edges of a broad blue sky, leaving room in the middle. Use it for weather lesson slides or a daytime event invitation.

Free · from Illustrated Backgrounds, Flat

Similar SVGs

More from Illustrated Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zzk6JoG7WQQW/amnt.svg" alt="Clouds" 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="#83BCE0"/><path fill="#D5E9F2" d="M0 0h570c-22 22-55 34-91 31-19 34-57 54-96 46-27 33-80 43-119 22-32 27-82 25-111-5-43 10-89-8-108-45C26 47 12 43 0 36Z"/><path fill="#F3F8F6" d="M0 0h460c-22 18-49 24-77 18-23 34-64 48-101 34-32 27-80 27-109 0-44 13-95-6-117-43C33 13 15 10 0 7ZM1110 0h490v96c-28 18-65 19-94 2-29 28-79 32-113 8-37 22-88 13-113-18-42 11-89-8-108-44-24 0-46-7-62-22Z"/><path fill="#D5E9F2" d="M1600 0h-375c23 20 52 29 81 23 22 32 61 48 98 37 31 29 82 30 114 3 32 14 60 14 82 2ZM0 777c35-20 82-20 116 4 31-29 82-33 118-7 39-27 96-18 126 18 43-11 91 6 114 44 45-5 87 19 101 64H0Z"/><path fill="#F3F8F6" d="M0 820c37-14 77-5 103 22 37-25 89-20 120 11 42-17 90-4 116 30 29-4 54 2 74 17H0ZM1040 900c17-42 59-67 103-63 25-37 73-56 118-43 32-34 87-39 125-11 34-28 83-30 119-5 30-24 67-30 95-19v141Z"/><path fill="#D5E9F2" d="M1195 900c26-30 72-41 109-21 34-30 85-33 122-7 41-28 98-20 127 18 16-4 32-5 47-3v13Z"/></svg>
CSS background-image
.clouds {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/zzk6JoG7WQQW/amnt.svg");
  background-size: contain;
}
React
import CloudsSvg from "./clouds.jsx"; // from the React tab above

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

Tags

cloudsskyweatherdaytimeillustrationbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Clouds: Rounded clouds drift across the upper and lower edges of a broad blue sky. as part of the pack Illustrated 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