Arctic Aurora SVG background, gradient

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 576" width="1024" height="576"><g id="layer-1" data-name="Group 1"><g><defs><clipPath id="k0_0"><path d="M0 0h1024v576H0z"/></clipPath><linearGradient id="k0_1" x2="0.8" y2="1"><stop stop-color="#061327"/><stop offset=".5" stop-color="#040d20"/><stop offset="1" stop-color="#071b2d"/></linearGradient><filter id="k0_2" x="-30%" y="-65%" width="160%" height="230%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="26"/></filter><linearGradient id="k0_3" x1="180" y1="-95" x2="412" y2="183" gradientUnits="userSpaceOnUse"><stop stop-color="#133951" stop-opacity=".1"/><stop offset=".45" stop-color="#267b9b" stop-opacity=".5"/><stop offset=".74" stop-color="#84d9ef" stop-opacity=".86"/><stop offset=".89" stop-color="#a4f3e0" stop-opacity=".76"/><stop offset="1" stop-color="#216e86" stop-opacity="0"/></linearGradient><linearGradient id="k0_4" x1="455" y1="-64" x2="466" y2="167" gradientUnits="userSpaceOnUse"><stop stop-color="#378dad" stop-opacity=".05"/><stop offset=".6" stop-color="#72cbe5" stop-opacity=".24"/><stop offset=".9" stop-color="#b4f4ec" stop-opacity=".8"/><stop offset="1" stop-color="#62c8e7" stop-opacity=".02"/></linearGradient><linearGradient id="k0_5" x1="728" y1="407" x2="617" y2="651" gradientUnits="userSpaceOnUse"><stop stop-color="#6dcbdc" stop-opacity="0"/><stop offset=".3" stop-color="#9deedc" stop-opacity=".72"/><stop offset=".49" stop-color="#65cbdc" stop-opacity=".65"/><stop offset=".75" stop-color="#236382" stop-opacity=".3"/><stop offset="1" stop-color="#0c2a43" stop-opacity="0"/></linearGradient><linearGradient id="k0_6" x1="780" y1="411" x2="791" y2="585" gradientUnits="userSpaceOnUse"><stop stop-color="#a5f2df" stop-opacity="0"/><stop offset=".3" stop-color="#a5f2df" stop-opacity=".65"/><stop offset=".65" stop-color="#50b9c5" stop-opacity=".22"/><stop offset="1" stop-color="#174d69" stop-opacity="0"/></linearGradient><radialGradient id="k0_7"><stop stop-color="#040d20" stop-opacity=".95"/><stop offset=".55" stop-color="#040d20" stop-opacity=".8"/><stop offset="1" stop-color="#040d20" stop-opacity="0"/></radialGradient></defs><g clip-path="url(#k0_0)"><path fill="url(#k0_1)" d="M0 0h1024v576H0z"/><path d="M-100 31C149 265 250 27 510 65S863 164 1113-70" fill="none" stroke="#69cfdf" stroke-opacity=".15" stroke-width="88" filter="url(#k0_2)"/><path d="M-94-122H1137V-79C980 81 883 150 718 131 535 110 480 29 310 102 120 185 19 221-94 73Z" fill="url(#k0_3)"/><path d="M-75-31C84 156 164 156 320 85 482 11 549 64 695 106 864 155 948 92 1100-58V-114C947 53 862 110 712 71 550 29 493-42 326 36 176 106 96 102-75-88Z" fill="url(#k0_4)"/><path d="M-73 18C79 197 179 126 314 72 477 7 541 55 692 101 844 148 957 87 1100-65C959 105 855 162 689 116 535 73 473 28 320 90 170 152 65 216-73 37Z" fill="url(#k0_4)" opacity=".65"/><path d="M-90 648C137 465 258 583 463 521S771 344 1100 452" fill="none" stroke="#7bded4" stroke-opacity=".14" stroke-width="100" filter="url(#k0_2)"/><path d="M-101 597C90 457 230 561 397 536 591 507 637 408 813 411 933 413 1007 473 1115 447V668H-101Z" fill="url(#k0_5)"/><path d="M-93 650C117 462 224 587 423 549 598 515 656 407 814 424 945 438 1005 491 1116 462V534C1009 554 932 480 810 465 657 445 606 556 431 588 228 626 118 509-93 683Z" fill="url(#k0_6)"/><ellipse cx="512" cy="292" rx="443" ry="194" fill="url(#k0_7)"/></g></g></g></svg>

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

import ArcticAuroraSvg from "./arctic-aurora.jsx"; // from the React tab above

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