HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cb7ZbzgWRnTH/amnt.svg" alt="Track Changes" 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="turquoise" data-name="Turquoise"><path d="M119 799c18-6 42-36 57-41 4-2 6-2 10-1s34 35 42 41c35 31 74 56 118 73 102 41 215 34 315-9 83-37 156-102 200-181 45-79 61-172 44-261-3-14-5-36-15-47-18-21-53-12-58 14-3 15 10 62 12 82 3 54-8 110-31 159-41 84-117 147-203 178-100 36-216 25-305-34-19-13-37-27-53-43-3-3-11-9-12-13-4-18 38-24 20-39-11-9-105-69-117-73-6 5-13 82-14 95-2 18-13 88-10 100z" fill="#02bead" stroke="#02bead"/><path d="M822 108c-9 9-44 49-52 52-4 2-7 2-11 1-7-3-27-22-35-27-38-26-81-43-125-53-97-23-201-2-286 51-73 45-132 110-168 188-21 46-31 95-33 145-1 26 6 53 38 49 31-4 27-38 29-60 17-191 207-340 397-307 45 8 88 25 125 54 35 26-24 33-9 50 3 4 56 21 65 24 22 8 43 15 65 24 4 1 23 9 26 8 7-3 0-37-1-45-2-18-17-142-20-148-2-3-3-5-5-6z" fill="#02bead" stroke="#02bead"/></g><g id="navy" data-name="Navy"><path d="M181 776c7 12 21 23 31 32 53 46 112 79 180 96 95 25 197 11 285-31 163-76 267-244 250-424-4-41-11-108-65-105-13 1-24 6-32 14-29 27-9 65-5 98 11 89-23 184-87 248-132 131-342 144-477 10 6-7 15-11 19-19s4-17-1-24c-7-11-47-32-61-41-13-9-27-17-40-25-24-15-52-34-57 10-6 50-11 101-17 151-1 10-4 20-3 29 1 6 4 11 8 14 18 17 56-21 72-33zm-62 23c-3-12 8-82 10-100 1-13 8-90 14-95 12 4 106 64 117 73 18 15-24 21-20 39 1 4 9 10 12 13 16 16 34 30 53 43 89 59 205 70 305 34 86-31 162-94 203-178 23-49 34-105 31-159-2-20-15-67-12-82 5-26 40-35 58-14 10 11 12 33 15 47 17 89 1 182-44 261-44 79-117 144-200 181-100 43-213 50-315 9-44-17-83-42-118-73-8-6-38-40-42-41s-6-1-10 1c-15 5-39 35-57 41z" fill="#021c39" stroke="#021c39"/><path d="M764 142c-21-13-38-29-59-40-116-63-256-63-373-1-123 65-221 188-235 329-4 35-11 91 36 100 29 6 58-12 62-42 1-11 0-23 1-34 6-72 41-141 91-191 85-86 207-126 324-90 27 9 61 22 80 43-6 7-16 14-18 23-3 9-1 19 7 25 11 9 57 22 74 28 19 7 81 35 98 32 15-3 18-17 17-29-5-53-15-106-22-158-1-10-1-21-5-31-4-12-18-17-30-11-13 6-37 35-48 47zm58-34c2 1 3 3 5 6 3 6 18 130 20 148 1 8 8 42 1 45-3 1-22-7-26-8-22-9-43-16-65-24-9-3-62-20-65-24-15-17 44-24 9-50-37-29-80-46-125-54-190-33-380 116-397 307-2 22 2 56-29 60-32 4-39-23-38-49 2-50 12-99 33-145 36-78 95-143 168-188 85-53 189-74 286-51 44 10 87 27 125 53 8 5 28 24 35 27 4 1 7 1 11-1 8-3 43-43 52-52z" fill="#021c39" stroke="#021c39"/><path d="M616 246c-8 1-16 3-23 8-17 11-77 84-94 104-35 41-71 81-107 122-12 13-61 64-66 75-6 11-13 56-16 71-4 16-22 82-17 94 2 5 9 8 14 8 10 0 53-22 65-27 18-7 67-25 80-35 13-9 41-45 54-60 36-39 71-81 107-120 18-21 99-105 106-123 5-13 5-28-1-41-7-15-58-62-74-70-9-4-19-6-28-6zm59 143l-100-91c4-6 10-12 15-18 30-34 53-9 78 14 43 40 54 48 7 95zM568 305l101 93-16 17-100-92zm-22 25l100 92-15 18-100-92zm-21 26l22 21-171 191-31-8zm30 27l37 35c-8 13-21 24-31 36-24 26-47 52-70 79-8 9-63 74-68 76-2 0-25-7-27-9-6-5-9-19-12-26zm44 42l26 22-179 200c-19-41-19-26 11-61 16-17 31-35 47-53 17-18 88-94 95-108zM340 570c54 5 29 25 51 39 4 3 11 4 15 5 5 2 12 3 15 6 5 5 15 27 17 34l-64 27c-8-16-34-34-50-42zm-17 79c12 6 35 23 41 36l-56 25z" fill="#021c39" stroke="#021c39"/></g><g id="amber" data-name="Amber"><path d="M555 383l-171 191c3 7 6 21 12 26 2 2 25 9 27 9 5-2 60-67 68-76 23-27 46-53 70-79 10-12 23-23 31-36z" fill="#fdca03" stroke="#fdca03"/><path d="M340 570l-16 69c16 8 42 26 50 42l64-27c-2-7-12-29-17-34-3-3-10-4-15-6-4-1-11-2-15-5-22-14 3-34-51-39z" fill="#fdca03" stroke="#fdca03"/></g><g id="tangerine" data-name="Tangerine"><path d="M599 425c-7 14-78 90-95 108-16 18-31 36-47 53-30 35-30 20-11 61l179-200z" fill="#fba402" stroke="#fba402"/><path d="M525 356l-180 204 31 8 171-191z" fill="#fba402" stroke="#fba402"/></g><g id="red" data-name="Red"><path d="M675 389c47-47 36-55-7-95-25-23-48-48-78-14-5 6-11 12-15 18z" fill="#fd5264" stroke="#fd5264"/></g><g id="slate" data-name="Slate"><path d="M568 305l-15 18 100 92 16-17z" fill="#626e7c" stroke="#626e7c"/><path d="M546 330l-15 18 100 92 15-18z" fill="#626e7c" stroke="#626e7c"/><path d="M323 649l-15 61 56-25c-6-13-29-30-
…
CSS background-image
.track-changes {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cb7ZbzgWRnTH/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.track-changes {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cb7ZbzgWRnTH/amnt.svg") center / contain no-repeat;
}
React
import TrackChangesSvg from "./track-changes.jsx"; // from the React tab above
<TrackChangesSvg width={48} height={48} />