feat: add GithubIcon and GoogleIcon components with customizable properties

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/icons/Github/GithubIcon.tsx

@@ -0,0 +1,33 @@
+interface GithubIconProps {
+  height?: string | number;
+  width?: string | number;
+  className?: string;
+}
+
+export default function GithubIcon({
+  height = '1.45rem',
+  width = '1.45rem',
+  className
+}: GithubIconProps) {
+  return (
+    <svg
+      height={height}
+      width={width}
+      className={className}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 400 400"
+    >
+      <path
+        fill="currentColor"
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M203.9,60c-75.6,0-137,61.3-137,137c0,60.5,39.2,111.9,93.7,130c6.8,1.3,9.3-3,9.3-6.6c0-3.3-0.1-11.9-0.2-23.3
+                      c-38.1,8.3-46.1-18.4-46.1-18.4c-6.2-15.8-15.2-20-15.2-20c-12.4-8.5,0.9-8.3,0.9-8.3c13.7,1,21,14.1,21,14.1
+              c12.2,20.9,32.1,14.9,39.9,11.4c1.2-8.9,4.8-14.9,8.7-18.3c-30.4-3.5-62.4-15.2-62.4-67.7c0-15,5.3-27.2,14.1-36.8
+              c-1.4-3.5-6.1-17.4,1.3-36.3c0,0,11.5-3.7,37.7,14c10.9-3,22.6-4.6,34.3-4.6c11.6,0.1,23.4,1.6,34.3,4.6c26.2-17.7,37.6-14,37.6-14
+              c7.5,18.9,2.8,32.8,1.4,36.3c8.8,9.6,14.1,21.8,14.1,36.8c0,52.6-32,64.2-62.5,67.6c4.9,4.2,9.3,12.6,9.3,25.4
+              c0,18.3-0.2,33.1-0.2,37.6c0,3.7,2.5,7.9,9.4,6.6c54.4-18.2,93.6-69.5,93.6-130C340.9,121.3,279.5,60,203.9,60z"
+      />
+    </svg>
+  );
+}

src/icons/Github/index.ts

@@ -0,0 +1,3 @@
+import GithubIcon from './GithubIcon';
+
+export { GithubIcon };

src/icons/Google/GoogleIcon.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+
+interface GoogleIconProps {
+  height: number;
+  width: number;
+  style?: React.CSSProperties;
+}
+
+const GoogleIcon: React.FC<GoogleIconProps> = ({ height, width, style }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      viewBox="0 0 256 256"
+      style={style}
+    >
+      <g
+        fillOpacity="0"
+        strokeMiterlimit="10"
+        fontFamily="none"
+        fontSize="none"
+        fontWeight="none"
+        textAnchor="none"
+        style={{ mixBlendMode: 'normal' }}
+      >
+        <path d="M0 256V0h256v256z"></path>
+      </g>
+      <g
+        fill="none"
+        strokeMiterlimit="10"
+        fontFamily="none"
+        fontSize="none"
+        fontWeight="none"
+        textAnchor="none"
+        style={{ mixBlendMode: 'normal' }}
+      >
+        <path
+          fill="#ffc107"
+          d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"
+          transform="scale(5.33333)"
+        ></path>
+        <path
+          fill="#ff3d00"
+          d="M6.306 14.691l6.571 4.819C14.655 15.108 18.961 12 24 12c3.059 0 5.842 1.154 7.961 3.039l5.657-5.657C34.046 6.053 29.268 4 24 4 16.318 4 9.656 8.337 6.306 14.691z"
+          transform="scale(5.33333)"
+        ></path>
+        <path
+          fill="#4caf50"
+          d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238A11.91 11.91 0 0124 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"
+          transform="scale(5.33333)"
+        ></path>
+        <path
+          fill="#1976d2"
+          d="M43.611 20.083H42V20H24v8h11.303a12.04 12.04 0 01-4.087 5.571l.003-.002 6.19 5.238C36.971 39.205 44 34 44 24c0-1.341-.138-2.65-.389-3.917z"
+          transform="scale(5.33333)"
+        ></path>
+      </g>
+    </svg>
+  );
+};
+
+export default GoogleIcon;

src/icons/Google/index.ts

@@ -0,0 +1,3 @@
+import GoogleIcon from './GoogleIcon';
+
+export { GoogleIcon };