Diamonds SVG pattern, flat

Free

Preview on the whole page

Rows of solid diamonds repeat in alternating colours. Add the pattern to fabric prints or notebook covers.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

diamonds rhombus repeating geometric pattern flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1I9A5MSvc_lZ/amnt.svg" alt="Diamonds" 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="#f6f0df"/><path fill="#c96850" d="M25 4 44 25 25 46 6 25ZM75 4 94 25 75 46 56 25ZM125 4 144 25 125 46 106 25ZM175 4 194 25 175 46 156 25ZM25 104 44 125 25 146 6 125ZM75 104 94 125 75 146 56 125ZM125 104 144 125 125 146 106 125ZM175 104 194 125 175 146 156 125Z"/><path fill="#426b78" d="M25 54 44 75 25 96 6 75ZM75 54 94 75 75 96 56 75ZM125 54 144 75 125 96 106 75ZM175 54 194 75 175 96 156 75ZM25 154 44 175 25 196 6 175ZM75 154 94 175 75 196 56 175ZM125 154 144 175 125 196 106 175ZM175 154 194 175 175 196 156 175Z"/></svg>

CSS background-image

.diamonds {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1I9A5MSvc_lZ/amnt.svg");
  background-size: 200px 200px;
}

React

import DiamondsSvg from "./diamonds.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Diamonds: Rows of solid diamond shapes sit in alternating colours. as part of the pack Geometric Patterns, Flat. Want one like it? Make your own in the SVG studio.

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