Keep ico style consistent

assets/sass/style.scss

@@ -556,3 +556,19 @@ a[href*="//"]:not([href*="perl6.org"])::after,
     padding-left: 2px;
     content: url(/images/External-link-04-bold-12x12.svg);
 }
+
+
+.pencil{
+    background: #fff; /* Old browsers */
+    background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, #ffffff 0%,#ededed 100%); /* Opera11.10+ */
+    background: -ms-linear-gradient(top, #ffffff 0%,#ededed 100%); /* IE10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
+    background: linear-gradient(top, #ffffff 0%,#ededed 100%); /* W3C */
+    border: 1px solid #CCCCCC;
+    color: #777777;
+    cursor: pointer;
+    overflow: visible;  border-radius: 4px 4px 4px 4px;
+}

htmlify.p6

@@ -117,10 +117,8 @@ sub header-html($current-selection, $pod-path) is cached {
     if defined $pod-path {
       $edit-url = qq[
       <div align="right">
-        <button title="Edit this page" onclick="location='https://github.com/perl6/doc/edit/master/doc/$pod-path'">
-          <svg aria-hidden="true" height="16" viewBox="0 0 14 16" width="14">
-            <path fill-rule="evenodd" d="M0 12v3h3l8-8-3-3-8 8zm3 2H1v-2h1v1h1v1zm10.3-9.3L12 6 9 3l1.3-1.3a.996.996 0 0 1 1.41 0l1.59 1.59c.39.39.39 1.02 0 1.41z"/>
-          </svg>
+        <button title="Edit this page"  class="pencil" onclick="location='https://github.com/perl6/doc/edit/master/doc/$pod-path'">
+        {svg-for-file("html/images/pencil.svg")}
         </button>
       </div>]
     }