Envelope SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="cream" data-name="Cream"><path d="M613 488c105-76 208-155 311-232 10-8 26-16 33-26 4-6 4-11 1-18-9-23-49-15-68-15-36 0-72 0-107 0-91 0-181 0-271 0-91 0-182 0-272 0-35 0-71 0-105 0-20 0-56-7-68 14-3 6-4 11-1 17 6 11 25 21 35 28 71 53 142 107 213 159 32 24 66 47 97 73-3-56 71-78 101-32 32-46 104-26 101 32z" fill="#faf0da" stroke="#faf0da"/><path d="M379 481l-311 283c5 6 12 11 20 13 18 3 39 0 58 0 46 0 92 0 139 0 76 0 152 0 228 0s152 0 228 0c46 0 91 0 138 0 18 0 39 3 57 0 9-2 14-7 20-13l-311-283c-10 7-30 19-37 29-7 9-10 22-18 32-8 12-65 70-78 70-14-1-71-60-80-73-7-9-10-21-16-29-6-9-28-23-37-29z" fill="#faf0da" stroke="#faf0da"/><path d="M60 245v479l257-253z" fill="#faf0da" stroke="#faf0da"/><path d="M964 245l-256 225 256 254z" fill="#faf0da" stroke="#faf0da"/></g><g id="navy" data-name="Navy"><path d="M92 178c-51 5-50 47-50 87 0 20 0 40 0 61 0 65 0 130 0 196 0 65 0 130 0 196 0 10-1 21 0 31 7 58 77 47 118 47 130 0 261 0 392 0 92 0 183 0 276 0 29 0 88 4 114-2 47-11 38-55 40-92 1-21 1-41 1-61 0-62 0-123 0-184 0-64 1-128-1-192-1-13 1-27 0-40-7-55-67-47-106-47-131 0-262 0-392 0-89 0-178 0-266 0-42 0-85-4-126 0zM613 488c3-58-69-78-101-32-30-46-104-24-101 32-31-26-65-49-97-73-71-52-142-106-213-159-10-7-29-17-35-28-3-6-2-11 1-17 12-21 48-14 68-14 34 0 70 0 105 0 90 0 181 0 272 0 90 0 180 0 271 0 35 0 71 0 107 0 19 0 59-8 68 15 3 7 3 12-1 18-7 10-23 18-33 26-103 77-206 156-311 232zM60 245l257 226-257 253zm904 0v479l-256-254zM846 331c-4 8-97 86-112 99-6 6-42 35-42 41 0 4 8 9 11 13 18 17 35 36 54 53 37 33 71 70 107 105 10 11 98 95 99 98 2 4 1 10-1 14l-307-281zM369 473l-307 281c-2-4-3-10-1-14 1-3 87-86 98-96 35-36 71-70 107-105 17-17 34-35 52-52 4-4 13-9 14-15 1-7-31-32-38-38-37-34-77-64-112-99 9 1 168 123 187 138zM512 597c-33-22-74-56-85-96-7-24 2-50 28-56 39-10 48 30 57 31 8 0 18-38 55-32 28 5 37 32 30 56-10 38-53 77-85 97zM379 481c9 6 31 20 37 29 6 8 9 20 16 29 9 13 66 72 80 73 13 0 70-58 78-70 8-10 11-23 18-32 7-10 27-22 37-29l311 283c-6 6-11 11-20 13-18 3-39 0-57 0-47 0-92 0-138 0-76 0-152 0-228 0s-152 0-228 0c-47 0-93 0-139 0-19 0-40 3-58 0-8-2-15-7-20-13z" fill="#09224a" stroke="#09224a"/></g><g id="coral" data-name="Coral"><path d="M512 597c32-20 75-59 85-97 7-24-2-51-30-56-37-6-47 32-55 32-9-1-18-41-57-31-26 6-35 32-28 56 11 40 52 74 85 96z" fill="#ee604b" stroke="#ee604b"/></g><g id="denim" data-name="Denim"><path d="M369 473c-19-15-178-137-187-138 35 35 75 65 112 99 7 6 39 31 38 38-1 6-10 11-14 15-18 17-35 35-52 52-36 35-72 69-107 105-11 10-97 93-98 96-2 4-1 10 1 14z" fill="#4a7ab4" stroke="#4a7ab4"/><path d="M846 331l-191 142 307 281c2-4 3-10 1-14-1-3-89-87-99-98-36-35-70-72-107-105-19-17-36-36-54-53-3-4-11-9-11-13 0-6 36-35 42-41 15-13 108-91 112-99z" fill="#4a7ab4" stroke="#4a7ab4"/></g></svg>

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

import EnvelopeSvg from "./envelope.jsx"; // from the React tab above

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