Menu

Beta
Sign in
Mint Aurora SVG background, gradient

Mint Aurora SVG background, gradient

Emerald and cyan aurora ribbons glow against deep navy, leaving the left half open for text. Use this background on a website landing page or a 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/pw5XOMGM_Erd/amnt.svg" alt="Mint 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 fill="none"><defs><clipPath id="k0_0"><path d="M0 0H1024V576H0Z"/></clipPath><linearGradient id="k0_1" x1="0" y1="288" x2="1024" y2="288" gradientUnits="userSpaceOnUse"><stop stop-color="#040d1d"/><stop offset=".46" stop-color="#071728"/><stop offset="1" stop-color="#082c39"/></linearGradient><radialGradient id="k0_2" cx="0" cy="0" r="1" gradientTransform="translate(822 128) rotate(112) scale(489 423)" gradientUnits="userSpaceOnUse"><stop stop-color="#117b77" stop-opacity=".46"/><stop offset=".53" stop-color="#0b5760" stop-opacity=".19"/><stop offset="1" stop-color="#061322" stop-opacity="0"/></radialGradient><filter id="k0_3" x="-40%" y="-40%" width="180%" height="180%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="31"/></filter><linearGradient id="k0_4" x1="567" y1="35" x2="827" y2="337" gradientUnits="userSpaceOnUse"><stop stop-color="#04333a" stop-opacity="0"/><stop offset=".34" stop-color="#087c65" stop-opacity=".3"/><stop offset=".66" stop-color="#28d69d" stop-opacity=".74"/><stop offset=".83" stop-color="#8ef2cb" stop-opacity=".83"/><stop offset="1" stop-color="#0e8478" stop-opacity="0"/></linearGradient><filter id="k0_5" x="-20%" y="-20%" width="140%" height="140%" color-interpolation-filters="sRGB"><feGaussianBlur stdDeviation="5"/></filter><linearGradient id="k0_6" x1="716" y1="122" x2="884" y2="198" gradientUnits="userSpaceOnUse"><stop stop-color="#0d6058" stop-opacity="0"/><stop offset=".46" stop-color="#20b990" stop-opacity=".2"/><stop offset=".82" stop-color="#5de7b4" stop-opacity=".76"/><stop offset="1" stop-color="#b0ffe1" stop-opacity=".84"/></linearGradient><linearGradient id="k0_7" x1="855" y1="-36" x2="728" y2="492" gradientUnits="userSpaceOnUse"><stop stop-color="#aaf9d4" stop-opacity=".12"/><stop offset=".37" stop-color="#9bffd9" stop-opacity=".8"/><stop offset=".69" stop-color="#42dcc3" stop-opacity=".33"/><stop offset="1" stop-color="#29bcc4" stop-opacity="0"/></linearGradient><linearGradient id="k0_8" x1="971" y1="54" x2="800" y2="525" gradientUnits="userSpaceOnUse"><stop stop-color="#30c89c" stop-opacity=".04"/><stop offset=".4" stop-color="#51e9c0" stop-opacity=".29"/><stop offset=".68" stop-color="#1aa1af" stop-opacity=".25"/><stop offset="1" stop-color="#075065" stop-opacity="0"/></linearGradient><linearGradient id="k0_9" x1="795" y1="417" x2="1018" y2="199" gradientUnits="userSpaceOnUse"><stop stop-color="#0a4456" stop-opacity="0"/><stop offset=".44" stop-color="#0c8995" stop-opacity=".32"/><stop offset=".78" stop-color="#39cfd9" stop-opacity=".76"/><stop offset="1" stop-color="#98f4e5" stop-opacity=".75"/></linearGradient><linearGradient id="k0_10" x1="160" y1="250" x2="701" y2="250" gradientUnits="userSpaceOnUse"><stop stop-color="#040d1d"/><stop offset=".48" stop-color="#040d1d" stop-opacity=".8"/><stop offset="1" stop-color="#040d1d" 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="M763-90C831 57 645 144 676 271C705 389 945 338 1102 182" stroke="#24d8a4" stroke-opacity=".24" stroke-width="110" filter="url(#k0_3)"/><path d="M1066 124C976 231 835 286 812 397C798 464 879 547 1073 607" stroke="#19c3d5" stroke-opacity=".16" stroke-width="106" filter="url(#k0_3)"/><path d="M530-60H853C919 70 736 155 707 247C678 340 818 362 1036 240L1105 352C895 491 648 403 617 284C581 146 737 99 530-60Z" fill="url(#k0_4)" filter="url(#k0_5)"/><path d="M657-62H836C899 40 776 141 735 202C678 286 709 352 837 350C755 379 676 343 675 285C671 186 830 65 657-62Z" fill="url(#k0_6)"/><path d="M827-41C906 58 776 151 731 215C691 272 699 326 757 344C699 334 681 289 710 233C749 158 885 61 827-41Z" fill="url(#k0_7)" filter="url(#k0_5)"/><path d="M972-53C1063 72 985 172 864 258C742 345 737 416 816 482C878 534 1000 557 1094 621H1180V-53H972Z" fill="url(#k0_8)"/><path d=
…
CSS background-image
.mint-aurora {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pw5XOMGM_Erd/amnt.svg");
  background-size: contain;
}
React
import MintAuroraSvg from "./mint-aurora.jsx"; // from the React tab above

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

Tags

auroramintemeraldcyanbackground

Made with AMNT

AMNT SVG Pro 1.1 drew this from the words Mint aurora background — emerald and cyan curtains on deep navy; 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