Water Bottle SVG illustration, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/bhdUFEtwTy2r/amnt.svg" alt="Water Bottle" width="48" height="48">

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="teal" data-name="Teal"><path d="M451 181c2 40-23 77-37 113-8 20-16 40-21 61-19 70-20 140-14 212 7 77 4 147 0 224 0 14 0 28-1 42 0 6-2 11-1 16 3 13 23 19 34 23 32 11 67 14 102 14 34 0 69-3 102-15 8-3 26-8 30-18s0-52-1-65c-1-30-4-60-5-90-2-44 3-89 6-133 4-75 6-137-14-210-14-51-59-130-58-174-43 7-79 10-122 0zm20 29c7-1 15 5 16 13 1 7-35 98-40 116-16 56-17 112-17 170 0 62 0 124 0 186 0 22 3 132-2 145-4 10-17 13-26 8-5-3-9-9-10-15-2-15 2-32 3-48 2-35 3-71 4-106 2-60-9-118-9-177 0-56 6-110 23-163 10-33 25-63 37-94 4-8 5-18 10-26 2-4 6-8 11-9z" fill="#029ba1" stroke="#029ba1"/></g><g id="midnight" data-name="Midnight"><path d="M591 144c4-2 7-5 8-9 2-9 1-60 0-71-1-6-3-12-7-16-7-11-21-15-33-18-32-7-116-13-131 25-6 12-7 65-4 78 1 5 7 8 8 12s-2 8-2 12c1 17 12 12 7 42-7 41-32 81-46 120-38 107-27 189-21 299 2 40 2 80 0 120-3 60-15 138 3 196 10 32 35 58 71 54 7-1 15-7 21-6 3 1 6 4 8 6 19 13 46 14 67 6 5-2 15-11 18-12 7-1 26 9 46 4 65-16 55-126 53-175-1-32-3-64-4-96-5-106 19-212 1-316-8-44-22-87-40-128-8-19-19-38-24-58-3-11-7-26-5-37 3-15 11-7 6-32zM579 51c-35 20-98 15-133 0 26-22 103-13 133 0zM439 61c24 23 118 14 147 0 3 13 1 27 1 40 0 8 3 24-1 31-6 11-64 15-75 15-13 0-69-4-74-16-3-5-1-25-1-31 0-12-2-28 3-39zm5 88c42 16 93 13 135 1 14 33-117 30-132 14-4-4-5-9-3-15zm7 32c43 10 79 7 122 0-1 44 44 123 58 174 20 73 18 135 14 210-3 44-8 89-6 133 1 30 4 60 5 90 1 13 5 55 1 65s-22 15-30 18c-33 12-68 15-102 15-35 0-70-3-102-14-11-4-31-10-34-23-1-5 1-10 1-16 1-14 1-28 1-42 4-77 7-147 0-224-6-72-5-142 14-212 5-21 13-41 21-61 14-36 39-73 37-113zM377 868c49 42 219 40 269 1 0 48-13 126-80 102 4-8 11-21 9-30-1-6-7-9-11-4-3 3-2 12-4 16-7 22-25 33-47 33-23 0-42-9-49-32-1-3-7-34-15-15-3 9 5 25 9 33-10 1-17 5-27 4-45-4-56-72-54-108z" fill="#031935" stroke="#031935"/><path d="M567 75c-2 1-3 2-4 4 0 1-5 61 8 56 4-2 10-65-4-60z" fill="#031935" stroke="#031935"/><path d="M452 75c-5 2-10 65 4 60 5-2 5-55 3-58-1-2-5-3-7-2z" fill="#031935" stroke="#031935"/><path d="M511 81c-2 1-4 2-5 4s0 51 1 53 3 4 6 3c7-2 10-62-2-60z" fill="#031935" stroke="#031935"/><path d="M481 80c-3 1-4 3-5 5-2 4-3 57 7 55 2-1 4-2 5-4s0-51-1-53-3-3-6-3z" fill="#031935" stroke="#031935"/><path d="M540 80c-7 2-6 53-4 56 1 2 3 4 6 3 2-1 4-2 5-4 0-1 5-57-7-55z" fill="#031935" stroke="#031935"/></g><g id="aqua" data-name="Aqua"><path d="M471 210c-5 1-9 5-11 9-5 8-6 18-10 26-12 31-27 61-37 94-17 53-23 107-23 163 0 59 11 117 9 177-1 35-2 71-4 106-1 16-5 33-3 48 1 6 5 12 10 15 9 5 22 2 26-8 5-13 2-123 2-145 0-62 0-124 0-186 0-58 1-114 17-170 5-18 41-109 40-116-1-8-9-14-16-13z" fill="#81e4de" stroke="#81e4de"/><path d="M377 868c-2 36 9 104 54 108 10 1 17-3 27-4-4-8-12-24-9-33 8-19 14 12 15 15 7 23 26 32 49 32 22 0 40-11 47-33 2-4 1-13 4-16 4-5 10-2 11 4 2 9-5 22-9 30 67 24 80-54 80-102-50 39-220 41-269-1z" fill="#81e4de" stroke="#81e4de"/><path d="M444 149c-2 6-1 11 3 15 15 16 146 19 132-14-42 12-93 15-135-1z" fill="#81e4de" stroke="#81e4de"/></g><g id="coral" data-name="Coral"><path d="M439 61c-5 11-3 27-3 39 0 6-2 26 1 31 5 12 61 16 74 16 11 0 69-4 75-15 4-7 1-23 1-31 0-13 2-27-1-40-29 14-123 23-147 0zm13 14c2-1 6 0 7 2 2 3 2 56-3 58-14 5-9-58-4-60zm115 0c14-5 8 58 4 60-13 5-8-55-8-56 1-2 2-3 4-4zm-86 5c3 0 5 1 6 3s2 51 1 53-3 3-5 4c-10 2-9-51-7-55 1-2 2-4 5-5zm59 0c12-2 7 54 7 55-1 2-3 3-5 4-3 1-5-1-6-3-2-3-3-54 4-56zm-29 1c12-2 9 58 2 60-3 1-5-1-6-3s-2-51-1-53 3-3 5-4z" fill="#fb8464" stroke="#fb8464"/><path d="M579 51c-30-13-107-22-133 0 35 15 98 20 133 0z" fill="#fb8464" stroke="#fb8464"/></g></svg>

.water-bottle {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/bhdUFEtwTy2r/amnt.svg");
  background-size: contain;
}

import WaterBottleSvg from "./water-bottle.jsx"; // from the React tab above

<WaterBottleSvg width={48} height={48} />