Beta

Mountains SVG background, flat

Free
Mountains SVG background, flat

Layered mountain silhouettes rise from the lower corners beneath a clear sky. Use this background for hiking club flyers or outdoor event slides.

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

mountainslandscapepeakswildernessillustrationbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/FtTw_Amci_Td/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="#E5EEE9"/><path d="M0 405 175 565 310 505 535 730 720 810 0 900Z" fill="#B8CCC5"/><path d="M1600 380 1435 535 1300 485 1100 695 905 825 1600 900Z" fill="#B8CCC5"/><path d="M0 565 155 660 285 605 470 775 690 900H0Z" fill="#8FAFA8"/><path d="M1600 545 1460 650 1330 605 1130 785 930 900H1600Z" fill="#8FAFA8"/><path d="M0 705 150 765 265 735 455 845 590 900H0Z" fill="#668E87"/><path d="M1600 690 1450 760 1335 725 1150 850 1010 900H1600Z" fill="#668E87"/><path d="M0 840 180 815 340 870 510 850 690 900H0ZM1600 825 1425 810 1270 865 1090 845 920 900H1600Z" fill="#466F6B"/></svg>
CSS background-image
.mountains {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/FtTw_Amci_Td/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: Layered mountain silhouettes rise from the bottom corners beneath a wide, clear sky. as part of the pack Illustrated Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Illustrated Backgrounds, Flat

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