import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgBarometerSymbolDark = (
    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.584a10.9 10.9 0 0 0 .72 3.396 19 19 0 0 0 4.821-.691 6.17 6.17 0 0 1-.911-3.19Z"
            fill="url(#barometer-symbol-dark_svg__a)"
        />
        <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-dark_svg__b)"
        />
        <path
            opacity={0.9}
            d="M8.259 14.07c.97-.925 5.835-2.16 5.835-2.16s-1.47 4.792-2.455 5.718a2.445 2.445 0 0 1-3.468-.089c-.941-.97-.897-2.528.088-3.468Z"
            fill="url(#barometer-symbol-dark_svg__c)"
        />
        <path
            d="M14.05 11.91c-.397.103-4.865 1.264-5.806 2.16a2.45 2.45 0 0 0-.22 3.308c2.16-1.03 4.306-2.72 6.026-5.468"
            fill="url(#barometer-symbol-dark_svg__d)"
        />
        <defs>
            <linearGradient
                id="barometer-symbol-dark_svg__a"
                x1={0}
                y1={11.578}
                x2={18.57}
                y2={11.578}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.824} />
                <stop offset={1} stopOpacity={0.9} />
            </linearGradient>
            <linearGradient
                id="barometer-symbol-dark_svg__b"
                x1={3.893}
                y1={6.692}
                x2={17.912}
                y2={23.399}
                gradientUnits="userSpaceOnUse"
            >
                <stop />
                <stop offset={0.722} stopColor="#404040" />
            </linearGradient>
            <linearGradient
                id="barometer-symbol-dark_svg__c"
                x1={10.075}
                y1={12.971}
                x2={12.516}
                y2={17.198}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.528} />
                <stop offset={1} stopColor="#333" stopOpacity={0.8} />
            </linearGradient>
            <linearGradient
                id="barometer-symbol-dark_svg__d"
                x1={7.495}
                y1={14.647}
                x2={14.055}
                y2={14.647}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.824} />
                <stop offset={1} stopOpacity={0.8} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgBarometerSymbolDark)
