Change icon

app/src/pages/login/login.html

@@ -1,8 +1,9 @@
 <ion-content>
-  <div class="header"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"
-      x="0px" y="0px" viewBox="0 0 300 100" xml:space="preserve" width="100%" class="svg-triangle">
+  <div class="header"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 300 100" xml:space="preserve" width="100%" class="svg-triangle">
       <polygon points="0,99  0,100 300,100 300,75" fill="#FFFFFF" /></svg>
-    <div class="logo"></div>
+    <div class="logo">
+      <img src="assets/imgs/logo.png" alt="Logo">
+    </div>
   </div>
   <div class="content">
     <h1>Hybrid OSN</h1>

app/src/pages/login/login.scss

@@ -6,14 +6,15 @@ page-login {
     position: relative;
     margin-bottom: 50px;
     .logo {
-      border-radius: 50%;
-      border: 5px solid #fff;
-      background-color: #ccc;
       width: 140px;
       height: 140px;
       position: absolute;
       bottom: -60px;
       left: calc(50% - 70px);
+      img {
+        border-radius: 50%;
+        border: 5px solid #fff;
+      }
     }
     .svg-triangle {
       position: absolute;
@@ -25,7 +26,6 @@ page-login {
     flex-direction: column;
     align-items: center;
     padding: 16px;
-
     button {
       margin: 16px 0 32px 0;
     }