Menu

Beta
Sign in
Beta
Rainy Window SVG background, flat

Rainy Window SVG background, flat

Rounded raindrops gather near the edges of a blue window, leaving the center clearer. This backdrop suits a rainy-day activity sheet or a weather report 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/APwOnG2j1Icw/amnt.svg" alt="Rainy Window" 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="#9BC4D8"/><g fill="#6EA6C2" opacity=".55"><path d="M0 0h130c-18 125-30 245-15 360 12 95 4 180-25 270L0 760Z"/><path d="M1600 0h-120c22 125 31 245 16 365-11 90-3 185 24 275l80 120Z"/></g><g fill="#D8EBF0"><path d="M82 82c0-16 13-29 29-29s29 13 29 29-13 29-29 29-29-13-29-29Z"/><path d="M245 145c0-12 10-22 22-22s22 10 22 22-10 22-22 22-22-10-22-22Z"/><path d="M59 295c0-11 9-20 20-20s20 9 20 20-9 20-20 20-20-9-20-20Z"/><path d="M183 371c0-18 14-32 32-32s32 14 32 32-14 32-32 32-32-14-32-32Z"/><path d="M108 553c0-13 11-24 24-24s24 11 24 24-11 24-24 24-24-11-24-24Z"/><path d="M279 645c0-10 8-18 18-18s18 8 18 18-8 18-18 18-18-8-18-18Z"/><path d="M64 771c0-17 14-31 31-31s31 14 31 31-14 31-31 31-31-14-31-31Z"/><path d="M386 59c0-9 7-16 16-16s16 7 16 16-7 16-16 16-16-7-16-16Z"/><path d="M1367 82c0-15 12-27 27-27s27 12 27 27-12 27-27 27-27-12-27-27Z"/><path d="M1501 197c0-11 9-20 20-20s20 9 20 20-9 20-20 20-20-9-20-20Z"/><path d="M1414 307c0-10 8-18 18-18s18 8 18 18-8 18-18 18-18-8-18-18Z"/><path d="M1526 433c0-19 15-34 34-34s34 15 34 34-15 34-34 34-34-15-34-34Z"/><path d="M1355 525c0-12 10-22 22-22s22 10 22 22-10 22-22 22-22-10-22-22Z"/><path d="M1470 659c0-14 11-25 25-25s25 11 25 25-11 25-25 25-25-11-25-25Z"/><path d="M1388 786c0-10 8-18 18-18s18 8 18 18-8 18-18 18-18-8-18-18Z"/><path d="M1543 821c0-12 10-22 22-22s22 10 22 22-10 22-22 22-22-10-22-22Z"/></g><g fill="#C2E0E9" opacity=".8"><ellipse cx="329" cy="263" rx="11" ry="15"/><ellipse cx="36" cy="465" rx="9" ry="13"/><ellipse cx="352" cy="775" rx="8" ry="12"/><ellipse cx="1247" cy="155" rx="9" ry="13"/><ellipse cx="1571" cy="104" rx="7" ry="11"/><ellipse cx="1278" cy="678" rx="11" ry="15"/><ellipse cx="1519" cy="740" rx="8" ry="12"/></g><g stroke="#6EA6C2" stroke-width="7" stroke-linecap="round" opacity=".4"><path d="M215 406v61"/><path d="M132 579v43"/><path d="M95 805v51"/><path d="M1394 109v48"/><path d="M1560 468v69"/><path d="M1495 684v54"/></g></svg>
CSS background-image
.rainy-window {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/APwOnG2j1Icw/amnt.svg");
  background-size: contain;
}
React
import RainyWindowSvg from "./rainy-window.jsx"; // from the React tab above

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

Tags

rainwindowraindropsweatherseasonalbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Rainy Window: Rounded raindrops cling to a blue window, concentrated near the edges around a clear center. 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