HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lwdWG8PAr_Rx/amnt.svg" alt="Swimmer" 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="M882 306c11 5 22 14 35 14 11 0 22-6 26-17 2-3 1-6 2-8 3-5 8-6 10-12 4-10 0-16-3-25-5-18-2-17-20-27-31-19-104-60-138-65-24-4-51 2-76 3-87 5-181 11-251 71-73 63-131 147-170 235-5 13-11 26-16 39-3 10-6 30-11 38-1 1-36 29-36 29-7 2-20-4-29-4-53-3-104 24-139 62-6 6-13 12-16 19-8 18 1 37 20 40 25 4 52-17 75-25 60-20 102 5 155 31 52 25 108 33 162 8 57-27 85-53 151-21 55 26 88 54 154 41 18-4 35-11 52-15 39-12 75-2 112 11 7 3 14 5 21 5 23-1 32-27 18-44-14-18-38-32-59-42-66-31-101-7-165 5 3-5 6-12 10-17 4-4 9-6 12-11 4-6 3-11 6-17 4-9 18-25 24-35 27-45 37-103 8-151-15-25-39-43-67-53-59-20-117 9-153 56-8 11-16 22-23 34-9 15-19 5-34 20-15 14-21 39-12 58 2 4 7 8 8 12 0 3-3 8-4 11-5-2-10-4-14-9-8-9-1-50-4-67-1-7-10-23-10-27-1-6 17-31 21-38 8-16 39-88 47-93 11-8 28-11 40-15 29-11 126-52 151-40 8 4 14 11 22 16 12 7 27 10 40 16 21 8 52 33 68 4zm51-52l-64-30-1 4c8 14 86 34 67 52-11-4-72-43-77-42-3 1-4 1-4 5 11 12 66 36 71 45 3 5 2 11-5 13-6 1-32-12-37-17-3-3-5-8-9-11-9-8-34-20-47-16 6 15 23 18 33 26 9 7 9 19-4 18-5-1-11-5-15-7-18-9-39-14-57-24-7-4-13-9-19-14-6-4-12-7-20-8-38-3-117 32-155 46-13 5-30 8-41 16-10 6-49 94-60 113-5 9-15 20-17 30-1 3-2 5-1 8 1 4 4 5 6 8 7 9 9 21 10 32 1 26-11 56 18 71 5 3 10 4 14 6v15c-15 5-29 10-43 18-29 16-54 33-90 29-38-4-70-27-105-43-8-3-17-6-24-10 32-34 62-33 103-45 5-1 23-7 22-15s-21 2-27 3c-22 3-42 5-63 12 33-99 88-190 162-263 18-19 37-37 60-50 66-37 150-39 224-43 57-3 58-3 109 21 13 6 81 37 86 47zM782 565c-9-15-16-29-28-41-42-46-116-75-176-53 28-60 94-111 163-82 48 20 71 71 62 121-4 20-14 36-21 55zm-16 21c-15-12-29-28-49-28-6 0-14 4-18 3-2-1-3-3-4-4-7-5-14-9-21-13 2-24-28-49-50-53-17-3-13 5-31-3 31-17 84 3 112 20 13 8 76 62 61 78zM567 492c-2 4-7 11-7 17 1 17 16 0 21-7 1 2 5 5 6 7 1 3-3 9-3 13 0 14 8 28 19 37 16 13 36 18 55 9 2-1 4-3 7-4 7-1 18 5 20 13 1 3-2 8-2 12 0 17 11 33 26 42 7 4 16 8 25 7l-11 12c-42-8-79-48-127-59-20-4-39-2-59-3 0-18 7-31 11-47-37-14-3-75 19-49zm47 17c19-3 62 38 30 46-27 6-60-40-30-46zm98 67c19-4 63 36 31 44-28 7-59-37-31-44zM193 595c84-2 146 80 231 61 26-5 46-21 69-33 51-26 105-19 153 10 35 21 68 41 110 36 48-6 72-30 126-13 18 5 34 14 49 24 7 5 32 21 26 31-2 4-8 3-13 2-9-1-18-7-27-10-32-10-64-14-97-6-16 4-31 11-47 15-43 11-84-1-123-22-18-10-36-21-56-27-98-29-134 67-237 42-87-20-124-87-228-46-13 5-41 23-53 22-35-3 28-51 34-56 24-17 53-29 83-30z" fill="#01235d" stroke="#01235d"/><path d="M185 698c-35 3-69 22-95 46-9 8-22 18-27 29-11 25 11 45 35 39 10-2 18-7 27-11 26-12 54-21 82-17 36 5 67 26 99 40 50 22 104 24 154 3 21-9 40-23 62-30 49-15 87 14 131 31 30 11 62 15 94 11 36-4 69-20 100-40 8-5 19-11 24-19 13-17 1-38-20-40-7 0-14 2-21 3-16 4-31 11-47 16-75 21-103-9-166-37-47-21-97-19-143 6-23 12-45 26-71 29-80 9-138-66-218-59zm-2 19c74-8 127 57 200 60 77 3 120-71 203-46 21 6 40 17 59 27 45 24 92 32 141 19 17-5 33-12 50-16 32-9 24 6 5 19-28 19-58 35-91 40-93 14-134-53-210-46-21 2-40 11-57 20-50 26-91 38-146 22-75-23-112-74-200-40-12 5-32 18-45 19-40 3 15-42 22-47 20-15 44-28 69-31z" fill="#01235d" stroke="#01235d"/><path d="M181 417c-12 2-22 10-26 20-16 38 27 58 47 80 8 8 14 19 22 27 3 4 7 6 13 5 18-5 7-65 3-78-8-27-27-58-59-54zm48 104c-7-10-16-19-25-27-12-12-50-34-28-54 5-5 10-6 17-4 28 6 36 62 36 85z" fill="#01235d" stroke="#01235d"/><path d="M897 498c-52 7-112 147-42 102 21-14 57-22 73-41 23-26 4-65-31-61zm-54 89c3-21 47-92 72-66 27 27-56 53-72 66z" fill="#01235d" stroke="#01235d"/><path d="M126 494c-24 3-36 32-22 51 16 22 43 15 66 17 6 1 13 2 19 0 30-9-26-72-63-68zm52 51c-14 0-60 4-62-17 0-4 1-8 4-11 18-19 48 16 58 28z" fill="#01235d" stroke="#01235d"/><path d="M927 585c-15 2-41 16-31 35 2 4 10 8 14 10 6 4 13 7 20 8 42 6 44-58-3-53zm-16 26c8-4 34-17 33 1s-26 3-33-1z" fill="#01235d" stroke="#01235d"/></g><g id="apricot" data-name="Apricot"><path d="M933 254c-5-10-73-41-86-47-51-24-52-24-109-21-74 4-158 6-224 43-23 13-42 31-60 50-74 73-129 164-162 263 21-7 41-9 63
…
CSS background-image
.swimmer {
background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lwdWG8PAr_Rx/amnt.svg");
background-size: contain;
}
CSS mask-image (takes the text colour)
.swimmer {
width: 1.5em; height: 1.5em;
background-color: currentColor;
mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/lwdWG8PAr_Rx/amnt.svg") center / contain no-repeat;
}
React
import SwimmerSvg from "./swimmer.jsx"; // from the React tab above
<SwimmerSvg width={48} height={48} />