diff --git a/browser/base/content/browser.js b/browser/base/content/browser.js
index 51209467055f..039b81f5b6c2 100644
--- a/browser/base/content/browser.js
+++ b/browser/base/content/browser.js
@@ -6743,7 +6743,7 @@ var CanvasPermissionPromptHelper = {
};
var WebAuthnPromptHelper = {
- _icon: "default-notification-icon",
+ _icon: "webauthn-notification-icon",
_topic: "webauthn-prompt",
// The current notification, if any. The U2F manager is a singleton, we will
diff --git a/browser/base/content/browser.xul b/browser/base/content/browser.xul
index a490f684cd8b..45b2b2a93610 100644
--- a/browser/base/content/browser.xul
+++ b/browser/base/content/browser.xul
@@ -866,6 +866,8 @@
tooltiptext="&urlbar.persistentStorageNotificationAnchor.tooltip;"/>
+
diff --git a/browser/themes/shared/jar.inc.mn b/browser/themes/shared/jar.inc.mn
index 0bd1baa3a588..17debd82ddcd 100644
--- a/browser/themes/shared/jar.inc.mn
+++ b/browser/themes/shared/jar.inc.mn
@@ -75,6 +75,7 @@
skin/classic/browser/notification-icons/screen.svg (../shared/notification-icons/screen.svg)
skin/classic/browser/notification-icons/update.svg (../shared/notification-icons/update.svg)
skin/classic/browser/notification-icons/midi.svg (../shared/notification-icons/midi.svg)
+ skin/classic/browser/notification-icons/webauthn.svg (../shared/notification-icons/webauthn.svg)
skin/classic/browser/tracking-protection-16.svg (../shared/identity-block/tracking-protection-16.svg)
skin/classic/browser/panel-icon-arrow-left.svg (../shared/panel-icon-arrow-left.svg)
diff --git a/browser/themes/shared/notification-icons.inc.css b/browser/themes/shared/notification-icons.inc.css
index fa0f4515c44a..4a4e9e8e4cbc 100644
--- a/browser/themes/shared/notification-icons.inc.css
+++ b/browser/themes/shared/notification-icons.inc.css
@@ -131,6 +131,11 @@
list-style-image: url(chrome://browser/skin/notification-icons/canvas-blocked.svg);
}
+#webauthn-notification-icon,
+.popup-notification-icon[popupid^="webauthn-prompt-"] {
+ list-style-image: url(chrome://browser/skin/notification-icons/webauthn.svg);
+}
+
#webRTC-preview:not([hidden]) {
display: -moz-stack;
border-radius: 4px;
diff --git a/browser/themes/shared/notification-icons/webauthn.svg b/browser/themes/shared/notification-icons/webauthn.svg
new file mode 100644
index 000000000000..a089dc2fcce4
--- /dev/null
+++ b/browser/themes/shared/notification-icons/webauthn.svg
@@ -0,0 +1,8 @@
+
+