diff --git a/icons/zoom.svg b/icons/zoom.svg
new file mode 100755
index 000000000..6265ddf42
--- /dev/null
+++ b/icons/zoom.svg
@@ -0,0 +1,60 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generated by IcoMoon.io -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   width="24"
+   height="24"
+   viewBox="0 0 24 24"
+   id="svg6"
+   sodipodi:docname="zoom.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>uniE003</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs10" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1017"
+     id="namedview8"
+     showgrid="false"
+     inkscape:zoom="7.375"
+     inkscape:cx="-7.7966102"
+     inkscape:cy="16"
+     inkscape:window-x="1912"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg6" />
+  <title
+     id="title2">uniE003</title>
+  <path
+     d="m 14.113475,0.80944999 q -1.92565,0 -3.67729,0.74564201 Q 8.6845448,2.300734 7.4231615,3.5532691 6.1617783,4.8058043 5.4108692,6.5451576 4.6599601,8.2845109 4.6599601,10.196653 l 0.019496,0.038 -0.019496,0.09536 q 0,2.695782 1.5018182,5.009423 l -5.2946327,5.238852 q -0.44260314,0.496856 -0.43321704,0.851036 0.009432,0.35418 0.43321704,0.81232 l 1.1357508,1.109142 q 0.5003646,0.382141 0.8953148,0.382141 0.3949492,0 0.7602952,-0.382141 l 5.2946327,-5.238852 q 2.2909949,1.471926 5.0253159,1.471926 l 0.09603,-0.01936 0.03827,0.01936 q 1.925649,0 3.67729,-0.745642 1.75164,-0.745642 3.013023,-1.998177 1.261383,-1.252535 2.012292,-2.991889 0.750909,-1.739353 0.750909,-3.651494 0,-1.9121421 -0.75091,-3.6514954 Q 22.06445,4.8058043 20.803067,3.5532691 19.541684,2.300734 17.790044,1.555092 16.038403,0.80944999 14.112754,0.80944999 Z m 0,3.23135431 q 1.6946,0 3.119161,0.822357 1.424562,0.8223571 2.252728,2.236926 0.828167,1.4145689 0.828167,3.0972827 0,1.682713 -0.828167,3.097282 -0.828166,1.414568 -2.252728,2.236926 -1.424561,0.822357 -3.119161,0.822357 -1.694601,0 -3.119163,-0.822357 Q 9.569751,14.70922 8.7415848,13.294652 7.9134186,11.880083 7.9134186,10.19737 q 0,-1.6827138 0.8281662,-3.0972827 0.8281662,-1.4145689 2.2527272,-2.236926 1.424562,-0.822357 3.119163,-0.822357 z"
+     id="path4"
+     inkscape:connector-curvature="0"
+     style="stroke-width:0.69999999" />
+</svg>
diff --git a/plugins/LayerTree.jsx b/plugins/LayerTree.jsx
index 7760d47d0..8afc994cf 100644
--- a/plugins/LayerTree.jsx
+++ b/plugins/LayerTree.jsx
@@ -17,7 +17,7 @@ const FileSaver = require('file-saver');
 const Message = require('../components/I18N/Message');
 const {LayerRole, changeLayerProperty, removeLayer, reorderLayer, setSwipe, addLayerSeparator} = require('../actions/layers')
 const {setActiveLayerInfo} = require('../actions/layerinfo');
-const {toggleMapTips} = require('../actions/map');
+const {toggleMapTips, zoomToExtent} = require('../actions/map');
 const ConfigUtils = require("../utils/ConfigUtils");
 const LocaleUtils = require("../utils/LocaleUtils");
 const Icon = require('../components/Icon');
@@ -232,9 +232,17 @@ class LayerTree extends React.Component {
                     (<Icon key="layertree-item-move-up" className="layertree-item-move" icon="arrow-up" onClick={() => this.props.reorderLayer(layer, path, -1)} />)
                 ];
             }
+            let zoomToLayerButton = null;
+            if(sublayer.bbox && sublayer.bbox.bounds && sublayer.bbox.crs) {
+                let zoomToLayerTooltip = LocaleUtils.getMessageById(this.context.messages, "layertree.zoomtolayer");
+                zoomToLayerButton = (
+                    <Icon icon="zoom" title={zoomToLayerTooltip} onClick={() => this.props.zoomToExtent(sublayer.bbox.bounds, sublayer.bbox.crs)} />
+                )
+            }
             editframe = (
                 <div className="layertree-item-edit-frame" style={{marginRight: allowRemove ? '1.75em' : 0}}>
                     <div className="layertree-item-edit-items">
+                        {zoomToLayerButton}
                         <Icon icon="transparency" />
                         <input className="layertree-item-transparency-slider" type="range" min="0" max="255" step="1" defaultValue={255-sublayer.opacity} onMouseUp={(ev) => this.layerTransparencyChanged(layer, path, ev.target.value)} onTouchEnd={(ev) => this.layerTransparencyChanged(layer, path, ev.target.value)} />
                         {reorderButtons}
diff --git a/translations/data.de-DE b/translations/data.de-DE
index 6dfa85395..a8d7541c9 100644
--- a/translations/data.de-DE
+++ b/translations/data.de-DE
@@ -102,7 +102,8 @@
       "deletealllayers": "Alle Ebenen entfernen",
       "visiblefilter": "Unsichtbare Ebenen filtern",
       "separator": "Separator",
-      "separatortooltip": "Separator hinzufügen"
+      "separatortooltip": "Separator hinzufügen",
+      "zoomtolayer": "Auf den Layer zoomen"
     },
     "locate": {
       "metersUnit": "Meter",
diff --git a/translations/data.en-US b/translations/data.en-US
index 827bda87a..7d102700f 100644
--- a/translations/data.en-US
+++ b/translations/data.en-US
@@ -102,7 +102,8 @@
       "deletealllayers": "Remove all layers",
       "visiblefilter": "Filter invisible layers",
       "separator": "Separator",
-      "separatortooltip": "Add separator"
+      "separatortooltip": "Add separator",
+      "zoomtolayer": "Zoom to layer"
     },
     "locate": {
       "metersUnit": "meters",
diff --git a/translations/tsconfig.json b/translations/tsconfig.json
index 73271349d..dac91fe2c 100644
--- a/translations/tsconfig.json
+++ b/translations/tsconfig.json
@@ -90,6 +90,7 @@
     "layertree.visiblefilter",
     "layertree.separator",
     "layertree.separatortooltip",
+    "layertree.zoomtolayer",
     "locate.metersUnit",
     "locate.feetUnit",
     "locate.popup",