Coin SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M495 218c-272 16-369 371-141 523 51 34 113 51 174 47 273-19 371-373 139-524-51-33-111-49-172-46zm12 226c77-5 84 111 9 116-77 5-83-111-9-116z" fill="#e3a702" stroke="#e3a702"/></g><g id="yellow" data-name="Yellow"><path d="M500 121c-207 9-378 185-370 395 8 205 185 378 393 369 207-9 379-185 370-394-9-206-185-379-393-370zm-5 76c172-8 311 121 323 290 12 167-127 313-290 322-171 10-311-122-323-289-12-166 126-315 290-323z" fill="#fdce02" stroke="#fdce02"/><path d="M505 465c-46 8-36 83 13 74 47-8 34-81-13-74z" fill="#fdce02" stroke="#fdce02"/></g><g id="chocolate" data-name="Chocolate"><path d="M506 99c-223 9-399 185-398 411 1 190 147 357 332 390 25 5 52 8 77 7 56-2 110-14 162-37 143-64 240-217 236-373-5-168-112-317-270-374-44-16-92-26-139-24zm-6 22c208-9 384 164 393 370 9 209-163 385-370 394-208 9-385-164-393-369-8-210 163-386 370-395z" fill="#3a1d04" stroke="#3a1d04"/><path d="M495 197c-164 8-302 157-290 323 12 167 152 299 323 289 163-9 302-155 290-322-12-169-151-298-323-290zm0 21c61-3 121 13 172 46 232 151 134 505-139 524-61 4-123-13-174-47-228-152-131-507 141-523z" fill="#3a1d04" stroke="#3a1d04"/><path d="M507 444c-74 5-68 121 9 116 75-5 68-121-9-116zm-2 21c47-7 60 66 13 74-49 9-59-66-13-74z" fill="#3a1d04" stroke="#3a1d04"/></g></svg>

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

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

import CoinSvg from "./coin.jsx"; // from the React tab above

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