W3cubDocs

/DOM

Notification.icon

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 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 ?

Firefox OS notes

Chrome notes

Safari notes

See also

© 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