Query Builder SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Eo1hRxYL_cCz/amnt.svg" alt="Query Builder" 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="M358 152c-74 3-195 9-255 58-13 10-23 25-22 42 0 8 3 16 7 23 8 15 20 29 30 43 20 28 40 56 60 84 21 30 43 60 64 91 8 11 37 46 40 56 3 13 0 44 0 60 0 39 0 79 0 119 0 20-3 42 0 62 6 47 55 29 82 17s79-37 84-70c2-16 0-33 0-49 0-37 0-73 0-109 0-10-2-24 0-33 2-7 45-61 53-71 22-29 44-59 66-89 17-22 86-107 89-128 4-27-14-45-35-58-60-39-193-51-263-48zM117 247c34-48 194-56 249-56 47 0 94 3 141 11 20 3 106 22 112 43 6 22-90 42-106 45-47 8-94 11-141 11-48 0-230-7-255-54zm471 57c-15 24-35 47-52 70-33 44-66 88-99 133-6 8-17 18-20 28-4 13-1 105-1 127 0 78 12 79-62 114-39 18-40 24-40-20 0-30 0-59 0-88 0-22 3-116 0-129-3-10-14-21-20-29-34-48-69-97-103-145-14-20-27-43-44-60 11 0 23 6 34 9 22 5 45 9 68 12 40 5 79 7 119 7 74 0 149-6 220-29z" fill="#011d4b" stroke="#011d4b"/><path d="M664 628c-19 2-36 11-49 25-2 2-6 7-8 8-13 6-37-2-54 4-40 14-41 74-1 88 16 6 41-2 53 4 3 1 5 7 8 9 12 14 28 24 47 26 27 3 53-7 69-28 2-2 4-7 7-9 8-3 24 0 33 0 29 0 124 4 146-2 40-11 44-70 6-87-21-9-116-4-144-4-10 0-35 3-43 0-3-2-6-7-8-9-16-17-39-27-62-25zm-1 28c66-9 77 99 15 108-67 11-78-99-15-108zm83 72c4-12 2-26 1-38 27 0 143-6 160 0 8 3 13 10 13 18s-4 16-13 19c-15 5-135 1-161 1zM595 690c-4 13-3 25-1 38-10 0-22 3-31-1-17-5-18-32 1-37 9-2 21 0 31 0z" fill="#011d4b" stroke="#011d4b"/><path d="M762 432c-20 2-40 11-53 27-2 2-5 8-8 10-9 3-37 0-47 0-37 0-100-12-116 30-9 25 6 58 35 63 13 2 27 0 40 0 24 1 47 0 71 0 4 0 12-1 16 0 1 1 21 23 28 27 27 16 62 14 86-6 6-5 10-11 15-16 20-18 90 17 112-33 11-26-3-56-30-64-13-4-28-2-41-2-9 0-31 3-38 0-3-2-6-8-8-10-16-18-39-27-62-26zm2 28c65-4 71 107 6 112-66 4-72-107-6-112zm-75 36c0 13-1 26 1 39-20 0-104 4-116-2-6-2-11-10-11-17 0-8 5-16 13-18 15-6 92-2 113-2zm155 38c3-11 3-27-1-38 18 0 73-9 74 19 0 28-55 19-73 19z" fill="#011d4b" stroke="#011d4b"/></g><g id="turquoise" data-name="Turquoise"><path d="M588 304c-71 23-146 29-220 29-40 0-79-2-119-7-23-3-46-7-68-12-11-3-23-9-34-9 17 17 30 40 44 60 34 48 69 97 103 145 6 8 17 19 20 29 3 13 0 107 0 129 0 29 0 58 0 88 0 44 1 38 40 20 74-35 62-36 62-114 0-22-3-114 1-127 3-10 14-20 20-28 33-45 66-89 99-133 17-23 37-46 52-70z" fill="#01cabc" stroke="#01cabc"/><path d="M764 460c-66 5-60 116 6 112 65-5 59-116-6-112z" fill="#01cabc" stroke="#01cabc"/><path d="M663 656c-63 9-52 119 15 108 62-9 51-117-15-108z" fill="#01cabc" stroke="#01cabc"/></g><g id="white" data-name="White"><path d="M117 247c25 47 207 54 255 54 47 0 94-3 141-11 16-3 112-23 106-45-6-21-92-40-112-43-47-8-94-11-141-11-55 0-215 8-249 56z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M746 728c26 0 146 4 161-1 9-3 13-11 13-19s-5-15-13-18c-17-6-133 0-160 0 1 12 3 26-1 38z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M689 496c-21 0-98-4-113 2-8 2-13 10-13 18 0 7 5 15 11 17 12 6 96 2 116 2-2-13-1-26-1-39z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M844 534c18 0 73 9 73-19-1-28-56-19-74-19 4 11 4 27 1 38z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M595 690c-10 0-22-2-31 0-19 5-18 32-1 37 9 4 21 1 31 1-2-13-3-25 1-38z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import QueryBuilderSvg from "./query-builder.jsx"; // from the React tab above

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