Beta

Cube SVG background, flat

Free
Cube SVG background, flat

Shaded cube faces extend from the corners, leaving a broad open centre. Use it behind presentation titles or on event posters.

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

cubegeometryfacetsbackground3dflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RxmnS2BZouzS/amnt.svg" alt="Cube" 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="#E8EFED"/><path d="M0 0H230L410 125L180 190L0 100Z" fill="#CBDAD5"/><path d="M0 100L180 190V475L0 385Z" fill="#789E9C"/><path d="M180 190L410 125V400L180 475Z" fill="#A7C3C0"/><path d="M1370 0H1600V100L1420 190L1190 125Z" fill="#A7C3C0"/><path d="M1190 125L1420 190V475L1190 400Z" fill="#527C7E"/><path d="M1420 190L1600 100V385L1420 475Z" fill="#789E9C"/><path d="M0 590L190 485L425 610L200 735L0 630Z" fill="#A7C3C0"/><path d="M0 630L200 735V900H0Z" fill="#527C7E"/><path d="M200 735L425 610V900H200Z" fill="#789E9C"/><path d="M1175 610L1410 485L1600 590V630L1400 735Z" fill="#CBDAD5"/><path d="M1175 610L1400 735V900H1175Z" fill="#789E9C"/><path d="M1400 735L1600 630V900H1400Z" fill="#527C7E"/></svg>
CSS background-image
.cube {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/RxmnS2BZouzS/amnt.svg");
  background-size: contain;
}
React
import CubeSvg from "./cube.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Cube: Large shaded cube faces enter from the corners, leaving a broad open centre. as part of the pack 3D Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of 3D 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