import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgHeart = (props: SVGProps<SVGSVGElement>, ref: Ref<SVGSVGElement>) => (
    <svg
        viewBox="0 0 16 16"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M7.997 15.336a.65.65 0 0 1-.46-.186C7.33 14.95 2.48 10.294.98 8.167.327 7.247 0 6.266 0 5.265-.007 2.725 1.94.664 4.328.664c1.795 0 2.982 1.013 3.642 1.814C8.59 1.67 9.75.664 11.665.664 14.053.664 16 2.724 16 5.265c0 1-.334 1.975-.98 2.902-1.461 2.08-6.35 6.783-6.556 6.983a.65.65 0 0 1-.46.186zM4.328 1.997c-1.654 0-3 1.468-3 3.268 0 .72.246 1.441.74 2.135 1.167 1.654 4.668 5.115 5.929 6.342 1.267-1.24 4.795-4.722 5.929-6.342q.74-1.052.74-2.135c0-1.8-1.347-3.268-3.001-3.268-2.214 0-3.015 1.888-3.048 1.968a.66.66 0 0 1-.6.413c-.267-.02-.507-.14-.62-.373-.04-.08-1.014-2.008-3.069-2.008"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgHeart), 'Heart')