预滤器.svg 11.2 KB
<svg viewBox="0 0 112 168" height="168" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="112">
    <defs>
        <linearGradient x2="0%" y2="100%" x1="0%" y1="0%" id="lg1">
            <stop offset="0" stop-color="#7aa5b7"/>
            <stop offset="0.15" stop-color="#a8dbf0"/>
            <stop offset="0.25" stop-color="#d2ebf6"/>
            <stop offset="0.44" stop-color="#8bbdd1"/>
            <stop offset="0.6" stop-color="#7ca8ba"/>
            <stop offset="0.8" stop-color="#688d9d"/>
            <stop offset="0.97" stop-color="#5e818f"/>
        </linearGradient>
        <linearGradient x2="0%" y2="100%" x1="0%" y1="0%" id="lg2">
            <stop offset="0" stop-color="#3a7f9b"/>
            <stop offset="0.15" stop-color="#66aecf"/>
            <stop offset="0.25" stop-color="#bad5e4"/>
            <stop offset="0.44" stop-color="#4492b1"/>
            <stop offset="0.6" stop-color="#3c819e"/>
            <stop offset="0.8" stop-color="#316c85"/>
            <stop offset="0.97" stop-color="#2c6379"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg3">
            <stop offset="0" stop-color="#7aa5b7"/>
            <stop offset="0.15" stop-color="#a8dbf0"/>
            <stop offset="0.25" stop-color="#d2ebf6"/>
            <stop offset="0.44" stop-color="#8bbdd1"/>
            <stop offset="0.6" stop-color="#7ca8ba"/>
            <stop offset="0.8" stop-color="#688d9d"/>
            <stop offset="0.97" stop-color="#5e818f"/>
        </linearGradient>
        <linearGradient x2="0%" y2="100%" x1="0%" y1="0%" id="lg4">
            <stop offset="0" stop-color="#889ba3"/>
            <stop offset="0.01" stop-color="#d0e3eb"/>
            <stop offset="0.02" stop-color="#b2cad4"/>
            <stop offset="0.64" stop-color="#b0c6d0"/>
            <stop offset="0.99" stop-color="#acc2cc"/>
            <stop offset="1" stop-color="#7e8f97"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg5">
            <stop offset="0" stop-color="#a0b8c3"/>
            <stop offset="0.15" stop-color="#d4f1fe"/>
            <stop offset="0.25" stop-color="#e7f7fe"/>
            <stop offset="0.44" stop-color="#b7d2de"/>
            <stop offset="0.6" stop-color="#a2bbc6"/>
            <stop offset="0.8" stop-color="#899ea7"/>
            <stop offset="0.97" stop-color="#7d9099"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg6">
            <stop offset="0" stop-color="#80a1b0"/>
            <stop offset="0.15" stop-color="#afd5e8"/>
            <stop offset="0.25" stop-color="#d5e8f2"/>
            <stop offset="0.44" stop-color="#93b8c9"/>
            <stop offset="0.6" stop-color="#82a3b3"/>
            <stop offset="0.8" stop-color="#6d8997"/>
            <stop offset="0.97" stop-color="#637d8a"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg7">
            <stop offset="0" stop-color="#8fb2c1"/>
            <stop offset="0.15" stop-color="#c0e9fc"/>
            <stop offset="0.25" stop-color="#ddf3fd"/>
            <stop offset="0.44" stop-color="#a3cbdd"/>
            <stop offset="0.6" stop-color="#91b5c4"/>
            <stop offset="0.8" stop-color="#7a98a6"/>
            <stop offset="0.97" stop-color="#6f8b97"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg8">
            <stop offset="0" stop-color="#a8b2b2"/>
            <stop offset="0.01" stop-color="#f2fcfd"/>
            <stop offset="0.02" stop-color="#dbe7e8"/>
            <stop offset="0.64" stop-color="#d8e3e4"/>
            <stop offset="0.99" stop-color="#d3dedf"/>
            <stop offset="1" stop-color="#9ca5a6"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg9">
            <stop offset="0" stop-color="#99a1a2"/>
            <stop offset="0.01" stop-color="#e1eaeb"/>
            <stop offset="0.02" stop-color="#c8d2d3"/>
            <stop offset="0.64" stop-color="#c4cfcf"/>
            <stop offset="0.99" stop-color="#c0cacb"/>
            <stop offset="1" stop-color="#8e9596"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg10">
            <stop offset="0" stop-color="#77909b"/>
            <stop offset="0.01" stop-color="#bfd8e3"/>
            <stop offset="0.02" stop-color="#9cbdca"/>
            <stop offset="0.64" stop-color="#9abac6"/>
            <stop offset="0.99" stop-color="#96b5c2"/>
            <stop offset="1" stop-color="#6e868f"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg11">
            <stop offset="0" stop-color="#3a7f9b"/>
            <stop offset="0.15" stop-color="#66aecf"/>
            <stop offset="0.25" stop-color="#bad5e4"/>
            <stop offset="0.44" stop-color="#4492b1"/>
            <stop offset="0.6" stop-color="#3c819e"/>
            <stop offset="0.8" stop-color="#316c85"/>
            <stop offset="0.97" stop-color="#2c6379"/>
        </linearGradient>
        <linearGradient x2="0%" y2="0%" x1="100%" y1="0%" id="lg12">
            <stop offset="0" stop-color="#92a6ae"/>
            <stop offset="0.01" stop-color="#daeff8"/>
            <stop offset="0.02" stop-color="#bed8e3"/>
            <stop offset="0.64" stop-color="#bbd5df"/>
            <stop offset="0.99" stop-color="#b7d0da"/>
            <stop offset="1" stop-color="#879aa2"/>
        </linearGradient>
    </defs>
    <g transform="translate(1,1)">
        <g transform="matrix(-1,0,0,1,110,5.7)">
            <path d="M0,0L17.7,0L17.7,23.7L0,23.7L0,0z" transform="translate(0,0.87)" id="shape1" fill="url(#lg1)"/>
            <g transform="translate(1.57,0)">
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(0,0)" id="shape2" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(2.05,0)" id="shape3" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(4.1,0)" id="shape4" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(6.04,0)" id="shape5" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(8.1,0)" id="shape6" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(10.25,0)" id="shape7" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(12.31,0)" id="shape8" fill="url(#lg2)"/>
            </g>
        </g>
        <path d="M0,0L17.5,0L17.5,9.4L0,9.4L0,0z" transform="translate(46.25,156.64)" id="shape9" fill="url(#lg3)"/>
        <path d="M.3,0L74.4,0C74.6,0,74.7,.1,74.7,.3L74.7,37C74.7,37.2,74.6,37.3,74.4,37.3L.3,37.3C.1,37.3,0,37.2,0,37L0,.3C0,.1,.1,0,.3,0z" transform="translate(17.65,1.31)" id="shape10" fill="url(#lg4)"/>
        <path d="M0,0L63.5,0L63.5,104.9C63.5,104.9,63.3,109.8,31.7,109.8C.1,109.8,0,104.9,0,104.9L0,0z" transform="translate(23.27,47.09)" id="shape11" fill="url(#lg5)"/>
        <path d="M0,0L74.1,0L69,8.4L5.5,8.4L0,0z" transform="translate(17.94,38.7)" id="shape12" fill="url(#lg6)"/>
        <path d="M0,0L63.8,0L63.8,5.7L0,5.7L0,0z" transform="translate(22.51,33.03)" id="shape13" fill="url(#lg7)"/>
        <path d="M0,0L20.4,0L20.4,13.4L0,13.4L0,0z" transform="translate(44.8,-0)" id="shape14" fill="url(#lg8)"/>
        <path d="M0,0L8.5,0L8.5,13.4L0,0z" transform="matrix(-1,0,0,1,73.7,-0)" id="shape15" fill="url(#lg9)"/>
        <path d="M0,0L8.5,0L8.5,13.4L0,0z" transform="translate(36.27,-0)" id="shape16" fill="url(#lg9)"/>
        <path d="M0,0L74.1,0L72.8,2.2L1.4,2.2L0,0z" transform="translate(17.94,38.59)" id="shape17" fill="url(#lg5)"/>
        <g transform="translate(31.9,40.77)">
            <path d="M0,0L2,0L2,59L0,59L0,0z" transform="translate(-0,0)" id="shape18" fill="url(#lg10)"/>
            <path d="M0,0L2,0L2,59L0,59L0,0z" transform="translate(6.18,0)" id="shape19" fill="url(#lg10)"/>
        </g>
        <path d="M0,22.6C0,10.1,10,0,22.4,0C34.8,0,44.8,10.1,44.8,22.6C44.8,22.6,0,22.6,0,22.6z" transform="translate(32.61,10.63)" id="shape20" fill="url(#lg5)"/>
        <g transform="translate(45.68,158.05)">
            <path d="M.3,0L18.4,0C18.5,0,18.6,.1,18.6,.3C18.6,.5,18.5,.6,18.4,.6L.3,.6C.1,.6,0,.5,0,.3C0,.1,.1,0,.3,0z" transform="translate(0,-0)" id="shape21" fill="url(#lg11)"/>
            <path d="M.3,0L18.4,0C18.5,0,18.6,.1,18.6,.3C18.6,.5,18.5,.6,18.4,.6L.3,.6C.1,.6,0,.5,0,.3C0,.1,.1,0,.3,0z" transform="translate(0,1.6)" id="shape22" fill="url(#lg11)"/>
            <path d="M.3,0L18.4,0C18.5,0,18.6,.1,18.6,.3C18.6,.5,18.5,.6,18.4,.6L.3,.6C.1,.6,0,.5,0,.3C0,.1,.1,0,.3,0z" transform="translate(0,3.21)" id="shape23" fill="url(#lg11)"/>
            <path d="M.3,0L18.4,0C18.5,0,18.6,.1,18.6,.3C18.6,.5,18.5,.6,18.4,.6L.3,.6C.1,.6,0,.5,0,.3C0,.1,.1,0,.3,0z" transform="translate(0,4.9)" id="shape24" fill="url(#lg11)"/>
            <path d="M.3,0L18.4,0C18.5,0,18.6,.1,18.6,.3C18.6,.5,18.5,.6,18.4,.6L.3,.6C.1,.6,0,.5,0,.3C0,.1,.1,0,.3,0z" transform="translate(0,6.42)" id="shape25" fill="url(#lg11)"/>
        </g>
        <g transform="translate(-0,5.67)">
            <path d="M0,0L17.7,0L17.7,23.7L0,23.7L0,0z" transform="translate(0,0.87)" id="shape26" fill="url(#lg1)"/>
            <g transform="translate(1.57,0)">
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(0,0)" id="shape27" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(2.05,0)" id="shape28" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(4.1,0)" id="shape29" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(6.04,0)" id="shape30" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(8.1,0)" id="shape31" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(10.25,0)" id="shape32" fill="url(#lg2)"/>
                <path d="M.3,0C.8,0,1,.1,1,.3L1,25.1C1,25.3,.8,25.4,.7,25.4C.1,25.4,0,25.3,0,25.1L0,.3C0,.1,.1,0,.3,0z" transform="translate(12.31,0)" id="shape33" fill="url(#lg2)"/>
            </g>
        </g>
        <g transform="translate(68.02,40.77)">
            <path d="M0,0L2,0L2,59L0,59L0,0z" transform="translate(-0,0)" id="shape34" fill="url(#lg12)"/>
            <path d="M0,0L2,0L2,59L0,59L0,0z" transform="translate(6.18,0)" id="shape35" fill="url(#lg12)"/>
        </g>
    </g>
</svg>