Milk Carton SVG icon, line

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="sky" data-name="Sky"><path d="M547 688c-7-5-19-4-27-5-21-4-39-15-54-28-21-19-34-43-50-66-36-55-92-78-148-31 0 56 0 112 0 169 0 28 0 56 0 85 0 11-3 51 2 58 4 4 13 5 18 7 63 19 126 40 189 60 22 7 46 18 69 22z" fill="#71c4fb" stroke="#71c4fb"/><path d="M563 682c0 63 1 125 1 188 0 27-4 61 1 87l179-93v-306c-6-5-14-1-21 2-31 9-55 28-77 50-25 24-42 51-73 68-3 2-6 5-10 4z" fill="#71c4fb" stroke="#71c4fb"/><path d="M637 149c0-52 10-53-43-63-29-5-59-11-89-16s-60-10-90-16c-55-10-47-9-47 46z" fill="#71c4fb" stroke="#71c4fb"/><path d="M647 172l-77 143 165-49c-9-16-72-78-88-94z" fill="#71c4fb" stroke="#71c4fb"/><path d="M442 578c4-6 4-12 6-19 6-20 20-31 36-44 18-15 35-54 1-64-57-16-81 81-43 127z" fill="#71c4fb" stroke="#71c4fb"/><path d="M504 548c-32 4-39 64-26 63 2-1 5-8 7-10 9-12 26-12 36-23 12-14 1-32-17-30z" fill="#71c4fb" stroke="#71c4fb"/></g><g id="white" data-name="White"><path d="M442 578c-38-46-14-143 43-127 34 10 17 49-1 64-16 13-30 24-36 44-2 7-2 13-6 19zm62-30c18-2 29 16 17 30-10 11-27 11-36 23-2 2-5 9-7 10-13 1-6-59 26-63zM268 558c56-47 112-24 148 31 16 23 29 47 50 66 15 13 33 24 54 28 8 1 20 0 27 5l1-352c-13-6-31-7-45-10-33-7-66-14-99-22-18-4-127-30-136-28z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M563 682c4 1 7-2 10-4 31-17 48-44 73-68 22-22 46-41 77-50 7-3 15-7 21-2l1-280-181 57z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M367 116l-95 143 278 60 83-155zm69 24c21-2 54 1 64 24 4 10 2 22 6 32 3 7 9 12 10 20 5 35-40 59-70 62-25 2-70-5-73-39-1-9 3-16 1-26-1-9-5-19-4-28 3-29 42-42 66-45z" fill="#fcfcfc" stroke="#fcfcfc"/><path d="M505 216c-22 42-86 56-120 22-1 6 3 10 7 15 30 29 121 7 113-37z" fill="#fcfcfc" stroke="#fcfcfc"/></g><g id="navy" data-name="Navy"><path d="M376 32c-32 4-23 46-24 68-1 20-21 41-32 58-12 17-63 89-67 102-1 4-1 8-1 13-1 39 0 80 0 120 0 81 0 162 0 244 0 60 0 121 0 182 0 14-3 31-1 45 1 7 3 13 8 18 10 10 65 23 81 28 46 15 92 29 138 44 16 5 68 26 81 24 13-3 37-19 50-26 40-20 80-41 119-62 37-20 32-17 32-59 0-31 0-61 0-91 0-122 0-243 0-364 0-19 4-98-1-110-2-6-28-30-34-37-10-9-70-68-72-75-3-10 0-25 0-35 0-11 1-22-6-31-3-5-9-9-14-10-10-4-21-4-31-6-24-5-48-9-71-13-25-4-140-28-155-27zM637 149l-269-49c0-55-8-56 47-46 30 6 60 11 90 16s60 11 89 16c53 10 43 11 43 63zM367 116l266 48-83 155-278-60zm280 56c16 16 79 78 88 94l-165 49zM547 688l-1 271c-23-4-47-15-69-22-63-20-126-41-189-60-5-2-14-3-18-7-5-7-2-47-2-58 0-29 0-57 0-85 0-57 0-113 0-169v-282c9-2 118 24 136 28 33 8 66 15 99 22 14 3 32 4 45 10zM744 558v306l-179 93c-5-26-1-60-1-87 0-63-1-125-1-188l1-347 181-57z" fill="#012355" stroke="#012355"/><path d="M436 140c-24 3-63 16-66 45-1 9 3 19 4 28 2 10-2 17-1 26 3 34 48 41 73 39 30-3 75-27 70-62-1-8-7-13-10-20-4-10-2-22-6-32-10-23-43-26-64-24zm3 12c74-6 53 48-8 53-73 6-52-48 8-53zm66 64c8 44-83 66-113 37-4-5-8-9-7-15 34 34 98 20 120-22z" fill="#012355" stroke="#012355"/></g><g id="cobalt" data-name="Cobalt"><path d="M439 152c-60 5-81 59-8 53 61-5 82-59 8-53z" fill="#1e5bc3" stroke="#1e5bc3"/></g></svg>

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

.milk-carton {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ROuTTzIUuj7E/amnt.svg") center / contain no-repeat;
}

import MilkCartonSvg from "./milk-carton.jsx"; // from the React tab above

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