HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9RSZpu7dGmpB/amnt.svg" alt="Bar Chart" 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="navy" data-name="Navy"><path d="M907 792c0-123-1-244 0-365 0-61 0-122 0-182 0-18 2-37 0-54-7-48-66-38-99-38-17 0-34 0-50 0-31 0-67-1-73 38-1 10 0 21 0 32 0 63 0 127 0 191 0 62 0 126 0 189 0 26 3 177-2 189-8 2-52 2-59-1 0-95 0-191 0-286 0-29 4-121-2-143-12-45-76-33-110-33-36 0-99-12-110 34-6 24-2 112-2 143 0 95 0 191 0 287l-61-1c0-71 0-143 0-214 0-18 2-37 0-54-6-53-82-39-118-39-35 0-95-11-104 37-4 20 0 47-1 69-1 17 1 35 1 52-1 34-1 68-1 102 0 14 5 33-1 47-12 0-35-2-46 2-15 4-15 28-1 33 9 4 22 2 32 2 45 0 92 0 138 0 92 0 184 0 277 0 92 0 184 0 277 0 46 0 92 0 139 0 8 0 18 2 25-1 15-6 13-30-1-34-8-3-39-3-48-2zm-34 0h-154c0-113 0-227 0-340 0-57 0-114 0-170 0-17-3-76 0-87 1-3 4-6 7-7 10-4 56-1 70-1 12 0 64-3 72 2s5 77 5 91c0 56 0 114 0 171 0 113 0 227 0 341zm-285 0h-153c0-83 0-165 0-248 0-44 0-87 0-130 0-11-3-35 1-44 1-4 4-6 8-7 14-4 56 0 73 0 13 0 66-5 71 7 4 7 2 39 2 48-1 43-1 85-1 128 0 39 0 78 1 118 1 16-1 33-1 50 1 25 3 53-1 78zm-283 1l-154-1c0-58 0-116 0-174 0-23-3-69 0-88 1-5 1-8 5-10 9-4 59-1 73-1 12 0 62-3 71 1 4 2 4 5 5 10 3 19 0 65 0 88 0 58 0 116 0 175z" fill="#012252" stroke="#012252"/></g><g id="orange" data-name="Orange"><path d="M873 792c0-114 0-228 0-341 0-57 0-115 0-171 0-14 3-86-5-91s-60-2-72-2c-14 0-60-3-70 1-3 1-6 4-7 7-3 11 0 70 0 87 0 56 0 113 0 170 0 113 0 227 0 340z" fill="#fd8501" stroke="#fd8501"/></g><g id="teal" data-name="Teal"><path d="M588 792c4-25 2-53 1-78 0-17 2-34 1-50-1-40-1-79-1-118 0-43 0-85 1-128 0-9 2-41-2-48-5-12-58-7-71-7-17 0-59-4-73 0-4 1-7 3-8 7-4 9-1 33-1 44 0 43 0 86 0 130 0 83 0 165 0 248z" fill="#05b69c" stroke="#05b69c"/></g><g id="blue" data-name="Blue"><path d="M305 793c0-59 0-117 0-175 0-23 3-69 0-88-1-5-1-8-5-10-9-4-59-1-71-1-14 0-64-3-73 1-4 2-4 5-5 10-3 19 0 65 0 88 0 58 0 116 0 174z" fill="#0175fc" stroke="#0175fc"/></g></svg>
CSS background-image
.bar-chart {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9RSZpu7dGmpB/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.bar-chart {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9RSZpu7dGmpB/amnt.svg") center / contain no-repeat;
}
React
import BarChartSvg from "./bar-chart.jsx"; // from the React tab above
<BarChartSvg width={48} height={48} />