Menu

Beta
Sign in
Beta
Graph Paper Grid SVG element, flat

Graph Paper Grid SVG element, flat

Fine square cells are overlaid with thicker major lines in the same colour. Use it for plotting coordinates in class or sketching measurements for a floor plan.

Free · from Dots and grids, flat

Similar SVGs

More from Dots and grids, flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/m5xesuEo1Y1v/amnt.svg" alt="Graph Paper Grid" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" fill="none" stroke="currentColor"><path stroke-width=".5" d="M10 10V190 M20 10V190 M30 10V190 M40 10V190 M50 10V190 M60 10V190 M70 10V190 M80 10V190 M90 10V190 M100 10V190 M110 10V190 M120 10V190 M130 10V190 M140 10V190 M150 10V190 M160 10V190 M170 10V190 M180 10V190 M190 10V190 M10 10H190 M10 20H190 M10 30H190 M10 40H190 M10 50H190 M10 60H190 M10 70H190 M10 80H190 M10 90H190 M10 100H190 M10 110H190 M10 120H190 M10 130H190 M10 140H190 M10 150H190 M10 160H190 M10 170H190 M10 180H190 M10 190H190"/><path stroke-width="1.5" d="M10 10V190 M50 10V190 M100 10V190 M150 10V190 M190 10V190 M10 10H190 M10 50H190 M10 100H190 M10 150H190 M10 190H190"/></svg>
CSS background-image
.graph-paper-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/m5xesuEo1Y1v/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.graph-paper-grid {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/m5xesuEo1Y1v/amnt.svg") center / contain no-repeat;
}
React
import GraphPaperGridSvg from "./graph-paper-grid.jsx"; // from the React tab above

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

Tags

graph papergridmeasurementsquaresdotselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Graph Paper Grid: Fine square cells overlaid with darker-looking major lines made thicker in the same colour. as part of the pack Dots and grids, 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