Hidden Eye SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/1P6PdXF6wJ29/amnt.svg" alt="Hidden Eye" 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="M803 687c50-38 91-72 135-117 11-11 45-46 46-61 0-15-52-68-65-80-87-87-193-163-314-191-74-16-149-12-222 10-4 1-12 6-17 5-6-2-45-44-53-51-22-20-42-42-64-62-13-12-25-28-43-34-46-16-99 32-85 79 2 8 6 16 11 21 7 9 16 15 24 23 29 29 59 56 88 85-13 12-29 20-43 31-33 25-65 52-94 82-13 13-61 60-65 74-2 5-2 9-1 14 5 13 32 41 42 52 81 90 185 164 302 198 73 20 149 21 222 7 13-3 77-23 79-23 5 1 10 8 13 11 20 21 41 42 63 62 30 29 63 80 112 47 14-9 26-23 30-40 4-14 4-29-3-42-10-19-78-80-98-100zM184 125c7 0 14 2 20 5 18 11 63 60 81 77 32 29 62 61 93 92 62 61 122 123 184 185 33 32 66 65 99 96 30 27 57 58 87 85 32 30 62 61 94 91 11 12 39 33 42 50 3 22-18 51-42 51-7 0-14-3-20-7-19-12-60-59-79-77-31-31-61-63-92-92-25-23-47-48-72-71-39-36-76-75-114-112-61-62-125-121-186-182-31-31-64-60-94-90-14-14-39-30-42-50-4-23 17-50 41-51zM941 509c-15 14-27 31-41 46-36 39-80 76-125 105l-96-94c12-20 13-51 11-74-10-121-127-195-242-156l-52-52c30-11 62-15 93-17 142-9 272 67 373 159 24 23 62 56 79 83zM273 342l79 77c-10 25-20 48-22 76-6 101 78 190 180 190 32 0 60-10 89-23l59 58c-22 3-46 13-69 17-93 17-191 2-276-40-89-44-169-111-231-189 13-12 24-26 36-39 32-35 113-108 155-127zM398 467c41-2 47 62 5 65-42 4-47-62-5-65z" fill="#022149" stroke="#022149"/></g><g id="red" data-name="Red"><path d="M184 125c-24 1-45 28-41 51 3 20 28 36 42 50 30 30 63 59 94 90 61 61 125 120 186 182 38 37 75 76 114 112 25 23 47 48 72 71 31 29 61 61 92 92 19 18 60 65 79 77 6 4 13 7 20 7 24 0 45-29 42-51-3-17-31-38-42-50-32-30-62-61-94-91-30-27-57-58-87-85-33-31-66-64-99-96-62-62-122-124-184-185-31-31-61-63-93-92-18-17-63-66-81-77-6-3-13-5-20-5z" fill="#fd0202" stroke="#fd0202"/></g><g id="white" data-name="White"><path d="M273 342c-42 19-123 92-155 127-12 13-23 27-36 39 62 78 142 145 231 189 85 42 183 57 276 40 23-4 47-14 69-17l-59-58c-29 13-57 23-89 23-102 0-186-89-180-190 2-28 12-51 22-76z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M941 509c-17-27-55-60-79-83-101-92-231-168-373-159-31 2-63 6-93 17l52 52c115-39 232 35 242 156 2 23 1 54-11 74l96 94c45-29 89-66 125-105 14-15 26-32 41-46z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M398 467c-42 3-37 69 5 65 42-3 36-67-5-65z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>

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

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

import HiddenEyeSvg from "./hidden-eye.jsx"; // from the React tab above

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