Beta

Grid Lines SVG element, flat

Free

Widely spaced horizontal and vertical lines cross to make open cells. Place them on a layout planning page or behind a simple data diagram.

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

grid lineslineslayoutcellsdotselementflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9jfEdzMBaskC/amnt.svg" alt="Grid Lines" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none" stroke="currentColor" stroke-width="2"><path d="M16 16V184M72 16V184M128 16V184M184 16V184M16 16H184M16 72H184M16 128H184M16 184H184"/></svg>
CSS background-image
.grid-lines {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9jfEdzMBaskC/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.grid-lines {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9jfEdzMBaskC/amnt.svg") center / contain no-repeat;
}
React
import GridLinesSvg from "./grid-lines.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Grid Lines: Widely spaced horizontal and vertical lines crossing to form open cells. as part of the pack Dots and grids, flat. Want one like it? Make your own in the SVG studio.

Rest of Dots and grids, 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