Beta

Canvas SVG background, flat

Free
Canvas SVG background, flat

A tight grid of warp and weft dashes gives this off-white field a canvas texture. Use it on painting workshop flyers or behind an online art portfolio.

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

canvasclothpaintingtextilebackgroundtextureflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/v3qBEFtMMiGk/amnt.svg" alt="Canvas" 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="#F3F0E8"/><defs><pattern id="weave" width="28" height="28" patternUnits="userSpaceOnUse"><g fill="none" stroke-linecap="round"><path d="M3 8 Q9 7 14 8 T25 8" stroke="#D5CFC2" stroke-width="6"/><path d="M3 6 Q9 5 14 6 T25 6" stroke="#FFFCF4" stroke-width="5"/><path d="M14 14 Q15 19 14 25" stroke="#D5CFC2" stroke-width="6"/><path d="M12 14 Q13 19 12 25" stroke="#FFFCF4" stroke-width="5"/></g><path d="M5 5 Q10 4 15 5 T23 5 M11 15 Q12 19 11 23" fill="none" stroke="#E8E2D6" stroke-width="1" stroke-linecap="round"/></pattern></defs><rect width="1600" height="900" fill="url(#weave)"/></svg>
CSS background-image
.canvas {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/v3qBEFtMMiGk/amnt.svg");
  background-size: contain;
}
React
import CanvasSvg from "./canvas.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Canvas: Off-white field with a tight, regular grid of raised-looking warp and weft dashes. 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