Beta

Sky SVG background, flat

Free
Sky SVG background, flat

A light-blue field has pale curved bands near its upper corners and bottom edge, leaving plenty of open space. Try it on a weather page or a workshop handout.

Sign in to download. Free SVGs are free with any account.

skyairlight blueopen spacemesh gradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qSQ-yajIEf2D/amnt.svg" alt="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="#B8DDF2"/><path d="M0 0H530C390 35 333 95 264 155C185 224 101 244 0 249Z" fill="#D4EBF8"/><path d="M0 0H294C220 42 183 99 119 133C82 153 43 163 0 166Z" fill="#E6F4FC"/><path d="M1600 0H1066C1211 37 1271 101 1344 165C1421 232 1506 255 1600 262Z" fill="#D4EBF8"/><path d="M1600 0H1320C1395 46 1435 101 1497 139C1530 158 1564 168 1600 173Z" fill="#E6F4FC"/><path d="M0 900V789C252 729 472 768 662 804C852 841 1034 824 1213 775C1369 732 1494 735 1600 759V900Z" fill="#A4D0EA"/><path d="M0 900V846C242 811 418 840 618 870C846 903 1060 874 1228 828C1376 787 1509 791 1600 809V900Z" fill="#D4EBF8"/></svg>
CSS background-image
.sky {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/qSQ-yajIEf2D/amnt.svg");
  background-size: contain;
}
React
import SkySvg from "./sky.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Sky: Full light-blue field with pale blue curved bands near the upper corners and bottom edge. as part of the pack Mesh Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Mesh 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