扁容器 4.svg 2.6 KB
<svg viewBox="0 0 120 152" xmlns:xlink="http://www.w3.org/1999/xlink" width="120" height="152" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <linearGradient id="lg1" y2="-11" x2="4" y1="29" x1="114" gradientUnits="userSpaceOnUse">
            <stop stop-color="#80a1b0" offset="0"/>
            <stop stop-color="#afd5e8" offset="0.15"/>
            <stop stop-color="#d5e8f2" offset="0.25"/>
            <stop stop-color="#93b8c9" offset="0.44"/>
            <stop stop-color="#82a3b3" offset="0.6"/>
            <stop stop-color="#6d8997" offset="0.8"/>
            <stop stop-color="#637d8a" offset="0.97"/>
        </linearGradient>
        <linearGradient id="lg2" y2="0%" x2="0%" y1="0%" x1="100%">
            <stop stop-color="#a0b8c3" offset="0"/>
            <stop stop-color="#d4f1fe" offset="0.15"/>
            <stop stop-color="#e7f7fe" offset="0.25"/>
            <stop stop-color="#b7d2de" offset="0.44"/>
            <stop stop-color="#a2bbc6" offset="0.6"/>
            <stop stop-color="#899ea7" offset="0.8"/>
            <stop stop-color="#7d9099" offset="0.97"/>
        </linearGradient>
        <linearGradient id="lg3" y2="-7" x2="2" y1="35" x1="116" gradientUnits="userSpaceOnUse">
            <stop stop-color="#80a1b0" offset="0"/>
            <stop stop-color="#afd5e8" offset="0.15"/>
            <stop stop-color="#d5e8f2" offset="0.25"/>
            <stop stop-color="#93b8c9" offset="0.44"/>
            <stop stop-color="#82a3b3" offset="0.6"/>
            <stop stop-color="#6d8997" offset="0.8"/>
            <stop stop-color="#637d8a" offset="0.97"/>
        </linearGradient>
        <linearGradient id="lg4" y2="0%" x2="0%" y1="0%" x1="100%">
            <stop stop-color="#80a1b0" offset="0"/>
            <stop stop-color="#afd5e8" offset="0.15"/>
            <stop stop-color="#d5e8f2" offset="0.25"/>
            <stop stop-color="#93b8c9" offset="0.44"/>
            <stop stop-color="#82a3b3" offset="0.6"/>
            <stop stop-color="#6d8997" offset="0.8"/>
            <stop stop-color="#637d8a" offset="0.97"/>
        </linearGradient>
    </defs>
    <g transform="translate(1,1)">
        <path id="shape1" transform="matrix(1,0,0,-1,0,18.6)" d="M0,0L118,0L86.4,18.6L31.6,18.6L0,0z" fill="url(#lg1)"/>
        <path id="shape2" transform="translate(0,18.74)" d="M0,0L118,0L118,103.5L0,103.5L0,0z" fill="url(#lg2)"/>
        <path id="shape3" transform="translate(0,122.14)" d="M0,0L118,0L70.1,27.9L47.3,27.9L0,0z" fill="url(#lg3)"/>
        <path id="shape4" transform="translate(0,18.6)" d="M0,0L118,0L118,1.7L0,1.7L0,0z" fill="url(#lg4)"/>
    </g>
</svg>