Menu

Beta
Sign in
Beta
Summer Sky SVG background, flat

Summer Sky SVG background, flat

Small white clouds float near the upper corners of a broad blue sky. Use the clear space on a summer program flyer or an outdoor event slide.

Free · from Seasonal Backgrounds, Flat

Similar SVGs

More from Seasonal Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uYoi0SmLV34S/amnt.svg" alt="Summer 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="#77BCE8"/><g fill="#FFFFFF"><path d="M0 105c18-16 44-18 64-6 12-23 42-34 67-22 11-19 35-30 57-24 24 6 39 26 39 49 19-6 41 3 49 21 4 9 5 18 2 27H0Z"/><path d="M1600 78c-18-14-43-14-60-1-12-19-38-26-60-15-13-20-39-28-60-18-18 8-29 26-29 46-18-4-36 5-42 22-2 7-3 14-1 21h252Z"/></g><g fill="#EAF7FC"><path d="M0 168c26-10 57-9 80 4 22-10 49-10 70 0 16-7 36-6 51 3H0Z"/><path d="M1600 153c-21-9-48-8-68 3-20-8-44-7-62 3-15-5-33-3-46 5h176Z"/></g></svg>
CSS background-image
.summer-sky {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uYoi0SmLV34S/amnt.svg");
  background-size: contain;
}
React
import SummerSkySvg from "./summer-sky.jsx"; // from the React tab above

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

Tags

summerskycloudsblueseasonalbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Summer Sky: Small white clouds drift near the upper corners above a broad expanse of clear blue. as part of the pack Seasonal 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