Beta

Grid SVG background, flat

Free
Grid SVG background, flat

Evenly spaced thin lines cover the frame, with muted squares placed near the edges. Use it as a backdrop for a maths lesson slide or a planning template.

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

gridsquaresgeometrypatternline artbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/20EG-f0BWJOE/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="#F5F3EE"/><g fill="#DCE5DF"><rect x="0" y="100" width="100" height="100"/><rect x="1400" y="0" width="100" height="100"/><rect x="1500" y="600" width="100" height="100"/></g><g fill="#E8DDD5"><rect x="100" y="700" width="100" height="100"/><rect x="1300" y="800" width="100" height="100"/></g><path d="M100 0V900 M200 0V900 M300 0V900 M400 0V900 M500 0V900 M600 0V900 M700 0V900 M800 0V900 M900 0V900 M1000 0V900 M1100 0V900 M1200 0V900 M1300 0V900 M1400 0V900 M1500 0V900 M0 100H1600 M0 200H1600 M0 300H1600 M0 400H1600 M0 500H1600 M0 600H1600 M0 700H1600 M0 800H1600" fill="none" stroke="#D9DDD7" stroke-width="1"/></svg>
CSS background-image
.grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/20EG-f0BWJOE/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: Thin evenly spaced lines form a full-frame grid, with a few muted squares near the edges. as part of the pack Line Art Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Line Art 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