Menu

Beta
Sign in
Beta

Colours and style

Every picture in the library follows these, and so does every download.

Colour of single-colour icons
Palette for colourful pictures
As drawn
100%
Zigzag SVG element, flat

Zigzag SVG element, flat

Equal-sized points alternate up and down along this shape’s upper edge. It can separate topics in a classroom worksheet or add a jagged border to a poster.

Free · from Shape dividers, flat · Set 2

Similar SVGs

More from Shape dividers, flat · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mYHq55tzCxAu/amnt.svg" alt="Zigzag" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="purple" data-name="Purple"><path d="M311 394l-100 117-100-116c-7 7-59 69-61 76-3 12 0 123 0 145h925c0-21 3-134 0-145-2-5-55-70-61-76h1l-101 115-100-115-101 115-101-115-100 115z" fill="#013dfb" stroke="#013dfb"/></g><g id="grape" data-name="Grape"><path d="M110 365c-8 6-76 90-79 97-6 12-2 149-2 174 23 4 49 1 72 1 56 0 112 0 169 0 80 0 161 0 242 0 80 0 161 0 242 0 32 0 226 4 241-2 0-25 4-160-2-174-2-5-72-91-79-97l-100 115-100-115-101 115-101-114-100 114-101-114-100 114zm201 29l101 116 100-115 101 115 101-115 100 115 101-115h-1c6 6 59 71 61 76 3 11 0 124 0 145h-925c0-22-3-133 0-145 2-7 54-69 61-76l100 116z" fill="#011964" stroke="#011964"/></g></svg>
CSS background-image
.zigzag {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mYHq55tzCxAu/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.zigzag {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/mYHq55tzCxAu/amnt.svg") center / contain no-repeat;
}
React
import ZigzagSvg from "./zigzag.jsx"; // from the React tab above

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

Tags

zigzagjagged edgesection dividershape dividerselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Zigzag: Equal-size sharp points alternate up and down along the filled shape’s top edge. A flat element. as part of the pack Shape dividers, flat · Set 2. 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

Browse the library

Settings