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%
River SVG icon, line

River SVG icon, line

Two winding lines trace a narrow river between simple banks. Add it to local geography worksheets or walking maps that follow a waterway.

Similar SVGs

More from Nature icons, line · Set 2

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lxSbmD6uAtZ4/amnt.svg" alt="River" 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="blue" data-name="Blue"><path d="M580 28h-20c5 8 15 12 16 23 1 31-98 46-122 71-50 50 78 85 103 108 60 53-36 98-74 120-47 26-116 67-87 132 33 76 176 84 177 175 0 30-18 54-38 75-62 62-251 141-179 254 37-19 85-18 125-9 9 2 18 7 27 9-66-83 57-161 109-209 18-16 34-35 47-55 14-23 21-49 17-76-13-99-147-105-194-168-45-58 35-103 77-127 43-25 116-75 56-127-12-11-27-18-41-24-24-11-106-34-81-73 14-23 50-29 73-40 17-9 45-28 24-47-5-5-11-7-15-12z" fill="#41a4fa" stroke="#41a4fa"/></g><g id="midnight" data-name="Midnight"><path d="M542 48c5 3 4 11 0 15-6-3-4-11 0-15zM484 218c12-1 17 8 10 18-8-4-40-16-41-24 0-4 2-9 7-9 6 0 6 7 10 8 6 2 16-6 14 7zM436 366c-10-9-13-23 5-22 3-4 3-6 9-6 1-25 26-8 19 7-2 4-27 16-33 21zM397 824c-17-17-17-31 8-38-14-23 3-38 24-23 2-5 2-11 4-16 14-27 48 13 27 30-20 17-43 31-63 47zM356 986c-72-113 117-192 179-254 20-21 38-45 38-75-1-91-144-99-177-175-29-65 40-106 87-132 38-22 134-67 74-120-25-23-153-58-103-108 24-25 123-40 122-71-1-11-11-15-16-23-3-1-8-6-12-6-30 3 49 27 1 45 3-9 6-31-11-25-11 4-9 23-1 29-15 14-67 17-93 46-19 22-11 49 10 66 7 6 17 10 23 16 4 2-3 3-4 3l-1-4c-19-8-38 10-22 25 6 6 16 9 23 12 11 5 28 14 32-4 4-20-17-17-19-28 23 10 55 20 71 41 33 40-49 83-79 96 2-25-28-32-37-8-25 7-26 20-12 39-41 22-63 77-41 119 19 39 62 60 98 81 69 38 111 84 42 153-15 14-34 33-53 41 2-38-43-51-52-17-22-4-36 9-32 32-25 10-15 36-1 50-22 21-44 44-55 74-6 18-7 37-3 56 2 8 5 15 9 23 1 2 4 8 7 9 4 2 9 0 8-6z" fill="#042434" stroke="#042434"/><path d="M538 143c4 7 1 14 3 22l8-6c5 0 4 6 5 10 5-1 8-8 13-5s2 12-2 14c-7 6-24-5-31-9l4-7c-7-6-6-13 0-19zm15 325l3-2c3 11 2 20-7 27-5-8-4-19 4-25zm-4 43c1-9 4-15 14-15l4 8c3-4 8-10 14-8 8 2 3 10 6 14 4 5 27-5 16 17-1 3-5 6-8 7-5 1-40-20-46-23zM580 28c4 5 10 7 15 12 21 19-7 38-24 47-23 11-59 17-73 40-25 39 57 62 81 73 14 6 29 13 41 24 60 52-13 102-56 127-42 24-122 69-77 127 47 63 181 69 194 168 4 27-3 53-17 76-13 20-29 39-47 55-52 48-175 126-109 209 3 5 11 12 13 2 1-4-7-11-9-14-7-11-12-25-12-38 0-24 14-49 30-66 31-35 70-60 102-92 35-36 68-81 60-133-5-35-28-64-55-84-11-8-24-14-33-22 18-17 12-28-7-37-5-8-9-15-19-15-2 0-5 3-7 3-1-1-3 2-4 1-5-4 2-20-5-27-9-9-20 1-23 11-3 11 7 20 1 31-18-7-38-22-48-38-34-56 59-96 95-119 94-58 85-124-17-164 25-32-14-27-20-33-3-3-3-8-7-11-3-3-6-3-10-2-11 5-5 18-5 26-8-2-19-9-23-16-13-26 49-43 66-50 16-8 38-19 41-38 5-23-29-50-32-33z" fill="#042434" stroke="#042434"/><path d="M662 776c-19-3-28-2-36 17-1 3-1 7-3 9-4 4-11 4-15 8-18 16-9 55 25 35 16-10 44-22 58-34 22-19-6-54-29-35zm-30 36c2-16 10-43 30-20 0-1 1 0 1 1 8-23 33-11 25 7-3 7-29 19-36 23-5 3-33 21-37 20-11-4-9-31 17-31z" fill="#042434" stroke="#042434"/><path d="M390 520c-7 1-13 5-16 10-5 7-6 18 0 25 2 3 46 29 50 29 15 3 23-14 17-27-3-5-9-6-12-10s-3-9-8-12c-4-3-8-2-12-4-8-4-8-11-19-11zm12 24c12-7 19-1 18 12 18-2 18 19 7 20-4 0-24-14-28-16-9-5-24-10-19-23 6-14 23-7 22 7z" fill="#042434" stroke="#042434"/><path d="M588 358c-22 2-28 34-7 36 9 1 38-13 48-17 22-10 18-41-6-39-6 1-9 6-15 8-9 3-15-3-20 12zm7 8c0-10 8-16 18-10 4-9 19-14 22-1 2 13-13 15-22 18-6 2-25 12-30 12-13-2-6-20 12-19z" fill="#042434" stroke="#042434"/><path d="M489 684c-21 5-20 61 7 54 20-5 21-60-7-54zm3 48c-9-7-13-38 1-39 15-1 6 32-1 39z" fill="#042434" stroke="#042434"/><path d="M344 799c-20 5-15 59 11 52 20-5 15-58-11-52zm7 47c-6-6-19-38-3-38 15 0 9 31 3 38z" fill="#042434" stroke="#042434"/><path d="M704 713c-23 2-29 55-4 52 21-3 31-54 4-52zm3 8c9 12 1 29-11 37-6-14-3-29 11-37z" fill="#042434" stroke="#042434"/><path d="M360 478c-17 5-8 45 11 41 16-4 10-46-11-41zm2 8c11-1 11 19 8 26-9-5-13-16-8-26z" fill="#042434" stroke="#042434"/><path d="M661 302c-19 0-29 39-8 39 18 0 29-39 8-39zm2 7c2 5-3 27-10 24-10-4 2-22 10-24z" fill="#042434" stroke="#042434"/><path d="M490 292c-17 1-18 37-1 36 16-1 19-37 1-36zm1 6c6 8 5 18-3 25-6-9-4-18 3-25z" fill="#042434" stroke="#042434"/></g><g id="moss" data-name="Moss"><path d="M397 824c20-16 43-30 63-47 21-17-13
…
CSS background-image
.river {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lxSbmD6uAtZ4/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.river {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lxSbmD6uAtZ4/amnt.svg") center / contain no-repeat;
}
React
import RiverSvg from "./river.jsx"; // from the React tab above

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

Tags

Made with AMNT

AMNT Draw 1.2 drew this from the words River: Two parallel winding lines forming a narrow river between simple banks. A flat colour icon. Simplify to two consistent parallel winding lines with minimal banks; remove rocks, grass, and heavy filled areas for small-size clarity. as part of the pack Nature icons, line · 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