Beta

Cube Grid SVG background, flat

Free
Cube Grid SVG background, flat

Low rows of simple cubes diminish toward the horizon, leaving clear space above. Use this background for a spatial reasoning exercise or a presentation chart.

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

cubesgridgeometrydepthperspectivebackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gTL0w99cs7nQ/amnt.svg" alt="Cube Grid" 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="#142330"/><rect y="620" width="1600" height="280" fill="#1b303d"/><defs><g id="cube" stroke="#496570" stroke-width="1.5" stroke-linejoin="round"><path d="M0 20 48 0 96 20 48 40Z" fill="#345260"/><path d="M0 20 48 40 48 92 0 72Z" fill="#294450"/><path d="M48 40 96 20 96 72 48 92Z" fill="#223a48"/></g></defs><g opacity=".55"><use href="#cube" transform="translate(130 627) scale(.30)"/><use href="#cube" transform="translate(370 630) scale(.30)"/><use href="#cube" transform="translate(620 632) scale(.30)"/><use href="#cube" transform="translate(960 632) scale(.30)"/><use href="#cube" transform="translate(1230 628) scale(.30)"/><use href="#cube" transform="translate(1460 626) scale(.30)"/></g><g opacity=".72"><use href="#cube" transform="translate(35 678) scale(.58)"/><use href="#cube" transform="translate(305 683) scale(.58)"/><use href="#cube" transform="translate(595 688) scale(.58)"/><use href="#cube" transform="translate(925 688) scale(.58)"/><use href="#cube" transform="translate(1220 682) scale(.58)"/><use href="#cube" transform="translate(1510 677) scale(.58)"/></g><g><use href="#cube" transform="translate(-40 790) scale(1.12)"/><use href="#cube" transform="translate(250 805) scale(1.12)"/><use href="#cube" transform="translate(570 817) scale(1.12)"/><use href="#cube" transform="translate(920 817) scale(1.12)"/><use href="#cube" transform="translate(1240 805) scale(1.12)"/><use href="#cube" transform="translate(1540 790) scale(1.12)"/></g></svg>
CSS background-image
.cube-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gTL0w99cs7nQ/amnt.svg");
  background-size: contain;
}
React
import CubeGridSvg from "./cube-grid.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Cube Grid: Low rows of simple cubes diminish toward the horizon, leaving the upper frame clear. as part of the pack Perspective Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Perspective 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