diff --git a/projects/igniteui-angular/src/lib/avatar/avatar.component.ts b/projects/igniteui-angular/src/lib/avatar/avatar.component.ts
index 42e42db29de..3a5411bcaa0 100644
--- a/projects/igniteui-angular/src/lib/avatar/avatar.component.ts
+++ b/projects/igniteui-angular/src/lib/avatar/avatar.component.ts
@@ -341,7 +341,7 @@ export class IgxAvatarComponent implements OnInit {
      * @internal
      */
     public getSrcUrl() {
-        return `url(${this.src})`;
+        return `url("${this.src}")`;
     }
 
     /** @hidden @internal */