Beta

Chevrons SVG pattern, flat

Free
Chevrons SVG pattern, flat

Stacked V-shaped bands repeat in aligned rows. Place them on scrapbook pages or event banners.

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

chevronsv shapesbandsgeometricpatternflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rNuBY_UjGS3-/amnt.svg" alt="Chevrons" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><rect width="200" height="200" fill="#f5ead7"/><path d="M0 -40L50 -15L100 -40L150 -15L200 -40 M0 0L50 25L100 0L150 25L200 0 M0 40L50 65L100 40L150 65L200 40 M0 80L50 105L100 80L150 105L200 80 M0 120L50 145L100 120L150 145L200 120 M0 160L50 185L100 160L150 185L200 160 M0 200L50 225L100 200L150 225L200 200" fill="none" stroke="#244b55" stroke-width="9" stroke-linejoin="miter"/><path d="M0 -20L50 5L100 -20L150 5L200 -20 M0 20L50 45L100 20L150 45L200 20 M0 60L50 85L100 60L150 85L200 60 M0 100L50 125L100 100L150 125L200 100 M0 140L50 165L100 140L150 165L200 140 M0 180L50 205L100 180L150 205L200 180" fill="none" stroke="#d77c58" stroke-width="9" stroke-linejoin="miter"/></svg>
CSS background-image
.chevrons {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/rNuBY_UjGS3-/amnt.svg");
  background-size: 200px 200px;
}
React
import ChevronsSvg from "./chevrons.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Chevrons: Stacked V-shaped bands repeat in aligned rows. as part of the pack Geometric Patterns, Flat. Want one like it? Make your own in the SVG studio.

Rest of Geometric Patterns, 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