Notification Permission SVG illustration, flat

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

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="baby-blue" data-name="Baby Blue"><path d="M724 727c0-151 0-302 0-452 0-30 5-146-3-166-5-13-17-24-30-27-17-5-38-2-55-2-31 0-12 10-28 29-19 23-69 13-96 13s-79 10-97-14c-16-20 4-28-29-28-18 0-38-3-54 2-13 5-25 16-29 29-8 23-3 134-3 166 0 150 0 300 0 450 35 0 99-5 131 2 43 10 74 48 74 92 0 43-29 83-72 93-29 6-96 2-129 2 5 13 16 23 29 26 23 7 147 3 180 3 39 0 78 0 117 0 18 0 40 3 58-2 14-3 27-13 32-27-33 0-100 4-129-2-43-10-73-51-72-94 0-19 7-38 17-53 29-41 69-40 115-40 24 0 49 0 73 0zM362 230c20-3 42 0 63 0 46 0 94 0 141 0 21 0 42 0 64 0 51 0 75 7 75 65 0 67 0 136 0 204 0 23 0 46 0 69 0 37 5 83-43 92-20 4-43 1-64 1-46 0-92 0-138 0-21 0-43 0-63 0-51 0-77-8-77-64 0-68 0-137 0-204 0-24 0-46 0-69 0-35-6-87 42-94z" fill="#b9e5fb" stroke="#b9e5fb"/><path d="M388 537c-4 1-7 5-8 9-6 22 28 17 41 17 25 0 50 0 75 0 22 0 136 3 148-1 10-3 14-17 4-23-8-5-25-2-35-2-25 0-50 0-75 0-21 0-140-3-150 0z" fill="#b9e5fb" stroke="#b9e5fb"/><path d="M391 586c-19 5-15 25 6 26 17 1 36 0 54 0 21 0 92 3 107 0 20-4 12-24-5-26-18-2-37 0-54 0-22 0-93-3-108 0z" fill="#b9e5fb" stroke="#b9e5fb"/></g><g id="navy" data-name="Navy"><path d="M775 245c0-25 0-50 0-74 0-43 2-88-34-118-11-9-24-16-38-20-31-8-127-3-164-3-46 0-188-6-222 5-76 23-68 94-68 158-5 1-9 4-10 9-3 7-4 55-1 63 1 5 6 9 11 11v17c-4 1-9 4-10 8-3 6-4 63-1 70 2 6 6 9 11 12v343c-21 7-33 5-53 20-57 42-46 133 17 162 12 6 25 7 38 9 24 80 77 77 149 77 37 0 74 0 112 0 56 0 113 3 169 0 35-2 69-21 84-53 4-8 5-17 10-25 51 3 90-46 91-93 1-40-24-76-61-90-10-3-20-3-30-7v-352c5-3 10-6 12-12 4-11 3-92 0-104-2-7-7-10-12-13zM760 727h-21c0-147 0-294 0-441 0-37 0-73 0-109 0-20 2-41-1-61-2-13-9-25-18-33-8-8-18-13-28-16-18-4-38-1-56-1-41 0-81 0-121 0s-80 0-120 0c-19 0-38-2-56 0-12 1-23 7-32 15s-17 18-20 31c-4 17-1 37-1 55 0 38 0 76 0 115 0 148 0 297 0 445h-22c0-156 0-312 0-467 0-35-5-130 4-158 5-17 16-32 30-42 11-8 24-14 38-15 21-2 43 0 65 0 36 0 73-1 109-1 42 0 84 0 126 1 18 0 36-2 54 0 13 2 25 7 35 14 15 10 26 25 31 42 9 27 4 123 4 158 0 156 0 312 0 468zm-36 0c-24 0-49 0-73 0-46 0-86-1-115 40-10 15-17 34-17 53-1 43 29 84 72 94 29 6 96 2 129 2-5 14-18 24-32 27-18 5-40 2-58 2-39 0-78 0-117 0-33 0-157 4-180-3-13-3-24-13-29-26 33 0 100 4 129-2 43-10 72-50 72-93 0-44-31-82-74-92-32-7-96-2-131-2 0-150 0-300 0-450 0-32-5-143 3-166 4-13 16-24 29-29 16-5 36-2 54-2 33 0 13 8 29 28 18 24 70 14 97 14s77 10 96-13c16-19-3-29 28-29 17 0 38-3 55 2 13 3 25 14 30 27 8 20 3 136 3 166 0 150 0 301 0 452zM559 84c11-1 15 17 3 20-12 2-15-18-3-20zm-80 3c3-1 49-1 52 1s4 5 3 8-3 4-5 5c-4 2-46 2-50 0-4-1-6-4-5-8 1-3 2-4 5-6zM249 741c31-2 64 0 96 0 25 0 54-3 79 1 16 3 31 11 42 22 50 48 17 134-52 138-29 2-158 3-181-2-14-4-26-11-36-20-51-50-18-133 52-139zm362 0c11 0 23 1 34 1 42 0 107-6 145 1 13 3 26 10 36 19 50 47 21 135-49 140-26 2-53 0-79 0-32 0-75 5-104-2-13-3-26-10-35-19-53-50-18-135 52-140zM288 916c8 13 13 25 27 34 8 5 19 8 29 9 18 1 36 0 55 0 37 0 75 0 113 0 34 0 164 5 188-5 19-7 27-21 37-38h22c-24 70-75 64-137 64-37 0-73 0-109 0-37 0-73 0-109 0-63 0-115 6-138-64z" fill="#021e52" stroke="#021e52"/><path d="M362 230c-48 7-42 59-42 94 0 23 0 45 0 69 0 67 0 136 0 204 0 56 26 64 77 64 20 0 42 0 63 0 46 0 92 0 138 0 21 0 44 3 64-1 48-9 43-55 43-92 0-23 0-46 0-69 0-68 0-137 0-204 0-58-24-65-75-65-22 0-43 0-64 0-47 0-95 0-141 0-21 0-43-3-63 0zm2 14c17-3 38 0 56 0 44 0 88 0 133 0 24 0 48 0 72 0 46 0 65 0 65 53 0 63 0 125 0 189 0 26 4 117-2 136-4 12-15 22-28 24-17 3-38 0-55 0-45 0-89 0-133 0-24 0-48 0-71 0-47 0-67 1-67-52 0-63 0-127 0-189 0-27-4-117 3-137 4-12 14-22 27-24z" fill="#021e52" stroke="#021e52"/><path d="M550 474c11 0 25 2 36 0 18-3 28-23 22-40-3-10-14-14-17-24-5-10-3-22-3-32-1-24-8-47-27-63-5-4-16-7-20-12-8-8-5-27-30-26-24 1-21 18-28 26-4 4-17 9-22 14-19 16-25 40-25 64 0 9 1 19-2 28-4 9-13 14-17 23-3 7-4 15-1 22 8 26 39 20 59 20 6 49 66 48 75 0zM526 313c24 8 44 25 47 52 2 16-2 31 4 47 4 12 34 36 10 46-13 6-58 2-74 2-17 0-61 3-74-1-27-9 4-34 9-46 5-1
…

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

import NotificationPermissionSvg from "./notification-permission.jsx"; // from the React tab above

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