covidpass-greenpass-su-ipho.../components/Logo.tsx

30 lines
1.3 KiB
XML

import {useTranslation} from 'next-i18next';
import Link from 'next/link'
function Logo(): JSX.Element {
const { t } = useTranslation('common');
return (
<Link href="/">
<a className="flex flex-row items-center p-3 justify-center space-x-1">
<svg className="fill-current" xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24"
height="48px"
viewBox="0 0 24 24" width="48px" fill="#000000">
<g>
<path d="M0,0h24v24H0V0z" fill="none"/>
</g>
<g>
<path
d="M11.3,2.26l-6,2.25C4.52,4.81,4,5.55,4,6.39v4.71c0,5.05,3.41,9.76,8,10.91c4.59-1.15,8-5.86,8-10.91V6.39 c0-0.83-0.52-1.58-1.3-1.87l-6-2.25C12.25,2.09,11.75,2.09,11.3,2.26z M10.23,14.83l-2.12-2.12c-0.39-0.39-0.39-1.02,0-1.41l0,0 c0.39-0.39,1.02-0.39,1.41,0l1.41,1.41l3.54-3.54c0.39-0.39,1.02-0.39,1.41,0l0,0c0.39,0.39,0.39,1.02,0,1.41l-4.24,4.24 C11.26,15.22,10.62,15.22,10.23,14.83z"/>
</g>
</svg>
<h1 className="text-3xl font-bold">
{t('common:title')}
</h1>
</a>
</Link>
)
}
export default Logo