Logout SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/YhVr1DoAvs3k/amnt.svg" alt="Logout" 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="M516 258c0 12-1 24 1 35 8 35 51 45 81 34 40-15 31-63 31-97 0-8 1-15 1-23 0-13 0-25-2-37-12-52-69-45-109-45s-78 0-117 0c-35 0-71 0-105 0-20 0-39-2-58 0-47 4-66 42-66 85 0 103 0 208 0 312 0 71 0 143 0 215 0 30-4 67 2 96 13 67 78 58 130 58 37 0 75-1 113 0 35 2 70 0 105 0 15 0 32 2 48 1 55-4 59-49 59-93 0-13-1-27-1-41 0-31 2-66-38-74-29-6-66 3-74 36-3 13-1 27-1 41-10 3-180 0-204 0v-501c12-5 177-2 204-2zm77-76v101c-2 16-39 20-42-5-2-14 8-54-15-55l-56-1h-2l-187 1c-6 0-13 5-14 11-4 13-1 79-1 98 0 41 0 83 0 125 0 83 0 166 0 250 0 16-5 78 6 86 7 6 19 4 28 4 41 0 83 0 125 0 21 0 87 4 103 0 5-1 10-5 11-10 8-18-3-41 3-59 5-15 39-15 41 2v100c1 14-11 26-25 25h-21-297-6c-31 1-34-29-34-52v-580-6-21c0-14 9-28 22-32 19-8 134-3 163-3 36 0 73 0 110 0 21 0 87-10 88 21z" fill="#012151" stroke="#012151"/><path d="M662 605c0 22-4 47 1 68 4 14 13 27 26 34 43 22 72-21 99-47 22-22 113-108 124-127 5-8 7-18 6-28 0-9-3-18-9-26-10-15-25-27-38-39-29-29-58-58-86-87-27-26-56-66-98-41-11 7-21 18-24 32-5 23-1 50-1 74-43 0-87 0-131 1-22 1-44-1-66 0-42 1-108-11-116 49-1 13 0 27 0 40 0 15-2 32 0 47 6 57 68 50 109 50 68 0 136 0 204 0zm35-34c-16 1-32-1-48-1-46 0-92 0-137 0-24 0-97 4-114-1-6-2-11-6-13-11-6-13-2-33-2-47s-3-33 2-46c2-6 9-10 15-12 18-3 90 0 114 0 61 0 122-1 183-1 0-23-3-79 0-98 1-4 3-9 6-11 5-4 10-5 16-3 10 2 41 38 50 47 14 14 113 109 115 118 0 4-1 8-3 12-4 9-94 94-108 109-10 10-41 45-51 50-4 2-9 2-14 1-6-1-10-7-11-13-3-18 0-72 0-93z" fill="#012151" stroke="#012151"/></g><g id="white" data-name="White"><path d="M593 283v-101c-1-31-67-21-88-21-37 0-74 0-110 0-29 0-144-5-163 3-13 4-22 18-22 32v21 6 580c0 23 3 53 34 52h6 297 21c14 1 26-11 25-25v-100c-2-17-36-17-41-2-6 18 5 41-3 59-1 5-6 9-11 10-16 4-82 0-103 0-42 0-84 0-125 0-9 0-21 2-28-4-11-8-6-70-6-86 0-84 0-167 0-250 0-42 0-84 0-125 0-19-3-85 1-98 1-6 8-11 14-11l187-1h2l56 1c23 1 13 41 15 55 3 25 40 21 42 5z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="blue" data-name="Blue"><path d="M697 571c0 21-3 75 0 93 1 6 5 12 11 13 5 1 10 1 14-1 10-5 41-40 51-50 14-15 104-100 108-109 2-4 3-8 3-12-2-9-101-104-115-118-9-9-40-45-50-47-6-2-11-1-16 3-3 2-5 7-6 11-3 19 0 75 0 98-61 0-122 1-183 1-24 0-96-3-114 0-6 2-13 6-15 12-5 13-2 32-2 46s-4 34 2 47c2 5 7 9 13 11 17 5 90 1 114 1 45 0 91 0 137 0 16 0 32 2 48 1z" fill="#0183fc" stroke="#0183fc"/><path d="M210 803v-580z" fill="#0183fc" stroke="#0183fc"/><path d="M291 223l187-1z" fill="#0183fc" stroke="#0183fc"/><path d="M593 283v-101z" fill="#0183fc" stroke="#0183fc"/><path d="M593 830v-100z" fill="#0183fc" stroke="#0183fc"/><path d="M536 223l-56-1z" fill="#0183fc" stroke="#0183fc"/><path d="M210 217v-21z" fill="#0183fc" stroke="#0183fc"/><path d="M568 855h-21z" fill="#0183fc" stroke="#0183fc"/><path d="M250 855h-6z" fill="#0183fc" stroke="#0183fc"/></g></svg>

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

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

import LogoutSvg from "./logout.jsx"; // from the React tab above

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