Beta

Graph Paper SVG pattern, flat

Free
Graph Paper SVG pattern, flat

Fine square cells are grouped by darker lines into larger squares. Use it for math worksheets or hand-drawn measurement plans.

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

graphpapersquaresmeasurementgridspatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EEkAWn5onhGl/amnt.svg" alt="Graph Paper" 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="#FAF9F4"/><path d="M0 0V200 M10 0V200 M20 0V200 M30 0V200 M40 0V200 M50 0V200 M60 0V200 M70 0V200 M80 0V200 M90 0V200 M100 0V200 M110 0V200 M120 0V200 M130 0V200 M140 0V200 M150 0V200 M160 0V200 M170 0V200 M180 0V200 M190 0V200 M200 0V200 M0 0H200 M0 10H200 M0 20H200 M0 30H200 M0 40H200 M0 50H200 M0 60H200 M0 70H200 M0 80H200 M0 90H200 M0 100H200 M0 110H200 M0 120H200 M0 130H200 M0 140H200 M0 150H200 M0 160H200 M0 170H200 M0 180H200 M0 190H200 M0 200H200" fill="none" stroke="#C9DCE0" stroke-width="0.8"/><path d="M0 0V200 M50 0V200 M100 0V200 M150 0V200 M200 0V200 M0 0H200 M0 50H200 M0 100H200 M0 150H200 M0 200H200" fill="none" stroke="#517E91" stroke-width="1.6"/></svg>
CSS background-image
.graph-paper {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/EEkAWn5onhGl/amnt.svg");
  background-size: 200px 200px;
}
React
import GraphPaperSvg from "./graph-paper.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Graph Paper: Fine square cells sit inside larger squares marked by darker lines. as part of the pack Grid Patterns, Flat. Want one like it? Make your own in the SVG studio.

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