Menu

Diamond Grid SVG pattern, flat

Diamond Grid SVG pattern, flat

Crossing diagonal lines form a continuous grid of equal diamonds. Print it on sketch paper or place it behind coordinate-based diagrams.

Similar SVGs

More from Isometric Patterns, Flat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pmw_2ppkvrOO/amnt.svg" alt="Diamond 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="#f7f2e8"/><g fill="none" stroke="#355c62" stroke-width="1.5"><path d="M-200 0 0 200 M-160 0 40 200 M-120 0 80 200 M-80 0 120 200 M-40 0 160 200 M0 0 200 200 M40 0 240 200 M80 0 280 200 M120 0 320 200 M160 0 360 200 M200 0 400 200"/><path d="M0 0 -200 200 M40 0 -160 200 M80 0 -120 200 M120 0 -80 200 M160 0 -40 200 M200 0 0 200 M240 0 40 200 M280 0 80 200 M320 0 120 200 M360 0 160 200 M400 0 200 200"/></g></svg>
CSS background-image
.diamond-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/pmw_2ppkvrOO/amnt.svg");
  background-size: 200px 200px;
}
React
import DiamondGridSvg from "./diamond-grid.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Diamond Grid: Thin diagonal lines cross to create a continuous grid of equal diamonds. as part of the pack Isometric Patterns, Flat. Want one like it? Make your own in the SVG studio.

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

Settings