Lightning SVG background, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0tMP2wlGCJBW/amnt.svg" alt="Lightning" width="48" height="48">

<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>

.lightning {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/0tMP2wlGCJBW/amnt.svg");
  background-size: contain;
}

import LightningSvg from "./lightning.jsx"; // from the React tab above

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