34 lines
1.7 KiB
TypeScript
34 lines
1.7 KiB
TypeScript
// Brand glyphs for OAuth providers. lucide-react dropped brand icons, so these
|
|
// are small inline SVGs (Google's multicolour "G", Facebook's blue "f").
|
|
|
|
export function GoogleIcon({ className }: { className?: string }) {
|
|
return (
|
|
<svg viewBox="0 0 48 48" className={className} aria-hidden="true">
|
|
<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"
|
|
/>
|
|
<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"
|
|
/>
|
|
<path
|
|
fill="#4CAF50"
|
|
d="M24 44c5.166 0 9.86-1.977 13.409-5.192l-6.19-5.238C29.211 35.091 26.715 36 24 36c-5.202 0-9.619-3.317-11.283-7.946l-6.522 5.025C9.505 39.556 16.227 44 24 44z"
|
|
/>
|
|
<path
|
|
fill="#1976D2"
|
|
d="M43.611 20.083H42V20H24v8h11.303c-.792 2.237-2.231 4.166-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"
|
|
/>
|
|
</svg>
|
|
);
|
|
}
|
|
|
|
export function FacebookIcon({ className }: { className?: string }) {
|
|
return (
|
|
<svg viewBox="0 0 24 24" className={className} aria-hidden="true" fill="#1877F2">
|
|
<path d="M24 12.073C24 5.404 18.627 0 12 0S0 5.404 0 12.073c0 6.026 4.388 11.022 10.125 11.927v-8.437H7.078v-3.49h3.047V9.41c0-3.017 1.792-4.684 4.533-4.684 1.312 0 2.686.235 2.686.235v2.97h-1.513c-1.491 0-1.956.93-1.956 1.886v2.265h3.328l-.532 3.49h-2.796v8.437C19.612 23.095 24 18.099 24 12.073z" />
|
|
</svg>
|
|
);
|
|
}
|