Menu

Beta
Sign in
Beta
Double Wave SVG element, flat

Double Wave SVG element, flat

Two evenly spaced wave crests form the upper edge of this filled divider. It works between sections of a travel page or at the bottom of an event invitation.

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/nGgn86uZAGvN/amnt.svg" alt="Double Wave" 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="teal" data-name="Teal"><path d="M424 388c-38-41-105-44-151-14-21 13-37 32-53 51-58 72-77 103-166 140v89h916v-82c-64 0-135-5-187-49-53-45-40-124 32-135-44-46-116-42-164-4-41 34-66 84-104 121-42 41-112 62-159 17-48-45-33-125 36-134z" fill="#09a6a1" stroke="#09a6a1"/></g><g id="navy" data-name="Navy"><path d="M332 339c-107 7-142 127-224 183-15 10-32 19-49 26-5 1-16 3-19 8-3 6-2 87-1 100 0 4-1 8 3 11 4 4 74 2 85 2 33 0 67 0 101 0 135 0 270 0 405 0 67 0 135 0 203 0 33 0 67 0 101 0 59 0 48 6 48-52 0-11 4-56-6-60-6-2-26 0-34 0-31-1-60-4-89-13-45-14-110-51-86-109 8-20 28-33 49-33 5 0 12 3 16 1 19-10-33-46-42-50-49-25-111-15-153 21-59 50-97 156-185 158-18 0-34-4-48-13-45-32-43-118 22-117 4 0 10 3 13 2 22-8-22-40-30-45-23-15-53-22-80-20zm92 49c-69 9-84 89-36 134 47 45 117 24 159-17 38-37 63-87 104-121 48-38 120-42 164 4-72 11-85 90-32 135 52 44 123 49 187 49v82h-916v-89c89-37 108-68 166-140 16-19 32-38 53-51 46-30 113-27 151 14z" fill="#0a2d56" stroke="#0a2d56"/></g></svg>
CSS background-image
.double-wave {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nGgn86uZAGvN/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.double-wave {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nGgn86uZAGvN/amnt.svg") center / contain no-repeat;
}
React
import DoubleWaveSvg from "./double-wave.jsx"; // from the React tab above

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

Tags

wavesdouble wavesection dividershape dividerselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Double Wave: Two complete, evenly spaced wave crests form 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

Settings