Scatter Plot SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GSJoVMx0Y4Te/amnt.svg" alt="Scatter Plot" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="charcoal" data-name="Charcoal"><path d="M151 167c9 8 16 20 30 15 8-3 10-13 8-20-1-5-40-52-46-55-4-3-9-4-14-3-6 1-52 57-53 65 0 6 3 12 8 15 15 9 24-8 33-16 0 122 0 243 0 366 0 60 0 122 0 183 0 22-4 136 2 147 5 10 14 9 24 9 243 2 487 0 731 0-5 4-15 10-18 16-10 21 11 31 30 16 11-8 52-34 52-48 0-13-40-39-52-48-25-19-40 2-29 18 4 5 12 9 16 13h-721c-6-14-2-143-2-168 0-57 0-113 0-169 0-77 0-154 0-231 0-33-4-73 1-105z" fill="#262c32" stroke="#262c32"/><path d="M822 627c-60 4-56 95 5 93 60-2 57-96-5-93zm-1 14c42-4 49 61 7 65-41 4-49-61-7-65z" fill="#262c32" stroke="#262c32"/><path d="M813 191c-59 7-49 100 14 92 59-7 48-99-14-92zm5 13c42-2 47 63 4 66-42 3-47-63-4-66z" fill="#262c32" stroke="#262c32"/><path d="M517 353c-59 9-45 101 17 91 59-9 45-100-17-91zm5 13c41-4 49 61 7 65-44 4-49-60-7-65z" fill="#262c32" stroke="#262c32"/><path d="M485 656c-60 7-50 99 12 92 60-7 50-98-12-92zm0 14c42-7 54 57 12 64-44 7-54-57-12-64z" fill="#262c32" stroke="#262c32"/><path d="M305 272c-59 9-47 100 14 92 60-8 48-101-14-92zm5 13c42-3 48 62 6 66-42 3-49-62-6-66z" fill="#262c32" stroke="#262c32"/><path d="M770 412c-58 9-45 101 17 91 59-9 45-100-17-91zm6 13c42-2 47 62 5 65s-47-62-5-65z" fill="#262c32" stroke="#262c32"/><path d="M596 507c-60 6-52 99 10 93 61-7 51-98-10-93zm-1 14c42-6 54 58 12 64-44 7-53-57-12-64z" fill="#262c32" stroke="#262c32"/><path d="M318 551c-60 3-57 94 4 92 62-2 57-94-4-92zm-3 14c41-6 52 59 10 65-41 5-52-59-10-65z" fill="#262c32" stroke="#262c32"/></g><g id="orange" data-name="Orange"><path d="M818 204c-43 3-38 69 4 66 43-3 38-68-4-66z" fill="#fc821b" stroke="#fc821b"/><path d="M595 521c-41 7-32 71 12 64 42-6 30-70-12-64z" fill="#fc821b" stroke="#fc821b"/><path d="M821 641c-42 4-34 69 7 65 42-4 35-69-7-65z" fill="#fc821b" stroke="#fc821b"/><path d="M522 366c-42 5-37 69 7 65 42-4 34-69-7-65z" fill="#fc821b" stroke="#fc821b"/></g><g id="blue" data-name="Blue"><path d="M310 285c-43 4-36 69 6 66 42-4 36-69-6-66z" fill="#0184fb" stroke="#0184fb"/><path d="M485 670c-42 7-32 71 12 64 42-7 30-71-12-64z" fill="#0184fb" stroke="#0184fb"/></g><g id="teal" data-name="Teal"><path d="M776 425c-42 3-37 68 5 65s37-67-5-65z" fill="#01b39d" stroke="#01b39d"/><path d="M315 565c-42 6-31 70 10 65 42-6 31-71-10-65z" fill="#01b39d" stroke="#01b39d"/></g></svg>

.scatter-plot {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GSJoVMx0Y4Te/amnt.svg");
  background-size: contain;
}

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

import ScatterPlotSvg from "./scatter-plot.jsx"; // from the React tab above

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