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

 Last updated by: abbycar,