Add improved "zoom to" icon

css/80_app.css

@@ -386,6 +386,10 @@ button[disabled].action:hover {
     height: 20px;
 }
 
+.icon.monochrome use {
+    fill: currentColor;
+}
+
 .icon.inline {
     vertical-align: text-top;
     width: 14px;

modules/ui/raw_member_editor.js

@@ -173,7 +173,7 @@ export function uiRawMemberEditor(context) {
                         .append('button')
                         .attr('class', 'member-zoom')
                         .attr('title', t('icons.zoom_to'))
-                        .call(svgIcon('#iD-icon-geolocate'))
+                        .call(svgIcon('#iD-icon-framed-dot', 'monochrome'))
                         .on('click', zoomToMember);
 
                 } else {

svg/iD-sprite/icons/icon-framed-dot.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <path d="M4,4 L4,7 C4,7.55228475 3.55228475,8 3,8 C2.44771525,8 2,7.55228475 2,7 L2,3 C2,2.44771525 2.44771525,2 3,2 L7,2 C7.55228475,2 8,2.44771525 8,3 C8,3.55228475 7.55228475,4 7,4 L4,4 Z M4,16 L7,16 C7.55228475,16 8,16.4477153 8,17 C8,17.5522847 7.55228475,18 7,18 L3,18 C2.44771525,18 2,17.5522847 2,17 L2,13 C2,12.4477153 2.44771525,12 3,12 C3.55228475,12 4,12.4477153 4,13 L4,16 Z M18,3 L18,7 C18,7.55228475 17.5522847,8 17,8 C16.4477153,8 16,7.55228475 16,7 L16,4 L13,4 C12.4477153,4 12,3.55228475 12,3 C12,2.44771525 12.4477153,2 13,2 L17,2 C17.5522847,2 18,2.44771525 18,3 Z M16,16 L16,13 C16,12.4477153 16.4477153,12 17,12 C17.5522847,12 18,12.4477153 18,13 L18,17 C18,17.5522847 17.5522847,18 17,18 L13,18 C12.4477153,18 12,17.5522847 12,17 C12,16.4477153 12.4477153,16 13,16 L16,16 Z" fill="currentColor"></path>
+    <path d="M10,7 C11.6568542,7 13,8.34314575 13,10 C13,11.6568542 11.6568542,13 10,13 C8.34314575,13 7,11.6568542 7,10 C7,8.34314575 8.34314575,7 10,7 Z" fill="inherit"></path>
+</svg>