diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 29ea7e536cb9bd9af6a15f61222b4e9792953e7a..13841fd0256da49cf0e9b0ca2e831e55d800b36a 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { SwUpdate } from '@angular/service-worker';
 import { NotificationService } from './services/util/notification.service';
+import { MatIconRegistry } from '@angular/material';
+import { DomSanitizer } from '@angular/platform-browser';
 
 @Component({
   selector: 'app-root',
@@ -12,9 +14,15 @@ export class AppComponent implements OnInit {
 
   constructor(private translationService: TranslateService,
               private update: SwUpdate,
-              public notification: NotificationService) {
+              public notification: NotificationService,
+              private matIconRegistry: MatIconRegistry,
+              private domSanitizer: DomSanitizer) {
     translationService.setDefaultLang(this.translationService.getBrowserLang());
     sessionStorage.setItem('currentLang', this.translationService.getBrowserLang());
+    this.matIconRegistry.addSvgIcon(
+      'beamer',
+      this.domSanitizer.bypassSecurityTrustResourceUrl('../assets/icons/beamer-icon.svg')
+    );
   }
 
   title = 'frag.jetzt';
diff --git a/src/app/components/shared/comment/comment.component.html b/src/app/components/shared/comment/comment.component.html
index aa111ac2ac0c711d5b9bf5c04d7fd063836be41e..af68cb33ab047042fb6f57c6cee8b0a56e832d99 100644
--- a/src/app/components/shared/comment/comment.component.html
+++ b/src/app/components/shared/comment/comment.component.html
@@ -11,8 +11,8 @@
         </ng-template>
       </div>
       <button mat-icon-button *ngIf="comment.read" [disabled]="true" (click)="setRead(comment)">
-        <mat-icon [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}"
-                  matTooltip="{{ 'comment-page.mark-read' | translate }}">speaker_notes
+        <mat-icon svgIcon="beamer" [ngClass]="{'read-icon': comment.read, 'not-marked' : !comment.read}"
+                  matTooltip="{{ 'comment-page.mark-read' | translate }}">
         </mat-icon>
       </button>
       <span class="fill-remaining-space"></span>
diff --git a/src/assets/icons/beamer-icon.svg b/src/assets/icons/beamer-icon.svg
new file mode 100644
index 0000000000000000000000000000000000000000..2783ead4942e4d28254bba49ed313125695934c4
--- /dev/null
+++ b/src/assets/icons/beamer-icon.svg
@@ -0,0 +1 @@
+<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 100 100" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M25.875,73.875c0,2.761-2.239,5-5,5s-5-2.239-5-5"></path><path d="M85,73.875c0,2.761-2.239,5-5,5s-5-2.239-5-5"></path><g><path d="M72.461,36.5c-7.444,0-13.5,6.056-13.5,13.5c0,7.444,6.056,13.5,13.5,13.5s13.5-6.056,13.5-13.5   C85.961,42.556,79.905,36.5,72.461,36.5z M72.461,60c-5.523,0-10-4.477-10-10c0-5.523,4.477-10,10-10c5.523,0,10,4.477,10,10   C82.461,55.523,77.984,60,72.461,60z"></path><path d="M83,27.5H17c-6.6,0-12,5.4-12,12v21c0,6.6,5.4,12,12,12h66c6.6,0,12-5.4,12-12v-21C95,32.9,89.6,27.5,83,27.5z M40.25,62.5   h-26c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2h26c1.1,0,2,0.9,2,2C42.25,61.6,41.35,62.5,40.25,62.5z M40.25,55.562h-26c-1.1,0-2-0.9-2-2   c0-1.1,0.9-2,2-2h26c1.1,0,2,0.9,2,2C42.25,54.662,41.35,55.562,40.25,55.562z M40.25,48.438h-26c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2   h26c1.1,0,2,0.9,2,2C42.25,47.537,41.35,48.438,40.25,48.438z M40.25,41.5h-26c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2h26   c1.1,0,2,0.9,2,2C42.25,40.6,41.35,41.5,40.25,41.5z M72.461,66.5c-9.098,0-16.5-7.402-16.5-16.5c0-9.098,7.402-16.5,16.5-16.5   s16.5,7.402,16.5,16.5C88.961,59.098,81.559,66.5,72.461,66.5z"></path></g></svg>
\ No newline at end of file