Clouds SVG background, flat

Free

Preview on the whole page

Soft cloud outlines drift across the top and sides of a solid sky. Add text in the open area for a weather report slide or a nursery wall print.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

clouds sky weather air line art background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dzvdkYRteRg-/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="#DCECF1"/><g fill="none" stroke="#FFFFFF" stroke-width="5" stroke-linecap="round" stroke-linejoin="round" opacity="0.85"><path d="M-90 164h167c-4-27 16-52 43-52 12 0 23 4 31 12 9-35 40-61 78-61 42 0 76 31 81 71 10-8 23-12 36-12 31 0 57 23 61 53h91"/><path d="M1042-18c7 25 30 43 58 43 11 0 21-3 30-8 13 28 41 47 74 47 30 0 56-16 70-40 10 7 23 11 36 11 28 0 52-18 60-43h168"/><path d="M1411 263h58c2-26 24-47 51-47 12 0 23 4 32 11 9-29 36-50 68-50 34 0 63 24 70 56 8-4 17-7 27-7h49"/><path d="M-94 627h110c-5-30 18-57 48-57 12 0 23 4 32 11 12-32 42-54 77-54 43 0 78 33 81 75 11-9 24-14 38-14 30 0 55 22 59 51h65"/><path d="M1287 823h102c4-24 25-42 50-42 12 0 23 4 32 11 10-34 40-58 77-58 43 0 78 34 81 76 11-8 24-13 38-13h74"/></g></svg>

CSS background-image

.clouds {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/dzvdkYRteRg-/amnt.svg");
  background-size: contain;
}

React

import CloudsSvg from "./clouds.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Clouds: Soft cloud outlines drift along the top and side edges over a solid sky. as part of the pack Line Art Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Line Art Backgrounds, Flat

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