Notification Bubble SVG element, flat

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NBfO4BcCFNRf/amnt.svg" alt="Notification Bubble" 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="M620 259c-53 0-106 0-158 0-33 0-68-3-100 1-79 10-146 64-175 138-10 28-12 56-12 86 0 54 7 100 43 144 14 18 32 34 52 45 7 4 17 6 22 11 2 2 4 6 4 8 2 11-14 108-17 125 24-24 52-46 77-70 17-15 34-33 52-47 4-3 6-5 11-6 18-4 82 0 106 0 38 0 82 4 120-1 144-21 207-167 164-297-18 5-35 12-55 12-59 0-113-39-130-96-5-18-3-35-4-53z" fill="#3bbafb" stroke="#3bbafb"/></g><g id="navy" data-name="Navy"><path d="M836 379c14-14 27-28 36-45 11-21 14-44 13-67-7-121-161-168-237-73-8 10-13 22-19 33-55 0-110 0-164 0-34 0-69-2-102 1-81 9-153 58-192 129-36 68-41 173-9 244 15 31 37 60 65 82 4 3 34 21 34 22 3 6-8 67-9 78-2 13-6 27-4 39 4 22 29 31 47 22 12-6 77-68 92-82 7-7 31-32 38-35 8-4 59-2 70-2 28 1 56 0 84 0 17 0 35 1 53 0 114-8 214-102 221-219 3-46-3-84-17-127zM741 173c102-9 158 117 77 182-16 12-34 21-54 23-106 9-160-128-69-188 13-9 30-15 46-17zM620 259c1 18-1 35 4 53 17 57 71 96 130 96 20 0 37-7 55-12 43 130-20 276-164 297-38 5-82 1-120 1-24 0-88-4-106 0-5 1-7 3-11 6-18 14-35 32-52 47-25 24-53 46-77 70 3-17 19-114 17-125 0-2-2-6-4-8-5-5-15-7-22-11-20-11-38-27-52-45-36-44-43-90-43-144 0-30 2-58 12-86 29-74 96-128 175-138 32-4 67-1 100-1 52 0 105 0 158 0z" fill="#011e4d" stroke="#011e4d"/></g><g id="red" data-name="Red"><path d="M741 173c-16 2-33 8-46 17-91 60-37 197 69 188 20-2 38-11 54-23 81-65 25-191-77-182z" fill="#fc5654" stroke="#fc5654"/></g></svg>

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

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

import NotificationBubbleSvg from "./notification-bubble.jsx"; // from the React tab above

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