/* copy code */
<svg width="300" height="350" style="2px solid #00ffff;">
<radialGradient id="gradientColor">
<stop offset="0%" stop-color="#000000"></stop>
<stop offset="25%" stop-color="#ffff00"></stop>
<stop offset="50%" stop-color="#ff0000"></stop>
<stop offset="75%" stop-color="#00ff00"></stop>
<stop offset="100%" stop-color="#0000ff"></stop>
</radialGradient>
<circle cx="150" cy="150" r="130" fill="url(#gradientColor)"></circle>
Sorry, your browser does not support SVG element.
</svg>
/* end code */
| Short | Full |
|---|---|
| Bg | SVG Background Color |
| W | SVG Width |
| H | SVG Height |
| BW | SVG Border Width |
| BS | SVG Border Style |
| BC | SVG Border Color |
| C (1,2,3,4,5) | Colors for Gradient |
| V (1,2,3,4,5) | Values for colors |