JavaScript Notification.icon — піктограма сповіщення

Властивість icon містить адресу піктограми, яку показують поруч зі сповіщенням.

правити

Загальний опис

Це те, що робить сповіщення впізнаваним у купі інших: без піктограми воно виглядає безликим системним вікном.

Рекомендований розмір — 192×192 пікселів, квадратна. Менша розмиється на екранах із високою щільністю.

Адреса має бути абсолютною або від кореня (/img/logo.png): відносні шляхи ненадійні, бо сповіщення живе поза сторінкою — його може показувати ServiceWorker, коли вкладки вже немає.

Частина систем (зокрема Windows) піктограму може проігнорувати — покладатись на неї як на єдиний спосіб упізнати відправника не варто.

правити

+ додати пораду чи нотатку

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
icon	22+	22+	16.4+	25+	14+	-

Підтримка: мобільні переглядачі

Переглядач
icon	-	yes	yes	16.4+

Приклади

+ запропонувати свій приклад у пісочниці

new Notification('Довідник css.in.ua', {
    body: 'Додано нову сторінку про :has()',
    icon: '/img/logo-192.png', // від кореня, не відносно
    badge: '/img/badge.png',   // маленька — для мобільних
    tag: 'new-page',           // однакові теґи не множаться
});