import * as React from 'react'
import type { SVGProps, Ref } from 'react'
const SvgRoadmapsSymbolLight = (
    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="M7.408 21.985 0 25.998V8.271c0-.132.073-.265.191-.323l7.217-3.91z"
            fill="url(#roadmaps-symbol-light_svg__a)"
        />
        <path
            opacity={0.9}
            d="M14.817 25.998 7.41 21.985V4.038l7.408 4.012v17.948Z"
            fill="#fff"
        />
        <path
            d="M18.635 12.372c.39-.006.7-.34.694-.745-.006-.406-.326-.73-.716-.725s-.7.34-.694.746c.005.405.326.73.716.724"
            fill="#fff"
        />
        <path
            d="m21.667 4.346-6.85 3.704v17.948l7.217-3.91a.37.37 0 0 0 .191-.323V4.685a.38.38 0 0 0-.558-.339m-2.984 13.186c-.882 0-1.588-.133-1.588-.31 0-.16.72-.308 1.588-.308.882 0 1.587.132 1.587.309.015.162-.705.309-1.587.309m.014-1.662c.089.089-2.146-3.277-2.16-4.35s.911-1.955 2.058-1.97c1.16-.015 2.102.838 2.116 1.91.03 1.074-2.043 4.381-2.014 4.41"
            fill="url(#roadmaps-symbol-light_svg__b)"
        />
        <defs>
            <linearGradient
                id="roadmaps-symbol-light_svg__a"
                x1={0}
                y1={15.024}
                x2={7.408}
                y2={15.024}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" stopOpacity={0.9} />
                <stop offset={0.639} stopColor="#fff" />
            </linearGradient>
            <linearGradient
                id="roadmaps-symbol-light_svg__b"
                x1={14.816}
                y1={15.153}
                x2={22.224}
                y2={15.153}
                gradientUnits="userSpaceOnUse"
            >
                <stop stopColor="#fff" />
                <stop offset={0.639} stopColor="#fff" />
            </linearGradient>
        </defs>
    </svg>
)
export default React.forwardRef(SvgRoadmapsSymbolLight)
