Code SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TAOpLgsXNV-O/amnt.svg" alt="Code" 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="M147 512c17-18 38-33 56-49 26-21 50-44 75-64 17-15 53-40 62-59 15-33-13-69-48-64-6 0-12 2-18 6-8 5-14 13-22 19-31 28-61 57-92 84-23 20-45 40-67 60-13 12-29 23-39 37-7 9-9 20-9 31 0 9 3 19 9 27 11 16 29 28 43 41 22 20 43 39 64 58 27 25 55 49 81 74 10 9 19 19 29 26 7 5 16 8 24 9 35 2 60-35 44-67-7-16-47-46-62-58-34-29-68-57-100-86-10-8-19-19-30-25z" fill="#012456" stroke="#012456"/><path d="M877 512c-11 6-21 18-31 26-33 28-66 57-100 86-17 14-54 40-62 58-15 33 12 69 47 65 7 0 14-3 20-7 15-9 28-24 41-36 24-22 48-44 72-66 20-19 98-83 108-101 5-8 7-16 7-25 0-10-2-19-7-27-10-17-88-82-108-101-26-23-51-46-76-69-12-10-23-24-36-32-6-4-14-7-22-8-35-3-62 33-45 66 9 18 45 44 62 59 24 20 47 41 72 61 19 16 41 32 58 51z" fill="#012456" stroke="#012456"/></g><g id="blue" data-name="Blue"><path d="M586 207c-14 1-27 9-35 20-13 17-34 94-42 120-18 54-36 108-54 162s-35 108-53 162c-8 23-31 79-28 100 2 12 10 24 19 30s19 9 30 8c13-1 25-6 33-17 13-15 35-97 44-122 18-54 35-108 53-163 17-54 37-107 54-162 7-23 31-79 28-100-1-10-7-19-14-25-10-9-22-13-35-13z" fill="#01abf6" stroke="#01abf6"/></g></svg>

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

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

import CodeSvg from "./code.jsx"; // from the React tab above

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