Menu

Beta
Sign in
Beta
Wave Divider SVG element, flat

Wave Divider SVG element, flat

Two broad wave contours run side by side with a narrow gap between them. They can divide sections of a beach cleanup flyer or border a page in a swim guide.

Free · from Horizontal Rules, Flat · Set 2

Similar SVGs

More from Horizontal Rules, 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/4mdUW5SgtsB6/amnt.svg" alt="Wave Divider" 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="navy" data-name="Navy"><path d="M997 384c-15 8-27 21-42 31-63 42-137 66-214 59-91-8-162-67-244-103-93-42-187-49-282-7-64 27-119 73-164 125-9 10-19 21-24 33 27-20 52-41 82-58 91-51 201-73 301-39 42 14 80 35 117 56 47 26 95 50 149 58 127 19 247-57 321-155z" fill="#042c5d" stroke="#042c5d"/></g><g id="teal" data-name="Teal"><path d="M998 472c-17 9-33 25-49 36-54 38-117 67-183 76-108 16-176-18-267-69-87-49-171-79-271-50-71 21-136 66-182 123-6 7-13 14-16 22 15-10 29-22 44-32 62-41 137-64 211-57 92 8 163 66 244 104 93 43 186 47 281 4 64-29 123-74 167-129 7-9 16-18 21-28z" fill="#25918b" stroke="#25918b"/></g></svg>
CSS background-image
.wave-divider {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4mdUW5SgtsB6/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.wave-divider {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/4mdUW5SgtsB6/amnt.svg") center / contain no-repeat;
}
React
import WaveDividerSvg from "./wave-divider.jsx"; // from the React tab above

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

Tags

dividerwaveswaterhorizontal ruleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Wave Divider: Two broad, parallel wave contours run horizontally with a narrow space between them. A flat element. as part of the pack Horizontal Rules, 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

Settings