<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <title>Test gradient fr attribute</title> <defs> <radialGradient id="grad1"> <stop offset="0%" stop-color="red" /> <stop offset="20%" stop-color="red" /> <stop offset="100%" stop-color="lime" /> </radialGradient> <style> .cover { stroke-width: 3px; stroke: lime; fill: none; image-rendering: optimizeSpeed; } </style> </defs> <rect width="100%" height="100%" fill="lime"/> <circle cx="100" cy="100" r="50" fill="url(#grad1)" /> <circle class="cover" cx="100" cy="100" r="50" fill="none"/> </svg>