Beta

Grid SVG pattern, flat

Free
Grid SVG pattern, flat

Evenly spaced horizontal and vertical lines create open square cells. Use this pattern on planning worksheets and website backgrounds.

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

gridlineslatticegeometricpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZiE7nEyQjxgv/amnt.svg" alt="Grid" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#f7f3e9"/><path d="M0 0V200 M20 0V200 M40 0V200 M60 0V200 M80 0V200 M100 0V200 M120 0V200 M140 0V200 M160 0V200 M180 0V200 M200 0V200 M0 0H200 M0 20H200 M0 40H200 M0 60H200 M0 80H200 M0 100H200 M0 120H200 M0 140H200 M0 160H200 M0 180H200 M0 200H200" fill="none" stroke="#375b66" stroke-width="2"/></svg>
CSS background-image
.grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZiE7nEyQjxgv/amnt.svg");
  background-size: 200px 200px;
}
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: Evenly spaced horizontal and vertical lines form small open cells. as part of the pack Geometric Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Geometric Patterns, 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