HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cr1BTMtZUbJc/amnt.svg" alt="Search" 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="baby-blue" data-name="Baby Blue"><path d="M444 184c-57 3-111 24-154 61-167 146-58 419 162 416 50-1 100-19 140-50 183-141 77-436-148-427z" fill="#b6defb" stroke="#b6defb"/></g><g id="charcoal" data-name="Charcoal"><path d="M673 602c3-10 13-20 19-29 12-19 21-39 29-61 13-38 18-79 14-119-7-70-38-136-89-184-108-101-286-98-393 4-110 103-126 269-32 389 42 54 103 91 170 104 60 11 122 3 178-23 13-6 26-16 40-22 37 37 74 75 112 113 18 17 65 72 85 79 16 7 33 3 45-8 38-36-5-71-30-95-12-11-24-24-36-36-36-39-75-75-112-112zM444 184c225-9 331 286 148 427-40 31-90 49-140 50-220 3-329-270-162-416 43-37 97-58 154-61z" fill="#313031" stroke="#313031"/></g></svg>
CSS background-image
.search {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cr1BTMtZUbJc/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.search {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/cr1BTMtZUbJc/amnt.svg") center / contain no-repeat;
}
React
import SearchSvg from "./search.jsx"; // from the React tab above
<SearchSvg width={48} height={48} />
