T-tet.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="300" viewBox="0 0 61 61"> <style type="text/css" > <![CDATA[ .c0 {fill:#e62222;} /* red */ .c1 {fill:#f2bf24;} /* gold */ .c2 {fill:#1dbf1d;} /* green */ .c3 {fill:#4a4aff;} /* blue */ ]]> </style> <defs> <pattern id="checker" patternUnits="userSpaceOnUse" width="20" height="20"> <g fill="#bbb"> <rect width="10" height="10"/> <rect width="10" height="10" x="10" y="10"/> </g> </pattern> <path id="td" d="M 0 0 h 30 v 10 h -10 v 10 h -10 v -10 h -10 z"/> <path id="tu" d="M 10 0 h 10 v 10 h 10 v 10 h -30 v -10 h 10 z"/> <path id="tr" d="M 0 0 h 10 v 10 h 10 v 10 h -10 v 10 h -10 z"/> <path id="tl" d="M 10 0 h 10 v 30 h -10 v -10 h -10 v -10 h 10 z"/> </defs> <g transform="translate(0.5, 0.5)"> <g style="stroke:#444; stroke-width:1"> <rect x="-0.5" y="-0.5" width="100%" height="100%" fill="#eee"/> <rect x="-0.5" y="-0.5" width="100%" height="100%" fill="url(#checker)"/> </g> <g style="stroke:#333; stroke-linejoin:round; stroke-width:0.5; stroke-opacity:0.7; fill-opacity:0.8"> <use xlink:href="#tu" x="0" y="0" class="c0"/> <use xlink:href="#td" x="20" y="0" class="c1"/> <use xlink:href="#tr" x="0" y="30" class="c2"/> <use xlink:href="#td" x="0" y="20" class="c3"/> <use xlink:href="#tu" x="30" y="20" class="c3"/> <use xlink:href="#tl" x="40" y="0" class="c2"/> <use xlink:href="#tu" x="10" y="40" class="c1"/> <use xlink:href="#td" x="30" y="40" class="c0"/> </g> </g> </svg>