Certificate Frame SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="ivory" data-name="Ivory"><path d="M911 626c2 0 6-2 8-4 2-4 0-65 0-74 0-29 0-58 0-87 0-59 0-117 0-176-12 1-29-9-28-23-18-2-34-16-42-31-2-3-2-8-5-10-2-2-6 0-9-2-4-1-4-4-7-6-6-5-11-4-11-17h-609c-2 15-15 24-29 24-1 16-29 44-44 42-2 15-16 22-30 24 0 61 0 122 0 183 0 30 0 61 0 92 0 15 0 30 0 46 0 29 7 11 24 26-13 5-17-3-31-3v-351c9 0 18-1 23-10 5 1 6-8 7-13 36-2 41-39 47-43 3-2 7 0 9-1 23-8 7-21 29-23 16-1 34 0 51 0 67 0 135 0 203 0 67 0 134 0 202 0 34 0 68 0 102 0 6 0 47-1 50 0 8 5-1 24 30 23 2 24 25 42 47 45 0 7 0 11 9 12 0 10 12 10 19 11 0 61 0 122 0 183 0 30 0 61 0 92 0 9 2 69-1 73-2 3-9 2-12 5 4 3 8 4 12 8 3-1 6-2 8-5 3-7 0-124 0-142 0-53 0-105 0-157 0-10 2-60-1-65-2-4-13-6-16-9-5-4-7-10-12-13-9-5-17-4-27-13-15-12-15-26-21-32-3-3-9-4-13-7-4-2-10-13-12-14-7-4-47-1-57-1-105 0-209 0-313 0-53 0-105 0-157 0-27 0-52 0-78 0-9 0-23-3-31 0-3 1-4 5-5 7-7 8-14 11-23 16-1 17-19 35-34 40-4 2-10 2-13 4-6 4-10 13-17 17-2 1-9 2-11 5-2 2-1 6-1 10-4 46 0 106 0 155 0 51 0 102 0 154 0 7-2 40 0 45 2 4 7 4 10 6 8 4 12 13 18 16 3 2 6 1 9 2 11 4 21 11 28 20 5 7 7 19 12 24 3 4 11 5 15 9 4 3 7 11 11 13 9 4 57 1 70 1 51 0 103 0 155 0 103 0 206 0 309 0l-1-3-2-4h-523c-1-6-2-11-8-14 3-4 4-5 8-7l6 14h522c3-7-8-10-8-17 0-5 6-7 7-11 5-14-9-15 9-27 0-28 6-14 13-24 4-5 1-11 6-14 4-3 8-1 11-3 8-6 1-15 17-10 8-13 6-6 17-9 12-4-1-7 18-2 10-9 14-6 24 0 18-6 7-2 18 2 9 3 11-5 16 9 17-4 9 4 18 10 6 4 13-1 15 9z" fill="#fcf4e0" stroke="#fcf4e0"/></g><g id="navy" data-name="Navy"><path d="M529 96c-8-17-26-18-34 0-5 1-24 10-28 13-3 2-4 6-7 8-2 1-5 0-7 0-20 2-42 0-61 0-41 0-82 0-122 0-39 0-79 3-117 0-15-1-29-5-44-4-5 0-11 1-15 3-14 6-24 19-28 33-11 3-22 5-30 14-17 18-10 95-10 122 0 56-1 112-1 168 0 58 0 115 0 173 0 27-6 99 9 119 7 10 21 14 33 16 2 15 13 28 28 34 4 1 10 3 15 3 12 1 26-2 39-3 41-2 83 2 124 0 39-2 78 0 118 0 20 0 40-2 61 0 2 0 6-1 8 0 3 1 4 5 7 7 4 3 9 3 13 5 6 4 5 7 15 8 8 18 26 18 34 0 10-1 9-4 15-8 3-1 7-1 11-3 6-3 7-9 15-10 11-2 43 1 56 1 27 0 55 0 82 0 10 0 19-2 30 0-10 26-22 52-33 78-2 4-9 16-8 20 3 10 48-11 58-13 5 8 25 53 32 50 2-1 10-22 11-26 11-29 25-58 34-87l46 115h3l28-52c9 2 55 23 58 13 1-4-6-16-8-20-11-25-24-51-32-77 12-4 21-12 26-23 2-3 3-10 5-11 4-4 17-5 23-9 25-16 18-52 18-76 0-64 0-127 0-190 0-64 0-127 0-190 0-22 0-44 0-65 0-33 6-81-40-82-4-6-5-13-10-19-18-24-48-18-74-15-38 5-83 1-121 1-41 0-82 0-122 0-20 0-42 3-61 0-3 0-5 0-8-1-2-1-4-6-7-8s-7-2-11-4c-6-3-7-7-16-8zm-16-3c6 6 8 13 8 21 4-3 6-5 11-5 0 7-17 47-19 61-2-3-21-59-20-61 4 0 6 2 10 5-1-9 2-17 10-21zm-21 39c-5-5-12-6-17-9l1-7c8 1 16 7 16 16zm41 0c0-5 9-21 15-13 4 4-11 9-15 13zm44 18l7 1c0-1 0-4-2-5-15-8-31 13-43 20-6 3-13 6-19 8 1-16 16-38 33-40l-3 13c10-7 27-22 39-9 22 22-24 30-12 12zm-411 3l5 6 4-2c-5-13-16-13-26-19 14-5 38-4 37 16-1 28-39 9-20-1zm708-14c-8 4-28 7-21 21l7-8c14 17-21 25-22 2 0-17 24-24 36-15zm87 126c0 4 4 12 6 5 2-5-2-10-6-12-5 8-9 0-11-5 15-5 34 5 26 23-11 25-38-10-15-11zM64 432l8 9-4 7c7-1 9 0 14 5-4 4-6 6-12 6l2 5-8 10c-2-3-4-6-8-7l2-8c-6 0-8-2-11-6 3-4 6-7 12-5l-2-6zm896 0c2 3 4 6 8 8l-1 7c5 0 7 2 11 5-4 4-6 6-12 8l2 4-7 11c-3-4-5-7-9-9l3-8c-6 1-8-1-12-5 3-4 6-7 12-5l-2-8c4-2 6-5 7-8zM948 658c0-5 3-8 6-11-7-9 5-8 10-5 6-11-2-20-5-7-20-3 10-36 18-8 4 15-16 31-29 31zM68 635l-5-2-2-5-3 1c-4 4 0 9 3 13l11-3-1 9c2 3 4 5 5 9-14 0-31-13-29-28 3-24 38-7 21 6zM506 737c-9 14-13 40-34 41l3-12c-13 3-26 23-40 7-6-6-7-16 1-20 11-6 18 9 9 10l-5-2v4c10 14 46-25 66-28zm79 23l-5 3h-6c3-23 31-5 15 11-11 11-30 1-38-9-5 2 1 11 3 14-18-6-32-23-34-42 6 2 12 4 17 7 8 4 47 41 48 16zm-73-19c1 3 18 55 21 62-5-1-8-3-12-6 0 10-2 15-9 22-6-7-9-13-9-22l-11 7c2-14 16-44 20-63zM150 773c10-5 28-8 21-23l-5 9c-18-11 19-29 20-2 1 18-23 24-36 16zm342 6c0 7-12 23-17 12 3-5 12-7 17-12zm41 1l16 9c0 12-17 2-16-9zM189 131h106 9 86 7l28 1-4 5h-231l-5-4c-4-2 3-2 4-2zm427 0h10 58 9 100 20 22c1 0 8 0 4 2l-5 4h-231l-5-6zm-165 3c10 1 18 9 26 15l-6-16c16 2 33 24 33 40-12 1-67-48-64-20l5-3 4 1c3 12-15 12-18 3s4-18 1
…

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

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

import CertificateFrameSvg from "./certificate-frame.jsx"; // from the React tab above

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