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.
var icon = Notification.icon;
A USVString
.
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); }
Specification | Status | Comment |
---|---|---|
Notifications API The definition of 'icon' in that specification. | Living Standard | Living standard |
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 | 45 | ? | 41.0 (41.0) | ? | 32 | ? |
Secure contexts only | 62 | ? | ? | ? | 49 | ? |
Feature | Android Webview | Chrome for Android | Edge | Firefox Mobile (Gecko) | Firefox OS | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|---|---|---|
Basic support | No support | (Yes) | (Yes) | 4.0 moz (see notes) 22 | 1.0.1 moz (see notes) 1.2 | No support | (Yes) | No support |
Available in workers | No support | 45 | ? | 41.0 (41.0) | ? | ? | 32 | ? |
Secure contexts only | No support | 45 | ? | ? | ? | ? | 49 | ? |
© 2005–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Notification/icon