circle.html

<?xml version="1.0" encoding="UTF-8"?>
<svg width="400px" height="300px" viewBox="0 0 400 300" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <!-- Generator: Sketch 49.1 (51147) - http://www.bohemiancoding.com/sketch -->
    <title>lots-of-stuff</title>
    <desc>Created with Sketch.</desc>
    <defs>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
            <stop stop-color="#C9C9C9" offset="0%"></stop>
            <stop stop-color="#999999" offset="100%"></stop>
        </linearGradient>
        <rect id="path-2" x="0" y="0" width="240" height="240"></rect>
    </defs>
    <g id="lots-of-stuff" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <circle id="See-What's-Hidden-h€re" fill="url(#linearGradient-1)" cx="131.560001" cy="131.640003" r="33.9900017"></circle>
        <g id="This-is-my-awesome-Group" transform="translate(10.000000, 10.000000)">
            <g id="Yet-another-Group">
                <g id="And-oh-my-god-look-at-this-here-is-yet-another-group">
                    <mask id="mask-3" fill="white">
                        <use xlink:href="#path-2"></use>
                    </mask>
                    <g id="Mask"></g>
                    <circle id="circle" fill="#FE57A1" mask="url(#mask-3)" cx="120" cy="120" r="120"></circle>
                </g>
            </g>
        </g>
        <g id="Another-Circle" transform="translate(150.000000, 10.000000)">
            <circle id="Circle-without-filling" cx="120" cy="120" r="120"></circle>
        </g>
        <g id="invisible-Rectangles" transform="translate(10.000000, 270.000000)" fill="#48E4F9" opacity="0">
            <rect id="Rectangle-13" x="360" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-12" x="330" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-11" x="300" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-10" x="270" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-09" x="240" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-08" x="210" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-07" x="180" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-06" x="150" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-05" x="120" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-04" x="90" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-03" x="60" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-02" x="30" y="0" width="20" height="20"></rect>
            <rect id="Rectangle-01" x="0" y="0" width="20" height="20"></rect>
        </g>
        <g id="Empty-Group" transform="translate(113.000000, 150.000000)"></g>
    </g>
</svg>