cssnext.svg

<svg width="256" height="311" viewBox="0 0 256 311" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid">
    <defs>
        <linearGradient x1="50.002%" y1=".003%" x2="50.002%" y2="100%" id="a">
            <stop stop-color="#5C70B5" offset="0%"/>
            <stop stop-color="#507DBF" offset="67.5%"/>
            <stop stop-color="#428BCA" offset="100%"/>
        </linearGradient>
        <linearGradient x1="49.999%" y1="-27.14%" x2="49.999%" y2="124.765%" id="b">
            <stop stop-color="#5C70B5" offset="0%"/>
            <stop stop-color="#507DBF" offset="67.5%"/>
            <stop stop-color="#428BCA" offset="100%"/>
        </linearGradient>
        <linearGradient x1="50.01%" y1="-36.855%" x2="50.01%" y2="134.212%" id="c">
            <stop stop-color="#5C70B5" offset="0%"/>
            <stop stop-color="#507DBF" offset="67.5%"/>
            <stop stop-color="#428BCA" offset="100%"/>
        </linearGradient>
        <linearGradient x1="49.998%" y1="-45.87%" x2="49.998%" y2="142.961%" id="d">
            <stop stop-color="#5C70B5" offset="0%"/>
            <stop stop-color="#507DBF" offset="67.5%"/>
            <stop stop-color="#428BCA" offset="100%"/>
        </linearGradient>
        <linearGradient x1="49.998%" y1="-62.79%" x2="49.998%" y2="159.334%" id="e">
            <stop stop-color="#5C70B5" offset="0%"/>
            <stop stop-color="#507DBF" offset="67.5%"/>
            <stop stop-color="#428BCA" offset="100%"/>
        </linearGradient>
    </defs>
    <path d="M101.723 20.826c-6.23 0-11.14 3.03-14.683 9.162-3.559 6.11-6.028 12.855-7.349 20.174l-12.348 60.395c-1.775 7.82-4.394 14.445-7.848 19.906-3.477 5.431-7.066 9.908-10.841 13.333-3.798 3.454-7.52 6.11-11.199 8.02-3.663 1.88-6.543 3.059-8.513 3.536l-.32.948c1.559.261 3.544.925 6.006 2.022 2.44 1.09 4.827 2.932 7.184 5.498 2.336 2.552 4.335 5.775 6.021 9.677 1.657 3.902 2.492 8.864 2.492 14.84 0 2.022-.216 3.999-.671 6.013-.463 2.022-.896 4.23-1.336 6.7l-12.347 60.082a64.723 64.723 0 0 0-.993 11.348c0 5.133.664 9.378 2.007 12.855 1.35 3.47 4.335 5.14 9.02 5.14h16.683L58.353 310.5H34.986c-3.358 0-6.73-.664-10.184-2.006-3.477-1.35-6.499-3.216-9.177-5.663-2.694-2.403-4.827-5.551-6.513-9.341-1.657-3.813-2.492-8.133-2.492-12.997 0-2.022.112-4.193.32-6.543.21-2.328.56-4.708 1.008-7.17l12.668-60.388c.433-2.462.784-4.842.992-7.215.21-2.327.314-4.491.314-6.506 0-7.781-2.037-13.936-6.155-18.51-4.111-4.551-9.088-6.864-14.847-6.864l4.998-22.688c3.544 0 7.185-.933 10.84-2.828 3.664-1.887 7.133-4.476 10.342-7.834 3.215-3.335 6.132-7.438 8.699-12.34 2.552-4.917 4.506-10.348 5.834-16.362L54.302 44.47c1.335-7.11 3.67-13.377 6.998-18.86 3.335-5.432 7.125-10.006 11.348-13.661 4.208-3.671 8.67-6.469 13.362-8.342C90.68 1.72 95.135.764 99.335.764h23.383l-4.32 20.025H101.73l-.007.037z" fill="url(#a)"/>
    <path d="M152.583 56.086l-39.624 203.92H90.748l39.58-203.92h22.255z" fill="url(#b)"/>
    <path d="M190.977 67.479l-35.894 181.097h-15.884l36.02-181.097h15.758z" fill="url(#c)"/>
    <path d="M226.535 76.006l-32.044 164.05h-10.78l32.088-164.05h10.736z" fill="url(#d)"/>
    <path d="M255.08 88.31l-28.328 139.457h-6.014l28.21-139.458h6.132z" fill="url(#e)"/>
</svg>