Graduation Cap SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/-lPz8u5PQy9x/amnt.svg" alt="Graduation Cap" 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="M964 382c-14-12-68-32-88-41-46-21-91-43-137-63-29-13-212-101-226-102-16-1-94 40-114 50-37 17-75 33-112 51-50 23-100 46-150 69-25 12-51 21-75 35 2 6 81 43 93 49 32 16 64 33 96 49 64 32 128 64 192 96 17 8 55 33 72 31 10-1 20-9 28-13 32-16 64-32 96-48s65-31 96-48c10-5 20-10 29-15 4-2 28-13 27-16 0 0-36-14-40-15-36-13-71-26-107-39-12-4-95-36-100-36-2 0-2 2-5 3-9 4-16 9-27 9-29 0-55-29-42-58 11-26 48-33 70-17 9 6 10 15 16 22 6 8 89 35 105 40 35 13 70 26 106 39 18 6 36 12 54 20 5 2 13 9 19 10 5 0 22-11 27-13 32-17 64-33 97-49z" fill="#012964" stroke="#012964"/><path d="M746 506c-1 0-61 31-67 34-23 11-45 22-67 34-20 9-83 46-100 46-14 0-27-9-38-15-45-22-89-45-134-67-6-3-61-31-62-31-2 1-2 1-3 4-2 4 0 87 0 100 0 7 0 15 2 22 20 58 147 83 200 86 29 1 58 1 87-2 52-5 108-18 151-48 27-18 34-35 34-66 0-14 2-95-3-97z" fill="#012964" stroke="#012964"/></g><g id="black" data-name="Black"><path d="M848 454c17-8 121-57 125-65 7-14-6-21-17-26-53-25-108-50-162-74-54-25-108-50-162-75-24-11-103-52-123-51-15 1-32 12-45 18-107 50-216 99-324 149-13 6-83 35-88 43-4 5-4 13 0 18 5 7 43 24 53 29 52 26 105 52 157 79 0 27 0 54 0 82 0 56 0 77 52 107 60 34 130 45 198 45 66 0 139-10 197-45 52-31 52-47 52-105 0-28 0-57 0-84l47-24c10 7 6 40 6 53 0 32-5 15-20 36-9 12-6 20-9 33-2 7-8 10-8 18 0 7 6 10 7 15 1 6-3 15-4 21-4 22-27 128-26 142 2 17 19 28 35 24 9 21 29 23 47 11 14 14 40 9 45-12 6 3 14 1 19-1 27-12 11-52 7-74-7-33-14-67-19-101-2-15 4-12 5-24 1-8-5-11-8-18-1-3 0-7 0-10-2-14-8-25-19-34-2-2-8-4-10-7-4-8 1-49 0-61s-6-21-8-32zm116-72c-33 16-65 32-97 49-5 2-22 13-27 13-6-1-14-8-19-10-18-8-36-14-54-20-36-13-71-26-106-39-16-5-99-32-105-40-6-7-7-16-16-22-22-16-59-9-70 17-13 29 13 58 42 58 11 0 18-5 27-9 3-1 3-3 5-3 5 0 88 32 100 36 36 13 71 26 107 39 4 1 40 15 40 15 1 3-23 14-27 16-9 5-19 10-29 15-31 17-64 32-96 48s-64 32-96 48c-8 4-18 12-28 13-17 2-55-23-72-31-64-32-128-64-192-96-32-16-64-33-96-49-12-6-91-43-93-49 24-14 50-23 75-35 50-23 100-46 150-69 37-18 75-34 112-51 20-10 98-51 114-50 14 1 197 89 226 102 46 20 91 42 137 63 20 9 74 29 88 41zM507 317c42-5 52 52 10 57s-52-52-10-57zm50 34c59 19 117 42 176 63 23 8 77 24 94 37 8 6 14 16 16 27 3 21 0 44 0 66h-17c0-20 4-44 0-64-2-7-6-13-11-16-14-11-76-30-97-37-55-21-110-43-166-61zM746 506c5 2 3 83 3 97 0 31-7 48-34 66-43 30-99 43-151 48-29 3-58 3-87 2-53-3-180-28-200-86-2-7-2-15-2-22 0-13-2-96 0-100 1-3 1-3 3-4 1 0 56 28 62 31 45 22 89 45 134 67 11 6 24 15 38 15 17 0 80-37 100-46 22-12 44-23 67-34 6-3 66-34 67-34zm126 88h-75c4-52 78-49 75 0zm-76 12c8-3 42 0 53 0 8 0 34-5 31 10-1 3-3 5-6 6-8 4-42 1-52 1-9 0-34 5-32-10 1-4 3-6 6-7zm0 29h12l-19 169c-11 4-22-3-23-14 0-13 9-46 12-61 6-31 11-63 18-94zm23 0h10c0 35 0 70 0 106 0 15 4 64-1 75-4 8-14 9-20 6-4-2-7-7-8-11-2-13 7-63 9-80 3-25 11-73 10-96zm22 0h10c-1 25 7 69 10 95 2 17 12 69 9 82-1 4-3 8-7 10-7 4-18 2-21-7-4-11-1-59-1-73 0-36 0-72 0-107zm34 0c5 29 11 58 16 87 3 14 14 57 13 68-1 6-3 11-8 13-4 2-11 4-14 0-2-2-9-67-10-76-3-24-11-70-10-92z" fill="#010102" stroke="#010102"/></g><g id="amber" data-name="Amber"><path d="M557 351l-5 15c56 18 111 40 166 61 21 7 83 26 97 37 5 3 9 9 11 16 4 20 0 44 0 64h17c0-22 3-45 0-66-2-11-8-21-16-27-17-13-71-29-94-37-59-21-117-44-176-63z" fill="#fbc122" stroke="#fbc122"/><path d="M819 635c1 23-7 71-10 96-2 17-11 67-9 80 1 4 4 9 8 11 6 3 16 2 20-6 5-11 1-60 1-75 0-36 0-71 0-106z" fill="#fbc122" stroke="#fbc122"/><path d="M841 635c0 35 0 71 0 107 0 14-3 62 1 73 3 9 14 11 21 7 4-2 6-6 7-10 3-13-7-65-9-82-3-26-11-70-10-95z" fill="#fbc122" stroke="#fbc122"/><path d="M875 635h-13c-1 22 7 68 10 92 1 9 8 74 10 76 3 4 10 2 14 0 5-2 7-7 8-13 1-11-10-54-13-68-5-29-11-58-16-87z" fill="#fbc122" stroke="#fbc122"/><path d="M796 635c-7 31-12 63-18 94-3 15-12 48-12 61 1 11 12 18 23 14l19-169z" fill="#fbc122" stroke="#fbc122"/><path d="M507 317c-42 5-32 62 10 57s32-62-10-57z" fill="#fbc122" stroke="#fbc122"/><path d="M872 594c3-49
…

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

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

import GraduationCapSvg from "./graduation-cap.jsx"; // from the React tab above

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