Pyramid SVG background, flat

Free
Pyramid SVG background, flat

Low triangular pyramids cluster along the bottom edge, each with two contrasting faces. Add them to a geometry worksheet or an exhibition flyer.

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

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fXIfVKfTVP01/amnt.svg" alt="Pyramid" 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="#E9EFEB"/><path d="M0 790L175 642L350 900H0Z" fill="#A7BFB5"/><path d="M175 642L175 900H350Z" fill="#78998D"/><path d="M245 900L485 690L725 900Z" fill="#C7D8CC"/><path d="M485 690L485 900H725Z" fill="#91ADA0"/><path d="M635 900L825 755L1015 900Z" fill="#A7BFB5"/><path d="M825 755L825 900H1015Z" fill="#668779"/><path d="M920 900L1180 665L1440 900Z" fill="#C7D8CC"/><path d="M1180 665L1180 900H1440Z" fill="#78998D"/><path d="M1300 900L1480 730L1600 830V900Z" fill="#A7BFB5"/><path d="M1480 730L1480 900H1600V830Z" fill="#668779"/></svg>
CSS background-image
.pyramid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/fXIfVKfTVP01/amnt.svg");
  background-size: contain;
}
React
import PyramidSvg from "./pyramid.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Pyramid: Low triangular pyramids cluster along the bottom edge, each with two contrasting faces. as part of the pack 3D Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of 3D Backgrounds, Flat

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