Open In SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="grape" data-name="Grape"><path d="M634 194c-98 0-196 0-294 0-24 0-48-1-72 0-47 2-80-1-111 43-10 15-16 32-17 50-2 32 0 64 0 97 0 66 0 131 0 198 0 48 0 96 0 144 0 24-3 51 2 75 4 17 14 34 27 45 13 12 30 21 47 25 22 4 48 1 71 1 50 0 101 0 152 0 97 0 196 2 294 0 43-1 84-33 92-77 5-26 2-88 1-116-1-26 0-53 1-78 1-23 0-47-1-69-1-47 1-93 1-138-5-3-69-3-76-1 0 79 0 159 0 239 0 39 0 79 0 119 0 10 2 22-1 32-7 24-51 16-69 16-80 0-159 0-238 0-40 0-80 0-119 0-20 0-80 4-95-2-5-1-9-6-11-10-7-15-3-202-3-233 0-78 0-155 0-231 0-62 8-55 65-55 39 0 79 0 119 0 52 0 105 0 158 0 25 0 52 3 77-1 2-5 2-69 0-73z" fill="#032663" stroke="#032663"/><path d="M802 276l-56-57c-24 18-46 45-67 66-47 47-96 92-142 139-35 35-71 68-105 103-17 16-65 57-73 75-7 16-4 33 8 45 11 12 29 15 45 8 15-7 60-56 75-70 35-35 70-69 105-103 45-45 90-91 136-134 25-22 48-52 74-72z" fill="#032663" stroke="#032663"/></g><g id="blue" data-name="Blue"><path d="M746 219l56 57c21 16 41 40 59 59 7 7 14 17 23 23 19 12 34-5 35-23 2-38-1-77 0-114 0-18 3-96-5-107-3-5-8-9-14-10-19-4-69 0-91 0-39 0-77 0-115 0-20 0-40 10-29 33 7 15 66 63 81 82z" fill="#017afc" stroke="#017afc"/></g></svg>

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

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

import OpenInSvg from "./open-in.jsx"; // from the React tab above

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