Beta

Rain SVG background, flat

Free
Rain SVG background, flat

Short diagonal raindrops cross a muted blue field, with a quieter area in the middle. Add it to a weather forecast screen or a rainy-day playlist cover.

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

rainweatherstormraindropsanimatedbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_8hQEYKUowMt/amnt.svg" alt="Rain" 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="#668BA3"/><defs><pattern id="rain" width="132" height="126" patternUnits="userSpaceOnUse"><g stroke="#B8CED6" stroke-width="3" stroke-linecap="round" opacity=".55"><path d="M25 18l-9 18M91 52l-9 18M51 99l-9 18M121 111l-9 18"/></g><g stroke="#D6E2E2" stroke-width="2" stroke-linecap="round" opacity=".4"><path d="M112 7l-7 14M8 69l-7 14M75 119l-7 14"/></g></pattern></defs><rect width="470" height="900" fill="url(#rain)"/><rect x="1130" width="470" height="900" fill="url(#rain)"/><g stroke="#B8CED6" stroke-width="3" stroke-linecap="round" opacity=".42"><path d="M520 84l-9 18M603 228l-9 18M501 391l-9 18M576 580l-9 18M535 783l-9 18"/><path d="M1071 117l-9 18M1017 306l-9 18M1090 475l-9 18M1029 682l-9 18M1080 834l-9 18"/><path d="M710 105l-8 16M895 245l-8 16M766 701l-8 16M917 799l-8 16"/></g></svg>
CSS background-image
.rain {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/_8hQEYKUowMt/amnt.svg");
  background-size: contain;
}
React
import RainSvg from "./rain.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Rain: Space short diagonal raindrops across a muted blue field, with fewer drops through the center. as part of the pack Animated Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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