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%
Wavy Line SVG element, flat

Wavy Line SVG element, flat

A gently undulating line runs horizontally in small, even bends. Place it between poems in a booklet or between activities on a classroom handout.

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/X5-y3iy0vMG6/amnt.svg" alt="Wavy Line" 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="M103 469c-23 3-43 23-57 39-10 12-3 27 12 20 9-4 17-17 24-23 52-48 63 53 126 30 27-10 44-59 79-38 12 7 20 21 31 30s24 12 38 11c37-3 53-61 89-43 11 6 18 17 26 25 31 32 64 19 90-11 50-57 65 43 123 28 32-8 52-66 88-38 9 7 15 17 24 25 9 7 19 13 30 14 48 6 56-53 95-45 17 3 42 42 56 35 22-9-24-43-32-49-66-43-85 59-128 32-11-7-18-19-28-27-33-29-64-12-88 15-51 55-61-45-123-28-30 8-48 58-80 42-13-7-21-21-31-30-65-52-84 45-127 31-15-5-22-21-33-30-28-25-62-15-84 11-53 61-62-32-120-26z" fill="#02254b" stroke="#02254b"/></g></svg>
CSS background-image
.wavy-line {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/X5-y3iy0vMG6/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.wavy-line {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/X5-y3iy0vMG6/amnt.svg") center / contain no-repeat;
}
React
import WavyLineSvg from "./wavy-line.jsx"; // from the React tab above

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

Tags

dividerwavyseparatorhorizontal ruleselementflat

Made with AMNT

AMNT Draw 1.2 drew this from the words Wavy Line: A continuous horizontal line curves up and down in small, even bends. 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

Browse the library

Settings