Menu

Beta
Sign in
Broken Stripes SVG pattern, flat

Broken Stripes SVG pattern, flat

Thick horizontal bands have irregular rectangular gaps staggered from one band to the next. Use the pattern on zine covers or flyers.

Free · from Stripes Patterns, Flat

Similar SVGs

More from Stripes Patterns, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vKGZ7vzFGYKA/amnt.svg" alt="Broken 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="#f3e6cc"/><g fill="#304f59"><path d="M0 10h38v23H0zM55 10h72v23H55zM143 10h57v23h-57z"/><path d="M0 50h77v23H0zM94 50h39v23H94zM151 50h49v23h-49z"/><path d="M0 90h24v23H0zM43 90h83v23H43zM144 90h56v23h-56z"/><path d="M0 130h61v23H0zM80 130h72v23H80zM169 130h31v23h-31z"/><path d="M0 170h46v23H0zM65 170h38v23H65zM122 170h78v23h-78z"/></g></svg>
CSS background-image
.broken-stripes {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/vKGZ7vzFGYKA/amnt.svg");
  background-size: 200px 200px;
}
React
import BrokenStripesSvg from "./broken-stripes.jsx"; // from the React tab above

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

Tags

brokenstripesgapsbandspatternflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Broken Stripes: Thick horizontal bands contain irregular rectangular gaps, staggered between neighbouring bands. as part of the pack Stripes Patterns, 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