HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3jn-pax-XrLy/amnt.svg" alt="Assignment" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="ivory" data-name="Ivory"><path d="M334 181c-37 0-95-12-111 34-7 20-2 113-2 141 0 95 0 190 0 286 0 47 0 95 0 143 0 28-4 65 0 93 2 12 9 23 19 31 7 6 16 10 25 11 32 4 73 0 107 0 47 0 95 0 143 0 47 0 95 0 143 0 29 0 77 4 104 0 9-2 19-7 26-13 26-24 17-91 17-125 0-48 0-96 0-143 0-96 0-191 0-286 0-30 5-116-4-140-16-44-73-32-110-32 0 55-3 61-59 61-40 0-80 0-120 0s-81 0-120 0c-55 0-58-9-58-61zM301 305c13-2 83-2 94 3 7 3 12 10 14 18 2 12 2 79-1 90-3 9-11 16-20 17-12 3-80 3-91-1-8-2-15-10-17-19-2-12-2-81 1-91 3-9 11-15 20-17zm157 20c13-2 29 0 43 0 40 0 81 1 122 0 27-1 55 0 83 0 13 0 49-3 38 22-1 5-6 8-11 9-13 3-31 0-44 0-41 0-82 0-122 0-28 0-56 0-83 0-10 0-22 2-31-2-15-6-9-26 5-29zm-2 58c15-3 97 0 119 0 19 0 39-2 59 0 18 2 26 25 6 30-15 3-97 0-118 0-20 0-40 1-59 0-22-2-27-25-7-30zM306 497c13-1 27 0 41 0 22 0 59-6 62 26 1 14 2 76-2 88-4 10-13 14-23 15-16 1-82 3-93-4-8-5-10-13-11-21-1-16-3-81 4-92 5-8 13-11 22-12zm150 21c13-3 30 0 44 0 40 0 81 0 122 0 27 0 55 0 83 0 10 0 28-4 36 4 9 8 5 23-7 26s-29 0-42 0c-41 0-82 0-123 0-28 0-56 0-83 0-11 0-29 4-37-4-9-8-4-23 7-26zm2 57c11-2 23 0 35 0 27 0 56 0 84 0 19 0 40-3 58 0 19 3 22 27 2 31-10 2-23 0-33 0-29 0-57 0-85 0-19 0-41 3-59 0-19-3-22-27-2-31zM304 689c15-2 78-3 91 3 8 4 13 12 14 21 2 14 3 81-3 92-4 8-12 12-21 13-14 2-77 2-89-2-10-3-15-12-16-22-2-13-2-79 2-89 3-9 13-14 22-16zm152 21c13-3 30 0 44 0 40 0 81 0 122 0 27 0 55 0 83 0 10 0 28-4 36 4 9 8 5 23-7 26-13 3-30 0-43 0-41 0-82 0-122 0-28 0-56 0-83 0-10 0-25 3-34-2-13-5-9-25 4-28zm1 57c18-4 95 0 120 0 19 0 41-3 59 0 20 3 20 28 0 31-9 1-21-1-30-1-30 0-59 0-88 0-19 0-38 2-56 0-25-3-23-26-5-30z" fill="#fcf3dd" stroke="#fcf3dd"/><path d="M511 88c-27 2-24 44 3 43 28-1 24-44-3-43z" fill="#fcf3dd" stroke="#fcf3dd"/></g><g id="navy" data-name="Navy"><path d="M605 110c-4-14-5-28-12-42-31-58-118-63-155-9-11 16-13 33-17 51-25 0-53-4-72 15-33 33 10 27-56 28-12 1-26 0-38 2-34 7-58 36-62 69-4 39-1 79-1 118 0 76 0 152 0 229 0 58 0 115 0 174 0 39-7 131 10 162 11 18 28 32 48 37 25 7 60 3 87 3 57 0 115 0 173 0 59 0 119 0 179 0 26 0 60 4 85-2 19-5 37-18 47-35 20-31 12-122 12-161 0-58 0-116 0-173 0-78 0-156 0-234 0-38 2-76 0-113s-31-71-69-75c-10-1-20 0-30 0-8 0-36 3-41 0-3-2-10-29-28-38s-41-6-60-6zM504 43c32-3 65 16 74 47 6 18-5 40 20 42 18 2 40-5 57 4 6 3 11 9 13 16 2 8 3 61-3 65-5 4-14 2-20 2-41 0-83 0-123 0-41 0-82 0-122 0-23 0-43 8-44-17-1-17-4-42 5-57 16-27 75-1 82-20 2-6 1-13 1-18 2-33 28-60 60-64zM334 181c0 52 3 61 58 61 39 0 80 0 120 0s80 0 120 0c56 0 59-6 59-61 37 0 94-12 110 32 9 24 4 110 4 140 0 95 0 190 0 286 0 47 0 95 0 143 0 34 9 101-17 125-7 6-17 11-26 13-27 4-75 0-104 0-48 0-96 0-143 0-48 0-96 0-143 0-34 0-75 4-107 0-9-1-18-5-25-11-10-8-17-19-19-31-4-28 0-65 0-93 0-48 0-96 0-143 0-96 0-191 0-286 0-28-5-121 2-141 16-46 74-34 111-34z" fill="#031d3d" stroke="#031d3d"/><path d="M458 325c-14 3-20 23-5 29 9 4 21 2 31 2 27 0 55 0 83 0 40 0 81 0 122 0 13 0 31 3 44 0 5-1 10-4 11-9 11-25-25-22-38-22-28 0-56-1-83 0-41 1-82 0-122 0-14 0-30-2-43 0z" fill="#031d3d" stroke="#031d3d"/><path d="M456 518c-11 3-16 18-7 26 8 8 26 4 37 4 27 0 55 0 83 0 41 0 82 0 123 0 13 0 30 3 42 0s16-18 7-26c-8-8-26-4-36-4-28 0-56 0-83 0-41 0-82 0-122 0-14 0-31-3-44 0z" fill="#031d3d" stroke="#031d3d"/><path d="M456 710c-13 3-17 23-4 28 9 5 24 2 34 2 27 0 55 0 83 0 40 0 81 0 122 0 13 0 30 3 43 0 12-3 16-18 7-26-8-8-26-4-36-4-28 0-56 0-83 0-41 0-82 0-122 0-14 0-31-3-44 0z" fill="#031d3d" stroke="#031d3d"/><path d="M301 305c-9 2-17 8-20 17-3 10-3 79-1 91 2 9 9 17 17 19 11 4 79 4 91 1 9-1 17-8 20-17 3-11 3-78 1-90-2-8-7-15-14-18-11-5-81-5-94-3zm4 19c2-1 75-1 78 0s5 2 6 5c0 2 1 79 0 80-1 3-2 4-5 5s-78 1-80 0c-3-2-3-2-4-5-1-1-1-78 0-80 1-3 2-4 5-5z" fill="#031d3d" stroke="#031d3d"/><path d="M304 689c-9 2-19 7-22 16-4 10-4 76-2 89 1 10 6 19 16 22 12 4 75 4 89 2 9-1 17-5 21-13 6-11 5-78 3-92-1-9-6-17-14-21-13-6-76-5-91-3zm0 20c2-1 77-1 80 0 2 1 4 2 5 4 1 3 1 78 0 81-1 2-2 3-4 4s-76 2-79 1-4-
…
CSS background-image
.assignment {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3jn-pax-XrLy/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.assignment {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/3jn-pax-XrLy/amnt.svg") center / contain no-repeat;
}
React
import AssignmentSvg from "./assignment.jsx"; // from the React tab above
<AssignmentSvg width={48} height={48} />