Files
web-menu-react-version-/src/components/Icons/QRIcon.tsx

56 lines
1.5 KiB
TypeScript

interface QRIconType {
className?: string;
onClick?: () => void;
}
const QRIcon = ({ className, onClick }: QRIconType) => {
return (
<svg
width="116"
height="116"
viewBox="0 0 116 116"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
onClick={onClick}
>
<path
d="M4.8335 4.8335H53.1668V53.1668H4.8335V4.8335ZM14.5002 14.5002V43.5002H43.5002V14.5002H14.5002Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.1665 24.1665H33.8332V33.8332H24.1665V24.1665Z"
fill="black"
/>
<path
d="M62.8335 4.8335H111.167V53.1668H62.8335V4.8335ZM72.5002 14.5002V43.5002H101.5V14.5002H72.5002Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M82.1665 24.1665H91.8332V33.8332H82.1665V24.1665Z"
fill="black"
/>
<path
d="M4.8335 62.8335H53.1668V111.167H4.8335V62.8335ZM14.5002 72.5002V101.5H43.5002V72.5002H14.5002Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.1665 82.1665H33.8332V91.8332H24.1665V82.1665Z"
fill="black"
/>
<path
d="M111.167 91.8335H91.8335V111.167H62.8335V62.8335V91.8335H72.5002V101.5H82.1668V72.5002H72.5002V62.8335H67.6668H82.1668V72.5002H91.8335V82.1668H101.5V62.8335H111.167V91.8335ZM111.167 101.5V111.167H101.5V101.5H111.167Z"
fill="black"
/>
</svg>
);
};
export default QRIcon;