diff --git a/public/img/Rest Icon.png b/public/img/Rest Icon.png
new file mode 100644
index 0000000..828c5e1
Binary files /dev/null and b/public/img/Rest Icon.png differ
diff --git a/public/img/Rest Icon.psd b/public/img/Rest Icon.psd
new file mode 100644
index 0000000..25d4171
Binary files /dev/null and b/public/img/Rest Icon.psd differ
diff --git a/public/img/Working Icon.png b/public/img/Working Icon.png
new file mode 100644
index 0000000..b3e0190
Binary files /dev/null and b/public/img/Working Icon.png differ
diff --git a/public/img/Working Icon.psd b/public/img/Working Icon.psd
new file mode 100644
index 0000000..62dcbf9
Binary files /dev/null and b/public/img/Working Icon.psd differ
diff --git a/public/img/rest favicon.ico b/public/img/rest favicon.ico
new file mode 100644
index 0000000..39eb03b
Binary files /dev/null and b/public/img/rest favicon.ico differ
diff --git a/public/img/working favicon.ico b/public/img/working favicon.ico
new file mode 100644
index 0000000..6a0f7c5
Binary files /dev/null and b/public/img/working favicon.ico differ
diff --git a/public/index.html b/public/index.html
index 8985d07..c8ff8e5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -11,7 +11,7 @@
     <link href="https://fonts.googleapis.com/css2?family=Rambla:wght@400;700&display=swap" rel="stylesheet"> 
     <!-- CSS -->
     <meta charset="utf-8" />
-    <link rel="icon" href="./img/favicon.ico" />
+    <link rel="icon" href="./img/favicon.ico" id="favicon" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta
diff --git a/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx b/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx
index 59b6092..a7c0425 100644
--- a/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx	
+++ b/src/components/Main Pomodoro Childrens/MainPomodoroTimer.jsx	
@@ -216,6 +216,12 @@ const MainPomodoroTimer = (props) => {
 
     })*/
 
+    const getFavicon = () => {
+        const r = document.getElementById('favicon')
+        
+        return r
+    }
+
     React.useEffect ( () => {
         let idTimeOut
 
@@ -224,6 +230,8 @@ const MainPomodoroTimer = (props) => {
 
             if (!weAreInBreakTime) {
 
+                getFavicon().href = './img/working favicon.ico'
+
                 if (!alreadyCountingStart) {
                     const time = getAndFormatCurrentTime()
                     props.setStartTime(time)
@@ -279,6 +287,8 @@ const MainPomodoroTimer = (props) => {
 
             if(weAreInBreakTime) {
                 
+                getFavicon().href = './img/rest favicon.ico'
+
                 if (minutes === 0 && seconds === 0) {
                     setTimerActivity(false)
                     
@@ -315,6 +325,8 @@ const MainPomodoroTimer = (props) => {
             
             if (!props.timerOn) {
 
+                getFavicon().href = './img/favicon.ico'
+
                 if ( timerActivity === true) {
 
                     if (!weAreInBreakTime) {
diff --git a/src/components/MainPomodoro.jsx b/src/components/MainPomodoro.jsx
index fbdbf93..cf864a1 100644
--- a/src/components/MainPomodoro.jsx
+++ b/src/components/MainPomodoro.jsx
@@ -3,8 +3,6 @@ import MainPomodoroTimer from './Main Pomodoro Childrens/MainPomodoroTimer'
 import PomodoroCounter from './Main Pomodoro Childrens/PomodoroCounter'
 import StyleSelector from './Main Pomodoro Childrens/StyleSelector'
 import uploadToClockifyTimer from './Clockify/uploadToClockifyTimer'
-import react from 'react'
-
 
 const MainPomodoro = (props) => {