HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o8EAVt5qXw7p/amnt.svg" alt="Mountain" 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="denim" data-name="Denim"><path d="M422 412l-56 83-30-71c-16 9-29 21-45 31-10 6-25 9-33 17-7 6-11 17-16 24-21 33-42 66-63 99-22 33-43 66-66 99-11 16-22 32-33 48-25 33-21 25 23 25 217 0 436-3 654 0-42-59-77-123-115-184-12-19-58-101-69-111-6-6-16-10-23-15-16-9-30-21-45-32-9 18-20 56-31 70z" fill="#517ba4" stroke="#517ba4"/><path d="M716 502l-43 67c-9-16-20-38-23-56l-13 10c22 42 50 81 74 121 14 23 69 103 72 123 51 0 102 0 154 0 41 0 29-5 10-33-10-15-20-30-30-45-25-38-50-77-74-115-6-9-12-22-20-30-11-11-28-19-41-29l-24 54z" fill="#517ba4" stroke="#517ba4"/></g><g id="navy" data-name="Navy"><path d="M597 457c-10-13-18-28-26-42-18-30-37-60-55-90-13-22-67-119-84-126-11-5-22-4-32 3-14 9-56 83-68 102-28 43-54 86-81 129-54 86-108 172-166 255-9 13-46 58-49 69-4 14 4 32 20 35 11 2 24 0 36 0 69 0 140 0 210 0 140 0 280 0 421 0 70 0 140 0 211 0 11 0 23 2 34 0 6-1 11-5 15-9 24-26-22-76-37-99-55-85-110-170-164-256-11-19-52-88-65-97-11-8-26-7-36 0-12 7-77 109-84 126zm-48-25l-53-42-25 60-49-78-52 78-25-60-64 47c6-14 16-27 24-40 15-23 29-46 43-68 7-12 64-104 67-105 3-2 4-2 7 0 5 3 55 88 62 100 15 24 29 48 44 72 7 12 16 23 21 36zm248 71l-24-20-17 44-39-64-40 62-19-46-33 26c-3-6-13-16-13-23 0-4 29-46 34-54s46-74 50-76c2-1 3-1 5 0 4 1 42 63 47 71 16 26 37 52 49 80zM422 412l52 83c11-14 22-52 31-70 15 11 29 23 45 32 7 5 17 9 23 15 11 10 57 92 69 111 38 61 73 125 115 184-218-3-437 0-654 0-44 0-48 8-23-25 11-16 22-32 33-48 23-33 44-66 66-99 21-33 42-66 63-99 5-7 9-18 16-24 8-8 23-11 33-17 16-10 29-22 45-31l30 71zm294 90l42 67 24-54c13 10 30 18 41 29 8 8 14 21 20 30 24 38 49 77 74 115 10 15 20 30 30 45 19 28 31 33-10 33-52 0-103 0-154 0-3-20-58-100-72-123-24-40-52-79-74-121l13-10c3 18 14 40 23 56z" fill="#012655" stroke="#012655"/></g><g id="white" data-name="White"><path d="M549 432c-5-13-14-24-21-36-15-24-29-48-44-72-7-12-57-97-62-100-3-2-4-2-7 0-3 1-60 93-67 105-14 22-28 45-43 68-8 13-18 26-24 40l64-47 25 60 52-78 49 78 25-60z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M797 503c-12-28-33-54-49-80-5-8-43-70-47-71-2-1-3-1-5 0-4 2-45 68-50 76s-34 50-34 54c0 7 10 17 13 23l33-26 19 46 40-62 39 64 17-44z" fill="#fcfcfc" stroke="#fcfcfc"/></g></svg>
CSS background-image
.mountain {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o8EAVt5qXw7p/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.mountain {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/o8EAVt5qXw7p/amnt.svg") center / contain no-repeat;
}
React
import MountainSvg from "./mountain.jsx"; // from the React tab above
<MountainSvg width={48} height={48} />