Menu

Beta
Sign in
Beta
Checkerboard SVG pattern, flat

Checkerboard SVG pattern, flat

Alternating light and dark squares cover the tile in a regular checkerboard. It works on game boards and party invitations.

Free · from Geometric Patterns, Flat

Similar SVGs

More from Geometric Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cIeuddNkVLJ8/amnt.svg" alt="Checkerboard" 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="#f2eadb"/><path fill="#344e5c" d="M0 0h25v25H0z M50 0h25v25H50z M100 0h25v25h-25z M150 0h25v25h-25z M25 25h25v25H25z M75 25h25v25H75z M125 25h25v25h-25z M175 25h25v25h-25z M0 50h25v25H0z M50 50h25v25H50z M100 50h25v25h-25z M150 50h25v25h-25z M25 75h25v25H25z M75 75h25v25H75z M125 75h25v25h-25z M175 75h25v25h-25z M0 100h25v25H0z M50 100h25v25H50z M100 100h25v25h-25z M150 100h25v25h-25z M25 125h25v25H25z M75 125h25v25H75z M125 125h25v25h-25z M175 125h25v25h-25z M0 150h25v25H0z M50 150h25v25H50z M100 150h25v25h-25z M150 150h25v25h-25z M25 175h25v25H25z M75 175h25v25H75z M125 175h25v25h-25z M175 175h25v25h-25z"/></svg>
CSS background-image
.checkerboard {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cIeuddNkVLJ8/amnt.svg");
  background-size: 200px 200px;
}
React
import CheckerboardSvg from "./checkerboard.jsx"; // from the React tab above

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

Tags

checkerboardcheckschessboardgeometricpatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Checkerboard: Alternating light and dark square cells fill the tile. as part of the pack Geometric 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