Menu

Beta
Sign in
Beta
Zigzag Line SVG element, flat

Zigzag Line SVG element, flat

Sharp, evenly spaced peaks and valleys run along this continuous line. Use it beneath a sale notice or as a divider on a school flyer.

Free · from Underlines, flat

Similar SVGs

More from Underlines, flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gowsccYNQ8mI/amnt.svg" alt="Zigzag Line" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 40" preserveAspectRatio="none" fill="none" stroke="currentColor"><path d="M12 29 36 11 60 29 84 11 108 29 132 11 156 29 180 11 204 29 228 11 252 29 276 11 300 29 324 11 348 29 372 11 388 23" stroke-width="4" stroke-linecap="butt" stroke-linejoin="bevel"/></svg>
CSS background-image
.zigzag-line {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gowsccYNQ8mI/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.zigzag-line {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/gowsccYNQ8mI/amnt.svg") center / contain no-repeat;
}
React
import ZigzagLineSvg from "./zigzag-line.jsx"; // from the React tab above

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

Tags

zigzaglineunderlineunderlineselementflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Zigzag Line: Continuous line of sharp, evenly spaced peaks and valleys. as part of the pack Underlines, 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