Beta

Muted Checkerboard SVG background, flat

Free
Muted Checkerboard SVG background, flat

Large alternating squares in closely related colors cover the entire frame. The quiet checkerboard works as a catalog page background or a digital scrapbook sheet.

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

checkerboardcheckssquaresbackgroundabstractflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3T2LOamXHBWK/amnt.svg" alt="Muted Checkerboard" 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="#E8EDE9"/><path fill="#DEE6E1" d="M0 0h200v200H0zm400 0h200v200H400zm400 0h200v200H800zm400 0h200v200h-200zM200 200h200v200H200zm400 0h200v200H600zm400 0h200v200h-200zm400 0h200v200h-200zM0 400h200v200H0zm400 0h200v200H400zm400 0h200v200H800zm400 0h200v200h-200zM200 600h200v200H200zm400 0h200v200H600zm400 0h200v200h-200zm400 0h200v200h-200zM0 800h200v100H0zm400 0h200v100H400zm400 0h200v100H800zm400 0h200v100h-200z"/></svg>
CSS background-image
.muted-checkerboard {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3T2LOamXHBWK/amnt.svg");
  background-size: contain;
}
React
import MutedCheckerboardSvg from "./muted-checkerboard.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Muted Checkerboard: Cover the frame with large alternating squares in two closely related colors. as part of the pack Abstract Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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