diff --git a/pkg/interface/src/logic/lib/hark.ts b/pkg/interface/src/logic/lib/hark.ts
index dc6c9678b..1b0f3c97a 100644
--- a/pkg/interface/src/logic/lib/hark.ts
+++ b/pkg/interface/src/logic/lib/hark.ts
@@ -1,8 +1,8 @@
-import { GraphNotifIndex, GroupNotifIndex, IndexedNotification, NotificationGraphConfig, NotifIndex, Post, Unreads } from '@urbit/api';
+import { GraphNotifIndex, GroupNotifIndex, IndexedNotification, NotificationGraphConfig, Post, Unreads } from '@urbit/api';
 import bigInt, { BigInteger } from 'big-integer';
-import f from 'lodash/fp';
-import {pluralize} from './util';
 import _ from 'lodash';
+import f from 'lodash/fp';
+import { pluralize } from './util';
 
 export function getLastSeen(
   unreads: Unreads,
diff --git a/pkg/interface/src/logic/lib/util.ts b/pkg/interface/src/logic/lib/util.ts
index d1dce2bb9..094fbf7ca 100644
--- a/pkg/interface/src/logic/lib/util.ts
+++ b/pkg/interface/src/logic/lib/util.ts
@@ -438,6 +438,10 @@ export function getItemTitle(association: Association): string {
   return association.metadata.title ?? association.resource ?? '';
 }
 
+export const svgDataURL = (svg) => 'data:image/svg+xml;base64,' + btoa(svg);
+
+export const svgBlobURL = (svg) => URL.createObjectURL(new Blob([svg], { type: 'image/svg+xml' }));
+
 export const favicon = () => {
   let background = '#ffffff';
   const contacts = useContactState.getState().contacts;
@@ -451,7 +455,5 @@ export const favicon = () => {
     size: 16,
     colors: [background, foreground]
   });
-  const dataurl = 'data:image/svg+xml;base64,' + btoa(svg);
-  console.log(dataurl);
-  return dataurl;
+  return svg;
 }
diff --git a/pkg/interface/src/logic/reducers/hark-update.ts b/pkg/interface/src/logic/reducers/hark-update.ts
index 9593dcf49..1846bbea9 100644
--- a/pkg/interface/src/logic/reducers/hark-update.ts
+++ b/pkg/interface/src/logic/reducers/hark-update.ts
@@ -6,8 +6,8 @@ import BigIntOrderedMap from '@urbit/api/lib/BigIntOrderedMap';
 import { BigInteger } from 'big-integer';
 import _ from 'lodash';
 import { compose } from 'lodash/fp';
-import { favicon, makePatDa } from '~/logic/lib/util';
-import {describeNotification, notificationReferent} from '../lib/hark';
+import { makePatDa } from '~/logic/lib/util';
+import { describeNotification } from '../lib/hark';
 import { reduceState } from '../state/base';
 import useHarkState, { HarkState } from '../state/hark';
 import useMetadataState from '../state/metadata';
@@ -38,7 +38,6 @@ export const HarkReducer = (json: any) => {
 };
 
 function reduce(data, state) {
-  console.log(data);
   const reducers = [
     calculateCount,
     unread,
@@ -321,22 +320,20 @@ function updateNotificationStats(state: HarkState, index: NotifIndex, statField:
 function added(json: any, state: HarkState): HarkState {
   const data = _.get(json, 'added', false);
   if (data) {
-    console.log('adding')
     const { index, notification } = data;
     const time = makePatDa(data.time);
-    if (true || !useHarkState.getState().doNotDisturb) {
-      console.log('showing');
-      
+
+    if (!useHarkState.getState().doNotDisturb) {
       const description = describeNotification(data);
       const meta = useMetadataState.getState();
       const referent = 'graph' in data.index ? meta.associations.graph[data.index.graph.graph]?.metadata?.title ?? data.index.graph : meta.associations.groups[data.index.group.group]?.metadata?.title ?? data.index.group;
       new Notification(`${description} ${referent}`, {
         tag: 'landscape',
-        image: 'https://media.urbit.org/logo/logo-black-600x600.jpg',
-        icon: 'https://media.urbit.org/logo/logo-black-600x600.jpg',
-        badge: 'https://media.urbit.org/logo/logo-black-600x600.jpg',
+        image: '/img/favicon.png',
+        icon: '/img/favicon.png',
+        badge: '/img/favicon.png',
+        renotify: true
       });
-      console.log('showed');
     }
 
     const timebox = state.notifications.get(time) || [];
diff --git a/pkg/interface/src/views/App.js b/pkg/interface/src/views/App.js
index 0751906f6..da9e214b3 100644
--- a/pkg/interface/src/views/App.js
+++ b/pkg/interface/src/views/App.js
@@ -10,7 +10,7 @@ import { BrowserRouter as Router, withRouter } from 'react-router-dom';
 import styled, { ThemeProvider } from 'styled-components';
 import GlobalApi from '~/logic/api/global';
 import gcpManager from '~/logic/lib/gcpManager';
-import { favicon } from '~/logic/lib/util';
+import { favicon, svgDataURL } from '~/logic/lib/util';
 import withState from '~/logic/lib/withState';
 import useContactState from '~/logic/state/contact';
 import useGroupState from '~/logic/state/group';
@@ -142,7 +142,7 @@ class App extends React.Component {
       <ThemeProvider theme={theme}>
         <Helmet>
           {window.ship.length < 14
-            ? <link rel="icon" type="image/svg+xml" href={favicon()} />
+            ? <link rel="icon" type="image/svg+xml" href={svgDataURL(favicon())} />
             : null}
         </Helmet>
         <Root>