add google-brand icon

site/components/Icon.tsx

@@ -33,6 +33,23 @@ const icons = {
     >
       <path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" />
     </svg>
+  ),  
+  'brand-google': ({ className }) => (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      className={clsx('icon icon-tabler icon-tabler-brand-google', className)}
+      width={24}
+      height={24}
+      viewBox="0 0 24 24"
+      strokeWidth="2"
+      stroke="currentColor"
+      fill="none"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+      <path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8"></path>
+    </svg>
   ),
   'brand-sketch': ({ className }) => (
     <svg

site/components/Signin.tsx

@@ -49,7 +49,7 @@ export default function Signin() {
             </div>
             <div className="col">
               <a onClick={() => handleLogin('google')} className="btn w-100">
-                {/* <Icon name="brand-google"/> */}
+                <Icon name="brand-google"/>
                 Login with Google
               </a>
             </div>            

site/styles/_buttons.scss

@@ -46,6 +46,7 @@
 
   .icon {
     width: divide(20, 16) * 1em;
+    min-width: divide(20, 16) * 1em;
     height: divide(20, 16) * 1em;
     vertical-align: bottom;
     margin-right: $gap-2;

site/styles/_grid.scss

@@ -1,3 +1,7 @@
+.row > * {
+  min-width: 0;
+}
+
 .container,
 .container-fluid {
   width: 100%;