navicon.css

.navicon-icon {
    width: 30px;
	height: 30px;
	background-size: cover;
	background-repeat: no-repeat;
	display: inline-block;
	background-image: url(
        data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAABa1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD/////QfrmAAAAd3RSTlMAAQIEBQ8RGBkaHB4fICIjJCUoKistLjE0Nzg6Oz0+P0BBQkRFRkdIS0xNT1BSVFaRlZiZmpucnZ6fo6Smp6ipqqywtLW3uLm6vL2+v8HCxMXGycvNz9HT1dfY2drb3t/h4uPm5+jp6uvs7e7v8fLz9Pf4+vv9/hOC9LcAAAABYktHRHjW2+RGAAACdklEQVR42u3caVeNURzG4afBEKUilIhkjCQZMkXmDFGECKlOTlHGOl/fa2ux1t5e/p/r+gb377x79j67KAAAAAAAAAAAgDI6NDyzVgvh2+zIsez52+7XQnnSmrd/70ItmGp3zv6m+Vo4K+0ZAR7UApqsS97fWwvpdHKACzEDjCYHeBszwGJygK8xA6w3pgbYiBmgtkkAAQQQQAABBBBAAAEEEEAAAQQQQICSfRJrKPlH0UryR9GLMQPcSA7QFzPAQPrR2HjE/VPpR2NFcyXe/tVdOcfDneEKrPTkXRBofhRr/7P2ItfRy++/xxj/48OV/roCAAAAAAAAAADgD/uHXlWD3JB7PXw4e37T7VjX5MZb8vbvCfeOzlJXzv6tH+NdlV1uywhwN+Jl6afp+w/GvC7fnxzgfMwA15MDvIkZYCE5QOn/NOV/gwIIIIAAAggggAACCCCAAAIIIIAAZQtQ+qe1Z2MGSH9H6FLMADeTAxyJGeBM+tHQ44j7n2e8I9KyFG//WkfO8XBXNdr+L715FwR2TMTaP7Uz+47IiatzP2OM/zU/OvCf7whtDsEjSgAAAAAAAAAA8Df7zk4vfg6h8nKoJ3v+lluxrsnd2563v2Mu2kXJxc6s3z/gO0LV1owAdyJelp5I338g5nX5k8kBzsUMcC05wEzMAOnvCK0F/dOUd4QEEEAAAQQQQAABBBBAAAEEEEAAAQT4h9K/I/QuZoCl5I+iIzEDjCUHOB4zwGD60dDDiPun69MDtHyKt39td87xcPdytP2rfXkXBNomY+1/0VFkqjs1urAeY/xGZWywvvgfDTHeEWosAAAAAAAAAAAAoKx+A82g+DMYuUz9AAAAAElFTkSuQmCC
    );
}