HTML CSS examples for SVG:Circle
make a stroke around a circle in svg
<html> <head> <title>Rotated text</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .wrapper {<!-- w ww . ja v a 2 s . c o m--> padding: 20px; } svg { width: 200px; height: 200px; } </style> </head> <body> <div class="wrapper"> <svg version="1.1" id="elp-badge" class="headerbadge" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 289.1 289.1" enable-background="new 0 0 289.1 289.1" xml:space="preserve"> <circle class="circle" fill="#1e90ff" stroke="red" stroke-width="5" cx="144.5" cy="144.5" r="72.25" /> </svg> </div> <script type="text/javascript"> </script> </body> </html>