Stripes SVG pattern, flat

Free

Preview on the whole page

Equal-width vertical bands alternate between two colours. They can fill poster borders and packaging labels.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

stripes bands vertical geometric pattern flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yu0ckMu19a9I/amnt.svg" alt="Stripes" 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="#f3ead8"/><path fill="#315b68" d="M20 0h20v200H20zM60 0h20v200H60zM100 0h20v200h-20zM140 0h20v200h-20zM180 0h20v200h-20z"/></svg>

CSS background-image

.stripes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Yu0ckMu19a9I/amnt.svg");
  background-size: 200px 200px;
}

React

import StripesSvg from "./stripes.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Stripes: Equal-width vertical bands alternate between two colours. 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