Shield SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M512 64c-54 25-105 52-161 72-41 14-83 24-126 32-21 4-45 3-65 10 0 154 16 312 90 450 52 99 126 182 216 248 15 10 30 25 47 32 23-20 51-36 74-55 77-62 141-139 187-227 63-121 84-256 90-391 1-19-1-39-1-59-19 1-41-5-60-8-105-17-196-57-291-104z" fill="#91cffb" stroke="#91cffb"/></g><g id="grape" data-name="Grape"><path d="M508 30c-10 2-44 23-56 28-30 14-59 27-89 38-54 21-110 35-167 43-15 2-60 3-66 17-3 7-2 15-2 21-2 35-1 69 1 103 3 61 11 123 26 184 25 104 70 201 134 286 30 40 66 75 103 108 17 16 106 89 124 85 17-3 104-74 121-89 37-33 71-70 101-109 65-85 108-185 132-289 14-61 22-124 25-186 2-34 3-68 0-102-1-6 0-12-4-16-8-10-56-12-71-14-57-10-112-23-166-45-31-11-61-25-90-39-14-7-30-19-46-23-3-1-6-1-10-1zm4 34c95 47 186 87 291 104 19 3 41 9 60 8 0 20 2 40 1 59-6 135-27 270-90 391-46 88-110 165-187 227-23 19-51 35-74 55-17-7-32-22-47-32-90-66-164-149-216-248-74-138-90-296-90-450 20-7 44-6 65-10 43-8 85-18 126-32 56-20 107-47 161-72z" fill="#012566" stroke="#012566"/></g></svg>

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

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

import ShieldSvg from "./shield.jsx"; // from the React tab above

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