Notification.Icon загружает .png и URL в порядке, но не локальный файл

Я больше пытаюсь понять это, чем что-либо еще, я не уверен, есть ли реальное решение.

Я использую Notification API (https://developer.mozilla.org/en-US/docs/Web/API/notification) и, более конкретно, речь идет о свойстве icon в сочетании с Electron.

Я пытаюсь создать собственное всплывающее окно с уведомлением на Mac и Windows. Кажется, все довольно просто и работает, кроме части значка.

Это проблема, с которой я столкнулся (я проверил, что пути к файлам существуют):

вариант 1, icon.png (работает):

var myNotificiation = new Notification(
            title, {
                body: message,
                icon: jetpack.path(__dirname, 'assets', 'icon.png')
            });

вариант 2, URL (работает):

 var myNotificiation = new Notification(
            title, {
                body: message,
                icon: "https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcR1zOS6CtRHjyHhgclhEKRZ_ipCGU2VCthotUjPp7ErPvSnWb6zZ9fNlA"
            });

вариант 3, локальный html файл (не работает):

var myNotificiation = new Notification(
            title, {
                body: message,
                icon: jetpack.path(__dirname, 'services', 'icon.html')
            });

Для согласованности это содержимое страницы icon.html: https://imgur.com/9qkAHky

Вопрос:

Почему изображение локального файла jetpack.path(__dirname, 'services', 'icon.html') не заполняет часть значка уведомления, но изображение URL-адреса отображается в том же месте?

Любая помощь будет оценена по достоинству. Я надеюсь, что это просто что-то не так на моей HTML-странице, но я пока не нашел ничего неправильного.