Graduation Cap SVG icon, line

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TbcEJtnhD6kT/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="grape" data-name="Grape"><path d="M510 171c-14 1-132 54-155 64-51 21-102 42-153 64-26 10-51 21-77 31-8 4-66 26-67 29-3 4-2 6 1 9 3 4 135 57 152 65 51 22 102 43 153 65 35 14 71 30 106 45 11 4 23 13 35 15 5 1 10 0 15-1 14-3 29-13 43-18 36-16 72-32 109-47 25-11 51-21 76-32 48-20 47-17-2-32-55-18-109-37-163-55-12-4-33-15-45-15-15 0-20 9-42 3-34-10-36-46-1-55 17-5 41-3 54 12 3 3 4 8 7 10 4 4 11 5 16 6 28 9 55 18 82 28 54 18 108 35 162 55 5 1 12 6 17 6 9 0 49-20 61-25 9-4 73-29 74-35 0-7-63-30-74-35-25-10-51-21-76-31-51-21-102-43-153-64-23-9-141-63-155-62z" fill="#092a71" stroke="#092a71"/><path d="M741 479c-30 7-58 23-85 35-20 9-41 16-61 26-14 6-28 11-42 17-9 4-19 10-29 13-27 7-55-14-80-24-48-19-98-40-145-61-3-2-20-11-22-10s-8 53-9 59c-2 13-11 59-10 68 1 6 5 12 7 16 11 16 27 26 42 35 78 48 189 58 277 44 51-8 109-24 149-58 29-25 28-36 23-72-2-16-9-78-15-88z" fill="#092a71" stroke="#092a71"/></g><g id="midnight" data-name="Midnight"><path d="M844 433c20-9 120-47 130-57 10-9 6-24-5-30s-24-10-35-15c-43-18-87-35-131-54-55-24-110-46-165-69-25-10-109-50-129-49-14 1-29 10-41 15-111 46-221 92-332 138-17 7-72 27-84 36-10 8-10 22 0 30s34 15 47 21c36 15 71 30 107 45 19 9 40 15 58 26-2 31-9 62-13 93-2 13-6 27-5 40 3 27 30 47 51 60 61 38 140 52 211 52s149-13 211-51 54-53 46-118c-3-24-5-50-10-75 10-6 23-10 34-15 5-2 12-7 18-7 15 1 10 40 10 51 0 6 2 16 0 22-2 5-11 8-14 13-15 18-9 46 11 59-29 15-28 46-33 74-4 20-7 40-11 60s-20 91-18 107c2 14 17 22 30 18 10 13 18 15 34 10 14 10 25 12 38-1 13 9 24 1 33-9 13 5 28-5 30-19 2-16-14-85-18-106-5-25-11-88-20-108-4-10-13-20-22-26 17-17 26-42 7-62-2-3-6-4-8-6-12-14 3-67-12-93zM510 171c14-1 132 53 155 62 51 21 102 43 153 64 25 10 51 21 76 31 11 5 74 28 74 35-1 6-65 31-74 35-12 5-52 25-61 25-5 0-12-5-17-6-54-20-108-37-162-55-27-10-54-19-82-28-5-1-12-2-16-6-3-2-4-7-7-10-13-15-37-17-54-12-35 9-33 45 1 55 22 6 27-3 42-3 12 0 33 11 45 15 54 18 108 37 163 55 49 15 50 12 2 32-25 11-51 21-76 32-37 15-73 31-109 47-14 5-29 15-43 18-5 1-10 2-15 1-12-2-24-11-35-15-35-15-71-31-106-45-51-22-102-43-153-65-17-8-149-61-152-65-3-3-4-5-1-9 1-3 59-25 67-29 26-10 51-21 77-31 51-22 102-43 153-64 23-10 141-63 155-64zm1 142c42-1 47 39 3 40s-47-39-3-40zm44 25c58 20 117 40 175 59 22 7 82 24 98 36 6 4 11 11 13 19 5 20 1 46 1 67h-14c0-15 3-54-3-66-1-4-4-7-8-10-15-10-79-28-100-35-57-19-113-38-170-57 3-4 7-8 8-13zM741 479c6 10 13 72 15 88 5 36 6 47-23 72-40 34-98 50-149 58-88 14-199 4-277-44-15-9-31-19-42-35-2-4-6-10-7-16-1-9 8-55 10-68 1-6 7-58 9-59s19 8 22 10c47 21 97 42 145 61 25 10 53 31 80 24 10-3 20-9 29-13 14-6 28-11 42-17 20-10 41-17 61-26 27-12 55-28 85-35zm89 51c37-5 47 52 10 58-38 6-47-52-10-58zm45 118c-18 3-36 4-54 3-9 0-18-2-26-2 1-62 70-71 80-1zm-74 11c-1 33-7 66-10 98-1 11-6 78-9 82-2 4-9 5-14 3-3-1-4-5-5-8-2-11 11-66 14-81 5-30 8-64 17-93zm75 0c5 31 11 62 16 93 3 15 16 71 14 82-1 3-3 6-5 7-4 3-11 3-14-1-2-3-8-71-9-81-3-27-10-74-9-99zm-66 1l10 2c1 34-3 70-4 105-1 14 1 71-3 81-2 7-9 9-15 6-3-1-5-4-6-8-3-12 6-70 8-86 3-33 9-67 10-100zm49 2c2 7 1 15 2 22 3 25 6 49 8 74 1 14 11 80 8 89-1 3-3 5-5 7-5 3-12 2-15-3-4-6-4-71-4-82-1-33-5-75-3-107zm-30 0h12c0 35 1 70 3 105 0 13 4 77 1 86-1 5-5 9-10 9-6 0-10-5-11-10-3-12 1-68 2-84 1-36 3-71 3-106z" fill="#020921" stroke="#020921"/></g><g id="amber" data-name="Amber"><path d="M555 338c-1 5-5 9-8 13 57 19 113 38 170 57 21 7 85 25 100 35 4 3 7 6 8 10 6 12 3 51 3 66h14c0-21 4-47-1-67-2-8-7-15-13-19-16-12-76-29-98-36-58-19-117-39-175-59z" fill="#fcb503" stroke="#fcb503"/><path d="M829 662c0 35-2 70-3 106-1 16-5 72-2 84 1 5 5 10 11 10 5 0 9-4 10-9 3-9-1-73-1-86-2-35-3-70-3-105z" fill="#fcb503" stroke="#fcb503"/><path d="M875 648c-10-70-79-61-80 1 8 0 17 2 26 2 18 1 36 0 54-3z" fill="#fcb503" stroke="#fcb503"/><path d="M810 660c-1 33-7 67-10 100-2 16-11 74-8 86 1 4 3 7 6 8 6 3 13 1 15-6 4-10 2-67 3-81 1-35 5-71 4-105z" fill="#fcb503" stroke="#fcb503"/><path d="M859 662h-9c-2 32 2 74 3 107 0 11 0 7
…

.graduation-cap {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/TbcEJtnhD6kT/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/TbcEJtnhD6kT/amnt.svg") center / contain no-repeat;
}

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

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