SVG to create true round-dotted borders

dot-border.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="25px" height="25px" viewBox="0 0 25 25" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
    <!-- Source: https://medium.com/@luclemo/creating-true-dotted-borders-with-css-233f296d8145#.mduvohtct -->
    <title>dots</title>
    <desc>Use to create true round-dotted border.</desc>
    <g id="dotted-border-shape" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
        <g id="dotted-border" class="dotted-border" sketch:type="MSArtboardGroup" transform="translate(-140.000000, -154.000000)">
            <g id="dots" sketch:type="MSLayerGroup" transform="translate(140.000000, 154.000000)" fill="#ffffff">
                <g id="dot" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(0.000000, 20.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(0.000000, 10.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(10.000000, 0.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(10.000000, 20.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(20.000000, 0.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(20.000000, 20.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
                <g id="dot" transform="translate(20.000000, 10.000000)" sketch:type="MSShapeGroup">
                    <g>
                        <circle cx="2.5" cy="2.5" r="2.5"></circle>
                    </g>
                </g>
            </g>
        </g>
    </g>
</svg>