Grid SVG background, flat

Free

Preview on the whole page

An angled line grid recedes toward the upper edge across a solid ground. It works on data presentation slides and technology workshop flyers.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

grid perspective lines background 3d flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nwx1s6TZLOHm/amnt.svg" alt="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="#E8EDE8"/><path d="M0 205H1600V900H0Z" fill="#D9E4DE"/><g fill="none" stroke="#9BB5AD" stroke-width="2" opacity=".65"><path d="M800 205L-920 900M800 205L-560 900M800 205L-200 900M800 205L160 900M800 205L480 900M800 205V900M800 205L1120 900M800 205L1440 900M800 205L1800 900M800 205L2160 900M800 205L2520 900"/><path d="M0 225H1600M0 254H1600M0 292H1600M0 342H1600M0 408H1600M0 496H1600M0 614H1600M0 772H1600"/></g></svg>

CSS background-image

.grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nwx1s6TZLOHm/amnt.svg");
  background-size: contain;
}

React

import GridSvg from "./grid.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Grid: An angled line grid recedes toward the upper edge across a solid ground. 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