import React from 'react';

import { SVG, IProps as IPropsSVG } from '..';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconGift = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="M5.49704 7C5.16883 6.46338 5 5.80285 5 5C5 3.41709 6.19035 2 8 2C9.81199 2 11.2733 3.21363 12 5.11383C12.7267 3.21363 14.188 2 16 2C17.8096 2 19 3.41709 19 5C19 5.80285 18.8312 6.46338 18.503 7H20C21.1046 7 22 7.89543 22 9V11C22 12.1046 21.1046 13 20 13V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V13C2.89543 13 2 12.1046 2 11V9C2 7.89543 2.89543 7 4 7H5.49704ZM11 9H4V11H11V9ZM20 11H13V9H20V11ZM11 20V13H6V20H11ZM18 20H13V13H18V20ZM8 4C7.37965 4 7 4.45196 7 5C7 6.25323 8.017 6.84912 10.4294 6.97449C10.1613 5.1116 9.16218 4 8 4ZM13.5 6.97449C13.7681 5.1116 14.7672 4 15.9294 4C16.5498 4 16.9294 4.45196 16.9294 5C16.9294 6.25323 15.9124 6.84912 13.5 6.97449Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconGift;