Denim SVG background, flat

Denim SVG background, flat

Dense diagonal twill lines and occasional light thread flecks texture an indigo field. Add it to a clothing repair guide or a sewing class flyer.

Similar SVGs

More from Texture Backgrounds, Flat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Fq3QCyxVtX4M/amnt.svg" alt="Denim" 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="#263F68"/><defs><pattern id="twill" width="24" height="24" patternUnits="userSpaceOnUse" patternTransform="rotate(-32)"><path d="M0 2H24 M0 8H24 M0 14H24 M0 20H24" stroke="#38557C" stroke-width="2"/><path d="M0 5H24 M0 17H24" stroke="#1C3459" stroke-width="1"/></pattern><pattern id="flecks" width="197" height="163" patternUnits="userSpaceOnUse"><g fill="none" stroke="#7894AD" stroke-linecap="round" opacity=".55"><path d="m18 27 3-2 M96 12l2-2 M161 43l3-2 M52 76l2-2 M133 94l3-2 M181 119l2-2 M33 145l3-2 M108 151l2-2"/></g><g fill="#5E7D9D" opacity=".55"><circle cx="74" cy="39" r="1"/><circle cx="146" cy="132" r="1"/><circle cx="12" cy="107" r=".8"/></g></pattern></defs><rect width="1600" height="900" fill="url(#twill)"/><rect width="1600" height="900" fill="url(#flecks)"/></svg>
CSS background-image
.denim {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Fq3QCyxVtX4M/amnt.svg");
  background-size: contain;
}
React
import DenimSvg from "./denim.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT SVG 1.1 drew this from the words Denim: Indigo field with dense diagonal twill lines and occasional lighter thread flecks. 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