<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <defs>
        <linearGradient id="cycle2" xlink:href="#cycle1">
            <stop offset="0" stop-color="red" />
            <stop offset="1" stop-color="orange" />
        </linearGradient>

        <linearGradient id="cycle1" xlink:href="#cycle2"/>
    </defs>

    <rect fill="url(#cycle1) green" width="100px" height="100px"/>
    <text x="10" y="150">The square above should show a gradient now that webkit supports proper fill fallback</text>
</svg>