Menu

Beta
Sign in
Beta
Lightning SVG background, flat

Lightning SVG background, flat

Small branching bolts flash near the edges of a dark storm sky. It can frame an electricity lesson slide or a severe-weather information page.

Free · from Animated Backgrounds, Flat

Similar SVGs

More from Animated Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0tMP2wlGCJBW/amnt.svg" alt="Lightning" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Dark storm sky with clear branching lightning near the outer edges"><rect width="1600" height="900" fill="#172333"/><path d="M0 180 C190 135 335 165 490 145 C760 105 960 165 1170 135 C1350 110 1480 145 1600 115 L1600 0 L0 0 Z" fill="#202E40"/><path d="M0 680 C175 630 310 655 445 625 C700 570 895 640 1100 610 C1305 580 1455 615 1600 575 L1600 900 L0 900 Z" fill="#1D2A3B"/><path d="M0 785 C230 750 370 780 540 750 C790 715 970 775 1170 745 C1370 715 1510 740 1600 720 L1600 900 L0 900 Z" fill="#253447"/><path d="M165 205 L123 311 L168 305 L108 452 L134 352 L91 358 Z" fill="#E5F4FA"/><path d="M130 334 L188 370 L158 366 L205 429 L143 378 L115 367 Z" fill="#E5F4FA"/><path d="M1450 265 L1492 365 L1448 360 L1510 505 L1481 405 L1524 410 Z" fill="#E5F4FA"/><path d="M1480 388 L1420 424 L1450 418 L1406 480 L1466 432 L1492 422 Z" fill="#E5F4FA"/></svg>
CSS background-image
.lightning {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0tMP2wlGCJBW/amnt.svg");
  background-size: contain;
}
React
import LightningSvg from "./lightning.jsx"; // from the React tab above

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

Tags

lightningthunderstormelectricityweatheranimatedbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Lightning: Put small branching lightning bolts near the outer edges of a dark storm sky. as part of the pack Animated 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