Document SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="white" data-name="White"><path d="M614 101c-98 0-197 0-295 0-51 0-94-13-94 54 0 48 0 98 0 147 0 98 0 195 0 294 0 49 0 98 0 147 0 27-4 94 1 117 2 7 6 13 11 18 4 5 10 9 17 11 20 5 92 1 118 1 49 0 97 0 147 0 49 0 97 0 147 0 24 0 91 5 110-4 7-3 13-9 17-15 11-19 6-114 6-141 0-49 0-98 0-147 0-68 0-135 0-202 0-30-4-62 1-90-33 0-66 0-99 0-17 0-35 2-50-1-10-2-18-8-24-15-6-6-10-14-12-22-3-16-1-35-1-51 0-34 0-67 0-101zM331 414c18-4 40 0 59 0 53 0 106 0 159 0 36 0 72 0 109 0 12 0 28-3 39 2 18 6 16 35-3 40-15 3-40 0-56 0-54 0-108 0-161 0-37 0-73 0-109 0-13 0-29 3-41-2-18-6-15-36 4-40zm-1 124c16-3 36 0 53 0 50 0 100 0 150 0 34 0 68 0 102 0 9 0 22-2 31 1 20 5 18 36-1 40-17 4-38 1-55 1-50 0-98 0-147 0-34 0-68 0-102 0-11 0-24 2-34-2-18-6-15-35 3-40zm7 119c16-2 33 0 50 0 35 0 70 0 105 0 21 0 56-4 76 1 24 6 18 40-7 42-15 2-32 0-47 0-36 0-72 0-107 0-21 0-59 4-77-1-25-8-17-39 7-42z" fill="#fcfaf3" stroke="#fcfaf3"/><path d="M626 108c0 33 0 66 0 99 0 13-2 29 0 42 1 8 6 14 11 20 5 5 11 9 19 10 14 2 29 0 44 0 32 0 65 0 98 0z" fill="#fcfaf3" stroke="#fcfaf3"/></g><g id="charcoal" data-name="Charcoal"><path d="M256 88c-44 6-44 49-44 83 0 17 0 34 0 52 0 59 0 118 0 178 0 118 0 236 0 355 0 20 0 40 0 60 0 32-3 70 34 84 26 10 84 3 114 3 18 0 37 1 56 1 89 0 179-1 269-1 25 0 52 3 77 1 65-7 50-83 50-128 0-60 0-119 0-178 0-60 0-119 0-178 0-22 3-129-1-142-2-6-11-14-16-18-30-30-60-59-89-89-11-11-76-80-83-82-4-2-8-1-12-1-79-2-159 0-237 0-34 0-88-4-118 0zm358 13c0 34 0 67 0 101 0 16-2 35 1 51 2 8 6 16 12 22 6 7 14 13 24 15 15 3 33 1 50 1 33 0 66 0 99 0-5 28-1 60-1 90 0 67 0 134 0 202 0 49 0 98 0 147 0 27 5 122-6 141-4 6-10 12-17 15-19 9-86 4-110 4-50 0-98 0-147 0-50 0-98 0-147 0-26 0-98 4-118-1-7-2-13-6-17-11-5-5-9-11-11-18-5-23-1-90-1-117 0-49 0-98 0-147 0-99 0-196 0-294 0-49 0-99 0-147 0-67 43-54 94-54 98 0 197 0 295 0zm12 7l172 171c-33 0-66 0-98 0-15 0-30 2-44 0-8-1-14-5-19-10-5-6-10-12-11-20-2-13 0-29 0-42 0-33 0-66 0-99z" fill="#2e3239" stroke="#2e3239"/></g><g id="denim" data-name="Denim"><path d="M331 414c-19 4-22 34-4 40 12 5 28 2 41 2 36 0 72 0 109 0 53 0 107 0 161 0 16 0 41 3 56 0 19-5 21-34 3-40-11-5-27-2-39-2-37 0-73 0-109 0-53 0-106 0-159 0-19 0-41-4-59 0z" fill="#6a91ba" stroke="#6a91ba"/><path d="M330 538c-18 5-21 34-3 40 10 4 23 2 34 2 34 0 68 0 102 0 49 0 97 0 147 0 17 0 38 3 55-1 19-4 21-35 1-40-9-3-22-1-31-1-34 0-68 0-102 0-50 0-100 0-150 0-17 0-37-3-53 0z" fill="#6a91ba" stroke="#6a91ba"/><path d="M337 657c-24 3-32 34-7 42 18 5 56 1 77 1 35 0 71 0 107 0 15 0 32 2 47 0 25-2 31-36 7-42-20-5-55-1-76-1-35 0-70 0-105 0-17 0-34-2-50 0z" fill="#6a91ba" stroke="#6a91ba"/></g></svg>

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

import DocumentSvg from "./document.jsx"; // from the React tab above

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