Swap Vert SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="blue" data-name="Blue"><path d="M486 275c-10-9-18-21-26-31-19-23-38-46-56-68-14-17-28-33-42-50-24-30-19-29-44 0-27 33-55 65-83 98-8 10-37 40-41 49-1 1-4 3-2 5 4 4 69 1 79 1 0 111 0 223 0 335 0 55 0 111 0 167 0 17-3 75 0 88 1 4 4 8 8 9 13 6 45 2 60 2s41 4 55-1c4-1 8-5 10-10 3-13 0-72 0-90 0-56 0-112 0-167 0-111 0-222 0-333 9 0 78 2 80 0 2-1 2-3 2-4z" fill="#0576fb" stroke="#0576fb"/></g><g id="orange" data-name="Orange"><path d="M752 718c0-110 0-221 0-331 0-56 0-110 0-165 0-16 3-80 0-90-1-3-5-7-8-8-11-4-45-1-58-1-14 0-45-3-57 1-5 1-8 5-9 10-3 16 0 70 0 90 0 55 0 109 0 165 0 109 0 219 0 329-19 0-69-4-84 2l150 176 150-177z" fill="#fd7201" stroke="#fd7201"/></g><g id="midnight" data-name="Midnight"><path d="M779 692c0-115 0-230 0-344 0-58 0-115 0-172 0-14 1-29 0-42-5-48-60-37-93-37-81 0-93-8-93 80 0 57 0 114 0 172 0 114 0 229 0 343-18 0-38-3-56 0-19 4-31 24-22 42 6 12 42 50 53 63 23 28 46 55 69 82 10 11 19 26 31 35 6 5 12 6 20 6 7 0 14-3 19-8 13-11 23-26 33-38 22-26 44-52 66-78 11-12 48-53 53-65 4-10 2-21-5-29-5-5-10-9-17-10-18-3-39 0-58 0zm-27 26l84 1-150 177-150-176c15-6 65-2 84-2 0-110 0-220 0-329 0-56 0-110 0-165 0-20-3-74 0-90 1-5 4-9 9-10 12-4 43-1 57-1 13 0 47-3 58 1 3 1 7 5 8 8 3 10 0 74 0 90 0 55 0 109 0 165 0 110 0 221 0 331z" fill="#0c1e35" stroke="#0c1e35"/><path d="M430 305c18 0 38 2 56 0 20-3 31-22 24-41-4-10-43-54-53-65-18-22-36-43-54-65-12-14-29-40-43-51-6-5-15-8-22-7-6 1-13 4-17 7-13 10-23 27-34 39-22 27-45 53-67 79-11 14-47 51-53 63-8 16 1 35 18 40 18 5 41 1 60 1 0 118 0 236 0 355 0 59 0 118 0 177 0 11-2 24 0 36 7 45 74 33 107 33 14 0 28 1 42 0 37-4 36-36 36-64 0-12 1-23 1-34 0-55-2-110 0-166 2-37 1-75-1-113-1-24 2-47 1-71-2-51-1-103-1-153zm56-30c0 1 0 3-2 4-2 2-71 0-80 0 0 111 0 222 0 333 0 55 0 111 0 167 0 18 3 77 0 90-2 5-6 9-10 10-14 5-40 1-55 1s-47 4-60-2c-4-1-7-5-8-9-3-13 0-71 0-88 0-56 0-112 0-167 0-112 0-224 0-335-10 0-75 3-79-1-2-2 1-4 2-5 4-9 33-39 41-49 28-33 56-65 83-98 25-29 20-30 44 0 14 17 28 33 42 50 18 22 37 45 56 68 8 10 16 22 26 31z" fill="#0c1e35" stroke="#0c1e35"/></g></svg>

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

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

import SwapVertSvg from "./swap-vert.jsx"; // from the React tab above

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