import * as React from 'react'
import type { SVGProps, Ref } from 'react'
import { withIconWrapper } from './utils/index'
const SvgThumbsDown = (
    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="M15.334 7.336H12V1.334h3.333A.668.668 0 0 0 15.334 0H12a1.4 1.4 0 0 0-.906.333c-.413-.273-.84-.32-.947-.333H3.645C2.118 0 1.318 1.334 1.078 2.154c-.033.147-.886 3.635-1.06 5.23-.093.86.187 1.406.434 1.713.513.627 1.246.714 1.392.727h3.133c-.2.814-.467 2.048-.467 2.968 0 1.66 1.207 3.055 2.286 3.195.087.013.167.013.247.013.7 0 1.206-.4 1.406-.66a.66.66 0 0 0 .14-.414v-1.574c0-.5.14-.994.407-1.42l1.806-2.882c.193-.26.426-.426.486-.46.04-.02.06-.046.094-.073.18.087.38.14.6.14h3.332c.366 0 .666-.3.666-.667s-.3-.667-.667-.667zm-5.619.98-1.832 2.922a4 4 0 0 0-.614 2.128v1.26a.53.53 0 0 1-.286.047c-.28-.04-1.126-.76-1.126-1.874 0-1.28.633-3.428.64-3.448a.66.66 0 0 0-.107-.587.68.68 0 0 0-.533-.267h-3.96c-.252-.04-.626-.227-.552-.967.16-1.507 1.02-5.022 1.02-5.029 0-.013.346-1.16 1.279-1.16h6.464c.254.04.627.226.547.96a1 1 0 0 0 .013.14v4.995c-.266.147-.64.447-.953.88"
            fill="currentColor"
        />
    </svg>
)
export default withIconWrapper(React.forwardRef(SvgThumbsDown), 'ThumbsDown')