Beta

Mountains SVG background, flat

Free
Mountains SVG background, flat

Overlapping mountain silhouettes rise beneath a wide, pale sky. Add it to a trail information sign or use it as the backdrop for an outdoor workshop slide.

Sign in to download. Free SVGs are free with any account.

mountainspeakslandscapenaturegradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LCUsUZcOvdbu/amnt.svg" alt="Mountains" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#DCECF2"/><path d="M0 715 135 625 260 675 445 485 620 655 785 570 930 715 1100 540 1280 665 1440 575 1600 680V900H0Z" fill="#B9D3DE"/><path d="M0 790 180 680 330 755 525 565 710 745 875 620 1050 765 1230 585 1420 735 1600 635V900H0Z" fill="#91B4C4"/><path d="M0 900V760L175 840 365 650 550 825 735 690 915 840 1090 680 1270 825 1450 705 1600 790V900Z" fill="#688FA2"/><path d="M0 900V850L205 770 400 900 610 745 810 900 1020 775 1210 900 1410 790 1600 885V900Z" fill="#4F778B"/></svg>
CSS background-image
.mountains {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/LCUsUZcOvdbu/amnt.svg");
  background-size: contain;
}
React
import MountainsSvg from "./mountains.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Mountains: Overlapping mountain silhouettes rise from the bottom beneath an open, pale sky. as part of the pack Flat Nature Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Nature Backgrounds

Whole pack

Similar SVGs

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