diff --git a/src/app/models/user.model.ts b/src/app/models/user.model.ts
index d4c4b9a58ec6a5d41bea93d69302150fc6aba921..ed5b7aa02ddf13100b7b3b8974b29b0e62c4cc81 100644
--- a/src/app/models/user.model.ts
+++ b/src/app/models/user.model.ts
@@ -10,6 +10,7 @@ export class User {
   validationToken: string;
   structuresLink: string[];
   pendingStructuresLink: string[] = [];
+  profileImage: string;
 
   constructor(obj?: any) {
     Object.assign(this, obj);
diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html
index da389cd0f772d5f24178acc9d757e6eb1c6b074e..45f184ad15b5c6cf668edb549139c729b9c88c45 100644
--- a/src/app/profile/profile.component.html
+++ b/src/app/profile/profile.component.html
@@ -1,9 +1,9 @@
 <div fxLayout="column" class="content-container full-screen" *ngIf="userProfile">
   <div class="profileSection">
     <div class="section-container" fxLayout="row">
-      <svg class="cameraProfile" aria-hidden="true">
-        <use [attr.xlink:href]="'assets/ico/sprite.svg#camera'"></use>
-      </svg>
+      <ng-container *ngIf="userProfile.profileImage">
+        <img class="cameraProfile" src="userProfile.profileImage">
+      </ng-container>
       <div class="profileInformation" fxLayoutGap="18px" fxLayout="column">
         <div fxLayout="row" fxLayoutAlign="space-between center">
           <p class="profileName">{{ userProfile.name | titlecase }} {{ userProfile.surname | titlecase }}</p>