Back to Content

Notification: icon property

files/en-us/web/api/notification/icon/index.md

latest1014 B
Original Source

{{APIRef("Web Notifications")}}{{securecontext_header}} {{AvailableInWorkers}}

The icon read-only property of the {{domxref("Notification")}} interface contains the URL of an icon to be displayed as part of the notification, as specified in the icon option of the {{domxref("Notification.Notification","Notification()")}} constructor.

Value

A string.

Examples

In our To-do list app (view the app running live), we use the {{domxref("Notification.Notification","Notification()")}} constructor to fire a notification, passing it arguments to specify the body, icon and title we want.

js
const notification = new Notification("To do list", {
  body: text,
  icon: img,
});

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also