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.
Note: This feature is available in Web Workers.
Syntax
var icon = Notification.icon;
Value
A USVString.
Examples
In our Emogotchi demo (see source code), we run a simple spawnNotification() function when we want to fire a notification — this is passed arguments to specify the body, icon and title we want, then it creates the necessary options object and fires the notification using the Notification() constructor.
function spawnNotification(theBody,theIcon,theTitle) {
var options = {
body: theBody,
icon: theIcon
}
var n = new Notification(theTitle,options);
}
Specifications
| Specification | Status | Comment |
|---|---|---|
| Notifications API The definition of 'icon' in that specification. |
Living Standard | Living standard |
Browser compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Basic support | 5 webkit (see notes) 22 |
(Yes) | 4.0 moz (see notes) 22 |
No support | 25 | No support |
| Available in workers | ? | ? | 41.0 (41.0) | ? | ? | ? |
| Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|---|
| Basic support | ? |
(Yes) |
(Yes) | 4.0 moz (see notes) 22 |
1.0.1 moz (see notes) 1.2 |
No support | ? | No support |
(Yes) |
| Available in workers | ? | ? | ? | 41.0 (41.0) | ? | ? | ? | ? | ? |
Firefox OS notes
Chrome notes
Safari notes
See also
Document Tags and Contributors
Tags:
Contributors to this page:
abbycar,
chrisdavidmills,
jpmedley,
fscholz,
kollishivagangadhar,
kscarfone,
Jeremie
Last updated by:
abbycar,