diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 96fb9d42e..159253fb0 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -1,33 +1,38 @@
 <ion-tabs class="tab">
   <ion-tab-bar class="bottoms" slot="bottom">
-    <ion-tab-button tab="events">
-      <!-- <ion-icon name="home"></ion-icon> -->
-      <ion-icon class="nav-icon" src="assets/images/icons-nav-home.svg"></ion-icon>
+    <ion-tab-button tab="events" (click)="selectedTab('/home/events')">
+      <ion-icon *ngIf="tabButton.home"  class="nav-icon" src="assets/icon/tab/icons-nav-home-selected.svg"></ion-icon>
+      <ion-icon *ngIf="!tabButton.home" class="nav-icon" src="assets/icon/tab/icons-nav-home.svg"></ion-icon>
       <!-- <ion-badge color="danger">{{toDayEventStorage.eventsList.length + expedienteGdStore.count}}</ion-badge> -->
       <ion-label>Início</ion-label>
     </ion-tab-button>
 
-    <ion-tab-button tab="agenda">
-      <!-- <ion-icon name="calendar"></ion-icon> -->
-      <ion-icon class="nav-icon" src="assets/images/icons-nav-calendar.svg"></ion-icon>
+    <ion-tab-button tab="agenda" (click)="selectedTab('/home/agenda')">
+      <ion-icon *ngIf="tabButton.agenda"  class="nav-icon" src="assets/icon/tab/icons-nav-agenda-selected.svg"></ion-icon>
+      <ion-icon *ngIf="!tabButton.agenda" class="nav-icon" src="assets/icon/tab/icons-nav-agenda.svg"></ion-icon>
       <ion-label style="margin-bottom: 2px;" class="overflow-visible">Agenda</ion-label>
     </ion-tab-button>
-    <ion-tab-button (click)="goto('/home/gabinete-digital')">
-      <!-- <ion-icon name="file-tray-stacked"></ion-icon> -->
-      <ion-icon class="nav-icon" src="assets/images/icons-nav-gabinete-inactive.svg"></ion-icon>
+    <!-- (click)="goto('/home/gabinete-digital')" -->
+    <ion-tab-button tab="gabinete-digital" (click)="selectedTab('/home/gabinete-digital')">
+      <ion-icon *ngIf="tabButton.gabinete"  class="nav-icon" src="assets/icon/tab/icons-nav-gabinete-selected.svg"></ion-icon>
+      <ion-icon  *ngIf="!tabButton.gabinete" class="nav-icon" src="assets/icon/tab/icons-nav-gabinete.svg"></ion-icon>
       <!-- <ion-badge color="danger" *ngIf="!p.userRole(['PR'])" >{{ documentCounterService.mdTotalDocument }}</ion-badge>
       <ion-badge color="danger" *ngIf="p.userRole(['PR'])" >{{ documentCounterService.prTotalDocument }}</ion-badge> -->
       <ion-label>Gabinete</ion-label>
     </ion-tab-button>
 
-    <ion-tab-button tab="publications">
-      <ion-icon class="nav-icon" src="assets/images/icons-nav-actions.svg"></ion-icon>
+    <ion-tab-button tab="publications" (click)="selectedTab('/home/publications')">
+      <ion-icon *ngIf="tabButton.actions" class="nav-icon" src="assets/icon/tab/icons-nav-actions-selected.svg"></ion-icon>
+      <ion-icon *ngIf="!tabButton.actions" class="nav-icon" src="assets/icon/tab/icons-nav-actions.svg"></ion-icon>
       <ion-label style="margin-bottom: 2px;" class="overflow-visible">Ações</ion-label>
     </ion-tab-button>
-    <ion-tab-button tab="chat">
-      <ion-icon class="nav-icon" src="assets/images/icons-nav-chat-inactive.svg"></ion-icon>
+
+    <ion-tab-button tab="chat" (click)="selectedTab('/home/chat')">
+      <ion-icon *ngIf="tabButton.chat" class="nav-icon" src="assets/icon/tab/icons-nav-chat-selected.svg"></ion-icon>
+      <ion-icon *ngIf="!tabButton.chat" class="nav-icon" src="assets/icon/tab/icons-nav-chat.svg"></ion-icon>
       <ion-label>Chat</ion-label>
     </ion-tab-button>
+
   </ion-tab-bar>
 </ion-tabs>
 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 955c24836..7210b1585 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -1,11 +1,11 @@
 
 ion-tab-bar{
   --background: #f9f9f9;
-  --color: #061b52;
+  --color: #797979;
 }
 
-ion-icon {
-  color: blue;
+ion-tab-button{
+  --color-selected: #061b52;
 }
 
 // Badge
diff --git a/src/app/home/home.page.ts b/src/app/home/home.page.ts
index 7d4f59046..999b9592b 100644
--- a/src/app/home/home.page.ts
+++ b/src/app/home/home.page.ts
@@ -57,6 +57,13 @@ export class HomePage implements OnInit {
     showAttendees: false,
     showAttendeeModal: false
   }
+  tabButton = {
+    home: false,
+    agenda: false,
+    gabinete: false,
+    actions: false,
+    chat: false,
+  }
   eventToaprove: any = {
     back: false,
     serialNumber: "",
@@ -150,11 +157,42 @@ export class HomePage implements OnInit {
     }
 
     myWorker.postMessage('ali'); */
+    this.clearTabButtonSelection();
+  }
+
+  clearTabButtonSelection(){
+    this.tabButton.home = false;
+    this.tabButton.agenda = false;
+    this.tabButton.gabinete = false;
+    this.tabButton.actions = false;
+    this.tabButton.chat = false;
+  }
+
+  selectedTab(url?:string){
+    this.clearTabButtonSelection();
+    if(url =='/home/events'){
+      this.tabButton.home = true;
+    }
+    else if(url == '/home/agenda'){
+      this.tabButton.agenda = true;
+    }
+    else if(url =='/home/gabinete-digital'){
+      this.tabButton.gabinete = true;
+    }
+    else if(url =='/home/publications'){
+      this.tabButton.actions = true;
+    }
+    else if(url == '/home/chat'){
+      this.tabButton.chat = true;
+    }
+    else{
+      this.clearTabButtonSelection();
+    }
   }
 
    logDeviceInfo = async () => {
     const info = await Device.getInfo();
-  
+
     console.log('Device info',info);
   };
 
diff --git a/src/assets/icon/tab/icons-nav-actions-selected.svg b/src/assets/icon/tab/icons-nav-actions-selected.svg
new file mode 100644
index 000000000..71b564d51
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-actions-selected.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 30.5024C22.023 30.5024 27 29.5253 27 24.0018C27 18.4784 22.523 14.001 17 14.001C11.477 14.001 7 18.4784 7 24.0018C7 29.5253 10.977 30.5024 16.5 30.5024Z" stroke="#061B52" stroke-width="2"/>
+<path d="M17 14.001C20.3137 14.001 23 11.3145 23 8.0005C23 4.68652 20.3137 2 17 2C13.6863 2 11 4.68652 11 8.0005C11 11.3145 13.6863 14.001 17 14.001Z" stroke="#061B52" stroke-width="2"/>
+<path d="M8.65738 29.0947L22.3427 15.9089M25.157 19.3443L13.8433 30.6589L25.157 19.3443Z" stroke="#061B52" stroke-width="2" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-actions.svg b/src/assets/icon/tab/icons-nav-actions.svg
new file mode 100644
index 000000000..50f5fef81
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-actions.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.5 30.5024C22.023 30.5024 27 29.5253 27 24.0018C27 18.4784 22.523 14.001 17 14.001C11.477 14.001 7 18.4784 7 24.0018C7 29.5253 10.977 30.5024 16.5 30.5024Z" stroke="#797979" stroke-width="2"/>
+<path d="M17 14.001C20.3137 14.001 23 11.3145 23 8.0005C23 4.68652 20.3137 2 17 2C13.6863 2 11 4.68652 11 8.0005C11 11.3145 13.6863 14.001 17 14.001Z" stroke="#797979" stroke-width="2"/>
+<path d="M8.65738 29.0947L22.3427 15.9088M25.157 19.3443L13.8433 30.6589L25.157 19.3443Z" stroke="#797979" stroke-width="2" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-agenda-selected.svg b/src/assets/icon/tab/icons-nav-agenda-selected.svg
new file mode 100644
index 000000000..4aaf75c7e
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-agenda-selected.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4H6C4.89543 4 4 4.89543 4 6V28C4 29.1046 4.89543 30 6 30H28C29.1046 30 30 29.1046 30 28V6C30 4.89543 29.1046 4 28 4Z" stroke="#061B52" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11H28V12H6V11ZM22 16H24V18H22V16ZM16 16H18V18H16V16ZM16 22H18V24H16V22ZM22 22H24V24H22V22ZM10 16H12V18H10V16ZM10 22H12V24H10V22Z" stroke="#061B52" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-agenda.svg b/src/assets/icon/tab/icons-nav-agenda.svg
new file mode 100644
index 000000000..abcfa1e1b
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-agenda.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M28 4H6C4.89543 4 4 4.89543 4 6V28C4 29.1046 4.89543 30 6 30H28C29.1046 30 30 29.1046 30 28V6C30 4.89543 29.1046 4 28 4Z" stroke="#797979" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 11H28V12H6V11ZM22 16H24V18H22V16ZM16 16H18V18H16V16ZM16 22H18V24H16V22ZM22 22H24V24H22V22ZM10 16H12V18H10V16ZM10 22H12V24H10V22Z" stroke="#797979" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-chat-selected.svg b/src/assets/icon/tab/icons-nav-chat-selected.svg
new file mode 100644
index 000000000..e31e28ccd
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-chat-selected.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 24.1C19.904 24.1 21.25 23.892 22.493 23.51C23.159 23.304 26.745 25.268 27.346 24.969C27.953 24.667 25.576 22.102 26.103 21.716C28.493 19.966 30 17.404 30 14.55C30 9.276 24.851 5 18.5 5C12.149 5 7 9.276 7 14.55C7 19.825 12.149 24.1 18.5 24.1Z" stroke="#061B52" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 30.37C11.023 30.37 10.087 30.224 9.222 29.956C8.759 29.813 6.264 31.188 5.846 30.978C5.424 30.768 7.078 28.972 6.711 28.701C5.049 27.476 4 25.683 4 23.685C4 22.133 4.633 20.705 5.695 19.57C7.159 18.006 9.439 17 12 17C16.418 17 20 19.993 20 23.685C20 24.722 19.718 25.703 19.214 26.579C17.923 28.822 15.178 30.37 12 30.37Z" stroke="#061B52" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-chat.svg b/src/assets/icon/tab/icons-nav-chat.svg
new file mode 100644
index 000000000..b4781298a
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-chat.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.5 24.1C19.904 24.1 21.25 23.892 22.493 23.51C23.159 23.304 26.745 25.268 27.346 24.969C27.953 24.667 25.576 22.102 26.103 21.716C28.493 19.966 30 17.404 30 14.55C30 9.276 24.851 5 18.5 5C12.149 5 7 9.276 7 14.55C7 19.825 12.149 24.1 18.5 24.1Z" stroke="#797979" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 30.37C11.023 30.37 10.087 30.224 9.222 29.956C8.759 29.813 6.264 31.188 5.846 30.978C5.424 30.768 7.078 28.972 6.711 28.701C5.049 27.476 4 25.683 4 23.685C4 22.133 4.633 20.705 5.695 19.57C7.159 18.006 9.439 17 12 17C16.418 17 20 19.993 20 23.685C20 24.722 19.718 25.703 19.214 26.579C17.923 28.822 15.178 30.37 12 30.37Z" stroke="#797979" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-gabinete-selected.svg b/src/assets/icon/tab/icons-nav-gabinete-selected.svg
new file mode 100644
index 000000000..44a02ba44
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-gabinete-selected.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 28H5V10H30V28H23ZM30 28H23H30ZM23 6V10H12V6H20H23Z" stroke="#061B52" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.5 27.5L29.5 12.5M5.5 25.5L27.5 10.5L5.5 25.5Z" stroke="#061B52"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-gabinete.svg b/src/assets/icon/tab/icons-nav-gabinete.svg
new file mode 100644
index 000000000..592210b02
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-gabinete.svg
@@ -0,0 +1,4 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23 28H5V10H30V28H23ZM30 28H23H30ZM23 6V10H12V6H20H23Z" stroke="#797979" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.5 27.5L29.5 12.5M5.5 25.5L27.5 10.5L5.5 25.5Z" stroke="#797979"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-home-selected.svg b/src/assets/icon/tab/icons-nav-home-selected.svg
new file mode 100644
index 000000000..8dbe504b4
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-home-selected.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 6L29 12.4599V27.8603C29 28.4122 28.776 28.9122 28.414 29.2741C28.052 29.636 27.552 29.86 27 29.86H22V24.8608C22 24.073 21.696 23.3561 21.2 22.8212C20.69 22.2723 19.978 21.9153 19.183 21.8673L15 21.8613C14.212 21.8613 13.495 22.1653 12.96 22.6612C12.411 23.1711 12.054 23.883 12.006 24.6779L12 29.86H7C6.448 29.86 5.948 29.636 5.586 29.2741C5.224 28.9122 5 28.4122 5 27.8603V12.4599L17 6Z" stroke="#061B52" stroke-width="2"/>
+</svg>
diff --git a/src/assets/icon/tab/icons-nav-home.svg b/src/assets/icon/tab/icons-nav-home.svg
new file mode 100644
index 000000000..0c712e2d1
--- /dev/null
+++ b/src/assets/icon/tab/icons-nav-home.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="35" viewBox="0 0 35 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.5">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17 6L29 12.4599V27.8603C29 28.4122 28.776 28.9122 28.414 29.2741C28.052 29.636 27.552 29.86 27 29.86H22V24.8608C22 24.073 21.696 23.3561 21.2 22.8212C20.69 22.2723 19.978 21.9153 19.183 21.8673L15 21.8613C14.212 21.8613 13.495 22.1653 12.96 22.6612C12.411 23.1711 12.054 23.883 12.006 24.6779L12 29.86H7C6.448 29.86 5.948 29.636 5.586 29.2741C5.224 28.9122 5 28.4122 5 27.8603V12.4599L17 6Z" stroke="black" stroke-width="2"/>
+</g>
+</svg>