Notification: icon property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Secure context: This feature is available only in secure contexts (HTTPS), in some or all supporting browsers.
Note: This feature is available in Web Workers.
The icon read-only property of the
Notification interface contains the URL of an icon to be displayed as
part of the notification, as specified in the icon option of the
Notification() constructor.
Value
A string.
Examples
In our To-do list app (view the app running live), we use the Notification()
constructor to fire a notification, passing it arguments to specify the body, icon and
title we want.
js
const notification = new Notification("To do list", {
body: text,
icon: img,
});
Specifications
| Specification |
|---|
| Notifications API # dom-notification-icon |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
icon
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- See implementation notes.