Adding new svg for the logo

The svg is multi-colored, so I added css for future changes to the
color.

lib/icons/simplenote.jsx

@@ -2,8 +2,11 @@ import React from 'react'
 
 export default function SimplenoteLogo() {
 	return (
-		<svg className="logo" width="96" height="96" viewBox="0 0 96 96">
-			<path d="M45.9,54.9c-21.1-5.8-33.7-21.5-32.1-40c0-0.2,0.1-0.4,0.1-0.6C5.3,22.9,0,34.8,0,48c0,25.3,20.6,47,44.4,47.8 c5.3,0.2,10.5-1.2,14.6-4.7c4.2-3.5,6.7-8.4,7.2-13.8C67.4,63,54,57.1,45.9,54.9z M96,48C96,22.9,76,1.3,52.2,0.2 C47.5,0,42.9,1.3,39.3,4.3c-3.7,3.1-5.9,7.4-6.4,12.2C32,27.3,41.6,33.8,51,36.4c22.6,6.2,35.7,22.2,34.4,41.8 C92,69.9,96,59.4,96,48z" />
+		<svg className="logo" width="96" height="96" viewBox="0 0 176 176">
+			<g fill-rule="evenodd" clip-rule="evenodd">
+				<circle cx="88" cy="88" r="88" fill="#fff"/>
+				<path d="M152.37 87.885c0-34.066-27.182-63.42-59.45-64.854-6.416-.284-12.647 1.432-17.58 5.573-5.002 4.196-8.07 10.09-8.638 16.595C65.43 59.73 78.537 68.618 91.225 72.09c30.69 8.398 48.462 30.086 46.655 56.757 9.057-11.194 14.49-25.442 14.49-40.962zM84.345 97.24c-28.696-7.853-45.817-29.174-43.62-54.317.027-.287.073-.567.102-.852C29.19 53.846 22 70.023 22 87.886c0 34.348 27.955 63.828 60.277 64.933 7.227.248 14.214-1.685 19.766-6.344 5.67-4.757 9.146-11.435 9.79-18.808 1.703-19.463-16.492-27.417-27.488-30.426z" fill="#4895d9"/>
+			</g>
 		</svg>
 	);
 }

scss/icons.scss

@@ -1,3 +1,11 @@
 svg[class^="icon-"] {
 	fill: currentColor;
+}
+
+// Color for the Simplenote logo
+.logo path {
+	fill: $blue;
+}
+.logo circle {
+	fill: $white;
 }