Menu

Beta
Sign in
Electric Aurora SVG background, gradient

Electric Aurora SVG background, gradient

Acid green and purple ribbons cut across a black field, with quiet space on the left. It works behind a gaming website headline or on an event presentation cover.

Free · from Aurora Gradient Backgrounds

Similar SVGs

More from Aurora Gradient Backgrounds

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jLT0gSFTNQQ3/amnt.svg" alt="Electric Aurora" width="48" height="48">
Inline SVG
<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" x1="0" y1="0" x2="1024" y2="576" gradientUnits="userSpaceOnUse"><stop stop-color="#020303"/><stop offset=".55" stop-color="#050507"/><stop offset="1" stop-color="#11091a"/></linearGradient><radialGradient id="k0_2" cx="0" cy="0" r="1" gradientTransform="translate(839 245) rotate(105) scale(359 321)" gradientUnits="userSpaceOnUse"><stop stop-color="#5c267e" stop-opacity=".35"/><stop offset=".6" stop-color="#311548" stop-opacity=".16"/><stop offset="1" stop-color="#000000" stop-opacity="0"/></radialGradient><filter id="k0_3" x="-45%" y="-45%" width="190%" height="190%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="28"/></filter><linearGradient id="k0_4" x1="610" y1="101" x2="822" y2="268" gradientUnits="userSpaceOnUse"><stop stop-color="#24490c" stop-opacity="0"/><stop offset=".35" stop-color="#50860c" stop-opacity=".32"/><stop offset=".72" stop-color="#94db13" stop-opacity=".8"/><stop offset=".92" stop-color="#c5ff42"/><stop offset="1" stop-color="#d9ff80" stop-opacity=".82"/></linearGradient><linearGradient id="k0_5" x1="823" y1="-20" x2="760" y2="388" gradientUnits="userSpaceOnUse"><stop stop-color="#8cdb11" stop-opacity=".15"/><stop offset=".4" stop-color="#d2ff78"/><stop offset=".7" stop-color="#afff24" stop-opacity=".65"/><stop offset="1" stop-color="#6aac13" stop-opacity="0"/></linearGradient><linearGradient id="k0_6" x1="828" y1="431" x2="1033" y2="175" gradientUnits="userSpaceOnUse"><stop stop-color="#321445" stop-opacity="0"/><stop offset=".32" stop-color="#612496" stop-opacity=".42"/><stop offset=".68" stop-color="#a351ec" stop-opacity=".87"/><stop offset=".91" stop-color="#ce97ff"/><stop offset="1" stop-color="#8339d2" stop-opacity=".4"/></linearGradient><linearGradient id="k0_7" x1="1048" y1="171" x2="812" y2="508" gradientUnits="userSpaceOnUse"><stop stop-color="#e6beff" stop-opacity=".6"/><stop offset=".48" stop-color="#bd75ff" stop-opacity=".82"/><stop offset="1" stop-color="#6f26b1" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="310" y1="0" x2="740" y2="0" gradientUnits="userSpaceOnUse"><stop stop-color="#020303"/><stop offset=".47" stop-color="#020303" stop-opacity=".83"/><stop offset="1" stop-color="#020303" stop-opacity="0"/></linearGradient></defs><g clip-path="url(#k0_0)"><path fill="url(#k0_1)" d="M0 0H1024V576H0Z"/><path fill="url(#k0_2)" d="M0 0H1024V576H0Z"/><g filter="url(#k0_3)" fill="none" stroke-width="62"><path d="M784-79C933 79 646 167 715 297C757 378 967 295 1081 158" stroke="#a6ff19" stroke-opacity=".19"/><path d="M1098 107C1051 262 820 291 814 392C810 481 1001 495 1107 598" stroke="#a747fa" stroke-opacity=".25"/></g><path d="M599-62H819C930 58 759 150 720 227C672 322 775 363 934 271C1000 233 1053 180 1095 112V250C998 347 850 403 746 369C645 336 623 263 666 174C705 94 720 30 599-62Z" fill="url(#k0_4)"/><path d="M814-37C919 69 752 157 715 235C684 301 717 345 792 349C706 359 674 302 702 235C737 150 900 67 814-37Z" fill="url(#k0_5)"/><path d="M989-49C1096 65 1022 168 906 247C775 336 741 405 818 475C890 540 1021 536 1118 622H1210V-49Z" fill="#5c2386" opacity=".12"/><path d="M1098 82C1052 221 922 259 849 321C768 391 799 447 907 481C1002 511 1073 544 1126 605H1029C978 562 875 544 815 495C715 413 750 330 861 256C960 190 1009 135 1023 54Z" fill="url(#k0_6)"/><path d="M1083 110C1032 237 907 275 842 340C787 395 813 444 883 472C797 451 767 399 822 335C889 257 1022 220 1083 110Z" fill="url(#k0_7)"/><path fill="url(#k0_8)" d="M0 0H1024V576H0Z"/></g></g></g></svg>
CSS background-image
.electric-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jLT0gSFTNQQ3/amnt.svg");
  background-size: contain;
}
React
import ElectricAuroraSvg from "./electric-aurora.jsx"; // from the React tab above

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

Tags

auroraelectricgreenpurplebackground

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Electric aurora background — acid green and purple ribbons on black; quiet left half. Premium abstract aurora website background. Broad luminous flowing ribbons and layered smooth colour gradients with elegant depth. Restrained composition, generous quiet space for a headline, full bleed opaque colour to all edges. No objects, stars, text, frames, logos or mockups. Crisp scalable vector shapes, smooth transitions, refined visual balance. Each design must follow its named palette and composition. as part of the pack Aurora Gradient Backgrounds. 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