HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Q99lJAhD1tJr/amnt.svg" alt="Share" 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="M605 371c7-17 15-31 17-50 5-63-45-120-109-120-89 0-135 96-93 170l-178 177c-120-68-229 85-135 173 97 89 239-37 164-145l177-176c37 26 92 29 129 0l176 176c-6 11-13 23-17 36-27 107 102 184 182 108 78-73 11-205-93-188-16 3-28 10-42 16-43-42-86-85-129-127-16-16-36-32-49-50zM502 225c113-12 133 157 21 172-84 12-131-98-66-152 13-10 28-18 45-20zM175 554c85-7 126 101 61 154-13 10-30 18-47 19-113 9-126-163-14-173zm660 0c114-10 127 165 14 173s-126-163-14-173z" fill="#021d4e" stroke="#021d4e"/></g><g id="blue" data-name="Blue"><path d="M835 554c-112 10-99 181 14 173s100-183-14-173z" fill="#0183fb" stroke="#0183fb"/><path d="M502 225c-17 2-32 10-45 20-65 54-18 164 66 152 112-15 92-184-21-172z" fill="#0183fb" stroke="#0183fb"/><path d="M175 554c-112 10-99 182 14 173 17-1 34-9 47-19 65-53 24-161-61-154z" fill="#0183fb" stroke="#0183fb"/></g></svg>
CSS background-image
.share {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Q99lJAhD1tJr/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.share {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Q99lJAhD1tJr/amnt.svg") center / contain no-repeat;
}
React
import ShareSvg from "./share.jsx"; // from the React tab above
<ShareSvg width={48} height={48} />
