summaryrefslogtreecommitdiffstats
path: root/browser/themes/shared/notification-icons
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--browser/themes/shared/notification-icons.css404
-rw-r--r--browser/themes/shared/notification-icons/autoplay-media-blocked.svg9
-rw-r--r--browser/themes/shared/notification-icons/autoplay-media.svg7
-rw-r--r--browser/themes/shared/notification-icons/camera-blocked.svg7
-rw-r--r--browser/themes/shared/notification-icons/camera.svg6
-rw-r--r--browser/themes/shared/notification-icons/desktop-notification-blocked.svg8
-rw-r--r--browser/themes/shared/notification-icons/desktop-notification.svg8
-rw-r--r--browser/themes/shared/notification-icons/drag-indicator.svg4
-rw-r--r--browser/themes/shared/notification-icons/geo-blocked.svg8
-rw-r--r--browser/themes/shared/notification-icons/geo.svg7
-rw-r--r--browser/themes/shared/notification-icons/microphone-blocked.svg8
-rw-r--r--browser/themes/shared/notification-icons/microphone.svg7
-rw-r--r--browser/themes/shared/notification-icons/midi.svg6
-rw-r--r--browser/themes/shared/notification-icons/minimize.svg4
-rw-r--r--browser/themes/shared/notification-icons/persistent-storage-blocked.svg8
-rw-r--r--browser/themes/shared/notification-icons/persistent-storage.svg7
-rw-r--r--browser/themes/shared/notification-icons/plugin-badge.svg7
-rw-r--r--browser/themes/shared/notification-icons/popup.svg7
-rw-r--r--browser/themes/shared/notification-icons/screen-blocked.svg7
-rw-r--r--browser/themes/shared/notification-icons/screen.svg7
-rw-r--r--browser/themes/shared/notification-icons/xr-blocked.svg8
-rw-r--r--browser/themes/shared/notification-icons/xr.svg7
22 files changed, 551 insertions, 0 deletions
diff --git a/browser/themes/shared/notification-icons.css b/browser/themes/shared/notification-icons.css
new file mode 100644
index 0000000000..bd6271f4b9
--- /dev/null
+++ b/browser/themes/shared/notification-icons.css
@@ -0,0 +1,404 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+@namespace html url("http://www.w3.org/1999/xhtml");
+
+#notification-popup-box {
+ height: calc(var(--urlbar-min-height) - 2px /* border */ - 2 * var(--urlbar-container-padding));
+ -moz-context-properties: fill, fill-opacity;
+ fill: currentColor;
+ fill-opacity: var(--urlbar-icon-fill-opacity);
+ color: inherit;
+ border-radius: var(--urlbar-icon-border-radius);
+}
+#notification-popup-box:hover {
+ background-color: hsla(0,0%,70%,.2);
+}
+#notification-popup-box:hover:active,
+#notification-popup-box[open] {
+ background-color: hsla(0,0%,70%,.3);
+}
+
+.popup-notification-icon,
+.permission-popup-permission-icon {
+ -moz-context-properties: fill, fill-opacity;
+ fill: currentColor;
+}
+
+.notification-anchor-icon:focus-visible {
+ outline: var(--focus-outline);
+ outline-offset: var(--focus-outline-inset);
+ border-radius: var(--urlbar-icon-border-radius);
+}
+
+.blocked-permission-icon:focus-visible {
+ outline: var(--focus-outline);
+ outline-offset: calc(var(--urlbar-icon-padding) + var(--focus-outline-inset));
+ border-radius: 1px;
+}
+
+/* This class can be used alone or in combination with the class defining the
+ type of icon displayed. This rule must be defined before the others in order
+ for its list-style-image to be overridden. */
+.notification-anchor-icon {
+ list-style-image: url(chrome://global/skin/icons/info-filled.svg);
+ padding: var(--urlbar-icon-padding);
+}
+
+/* INDIVIDUAL NOTIFICATIONS */
+
+.focus-tab-by-prompt-icon {
+ list-style-image: url(chrome://global/skin/icons/info.svg);
+}
+
+.storage-access-icon {
+ list-style-image: url(chrome://browser/skin/controlcenter/3rdpartycookies.svg);
+}
+
+.persistent-storage-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/persistent-storage.svg);
+}
+
+.persistent-storage-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/persistent-storage-blocked.svg);
+}
+
+.desktop-notification-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/desktop-notification.svg);
+}
+
+.desktop-notification-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/desktop-notification-blocked.svg);
+}
+
+.geo-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/geo.svg);
+}
+
+.geo-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/geo-blocked.svg);
+}
+
+.open-protocol-handler-icon {
+ list-style-image: url(chrome://global/skin/icons/open-in-new.svg);
+}
+
+.open-protocol-handler-icon:-moz-locale-dir(rtl) {
+ transform: scaleX(-1);
+}
+
+.xr-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/xr.svg);
+}
+
+.xr-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/xr-blocked.svg);
+}
+
+.autoplay-media-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/autoplay-media.svg);
+}
+
+.autoplay-media-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/autoplay-media-blocked.svg);
+}
+
+.storage-access-notification-content {
+ color: var(--panel-disabled-color);
+ font-style: italic;
+ margin-top: 15px;
+}
+
+.storage-access-notification-content .text-link {
+ color: -moz-nativehyperlinktext;
+}
+
+.storage-access-notification-content .text-link:hover {
+ text-decoration: underline;
+}
+
+#storage-access-notification .popup-notification-body-container {
+ padding: 20px;
+}
+
+.indexedDB-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/persistent-storage.svg);
+}
+
+#password-notification-icon {
+ list-style-image: url(chrome://browser/skin/login.svg);
+}
+
+#password-notification-icon[extraAttr="attention"] {
+ fill: var(--toolbar-field-icon-fill-attention);
+ fill-opacity: 1;
+}
+
+.camera-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/camera.svg);
+}
+
+.camera-icon.in-use {
+ list-style-image: url(chrome://browser/skin/notification-icons/camera.svg);
+}
+
+.camera-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/camera-blocked.svg);
+}
+
+.microphone-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/microphone.svg);
+}
+
+.microphone-icon.in-use {
+ list-style-image: url(chrome://browser/skin/notification-icons/microphone.svg);
+}
+
+.microphone-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/microphone-blocked.svg);
+}
+
+.popup-notification-icon.microphone-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/microphone.svg);
+}
+
+.screen-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/screen.svg);
+}
+
+.screen-icon.in-use {
+ list-style-image: url(chrome://browser/skin/notification-icons/screen.svg);
+}
+
+.screen-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/screen-blocked.svg);
+}
+
+.speaker-icon {
+ list-style-image: url(chrome://global/skin/media/audio.svg);
+}
+
+.midi-icon,
+.midi-sysex-icon {
+ list-style-image: url(chrome://browser/skin/notification-icons/midi.svg);
+}
+
+#canvas-notification-icon,
+.canvas-icon {
+ list-style-image: url(chrome://browser/skin/canvas.svg);
+}
+
+.canvas-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/canvas-blocked.svg);
+}
+
+#webauthn-notification-icon,
+.popup-notification-icon[popupid^="webauthn-prompt-"] {
+ list-style-image: url(chrome://browser/skin/fingerprint.svg);
+}
+
+#identity-credential-notification-icon {
+ list-style-image: url(chrome://browser/skin/fingerprint.svg);
+}
+
+#permission-popup-menulist {
+ margin-inline-end: 0;
+}
+
+#webRTC-preview:not([hidden]) {
+ -moz-box-orient: vertical;
+}
+
+#webRTC-previewVideo {
+ border-radius: 4px;
+ border: 1px solid var(--panel-separator-color);
+ min-width: 0;
+ min-height: 10em;
+ max-height: 250px;
+}
+
+#webRTC-all-windows-shared,
+#webRTC-previewWarning {
+ font-size: 0.8em;
+}
+
+@media not (prefers-contrast) {
+ #webRTC-all-windows-shared,
+ #webRTC-previewWarning {
+ opacity: 0.6;
+ }
+}
+
+#webRTC-previewWarning {
+ margin-block-start: 14px;
+}
+
+/**
+ * All learn-more links tend to have an !important margin-top, but
+ * the small one below the WebRTC preview warning is special and
+ * doesn't have one by design.
+ */
+#webRTC-previewWarning-learnMore {
+ margin-top: 0 !important;
+ font-size: 0.75em;
+}
+
+#webRTC-previewWarningBox:-moz-locale-dir(rtl) {
+ background-position: calc(100% - .75em) .75em;
+}
+
+#webRTC-previewWarning > .text-link {
+ margin-inline-start: 0;
+}
+
+/* This icon has a block sign in it, so we don't need a blocked version. */
+.popup-icon {
+ list-style-image: url("chrome://browser/skin/notification-icons/popup.svg");
+}
+
+/**
+ * Bug 1708716: The blocked popup icon is just slightly vertically offset from
+ * the other icons that can appear alongside it in the URL bar due to how it's
+ * placed in the SVG file. We nudge it a little here to make it line up in a
+ * more aesthetically pleasing way.
+ */
+#blocked-permissions-container > .popup-icon {
+ transform: translateY(1px);
+}
+
+#permission-popup-menulist,
+#permission-popup-menulist > menupopup {
+ min-width: 6.5em;
+}
+
+/* EME */
+
+.drm-icon {
+ list-style-image: url("chrome://browser/skin/drm-icon.svg");
+}
+
+.notification-anchor-icon[animate=true],
+#eme-notification-icon[firstplay=true] {
+ animation: emeTeachingMoment 0.2s linear 0s 5 normal;
+}
+
+@keyframes emeTeachingMoment {
+ 0% {transform: translateX(0); }
+ 25% {transform: translateX(3px) }
+ 75% {transform: translateX(-3px) }
+ 100% { transform: translateX(0); }
+}
+
+/* INSTALL ADDONS */
+
+.install-icon {
+ list-style-image: url(chrome://mozapps/skin/extensions/extension.svg);
+}
+
+.install-icon.blocked-permission-icon {
+ list-style-image: url(chrome://browser/skin/addons/addon-install-blocked.svg);
+}
+
+/* PLUGINS */
+
+.plugin-icon {
+ list-style-image: url(chrome://global/skin/icons/plugin.svg);
+ transition: fill 1.5s;
+}
+
+#plugin-icon-badge {
+ list-style-image: url(chrome://browser/skin/notification-icons/plugin-badge.svg);
+ width: 16px;
+ height: 16px;
+ opacity: 0;
+ transition: opacity 1.5s;
+}
+
+#plugins-notification-icon:not(.plugin-blocked)[extraAttr="inactive"] > .plugin-icon {
+ fill-opacity: 0.25;
+}
+
+#plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge {
+ opacity: 1;
+}
+
+#plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge[animate] {
+ animation: blink-badge 1000ms ease 0s 5 alternate both;
+}
+
+@keyframes blink-badge {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+.plugin-blocked > .plugin-icon {
+ list-style-image: url(chrome://global/skin/icons/plugin-blocked.svg);
+ fill: #d92215 !important;
+}
+
+.plugin-blocked > #plugin-icon-badge {
+ visibility: collapse;
+}
+
+#notification-popup-box[hidden] {
+ /* Override display:none to make the pluginBlockedNotification animation work
+ when showing the notification repeatedly. */
+ display: -moz-box;
+ visibility: collapse;
+}
+
+#plugins-notification-icon.plugin-blocked[showing] {
+ animation: pluginBlockedNotification 500ms ease 0s 5 alternate both;
+}
+
+@keyframes pluginBlockedNotification {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
+/* TRANSLATION */
+
+.translation-icon {
+ list-style-image: url(chrome://browser/skin/translation-16.png);
+ -moz-image-region: rect(0px, 16px, 16px, 0px);
+}
+
+.translation-icon.in-use {
+ -moz-image-region: rect(0px, 32px, 16px, 16px);
+}
+
+@media (-moz-platform: macos) and (min-resolution: 1.1dppx) {
+ .translation-icon {
+ list-style-image: url(chrome://browser/skin/translation-16@2x.png);
+ -moz-image-region: rect(0px, 32px, 32px, 0px);
+ }
+
+ .translation-icon.in-use {
+ -moz-image-region: rect(0px, 64px, 32px, 32px);
+ }
+}
+
+/* UPDATE */
+.popup-notification-icon[popupid="update-available"],
+.popup-notification-icon[popupid="update-manual"],
+.popup-notification-icon[popupid="update-other-instance"],
+.popup-notification-icon[popupid="update-restart"] {
+ background: url(chrome://browser/skin/update-badge.svg) no-repeat center;
+ -moz-context-properties: fill;
+ fill: var(--panel-banner-item-update-supported-bgcolor);
+}
+
+.popup-notification-icon[popupid="update-unsupported"] {
+ background: url(chrome://global/skin/icons/warning.svg) no-repeat center;
+ -moz-context-properties: fill;
+ fill: var(--warning-icon-bgcolor);
+}
diff --git a/browser/themes/shared/notification-icons/autoplay-media-blocked.svg b/browser/themes/shared/notification-icons/autoplay-media-blocked.svg
new file mode 100644
index 0000000000..8710280b1f
--- /dev/null
+++ b/browser/themes/shared/notification-icons/autoplay-media-blocked.svg
@@ -0,0 +1,9 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m5 4.345 0-2.059L4.714 2 2.655 2z"/>
+ <path d="m10.239 9.584 1.709-.976a.7.7 0 0 0 0-1.215l-4.9-2.799A.7.7 0 0 0 6 5.201l0 .144 4.239 4.239z"/>
+ <path d="M1.067 2.183a.626.626 0 0 0-.885.885L1.79 4.674A7.461 7.461 0 0 0 1 8c0 4.136 3.364 7.5 7.5 7.5a7.388 7.388 0 0 0 3.321-.794l1.111 1.111a.627.627 0 0 0 .885 0 .628.628 0 0 0 0-.885L1.067 2.183zM8.5 14.25A6.257 6.257 0 0 1 2.25 8c0-.826.173-1.63.484-2.382L6 8.885l0 1.914a.7.7 0 0 0 1.047.608l.938-.536 2.89 2.89a6.166 6.166 0 0 1-2.375.489z"/>
+ <path d="M8.5 1.75c1.669 0 3.239.65 4.419 1.831A6.206 6.206 0 0 1 14.75 8a6.222 6.222 0 0 1-1.759 4.336l.884.884A7.474 7.474 0 0 0 16 8c0-2.003-.78-3.887-2.196-5.304A7.455 7.455 0 0 0 8.5.5a.625.625 0 0 0 0 1.25z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/autoplay-media.svg b/browser/themes/shared/notification-icons/autoplay-media.svg
new file mode 100644
index 0000000000..3ee92bcfc4
--- /dev/null
+++ b/browser/themes/shared/notification-icons/autoplay-media.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M13.804 2.696A7.455 7.455 0 0 0 8.5.5a.625.625 0 0 0 0 1.25c1.669 0 3.239.65 4.419 1.831A6.206 6.206 0 0 1 14.75 8c0 3.446-2.804 6.25-6.25 6.25S2.25 11.446 2.25 8c0-1.051.275-2.066.772-2.978l1.125 1.125A.5.5 0 0 0 5 5.793l0-3.52L4.727 2l-3.52 0a.5.5 0 0 0-.353.854l1.251 1.251A7.451 7.451 0 0 0 1 8c0 4.136 3.364 7.5 7.5 7.5S16 12.136 16 8c0-2.003-.78-3.887-2.196-5.304z"/>
+ <path d="m6 10.799 0-5.598a.7.7 0 0 1 1.047-.608l4.9 2.799a.7.7 0 0 1 0 1.215l-4.9 2.799A.7.7 0 0 1 6 10.799z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/camera-blocked.svg b/browser/themes/shared/notification-icons/camera-blocked.svg
new file mode 100644
index 0000000000..fdb7bf27d9
--- /dev/null
+++ b/browser/themes/shared/notification-icons/camera-blocked.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M1.067 2.933a.626.626 0 0 0-.885.885L1 4.635 1 12a2 2 0 0 0 2 2l7.333 0 .85.817a.621.621 0 0 0 .884 0 .628.628 0 0 0 0-.885l-11-10.999zM2.85 12.75l-.6-.6 0-6.265 6.865 6.865-6.265 0z"/>
+ <path d="M13.986 2.824c-.491 0-.992.182-1.4.59L12 4a2 2 0 0 0-2-2L3 2c-.32 0-.613.093-.88.228L3.142 3.25l7.008 0 .6.6 0 2.65.518 0 2.202-2.202a.713.713 0 0 1 .516-.224c.317 0 .764.234.764.754l0 6.343c0 .52-.447.754-.764.754a.71.71 0 0 1-.516-.224L11.268 9.5l-.518 0 0 1.266 1.836 1.819c.407.407.908.59 1.4.59 1.028 0 2.014-.798 2.014-2.004l0-6.343c0-1.205-.986-2.004-2.014-2.004z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/camera.svg b/browser/themes/shared/notification-icons/camera.svg
new file mode 100644
index 0000000000..f653b3bcc7
--- /dev/null
+++ b/browser/themes/shared/notification-icons/camera.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M13.986 2.824c-.491 0-.992.182-1.4.59L12 4a2 2 0 0 0-2-2L3 2a2 2 0 0 0-2 2l0 8a2 2 0 0 0 2 2l7 0a2 2 0 0 0 2-2l.586.586c.407.407.908.59 1.4.59 1.028 0 2.014-.798 2.014-2.004l0-6.344c0-1.205-.986-2.004-2.014-2.004zm.764 8.348c0 .52-.447.754-.764.754a.71.71 0 0 1-.516-.224l-.586-.586L11.268 9.5l-.518 0 0 2.65-.6.6-7.3 0-.6-.6 0-8.3.6-.6 7.3 0 .6.6 0 2.65.518 0 1.616-1.616.586-.586a.713.713 0 0 1 .516-.224c.317 0 .764.234.764.754l0 6.344z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/desktop-notification-blocked.svg b/browser/themes/shared/notification-icons/desktop-notification-blocked.svg
new file mode 100644
index 0000000000..d2f97a166c
--- /dev/null
+++ b/browser/themes/shared/notification-icons/desktop-notification-blocked.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M1.067.183a.626.626 0 0 0-.885.885l1.046 1.046A1.945 1.945 0 0 0 1 3l0 7a2 2 0 0 0 2 2l4 0 3.75 3L12 15l0-2.115 1.932 1.932a.625.625 0 0 0 .885-.885L1.067.183zm9.683 13.216-3.038-2.43a1 1 0 0 0-.625-.219l-4.237 0-.6-.6 0-7.015L6.115 7l-1.24 0a.625.625 0 0 0 0 1.25l2.49 0 3.385 3.385 0 1.764z"/>
+ <path d="M13 1 3.654 1l1.25 1.25 8.247 0 .6.6 0 7.3-.473.473.948.948c.467-.366.774-.93.774-1.571l0-7a2 2 0 0 0-2-2z"/>
+ <path d="m7.904 5.25 3.221 0a.625.625 0 0 0 0-1.25L6.654 4l1.25 1.25z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/desktop-notification.svg b/browser/themes/shared/notification-icons/desktop-notification.svg
new file mode 100644
index 0000000000..41d5fa9b40
--- /dev/null
+++ b/browser/themes/shared/notification-icons/desktop-notification.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m11.125 5.25-6.25 0a.625.625 0 0 1 0-1.25l6.25 0a.625.625 0 0 1 0 1.25z"/>
+ <path d="m9.125 8.25-4.25 0a.625.625 0 0 1 0-1.25l4.25 0a.625.625 0 0 1 0 1.25z"/>
+ <path d="m13.15 2.25.6.6 0 7.3-.6.6-1.9 0a.5.5 0 0 0-.5.5l0 2.149-3.038-2.43a1 1 0 0 0-.625-.219l-4.237 0-.6-.6 0-7.3.6-.6 10.3 0zM13 1 3 1a2 2 0 0 0-2 2l0 7a2 2 0 0 0 2 2l4 0 3.75 3L12 15l0-3 1 0a2 2 0 0 0 2-2l0-7a2 2 0 0 0-2-2z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/drag-indicator.svg b/browser/themes/shared/notification-icons/drag-indicator.svg
new file mode 100644
index 0000000000..78265cd155
--- /dev/null
+++ b/browser/themes/shared/notification-icons/drag-indicator.svg
@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg width="4" height="22" xmlns="http://www.w3.org/2000/svg" fill="context-fill" fill-opacity="context-fill-opacity"><path d="M3.5 21a.5.5 0 01.09.992L3.5 22h-3a.5.5 0 01-.09-.992L.5 21h3zm0-3a.5.5 0 01.09.992L3.5 19h-3a.5.5 0 01-.09-.992L.5 18h3zm0-3a.5.5 0 01.09.992L3.5 16h-3a.5.5 0 01-.09-.992L.5 15h3zm0-3a.5.5 0 01.09.992L3.5 13h-3a.5.5 0 01-.09-.992L.5 12h3zm0-3a.5.5 0 01.09.992L3.5 10h-3a.5.5 0 01-.09-.992L.5 9h3zm0-3a.5.5 0 01.09.992L3.5 7h-3a.5.5 0 01-.09-.992L.5 6h3zm0-3a.5.5 0 01.09.992L3.5 4h-3a.5.5 0 01-.09-.992L.5 3h3zm0-3a.5.5 0 01.09.992L3.5 1h-3A.5.5 0 01.41.008L.5 0h3z"/></svg> \ No newline at end of file
diff --git a/browser/themes/shared/notification-icons/geo-blocked.svg b/browser/themes/shared/notification-icons/geo-blocked.svg
new file mode 100644
index 0000000000..53b7d3ed14
--- /dev/null
+++ b/browser/themes/shared/notification-icons/geo-blocked.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M1.067 2.183a.626.626 0 0 0-.885.885l1.316 1.316A6.694 6.694 0 0 0 1 6.884c0 2.717 3.575 6.574 5.615 8.553a1.985 1.985 0 0 0 2.77 0 40.923 40.923 0 0 0 1.563-1.605l1.985 1.985a.623.623 0 0 0 .884 0 .628.628 0 0 0 0-.885L1.067 2.183zM8.514 14.54a.745.745 0 0 1-.213.145l-.602 0a.745.745 0 0 1-.213-.145C4.207 11.359 2.25 8.497 2.25 6.884c0-.53.08-1.042.222-1.528l7.588 7.588a37.7 37.7 0 0 1-1.546 1.596z"/>
+ <path d="M8 1.25c3.171 0 5.75 2.528 5.75 5.634 0 .986-.739 2.443-2.057 4.151l.891.891C13.906 10.237 15 8.387 15 6.884 15 3.082 11.866 0 8 0 5.97 0 4.148.855 2.87 2.212l.885.885A5.784 5.784 0 0 1 8 1.25z"/>
+ <path d="M6.608 5.951c.32-.423.822-.701 1.392-.701.965 0 1.75.785 1.75 1.75 0 .57-.278 1.072-.701 1.392l.884.884A2.977 2.977 0 0 0 11 7a3 3 0 0 0-3-3 2.98 2.98 0 0 0-2.276 1.066l.884.885z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/geo.svg b/browser/themes/shared/notification-icons/geo.svg
new file mode 100644
index 0000000000..fcfd085dcd
--- /dev/null
+++ b/browser/themes/shared/notification-icons/geo.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M8 1.25c3.171 0 5.75 2.528 5.75 5.634 0 1.613-1.957 4.475-5.236 7.656a.745.745 0 0 1-.213.145l-.602 0a.745.745 0 0 1-.213-.145C4.207 11.359 2.25 8.497 2.25 6.884 2.25 3.778 4.829 1.25 8 1.25M8 0C4.134 0 1 3.082 1 6.884c0 2.717 3.575 6.574 5.615 8.553a1.985 1.985 0 0 0 2.77 0C11.425 13.458 15 9.602 15 6.884 15 3.082 11.866 0 8 0z"/>
+ <path d="M8 5.25c.965 0 1.75.785 1.75 1.75S8.965 8.75 8 8.75 6.25 7.965 6.25 7 7.035 5.25 8 5.25M8 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/microphone-blocked.svg b/browser/themes/shared/notification-icons/microphone-blocked.svg
new file mode 100644
index 0000000000..1f299eb9d6
--- /dev/null
+++ b/browser/themes/shared/notification-icons/microphone-blocked.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M15.817 14.933 1.067.183a.626.626 0 0 0-.885.885l5.861 5.861a2.494 2.494 0 0 0 2.029 2.029l1.176 1.176a3.181 3.181 0 0 1-.748.099 3.24 3.24 0 0 1-3.206-2.71.63.63 0 0 0-.72-.513.625.625 0 0 0-.513.72 4.468 4.468 0 0 0 3.525 3.648l.289.24 0 2.133-1.75 0a.625.625 0 0 0 0 1.249l4.75 0a.625.625 0 0 0 0-1.25l-1.75 0 0-2.133.272-.237c.29-.058.567-.152.833-.264l4.702 4.702a.63.63 0 0 0 .885-.001.625.625 0 0 0 0-.884z"/>
+ <path d="M7.25 3.5c0-.689.561-1.25 1.25-1.25.689 0 1.25.561 1.25 1.25l0 3c0 .177-.039.344-.106.497l.916.916A2.48 2.48 0 0 0 11 6.5l0-3A2.5 2.5 0 0 0 8.5 1a2.493 2.493 0 0 0-2.486 2.366L7.25 4.602l0-1.102z"/>
+ <path d="M12.938 7.729a.625.625 0 0 0-.513-.72.62.62 0 0 0-.72.513 3.25 3.25 0 0 1-.413 1.123l.902.902a4.442 4.442 0 0 0 .744-1.818z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/microphone.svg b/browser/themes/shared/notification-icons/microphone.svg
new file mode 100644
index 0000000000..183793d25c
--- /dev/null
+++ b/browser/themes/shared/notification-icons/microphone.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m7.875 11.617 0 2.133-1.75 0a.625.625 0 0 0 0 1.25l4.75 0a.625.625 0 0 0 0-1.25l-1.75 0 0-2.133.272-.237a4.468 4.468 0 0 0 3.541-3.651.625.625 0 0 0-.513-.72.62.62 0 0 0-.72.513c-.263 1.57-1.611 2.71-3.206 2.71s-2.943-1.14-3.206-2.71a.63.63 0 0 0-.72-.513.625.625 0 0 0-.513.72 4.468 4.468 0 0 0 3.525 3.648l.29.24z"/>
+ <path d="M8.5 2.25c.689 0 1.25.561 1.25 1.25l0 3c0 .689-.561 1.25-1.25 1.25S7.25 7.189 7.25 6.5l0-3c0-.689.561-1.25 1.25-1.25M8.5 1A2.5 2.5 0 0 0 6 3.5l0 3a2.5 2.5 0 1 0 5 0l0-3A2.5 2.5 0 0 0 8.5 1z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/midi.svg b/browser/themes/shared/notification-icons/midi.svg
new file mode 100644
index 0000000000..34e6ef569e
--- /dev/null
+++ b/browser/themes/shared/notification-icons/midi.svg
@@ -0,0 +1,6 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M15.987 3a2 2 0 0 0-2-2l-7 0a2 2 0 0 0-2 2l0 5.911a3.182 3.182 0 0 0-1.849-.048A3.1 3.1 0 0 0 .97 11.044a3.147 3.147 0 0 0 .542 2.74A3.107 3.107 0 0 0 3.987 15c.542 0 1.078-.142 1.55-.41.432-.248.7-.71.7-1.205l0-7.385 8.513 0 0 2.911a3.182 3.182 0 0 0-1.849-.048 3.098 3.098 0 0 0-2.167 2.181 3.143 3.143 0 0 0 .542 2.74A3.102 3.102 0 0 0 13.75 15c.543 0 1.078-.142 1.549-.41.432-.248.701-.71.701-1.205L15.987 3zm-11 10.385a.14.14 0 0 1-.071.12c-.788.449-1.855.237-2.415-.485a1.878 1.878 0 0 1-.322-1.659 1.836 1.836 0 0 1 1.807-1.359c.357 0 .701.098 1 .287l0 3.096zm9.763 0a.14.14 0 0 1-.072.12c-.786.449-1.855.237-2.414-.485a1.879 1.879 0 0 1-.322-1.66 1.834 1.834 0 0 1 1.28-1.289c.176-.047.353-.069.526-.069.357 0 .701.098 1 .287l0 3.096zm-.013-8.635-8.5 0 0-1.9.6-.6 7.3 0 .6.6 0 1.9z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/minimize.svg b/browser/themes/shared/notification-icons/minimize.svg
new file mode 100644
index 0000000000..9a5144ddf5
--- /dev/null
+++ b/browser/themes/shared/notification-icons/minimize.svg
@@ -0,0 +1,4 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity"><path d="M3 12h10v2H3z"/></svg> \ No newline at end of file
diff --git a/browser/themes/shared/notification-icons/persistent-storage-blocked.svg b/browser/themes/shared/notification-icons/persistent-storage-blocked.svg
new file mode 100644
index 0000000000..bd804c6976
--- /dev/null
+++ b/browser/themes/shared/notification-icons/persistent-storage-blocked.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m4 7-.75 0-.25.25L3 8l.25.25.75 0L4.25 8l0-.75z"/>
+ <path d="M1.567.183a.626.626 0 0 0-.885.885L2.615 3 2 3a2 2 0 0 0-2 2l0 5a2 2 0 0 0 2 2l9.615 0 2.818 2.818a.623.623 0 0 0 .884-.001.628.628 0 0 0 0-.885L1.567.183zM1.85 10.75l-.6-.6 0-5.3.6-.6 2.015 0 6.5 6.5-8.515 0z"/>
+ <path d="M14 3 6.157 3l1.25 1.25 6.743 0 .6.6 0 5.3-.6.6-.243 0 1.015 1.015A1.992 1.992 0 0 0 16 10l0-5a2 2 0 0 0-2-2z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/persistent-storage.svg b/browser/themes/shared/notification-icons/persistent-storage.svg
new file mode 100644
index 0000000000..dd80c09cf8
--- /dev/null
+++ b/browser/themes/shared/notification-icons/persistent-storage.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="M2 3a2 2 0 0 0-2 2l0 5a2 2 0 0 0 2 2l12 0a2 2 0 0 0 2-2l0-5a2 2 0 0 0-2-2L2 3zm12.75 7.15-.6.6-12.3 0-.6-.6 0-5.3.6-.6 12.3 0 .6.6 0 5.3z"/>
+ <path d="m4 7-.75 0-.25.25L3 8l.25.25.75 0L4.25 8l0-.75z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/plugin-badge.svg b/browser/themes/shared/notification-icons/plugin-badge.svg
new file mode 100644
index 0000000000..1646dac7e1
--- /dev/null
+++ b/browser/themes/shared/notification-icons/plugin-badge.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg fill="context-fill" fill-opacity="context-fill-opacity" xmlns="http://www.w3.org/2000/svg"
+ width="32" height="32" viewBox="0 0 32 32">
+ <circle fill="#3088d4" cx="27" cy="5" r="5"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/popup.svg b/browser/themes/shared/notification-icons/popup.svg
new file mode 100644
index 0000000000..093fa952da
--- /dev/null
+++ b/browser/themes/shared/notification-icons/popup.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m6.013 11.75-4.163 0-.6-.6 0-5.9 11.5 0 0 .898c.439.102.858.257 1.25.457L14 2a2 2 0 0 0-2-2L2 0a2 2 0 0 0-2 2l0 9a2 2 0 0 0 2 2l4.212 0c-.113-.4-.18-.818-.199-1.25zM1.25 1.85l.6-.6 10.3 0 .6.6 0 2.15-11.5 0 0-2.15z"/>
+ <path d="M11.5 7a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9zm0 1.25c.671 0 1.294.204 1.812.554l-4.508 4.508A3.234 3.234 0 0 1 8.25 11.5a3.254 3.254 0 0 1 3.25-3.25zm0 6.5a3.224 3.224 0 0 1-1.812-.554l4.508-4.508c.349.518.554 1.142.554 1.812a3.254 3.254 0 0 1-3.25 3.25z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/screen-blocked.svg b/browser/themes/shared/notification-icons/screen-blocked.svg
new file mode 100644
index 0000000000..a9fd846e51
--- /dev/null
+++ b/browser/themes/shared/notification-icons/screen-blocked.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m13.15 3.25.6.6 0 5.991 1.25 1.25L15 4a2 2 0 0 0-2-2L5.909 2l1.25 1.25 5.991 0z"/>
+ <path d="M15.817 13.683 2.317.183a.625.625 0 1 0-.884.885L2.365 2 2 2a2 2 0 0 0-2 2l0 8.25a2 2 0 0 0 2 2l11 0c.455 0 .871-.154 1.205-.41l.728.728a.623.623 0 0 0 .884 0 .626.626 0 0 0 0-.885zM13.15 13l-11.3 0-.6-.6 0-8.55.6-.6 1.765 0L6.05 5.685 4.589 7.146A.5.5 0 0 0 4.943 8l2.056 0L7 11.375a.625.625 0 0 0 1.25 0L8.25 8l.115 0 4.892 4.892-.107.108z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/screen.svg b/browser/themes/shared/notification-icons/screen.svg
new file mode 100644
index 0000000000..bccfda43c7
--- /dev/null
+++ b/browser/themes/shared/notification-icons/screen.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m1 4 0 8.25a2 2 0 0 0 2 2l11 0a2 2 0 0 0 2-2L16 4a2 2 0 0 0-2-2L3 2a2 2 0 0 0-2 2zm13.75-.15 0 8.55-.6.6-11.3 0-.6-.6 0-8.55.6-.6 11.3 0 .6.6z"/>
+ <path d="M9.25 11.375a.625.625 0 0 1-1.25 0L7.999 8 5.943 8a.5.5 0 0 1-.354-.854l2.823-2.823.424 0 2.823 2.823a.5.5 0 0 1-.352.854L9.25 8l0 3.375z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/xr-blocked.svg b/browser/themes/shared/notification-icons/xr-blocked.svg
new file mode 100644
index 0000000000..a023bb46d2
--- /dev/null
+++ b/browser/themes/shared/notification-icons/xr-blocked.svg
@@ -0,0 +1,8 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m7.658 7 4.717 0a.625.625 0 0 0 0-1.25l-5.967 0L7.658 7z"/>
+ <path d="m11.885 13 .004 0L.567 1.683a.626.626 0 0 0-.885.885l.97.97A1.973 1.973 0 0 0 0 5l0 6a2 2 0 0 0 2 2l2.93 0c.669 0 1.293-.334 1.664-.891l.574-.861a.976.976 0 0 1 .766-.429l3.499 3.499a.623.623 0 0 0 .884 0 .628.628 0 0 0 0-.885L11.885 13zm-5.757-2.445-.574.861a.75.75 0 0 1-.624.334l-3.08 0-.6-.6 0-6.3.289-.427L6.936 9.82c-.321.172-.6.422-.808.735z"/>
+ <path d="M14 3 3.658 3l1.25 1.25 9.242 0 .6.6 0 6.3-.6.6-1.742 0 1.25 1.25.342 0a2 2 0 0 0 2-2l0-6a2 2 0 0 0-2-2z"/>
+</svg>
diff --git a/browser/themes/shared/notification-icons/xr.svg b/browser/themes/shared/notification-icons/xr.svg
new file mode 100644
index 0000000000..d9a870902f
--- /dev/null
+++ b/browser/themes/shared/notification-icons/xr.svg
@@ -0,0 +1,7 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+ - License, v. 2.0. If a copy of the MPL was not distributed with this
+ - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16" fill="context-fill" fill-opacity="context-fill-opacity">
+ <path d="m14.15 4.25.6.6 0 6.3-.6.6-3.08 0a.749.749 0 0 1-.624-.334l-.574-.861C9.454 9.928 8.754 9.553 8 9.553s-1.454.375-1.872 1.002l-.574.861a.75.75 0 0 1-.624.334l-2.93 0-.75-.75 0-6.15.6-.6 12.3 0zM14 3 2 3a2 2 0 0 0-2 2l0 6a2 2 0 0 0 2 2l2.93 0c.669 0 1.293-.334 1.664-.891l.574-.861c.198-.297.515-.445.832-.445s.634.148.832.445l.574.861A2 2 0 0 0 11.07 13L14 13a2 2 0 0 0 2-2l0-6a2 2 0 0 0-2-2z"/>
+ <path d="m12.375 7-8.75 0a.625.625 0 0 1 0-1.25l8.75 0a.625.625 0 0 1 0 1.25z"/>
+</svg>