Showing: full SVG
Concept Groups
checkerboard frame: 0
yellow diamond: 1
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
checkerboard frame |
0.999
|
0.973 0.001 |
| 1 | rect |
yellow diamond |
0.974
|
0.027 0.999 |
SVG Code
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<defs>
<!-- Define the checkerboard pattern -->
<pattern id="checkerPattern" x="0" y="0" width="40" height="40" patternUnits="userSpaceOnUse">
<rect x="0" y="0" width="20" height="20" fill="#F5F5DC" />
<rect x="20" y="0" width="20" height="20" fill="#000000" />
<rect x="0" y="20" width="20" height="20" fill="#000000" />
<rect x="20" y="20" width="20" height="20" fill="#F5F5DC" />
</pattern>
<!-- Define the mask to create the central transparent area -->
<mask id="frameMask">
<rect width="800" height="600" fill="white" />
<rect x="60" y="60" width="680" height="480" rx="10" ry="10" fill="black" />
</mask>
</defs>
<!-- The Checkerboard Frame -->
<rect width="800" height="600" fill="url(#checkerPattern)" mask="url(#frameMask)" />
<!-- The Vibrant Light Yellow Diamond Graphic -->
<!-- Positioned at the bottom left, overlapping the border -->
<rect x="30" y="470" width="100" height="100" fill="#FFF700"
transform="rotate(45, 80, 520)"
stroke="#000000" stroke-width="1" />
</svg>