blob: 4c697c466a6520e5280b909d4402fd3008a6dda1 [file] [log] [blame]
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<meta name="fuzzy" content="maxDifference=0-33; totalPixels=0-531" />
<defs>
<style>
line, path {
stroke: black;
stroke-width: 3;
}
</style>
<g id="circle-in-rect">
<rect x="0" y="0" width="150" height="150" fill="lime"/>
<rect x="0" y="0" width="150" height="150" fill="white" clip-path="url(#clip-circle)"/>
</g>
</defs>
<use xlink:href="#circle-in-rect" transform="translate(10, 10)">
<!-- center lines -->
<path d="M0 75 L150 75" clip-path="url(#clip-circle)"/>
<line x1="75" y1="0" x2="75" y2="150" clip-path="url(#clip-circle)"/>
</use>
<use xlink:href="#circle-in-rect" transform="translate(170, 10)">
<!-- diagonal lines -->
<path d="M0 0 L150 150" clip-path="url(#clip-circle)"/>
<line x1="0" y1="150" x2="150" y2="0" clip-path="url(#clip-circle)"/>
</use>
<use xlink:href="#circle-in-rect" transform="translate(330, 10)">
<!-- top and left lines -->
<path d="M0 50 L150 50" clip-path="url(#clip-circle)"/>
<line x1="50" y1="0" x2="50" y2="150" clip-path="url(#clip-circle)"/>
<g clip-path="url(#clip-circle)">
<!-- bottom and right lines -->
<path d="M0 100 L150 100"/>
<line x1="100" y1="0" x2="100" y2="150"/>
</g>
</use>
<defs>
<clipPath id="clip-circle">
<circle cx="75" cy="75" r="75" clip-path="url(#clip-small-circle)"/>
</clipPath>
<clipPath id="clip-small-circle">
<circle cx="75" cy="75" r="50"/>
</clipPath>
</defs>
</svg>