pencil icon => SVG

_sass/_base.sass

@@ -691,7 +691,6 @@ dd
 #docsContent
 	position: relative
 	float: right
-	//width: calc(100% - 400px)
 	width: 100%
 
 	$toc-margin: 15px
@@ -847,9 +846,9 @@ dd
 		white-space: nowrap
 		text-indent: 50px
 		overflow: hidden
-		background: $blue url(/images/pencil.png) no-repeat
-		background-position: 1px 1px
-		background-size: auto
+		background: $blue url(/images/icon-pencil.svg) no-repeat
+		background-position: 12px 10px
+		background-size: 29px 29px
 
 	#markdown-toc
 		margin-bottom: 20px

images/icon-pencil.svg

@@ -0,0 +1 @@
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 198.49 198.48"><defs><style>.cls-1{fill:#fff}</style></defs><title>icon-pencil</title><path class="cls-1" d="M49.43 184.42L0 198.48l14.06-49.41 35.37 35.35zM184.35 49.494L148.993 14.14 163.136-.004l35.355 35.355zM144.75 18.38l35.36 35.36L52.84 181.02l-35.37-35.37zM49.29 156.27l7.07 7.07L162.43 57.27l-7.07-7.07zm-14.14-14.14l7.07 7.07L148.29 43.13l-7.07-7.07z"/></svg>