Cloud Download SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M523 102h-24c-52-2-106 27-142 63-18 17-32 37-43 59-6 11-11 22-14 34-3 9-4 20-8 28-2 4-7 7-11 8l-21 1c-75-4-154 84-151 157v16c-1 30 11 61 27 85 27 39 70 68 119 71 19 1 40 0 60 0 36 0 73 0 109 0 0-25-5-108 4-127 5-13 18-21 32-23 18-2 37 0 56 0 36 0 86-7 84 45v9 89l1 6c12 4 173 2 191-2 47-10 88-42 108-86 38-78 6-176-72-215-16-8-36-16-55-15l-8-1c-9 0-20 2-28-2-10-4-17-47-22-60-9-25-24-49-42-68-37-41-94-74-150-72z" fill="#b9defb" stroke="#b9defb"/></g><g id="navy" data-name="Navy"><path d="M759 272c-3-7-4-14-6-21-6-19-13-37-23-54-43-77-126-125-213-128-123-4-219 78-252 192-11 3-24 3-35 5-47 10-89 39-117 78-37 54-47 122-25 184 18 54 62 98 115 117 50 18 128 11 182 11 11 0 28-3 39 2v52c-16 0-33-2-49 0-11 2-21 8-27 17-22 34 23 69 43 93 22 25 44 50 67 76 9 9 16 22 26 30 8 8 18 11 29 11 8 0 16-2 23-8 10-7 17-18 25-27 25-28 49-56 73-83 20-24 64-59 42-92-6-9-16-15-26-17-16-2-34 0-50 0v-54c40 0 80 0 121 0 24 0 49 2 72-2 66-11 122-60 144-122 46-126-44-260-178-260zM573 737c109 0 97-3 35 70-10 11-83 97-88 100-2 1-5 3-7 3-3 0-6-2-8-3-9-5-77-86-88-100-63-73-75-70 34-70-1-12 1-25 1-37 1-36 0-72 0-107 0-15-3-74 0-83 1-3 4-6 6-7 12-6 34-2 47-2 16 0 42-4 57 0 5 2 9 6 11 11 4 15 0 55 0 73 0 50 0 101 0 152zM281 294c4-1 9-4 11-8 4-8 5-19 8-28 3-12 8-23 14-34 11-22 25-42 43-59 36-36 90-65 142-63h24c56-2 113 31 150 72 18 19 33 43 42 68 5 13 12 56 22 60 8 4 19 2 28 2l8 1c19-1 39 7 55 15 78 39 110 137 72 215-20 44-61 76-108 86-18 4-179 6-191 2l-1-6v-89-9c2-52-48-45-84-45-19 0-38-2-56 0-14 2-27 10-32 23-9 19-4 102-4 127-36 0-73 0-109 0-20 0-41 1-60 0-49-3-92-32-119-71-16-24-28-55-27-85v-16c-3-73 76-161 151-157z" fill="#062966" stroke="#062966"/></g><g id="blue" data-name="Blue"><path d="M573 737c0-51 0-102 0-152 0-18 4-58 0-73-2-5-6-9-11-11-15-4-41 0-57 0-13 0-35-4-47 2-2 1-5 4-6 7-3 9 0 68 0 83 0 35 1 71 0 107 0 12-2 25-1 37-109 0-97-3-34 70 11 14 79 95 88 100 2 1 5 3 8 3 2 0 5-2 7-3 5-3 78-89 88-100 62-73 74-70-35-70z" fill="#2e7ef1" stroke="#2e7ef1"/><path d="M499 102h24z" fill="#2e7ef1" stroke="#2e7ef1"/><path d="M260 295l21-1z" fill="#2e7ef1" stroke="#2e7ef1"/><path d="M109 468v-16z" fill="#2e7ef1" stroke="#2e7ef1"/><path d="M600 528v-9z" fill="#2e7ef1" stroke="#2e7ef1"/><path d="M773 305l-8-1z" fill="#2e7ef1" stroke="#2e7ef1"/><path d="M601 623l-1-6z" fill="#2e7ef1" stroke="#2e7ef1"/></g></svg>

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

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

import CloudDownloadSvg from "./cloud-download.jsx"; // from the React tab above

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