import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgBarometerSymbolLight = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 22 31"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M4.643 15.1a6.257 6.257 0 0 1 6.261-6.262c1.602 0 3.043.617 4.145 1.602 1.073-1.41 2.293-2.425 3.498-3.116A10.8 10.8 0 0 0 10.39 4.18C4.364 4.473-.28 9.573.013 15.584c.059 1.19.309 2.337.72 3.395a19 19 0 0 0 4.821-.69 6.17 6.17 0 0 1-.911-3.19Z"
            fill="#fff"
        />
        <path
            d="M10.39 4.15C4.364 4.443-.28 9.544.013 15.57c.294 6.026 5.394 10.655 11.405 10.376 6.012-.28 10.656-5.394 10.377-11.405-.28-6.026-5.394-10.67-11.405-10.391m.529 17.225a6.257 6.257 0 0 1-6.261-6.261 6.257 6.257 0 0 1 6.26-6.261 6.257 6.257 0 0 1 6.262 6.26 6.266 6.266 0 0 1-6.261 6.262"
            fill="url(#barometer-symbol-light_svg__a)"
        />
        <path
            opacity={0.9}
            d="M8.259 14.07c.97-.926 5.835-2.16 5.835-2.16s-1.47 4.791-2.455 5.717a2.445 2.445 0 0 1-3.469-.088c-.94-.97-.896-2.528.089-3.469"
            fill="#fff"
        />
        <path
            d="M14.05 11.91c-.397.103-4.865 1.264-5.806 2.16a2.45 2.45 0 0 0-.22 3.307c2.16-1.028 4.306-2.719 6.025-5.467Z"
            fill="#fff"
        />
        <defs>
            <linearGradient
                id="barometer-symbol-light_svg__a"
                x1={1.458}
                y1={20.499}
                x2={20.348}
                y2={9.592}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" stopOpacity={0.8} />
                <stop offset={0.497} stopColor="#fff" />
                <stop offset={1} stopColor="#fff" stopOpacity={0.8} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgBarometerSymbolLight)
