1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- <?xml version="1.0" encoding="UTF-8" standalone="no"?>
- <svg width="630" height="500" viewBox="0 0 630 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
- <defs>
- <g id="box">
- <rect fill="#e6e6e6" stroke="#1a0300" stroke-width="4" width="124" height="124" x="2" y="2" ry="12"/>
- <rect fill="#101020" width="100" height="100" x="14" y="14" ry="8"/>
- </g>
- <g id="eyes" fill="#40abff" transform="scale(0.25)">
- <rect width="140" height="140" x="86" y="127.5" ry="30"/>
- <rect width="140" height="140" x="286" y="127.5" ry="30"/>
- </g>
- <clipPath id="displayClipPath">
- <rect width="256" height="128"/>
- </clipPath>
- <g id="tile">
- <rect width="256" height="128" fill="#e6e7e9"/>
- <g id="light-highlight" fill="#fff">
- <rect x="253" width="3" height="128"/>
- <rect x="0" width="256" height="3"/>
- </g>
- <g id="specular" clip-path="url(#displayClipPath)" fill="#fff" fill-opacity=".3">
- <rect transform="rotate(24)" x="78" y="-70.5" width="43.25" height="182"/>
- <rect transform="rotate(24)" x="172" y="-109" width="38.75" height="259"/>
- </g>
- <g id="dark-highlight" fill="#3c3c3c">
- <rect width="3" height="128"/>
- <rect x="0" y="125" width="256" height="3"/>
- </g>
- </g>
- <g id="normal_tile" transform="scale(1.5)">
- <use xlink:href="#tile"/>
- <rect id="inner-rect" x="10" y="5" width="236" height="115" fill="none" stroke="#848484" stroke-width="1.925"/>
- <rect id="fade" width="256" height="128" fill="#000" fill-opacity="0.15"/>
- </g>
- <g id="display_tile" transform="scale(1.5)">
- <use xlink:href="#tile"/>
- <rect id="inner-rect" x="10" y="5" width="236" height="115" fill="#101020" stroke="#848484" stroke-width="1.925"/>
- <rect id="fade" width="256" height="128" fill="#000" fill-opacity="0.15"/>
- </g>
- </defs>
- <g id="wall">
- <use id="tile_basis" xlink:href="#normal_tile" transform="translate(-170, 55)"/>
- <use xlink:href="#tile_basis" transform="translate(-192, 192)"/>
- <use xlink:href="#tile_basis" transform="translate(-192, -192)"/>
- <use xlink:href="#tile_basis" transform="translate(192, -192)"/>
- <use xlink:href="#tile_basis" transform="translate(192, -192)"/>
- <use xlink:href="#tile_basis" transform="translate(192, 192)"/>
- <use xlink:href="#tile_basis" transform="translate(576, 192)"/>
- <use xlink:href="#tile_basis" transform="translate(576, -192)"/>
- <use xlink:href="#tile_basis" transform="translate(768)"/>
- <use xlink:href="#display_tile" transform="translate(384) translate(-170, 55)"/>
- <rect fill="none" stroke="#40abff" stroke-width="6" x="240" y="75" width="332" height="148"/>
- </g>
- <g id="ground" transform="translate(0, 420)">
- <rect width="630" height="64" fill="#e6e7e9"/>
- <rect y="15" width="630" height="64" fill="#515164"/>
- <rect y="30" width="630" height="64" fill="#36364f"/>
- <rect y="45" width="630" height="64" fill="#212134"/>
- <rect y="60" width="630" height="64" fill="#101020"/>
- <rect width="630" height="5" fill="#101020"/>
- </g>
- <g transform="translate(33,255) scale(1.3)">
- <use xlink:href="#box"/>
- <use xlink:href="#eyes"/>
- </g>
- <use xlink:href="#box" transform="translate(355,255) scale(1.3)"/>
- </svg>
|