Menu

AI SVG Studio
Sign in
Canvas SVG background, flat

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.

Free ยท from Texture Backgrounds, Flat

Similar SVGs

More from Texture Backgrounds, Flat

Whole pack

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} />

Tags

canvasclothpaintingtextilebackgroundtextureflat

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.

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