HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GgRcI7DadLvJ/amnt.svg" alt="Chevron Left" 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="blue" data-name="Blue"><path d="M256 512c67 67 134 134 201 202 33 33 67 66 101 100 18 19 84 90 102 97 26 9 57-7 60-36 2-26-23-43-39-60-34-33-68-66-101-99-33-34-67-67-100-101-13-13-92-87-95-95-2-3-2-5-2-8 0-11 84-90 98-104 33-33 67-66 101-100 33-34 66-67 100-100 17-18 42-35 37-62-4-27-35-43-60-33-18 7-176 172-203 199-67 66-134 133-200 200z" fill="#0484fc" stroke="#0484fc"/></g><g id="grape" data-name="Grape"><path d="M412 513c71-72 142-143 214-214 18-19 37-38 56-56 17-17 37-32 50-51 40-54-16-122-77-104-30 9-88 77-113 102-35 35-71 71-106 106-36 35-72 71-107 107-14 13-104 99-104 109 0 2 1 6 3 8 4 9 88 89 101 102 37 33 72 69 107 106 34 37 71 71 107 107 25 24 83 92 112 101 61 18 117-51 77-104-9-12-21-22-31-32-25-25-50-50-75-75-72-71-143-141-214-212zm-156-1c66-67 133-134 200-200 27-27 185-192 203-199 25-10 56 6 60 33 5 27-20 44-37 62-34 33-67 66-100 100-34 34-68 67-101 100-14 14-98 93-98 104 0 3 0 5 2 8 3 8 82 82 95 95 33 34 67 67 100 101 33 33 67 66 101 99 16 17 41 34 39 60-3 29-34 45-60 36-18-7-84-78-102-97-34-34-68-67-101-100-67-68-134-135-201-202z" fill="#011d5a" stroke="#011d5a"/></g></svg>
CSS background-image
.chevron-left {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GgRcI7DadLvJ/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.chevron-left {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/GgRcI7DadLvJ/amnt.svg") center / contain no-repeat;
}
React
import ChevronLeftSvg from "./chevron-left.jsx"; // from the React tab above
<ChevronLeftSvg width={48} height={48} />