HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Bh_3tFsSArrH/amnt.svg" alt="Swoosh" 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="purple" data-name="Purple"><path d="M929 165c-5 0-73 90-82 101-27 35-56 67-86 100-59 64-122 124-190 179-70 56-147 108-231 140-44 16-106 35-149 7-62-42-3-121-6-132-14 4-29 19-41 29-61 52-123 144-90 228 11 26 30 46 55 57 110 51 281-63 365-130 161-128 290-296 395-472 21-35 45-70 60-107z" fill="#0135fb" stroke="#0135fb"/></g><g id="grape" data-name="Grape"><path d="M990 54c-25 29-46 63-69 94-47 65-98 128-152 187-80 87-166 172-263 239-51 35-103 68-160 91-49 20-171 57-167-34 1-26 14-52 27-73 3-5 9-11 10-16 8-37-64 21-71 26-47 37-88 87-106 145-11 34-13 71-1 105 37 113 179 89 264 52 109-47 209-126 290-211 35-37 70-73 102-112 44-53 84-109 123-166 34-50 66-102 95-155 16-29 79-147 78-172zM929 165c-15 37-39 72-60 107-105 176-234 344-395 472-84 67-255 181-365 130-25-11-44-31-55-57-33-84 29-176 90-228 12-10 27-25 41-29 3 11-56 90 6 132 43 28 105 9 149-7 84-32 161-84 231-140 68-55 131-115 190-179 30-33 59-65 86-100 9-11 77-101 82-101z" fill="#020972" stroke="#020972"/></g></svg>
CSS background-image
.swoosh {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Bh_3tFsSArrH/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.swoosh {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Bh_3tFsSArrH/amnt.svg") center / contain no-repeat;
}
React
import SwooshSvg from "./swoosh.jsx"; // from the React tab above
<SwooshSvg width={48} height={48} />
