Line Graph SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9hNfTyQZrzVp/amnt.svg" alt="Line Graph" width="48" height="48">

<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="M136 172c3 3 7 8 11 10 15 7 30-5 27-21-1-6-7-11-11-16-9-13-31-50-47-50s-38 38-48 51c-25 33 10 53 28 25 0 124 0 248 0 372 0 62 0 123 0 186 0 30 0 62 0 93 0 44 0 46 46 46 246 0 493 0 740 0-4 4-10 8-12 13-6 15 8 30 23 25 6-2 10-7 15-10 12-10 52-33 52-49-1-15-42-40-54-49-5-4-11-9-18-10-14-1-23 14-18 27 2 6 8 9 13 13h-747z" fill="#011b44" stroke="#011b44"/><path d="M861 292c45 19 93-25 76-72-15-43-76-50-101-12-9 13-9 26-9 41 0 3 2 5 1 8s-8 8-11 11c-14 13-29 25-44 38-29 25-59 51-91 73-31-16-70-4-82 30-3 8-1 19-5 26-2 5-12 9-17 12-12 8-99 67-105 68-2 0-5-3-8-4-33-11-69 4-78 39-2 7 1 17-2 23-2 6-14 11-18 15-35 27-70 55-104 82-55-28-110 34-74 84 36 51 112 13 102-46l121-95c42 22 96-8 87-58 31-24 66-43 98-64 6-4 16-14 23-15 4 0 11 6 16 7 26 9 56-3 68-27 9-17 4-30 6-38 2-5 15-12 20-15 15-12 30-24 45-36 30-23 60-48 86-75zm15-91c52-8 65 68 15 77-52 9-64-69-15-77zm-43 66c5 7 11 15 19 20-9 9-19 16-28 25-37 33-76 68-118 96-4-9-9-15-15-22 14-16 40-32 57-46 29-23 56-49 85-73zM646 390c52-8 64 69 14 77-52 9-63-69-14-77zm-48 56l14 23-116 76c-2-9-9-16-14-24zM436 525c52-8 63 71 13 78-52 7-62-70-13-78zm-47 59c4 8 9 15 14 23l-116 91c-4-9-10-15-16-22zM229 681c51-7 62 71 12 78-52 7-61-71-12-78z" fill="#011b44" stroke="#011b44"/></g><g id="teal" data-name="Teal"><path d="M833 267c-29 24-56 50-85 73-17 14-43 30-57 46 6 7 11 13 15 22 42-28 81-63 118-96 9-9 19-16 28-25-8-5-14-13-19-20z" fill="#01aea2" stroke="#01aea2"/><path d="M646 390c-49 8-38 86 14 77 50-8 38-85-14-77z" fill="#01aea2" stroke="#01aea2"/><path d="M436 525c-49 8-39 85 13 78 50-7 39-86-13-78z" fill="#01aea2" stroke="#01aea2"/><path d="M229 681c-49 7-40 85 12 78 50-7 39-85-12-78z" fill="#01aea2" stroke="#01aea2"/><path d="M876 201c-49 8-37 86 15 77 50-9 37-85-15-77z" fill="#01aea2" stroke="#01aea2"/><path d="M389 584l-118 92c6 7 12 13 16 22l116-91c-5-8-10-15-14-23z" fill="#01aea2" stroke="#01aea2"/><path d="M598 446l-116 75c5 8 12 15 14 24l116-76z" fill="#01aea2" stroke="#01aea2"/></g></svg>

.line-graph {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9hNfTyQZrzVp/amnt.svg");
  background-size: contain;
}

.line-graph {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9hNfTyQZrzVp/amnt.svg") center / contain no-repeat;
}

import LineGraphSvg from "./line-graph.jsx"; // from the React tab above

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