Menu

Beta
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