Web/API/Notification/icon

From Get docs

Note: This feature is available in Web Workers.

Secure contextThis feature is available only in secure contexts (HTTPS), in some or all supporting browsers.


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.

Syntax

var icon = Notification.icon;

Value

A USVString.

Examples

In our To-do list app ([[../../../../../../../mdn.github.io/to-do-notifications/index|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.

var notification = new Notification('To do list', {
  body: text,
  icon: img
});

Specifications

Specification Status Comment
Notifications APIThe definition of 'icon' in that specification. Living Standard Living standard

Browser compatibility

Update compatibility data on GitHub

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
icon

Chrome Full support 22


Full support 22


Full support 5

Prefixed'

Prefixed' Implemented with the vendor prefix: webkit

Edge

Full support 14

Firefox Full support 22


Full support 22


Full support 4

Prefixed'

Prefixed' Implemented with the vendor prefix: moz

IE

No support No

Opera

Full support 25

Safari

No support No

WebView Android

No support No

Chrome Android

Full support Yes

Firefox Android Full support 22


Full support 22


Full support 4

Prefixed'

Prefixed' Implemented with the vendor prefix: moz

Opera Android

Full support Yes

Safari iOS

No support No

Samsung Internet Android

Full support Yes

Legend

Full support  
Full support
No support  
No support
Requires a vendor prefix or different name for use.'
Requires a vendor prefix or different name for use.


See also