Beta

Brick Wall SVG background, flat

Free
Brick Wall SVG background, flat

Staggered mortar lines divide rows of muted red bricks. Use the pattern on a renovation brochure or behind a photograph in a neighborhood history display.

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

brickwallmasonrybuildingbackgroundtextureflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/VEzlr6KLG52h/amnt.svg" alt="Brick Wall" 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="#C9B9AA"/><defs><pattern id="brickwork" width="400" height="176" patternUnits="userSpaceOnUse"><path d="M3 3h194v82H3zM203 3h194v82H203z" fill="#A75F54"/><path d="M3 91h94v82H3zM103 91h194v82H103zM303 91h94v82h-94z" fill="#A75F54"/><path d="M8 8h182v72H8zM208 8h182v72H208zM8 96h82v72H8zM108 96h182v72H108zM308 96h82v72h-82z" fill="#B36B5E" opacity=".38"/></pattern></defs><rect width="1600" height="900" fill="url(#brickwork)"/></svg>
CSS background-image
.brick-wall {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/VEzlr6KLG52h/amnt.svg");
  background-size: contain;
}
React
import BrickWallSvg from "./brick-wall.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Brick Wall: Rows of muted red rectangular bricks separated by thin, staggered mortar lines. as part of the pack Texture Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

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