Beta

Grid SVG background, flat

Free
Grid SVG background, flat

Widely spaced horizontal and vertical lines divide a solid field into square cells. It provides a backdrop for a classroom math poster or a project planning dashboard.

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

gridsquaresgeometrylayoutanimatedbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UYqhl7v035gp/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="#E8F0F1"/><path d="M0 0V900 M180 0V900 M360 0V900 M540 0V900 M720 0V900 M900 0V900 M1080 0V900 M1260 0V900 M1440 0V900 M0 0H1600 M0 180H1600 M0 360H1600 M0 540H1600 M0 720H1600 M0 900H1600" fill="none" stroke="#C5D9DB" stroke-width="2"/></svg>
CSS background-image
.grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/UYqhl7v035gp/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: Draw widely spaced horizontal and vertical lines across a solid field to form square cells. as part of the pack Animated Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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