HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uElXmOlvEx7O/amnt.svg" alt="Menu" 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="black" data-name="Black"><path d="M236 464c-50 5-59 76-10 89 7 1 13 1 20 1 30 1 60-1 90 0 29 1 58 1 86 1 54-2 109 0 164 0 62 0 125-1 188-1 6 0 13 1 19 0 51-8 50-81-1-89-20-3-42-1-61-1-42 0-83 0-124 0-85 0-169 0-253 0-39 0-80-4-118 0z" fill="#020101" stroke="#020101"/><path d="M232 273c-55 8-53 89 15 90 60 1 121 0 182 0 83 0 167 0 251 0 33 0 80 4 112-1 54-8 54-89-14-89-61 0-122 0-182 0-85 0-170 0-254 0-31 0-82-4-110 0z" fill="#020101" stroke="#020101"/><path d="M232 656c-53 7-56 88 16 90 60 2 121 0 182 0 76 0 153-1 230-1 39 0 92 6 131 0 57-8 55-89-13-89-61 0-122 0-182 0-85 0-169 0-253 0-32 0-82-4-111 0z" fill="#020101" stroke="#020101"/></g></svg>
CSS background-image
.menu {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uElXmOlvEx7O/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.menu {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/uElXmOlvEx7O/amnt.svg") center / contain no-repeat;
}
React
import MenuSvg from "./menu.jsx"; // from the React tab above
<MenuSvg width={48} height={48} />
