Menu

Beta
Sign in
Beta
Grid Floor SVG background, flat

Grid Floor SVG background, flat

Thin grid lines fill the lower third and tighten toward an uninterrupted horizon. Use the open space for a presentation heading or a product mockup.

Free · from Perspective Backgrounds, Flat

Similar SVGs

More from Perspective Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CYhKsXPHUKqo/amnt.svg" alt="Grid Floor" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#152734"/><path d="M0 600H1600V900H0Z" fill="#203744"/><g fill="none" stroke="#496773" stroke-width="1" opacity=".7"><path d="M0 600H1600M0 610H1600M0 624H1600M0 644H1600M0 672H1600M0 714H1600M0 780H1600M0 876H1600"/><path d="M800 600-900 900M800 600-300 900M800 600 100 900M800 600 380 900M800 600 600 900M800 600 800 900M800 600 1000 900M800 600 1220 900M800 600 1500 900M800 600 1900 900M800 600 2500 900"/></g></svg>
CSS background-image
.grid-floor {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CYhKsXPHUKqo/amnt.svg");
  background-size: contain;
}
React
import GridFloorSvg from "./grid-floor.jsx"; // from the React tab above

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

Tags

gridfloorhorizongeometryperspectivebackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Grid Floor: Thin grid lines cover only the lower third, tightening toward a clean, uninterrupted horizon. as part of the pack Perspective Backgrounds, 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