Notification SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="amber" data-name="Amber"><path d="M515 166h-3l-7 1c-61-1-125 36-162 83-52 66-50 116-50 196l-1 24c0 48-8 98-36 139-6 8-12 16-20 23-17 16-52 31-48 60 1 7 5 11 12 12 16 3 71 0 92 0 85 0 171 0 257 0 58 0 116 0 175 0 18 0 91 3 103-1 21-6 2-36-6-45-13-12-29-20-41-34-55-60-49-149-49-225h-6-12c-15 1-30-5-43-11-65-31-89-128-32-179-23-26-82-42-115-42z" fill="#fcd11d" stroke="#fcd11d"/><path d="M504 756c-102 11-86 165 16 155 102-11 85-165-16-155z" fill="#fcd11d" stroke="#fcd11d"/><path d="M575 149c3-88-128-89-126 0 11-2 22-5 33-7 29-4 64-4 93 7z" fill="#fcd11d" stroke="#fcd11d"/><path d="M471 744l7 1h31 9 36v-14h-84z" fill="#fcd11d" stroke="#fcd11d"/></g><g id="navy" data-name="Navy"><path d="M659 191c-7-5-56-34-56-35-2-4-2-13-2-18-3-28-16-52-40-69-50-33-123-5-136 54-3 9 0 25-3 32-3 6-39 23-47 29-21 15-40 32-56 53-39 50-51 101-54 164-3 64 8 133-29 189-23 35-70 48-74 94-2 13 2 27 12 36 7 6 16 10 25 11 18 2 39 0 58 0 42 0 83 0 126 0 9 0 48-3 55 1 7 3 6 17 4 23-3 6-18 20-22 29-11 21-16 44-12 67 4 24 17 45 35 61 79 68 202-11 169-111-5-14-12-26-22-37-2-3-7-6-8-9-4-10-2-22 9-24 17-3 86 0 109 0 25 0 50 0 75 0 37 0 99 7 86-53-7-33-29-42-52-63-19-16-32-40-40-64-9-31-11-65-11-98 0-9-1-56 2-61 2-3 22-12 26-16 47-36 59-104 25-153-26-37-72-55-115-47-14 3-25 10-37 15zm-84-42c-29-11-64-11-93-7-11 2-22 5-33 7-2-89 129-88 126 0zm132 52c112-13 133 155 22 171-81 12-128-91-69-147 12-12 29-22 47-24zM504 756c101-10 118 144 16 155-102 10-118-144-16-155zm8-590h3l8 1c33 0 92 16 115 42-57 51-33 148 32 179 13 6 28 12 43 11h12 6c0 76-6 165 49 225 12 14 28 22 41 34 8 9 27 39 6 45-12 4-85 1-103 1-59 0-117 0-175 0-86 0-172 0-257 0-21 0-76 3-92 0-7-1-11-5-12-12-4-29 31-44 48-60 8-7 14-15 20-23 28-41 36-91 36-139l1-24c0-80-2-130 50-196 37-47 101-84 162-83zM478 745l-7-1-1-13h84v14h-36-9z" fill="#011e55" stroke="#011e55"/></g><g id="red" data-name="Red"><path d="M707 201c-18 2-35 12-47 24-59 56-12 159 69 147 111-16 90-184-22-171z" fill="#fc434d" stroke="#fc434d"/><path d="M292 470l1-24z" fill="#fc434d" stroke="#fc434d"/><path d="M725 399h-12z" fill="#fc434d" stroke="#fc434d"/><path d="M509 745h9z" fill="#fc434d" stroke="#fc434d"/><path d="M523 167l-8-1z" fill="#fc434d" stroke="#fc434d"/><path d="M505 167l7-1z" fill="#fc434d" stroke="#fc434d"/><path d="M478 745l-7-1z" fill="#fc434d" stroke="#fc434d"/></g></svg>

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

import NotificationSvg from "./notification.jsx"; // from the React tab above

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