diff --git a/scm-ui-components/packages/ui-components/src/Breadcrumb.js b/scm-ui-components/packages/ui-components/src/Breadcrumb.js
index 5b0f151c61..74996accc0 100644
--- a/scm-ui-components/packages/ui-components/src/Breadcrumb.js
+++ b/scm-ui-components/packages/ui-components/src/Breadcrumb.js
@@ -1,10 +1,12 @@
 //@flow
 import React from "react";
-import {Link} from "react-router-dom";
-import type {Branch, Repository} from "@scm-manager/ui-types";
+import { Link } from "react-router-dom";
+import { translate } from "react-i18next";
 import injectSheet from "react-jss";
-import {binder, ExtensionPoint} from "@scm-manager/ui-extensions";
 import classNames from "classnames";
+import { binder, ExtensionPoint } from "@scm-manager/ui-extensions";
+import type { Branch, Repository } from "@scm-manager/ui-types";
+import Icon from "./Icon";
 
 type Props = {
   repository: Repository,
@@ -14,7 +16,10 @@ type Props = {
   revision: string,
   path: string,
   baseUrl: string,
-  classes: any
+
+  // Context props
+  classes: any,
+  t: string => string
 };
 
 const styles = {
@@ -28,6 +33,9 @@ const styles = {
   flexStart: {
     flex: "1"
   },
+  homeIcon: {
+    lineHeight: "1.5rem"
+  },
   buttonGroup: {
     alignSelf: "center",
     paddingRight: "1rem"
@@ -45,7 +53,7 @@ class Breadcrumb extends React.Component<Props> {
         if (paths.length - 1 === index) {
           return (
             <li className="is-active" key={index}>
-              <Link to={"#"} aria-current="page">
+              <Link to="#" aria-current="page">
                 {path}
               </Link>
             </li>
@@ -59,19 +67,20 @@ class Breadcrumb extends React.Component<Props> {
       });
       return map;
     }
-    return <li />;
+    return null;
   }
 
   render() {
     const {
-      classes,
       baseUrl,
       branch,
       defaultBranch,
       branches,
       revision,
       path,
-      repository
+      repository,
+      classes,
+      t
     } = this.props;
 
     return (
@@ -84,7 +93,19 @@ class Breadcrumb extends React.Component<Props> {
             )}
             aria-label="breadcrumbs"
           >
-            <ul>{this.renderPath()}</ul>
+            <ul>
+              <li>
+                <Link to={baseUrl + "/" + revision + "/"}>
+                  <Icon
+                    className={classes.homeIcon}
+                    title={t("breadcrumb.home")}
+                    name="home"
+                    color="inherit"
+                  />
+                </Link>
+              </li>
+              {this.renderPath()}
+            </ul>
           </nav>
           {binder.hasExtension("repos.sources.actionbar") && (
             <div className={classes.buttonGroup}>
@@ -112,4 +133,4 @@ class Breadcrumb extends React.Component<Props> {
   }
 }
 
-export default injectSheet(styles)(Breadcrumb);
+export default translate("commons")(injectSheet(styles)(Breadcrumb));
diff --git a/scm-ui/public/locales/de/commons.json b/scm-ui/public/locales/de/commons.json
index 260dac41c6..8c575cc4e9 100644
--- a/scm-ui/public/locales/de/commons.json
+++ b/scm-ui/public/locales/de/commons.json
@@ -23,6 +23,9 @@
       "subtitle": "Ein unbekannter Fehler ist aufgetreten."
     }
   },
+  "breadcrumb": {
+    "home": "Hauptseite"
+  },
   "errorNotification": {
     "prefix": "Fehler",
     "loginLink": "Erneute Anmeldung",
diff --git a/scm-ui/public/locales/en/commons.json b/scm-ui/public/locales/en/commons.json
index 9d3d2d0037..f7bab46d22 100644
--- a/scm-ui/public/locales/en/commons.json
+++ b/scm-ui/public/locales/en/commons.json
@@ -24,6 +24,9 @@
       "subtitle": "Unknown error occurred"
     }
   },
+  "breadcrumb": {
+    "home": "Main page"
+  },
   "errorNotification": {
     "prefix": "Error",
     "loginLink": "You can login here again.",
diff --git a/scm-ui/public/locales/es/commons.json b/scm-ui/public/locales/es/commons.json
index e130ce8b17..06db500845 100644
--- a/scm-ui/public/locales/es/commons.json
+++ b/scm-ui/public/locales/es/commons.json
@@ -24,6 +24,9 @@
       "subtitle": "Ha ocurrido un error desconocido"
     }
   },
+  "breadcrumb": {
+    "home": "Página principal"
+  },
   "errorNotification": {
     "prefix": "Error",
     "loginLink": "Aquí puede iniciar la sesión de nuevo.",