Beta

Diamond Rows SVG background, flat

Free
Diamond Rows SVG background, flat

Evenly spaced diamonds repeat in staggered rows across this background. It provides a patterned base for a menu cover or a digital invitation.

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

diamondsbackgroundrhombuspatterngeometricflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jWGmZB1Ca59q/amnt.svg" alt="Diamond Rows" 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="#F6F7F3"/><defs><pattern id="diamonds" width="240" height="200" patternUnits="userSpaceOnUse"><path d="M60 28 82 50 60 72 38 50Z M180 28 202 50 180 72 158 50Z" fill="#E1E9E3"/><path d="M0 128 22 150 0 172 -22 150Z M120 128 142 150 120 172 98 150Z M240 128 262 150 240 172 218 150Z" fill="#E8E6DC"/></pattern></defs><rect width="1600" height="900" fill="url(#diamonds)"/></svg>
CSS background-image
.diamond-rows {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jWGmZB1Ca59q/amnt.svg");
  background-size: contain;
}
React
import DiamondRowsSvg from "./diamond-rows.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Diamond Rows: Full-frame background with evenly spaced diamonds in staggered rows. as part of the pack Geometric backgrounds, flat. Want one like it? Make your own in the SVG studio.

Rest of Geometric backgrounds, 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