Profile Silhouette SVG element, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="navy" data-name="Navy"><path d="M748 153c0-6 1-11 1-16-3-41-53-53-85-58-6-1-13 0-18-2-7-3-14-12-20-16-24-17-52-22-80-22-37 1-54 12-86 24-30 13-58 24-80 50-13 15-18 33-27 50-6-8-8-18-15-25-18-19-48-21-71-11-12 5-20 14-30 20-17 12-36 18-47 37-10 18-10 33-4 52 1 3 3 5 3 7-1 5-17 29-20 38-8 27-1 59 22 77 6 4 12 9 19 9-5-6-12-11-16-17-13-19-14-46 0-65-1 40 13 88 63 85-6 5-14 8-20 14-18 15-30 37-23 61 2 8 7 17 15 21-21-41 5-64 39-84-24 51-47 110 9 150 20 15 47 32 34 62-10 23-38 45-3 68-31-50 46-61 13-112-19-30-50-30-52-73 0-11 1-21 4-32 9 29 15 45 43 60 5 2 13 4 17 9 3 3 4 8 6 12 19 40 55 49 96 37-12 13-25 21-24 42 7-17 21-28 36-38 1 9-2 20-4 30-13 67-45 95-85 145-35 44-62 92-77 146-3 12-4 24-8 35 16-2 30-8 46-11 70-13 138-5 206 15 58 16 114 41 175 48 22 3 43 1 66 1-13-43-34-81-65-114-54-60-105-67-84-167 4-22 27-101 51-106 17-3 36 4 53 8 25 5 69 14 80-19 4-14-7-33 3-44 2-3 6-4 8-7 7-9 5-20-3-27 29-15-1-31 2-45 4-15 34-11 29-37-2-13-52-44-59-75 9-3 17-8 20-17-7 5-13 6-22 6 3-12 7-24 7-36 1-25-10-53-21-76-10-21-12-15-12-39 20 7 32 26 30 47-1 8-5 15-4 22 33-38 23-90-31-97zM618 70c-50-17-73-11-122-13 41-14 86-14 122 13zm116 76c-8-27-29-39-50-54 25 4 60 24 50 54zM250 162c-18 14-23 32-35 51-6 10-18 17-23 28-11-32 9-61 38-74 6-2 13-6 20-5zM353 529c22 15 41 23 68 26-22 11-57-4-68-26zm120 7c-1 20 7 38 12 58 11 43-1 84-36 111-15 13-32 22-49 33-30 18-53 41-75 68 6-27 70-91 89-118 20-29 33-62 39-96 2-9 1-28 3-36 3-7 13-14 17-20zM402 106c0 0 0 0 0 0l-33 41c0 0 0 0 0 0 2-11 22-38 33-41zM259 142c15-16 53-16 68 1-8-1-16-4-24-5-14-1-30 1-44 4 0 0 0 0 0 0zm512 29c13 2 23 23 21 35-6-14-12-24-21-35 0 0 0 0 0 0z" fill="#011e51" stroke="#011e51"/></g><g id="coral" data-name="Coral"><path d="M473 536c-4 6-14 13-17 20-2 8-1 27-3 36-6 34-19 67-39 96-19 27-83 91-89 118 22-27 45-50 75-68 17-11 34-20 49-33 35-27 47-68 36-111-5-20-13-38-12-58z" fill="#fc6a52" stroke="#fc6a52"/></g></svg>

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

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

import ProfileSilhouetteSvg from "./profile-silhouette.jsx"; // from the React tab above

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