HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9QFFpPZIgHFm/amnt.svg" alt="Two Bubbles" 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="M125 594c29-8 111-71 125-74 8-1 18 2 26 3 64 3 126-12 177-51 111-84 82-227-41-279-108-46-263-13-319 99-29 57-17 123 29 168 8 8 47 31 48 39 1 6-4 14-7 20-12 25-26 50-38 75z" fill="#acdffb" stroke="#acdffb"/></g><g id="lemon" data-name="Lemon"><path d="M897 780c-12-26-25-51-36-77-2-6-6-11-5-17 1-3 2-5 4-7 4-4 11-7 16-11 10-7 19-15 28-24 43-43 56-108 31-165-51-115-212-122-310-71-106 55-165 187-53 271 50 38 117 48 178 39 12-2 28-9 40-7 9 2 86 59 107 69z" fill="#fcea75" stroke="#fcea75"/></g><g id="navy" data-name="Navy"><path d="M145 504c-5 23-54 97-55 109-2 30 49-1 60-7 27-15 54-31 80-48 6-4 16-14 24-15 8-2 18 2 26 2 18 1 37 0 55-2 132-16 264-145 188-282-66-122-251-137-361-71-87 52-145 163-80 256 16 24 39 41 63 58zm-20 90c12-25 26-50 38-75 3-6 8-14 7-20-1-8-40-31-48-39-46-45-58-111-29-168 56-112 211-145 319-99 123 52 152 195 41 279-51 39-113 54-177 51-8-1-18-4-26-3-14 3-96 66-125 74z" fill="#011645" stroke="#011645"/><path d="M880 691c19-8 36-27 49-42 75-89 40-213-59-266-115-61-280-20-351 90-21 33-32 72-28 111 10 99 110 151 200 158 17 1 36 1 53-1 10-1 34-8 41-7 5 0 9 4 12 7 24 17 48 34 74 49 11 7 60 39 58 8-1-14-43-83-49-107zm17 89c-21-10-98-67-107-69-12-2-28 5-40 7-61 9-128-1-178-39-112-84-53-216 53-271 98-51 259-44 310 71 25 57 12 122-31 165-9 9-18 17-28 24-5 4-12 7-16 11-2 2-3 4-4 7-1 6 3 11 5 17 11 26 24 51 36 77z" fill="#011645" stroke="#011645"/></g></svg>
CSS background-image
.two-bubbles {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9QFFpPZIgHFm/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.two-bubbles {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/9QFFpPZIgHFm/amnt.svg") center / contain no-repeat;
}
React
import TwoBubblesSvg from "./two-bubbles.jsx"; // from the React tab above
<TwoBubblesSvg width={48} height={48} />