import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgChangepointSymbolLight = (
    props: SVGProps<SVGSVGElement>,
    ref: Ref<SVGSVGElement>
) => (
    <svg
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 23 31"
        preserveAspectRatio="xMidYMid meet"
        focusable="false"
        ref={ref}
        {...props}
    >
        <path
            d="M21.164 4.03h-6.57c-.543 0-.984.514-.984 1.13v20.857h7.554c.544 0 .985-.515.985-1.132V5.16c0-.632-.441-1.132-.985-1.132Zm-2.454 9.802a2 2 0 0 1-.368.147v.28c0 .22-.176.396-.397.396a.395.395 0 0 1-.396-.396v-.265a1.87 1.87 0 0 1-1.044-.661.398.398 0 1 1 .632-.485c.059.073.53.632 1.205.279a.5.5 0 0 0 .265-.368c.015-.132-.03-.25-.118-.308-.147-.118-.323-.177-.544-.265-.22-.088-.485-.19-.793-.367a1.02 1.02 0 0 1-.53-.867 1.28 1.28 0 0 1 .515-1.088c.118-.088.265-.162.441-.206v-.176c0-.22.176-.397.397-.397.22 0 .397.176.397.397v.147c.264.059.529.176.779.411a.395.395 0 1 1-.544.574c-.412-.397-.911-.177-.985-.118a.52.52 0 0 0-.206.412q0 .154.133.22a4.4 4.4 0 0 0 .69.309c.265.103.5.19.75.382.294.235.456.602.426 1a1.31 1.31 0 0 1-.705 1.013"
            fill="#fff"
        />
        <path
            opacity={0.9}
            d="M13.61 26.017V8.54H10.2c-.617 0-1.132.515-1.132 1.132v16.344h6.218-1.676Z"
            fill="url(#changepoint-symbol-light_svg__a)"
        />
        <path
            opacity={0.8}
            d="M5.658 13.068c-.617 0-1.131.514-1.131 1.132v11.817h4.527V13.083z"
            fill="url(#changepoint-symbol-light_svg__b)"
        />
        <path
            opacity={0.7}
            d="M1.132 17.61A1.14 1.14 0 0 0 0 18.74v7.276h4.527V17.61z"
            fill="url(#changepoint-symbol-light_svg__c)"
        />
        <defs>
            <linearGradient
                id="changepoint-symbol-light_svg__a"
                x1={9.068}
                y1={17.279}
                x2={15.28}
                y2={17.279}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.366} stopColor="#fff" />
                <stop offset={0.893} stopColor="#fff" stopOpacity={0.8} />
            </linearGradient>
            <linearGradient
                id="changepoint-symbol-light_svg__b"
                x1={4.534}
                y1={19.544}
                x2={9.067}
                y2={19.544}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.366} stopColor="#fff" />
                <stop offset={0.893} stopColor="#fff" stopOpacity={0.8} />
            </linearGradient>
            <linearGradient
                id="changepoint-symbol-light_svg__c"
                x1={0}
                y1={21.812}
                x2={4.534}
                y2={21.812}
                gradientUnits="userSpaceOnUse"
            >
                <stop offset={0.366} stopColor="#fff" />
                <stop offset={0.893} stopColor="#fff" stopOpacity={0.8} />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgChangepointSymbolLight)
