Menu

Beta
Sign in
Solar Aurora SVG background, gradient

Solar Aurora SVG background, gradient

Amber and hot pink ribbons cross a plum backdrop, balanced by quiet space on the left. It can frame a music event website and a promotional presentation.

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/KYykRysBqWbd/amnt.svg" alt="Solar 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" x2="1" y2=".35"><stop stop-color="#1b0b24"/><stop offset=".5" stop-color="#280d30"/><stop offset="1" stop-color="#431331"/></linearGradient><radialGradient id="k0_2" cx=".86" cy=".38" r=".69"><stop stop-color="#bc365d" stop-opacity=".36"/><stop offset=".58" stop-color="#7a204e" stop-opacity=".15"/><stop offset="1" stop-color="#34112f" stop-opacity="0"/></radialGradient><filter id="k0_3" x="-40%" y="-40%" width="180%" height="180%"><feGaussianBlur stdDeviation="32"/></filter><linearGradient id="k0_4" x1="645" y1="63" x2="876" y2="385" gradientUnits="userSpaceOnUse"><stop stop-color="#792653" stop-opacity="0"/><stop offset=".32" stop-color="#dc246f" stop-opacity=".24"/><stop offset=".68" stop-color="#ff4187" stop-opacity=".8"/><stop offset=".87" stop-color="#ff8a9b" stop-opacity=".84"/><stop offset="1" stop-color="#f74380" stop-opacity="0"/></linearGradient><filter id="k0_5" x="-20%" y="-20%" width="140%" height="140%"><feGaussianBlur stdDeviation="4"/></filter><linearGradient id="k0_6" x1="722" y1="116" x2="839" y2="198" gradientUnits="userSpaceOnUse"><stop stop-color="#e35943" stop-opacity="0"/><stop offset=".45" stop-color="#fa833d" stop-opacity=".28"/><stop offset=".82" stop-color="#ffb34e" stop-opacity=".85"/><stop offset="1" stop-color="#ffe1a0"/></linearGradient><linearGradient id="k0_7" x1="861" y1="-20" x2="727" y2="390" gradientUnits="userSpaceOnUse"><stop stop-color="#ffac50" stop-opacity=".12"/><stop offset=".4" stop-color="#ffdf98" stop-opacity=".87"/><stop offset=".72" stop-color="#ff945b" stop-opacity=".48"/><stop offset="1" stop-color="#ff507f" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="983" y1="17" x2="860" y2="565" gradientUnits="userSpaceOnUse"><stop stop-color="#fb9045" stop-opacity=".04"/><stop offset=".4" stop-color="#ff7975" stop-opacity=".22"/><stop offset=".77" stop-color="#f13386" stop-opacity=".12"/><stop offset="1" stop-color="#912054" stop-opacity="0"/></linearGradient><linearGradient id="k0_9" x1="811" y1="447" x2="1025" y2="190" gradientUnits="userSpaceOnUse"><stop stop-color="#791845" stop-opacity="0"/><stop offset=".4" stop-color="#d82073" stop-opacity=".35"/><stop offset=".78" stop-color="#ff438f" stop-opacity=".83"/><stop offset="1" stop-color="#ff9cab" stop-opacity=".8"/></linearGradient><linearGradient id="k0_10" x1="185" y1="288" x2="717" y2="288" gradientUnits="userSpaceOnUse"><stop stop-color="#1b0b24"/><stop offset=".45" stop-color="#1b0b24" stop-opacity=".82"/><stop offset="1" stop-color="#1b0b24" 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"/><path d="M785-83C910 67 671 167 708 287C742 395 931 358 1090 213" fill="none" stroke="#ff704b" stroke-width="93" opacity=".23" filter="url(#k0_3)"/><path d="M1095 140C1007 256 825 284 809 394C796 473 935 525 1081 553" fill="none" stroke="#ff297c" stroke-width="88" opacity=".19" filter="url(#k0_3)"/><path d="M569-58H862C934 71 751 158 718 249C680 353 842 373 1080 237L1108 343C915 469 675 412 630 296C576 156 771 92 569-58Z" fill="url(#k0_4)" filter="url(#k0_5)"/><path d="M691-61H846C926 36 789 139 747 204C693 287 723 348 845 352C756 376 684 340 688 280C694 176 850 72 691-61Z" fill="url(#k0_6)"/><path d="M843-42C923 58 788 150 744 217C706 275 715 326 772 346C713 335 695 291 723 234C763 156 902 65 843-42Z" fill="url(#k0_7)" filter="url(#k0_5)"/><path d="M972-48C1068 75 984 177 867 261C747 348 750 420 831 481C897 531 1006 553 1091 601H1145V-48Z" fill="url(#k0_8)"/><path d="M1084 94C1044 203 936 243 858 308C768 382 796 448 899 487C973 515 1050 528 1100 576C975 550 875 530 813 482C728 416 766 332 875 256C976 186 1028 133 1037 57Z" fill="url(#k0_9)" filter="url(#k0_5)"/><path d="M1053 130C1011 233 904 265 842
…
CSS background-image
.solar-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/KYykRysBqWbd/amnt.svg");
  background-size: contain;
}
React
import SolarAuroraSvg from "./solar-aurora.jsx"; // from the React tab above

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

Tags

aurorasolaramberpinkbackground

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Solar aurora background — amber and hot pink ribbons on plum; 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