Menu

Beta
Sign in
Beta
Coordinate Grid SVG pattern, flat

Coordinate Grid SVG pattern, flat

Fine square cells surround darker horizontal and vertical axes marked with small ticks. It belongs on coordinate practice sheets and data plotting handouts.

Free · from Grid Patterns, Flat

Similar SVGs

More from Grid Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DqwZvMf6wtWE/amnt.svg" alt="Coordinate 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="#F7F4EC"/><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="#B8C8C7" stroke-width="0.7"/><path d="M0 100H200 M100 0V200 M0 97V103 M20 97V103 M40 97V103 M60 97V103 M80 97V103 M120 97V103 M140 97V103 M160 97V103 M180 97V103 M200 97V103 M97 0H103 M97 20H103 M97 40H103 M97 60H103 M97 80H103 M97 120H103 M97 140H103 M97 160H103 M97 180H103 M97 200H103" fill="none" stroke="#344F5A" stroke-width="2"/></svg>
CSS background-image
.coordinate-grid {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/DqwZvMf6wtWE/amnt.svg");
  background-size: 200px 200px;
}
React
import CoordinateGridSvg from "./coordinate-grid.jsx"; // from the React tab above

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

Tags

coordinatesaxesticksgridgridspatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Coordinate Grid: Fine square cells repeat around darker horizontal and vertical axes with small tick marks. as part of the pack Grid 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