<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64" role="img" aria-label="duck">
<defs>
<clipPath id="tile">
<rect width="64" height="64" rx="16" />
</clipPath>
</defs>
<g clip-path="url(#tile)">
<!-- the pond at night, as the tab's ground -->
<rect width="64" height="64" fill="#0c1620" />
<!-- the drake in profile: head up and to the right, body off the corner.
the neck is drawn along its own axis, so the ring and the breast fall
where a mallard wears them, and the back runs along the top -->
<g transform="translate(28 33) rotate(123)">
<!-- the green neck -->
<rect x="-10" y="-11" width="30" height="22" fill="#276b3e" />
<!-- the white ring -->
<rect x="14" y="-11" width="6" height="22" fill="#e2ddcc" />
<!-- the chestnut breast, on the bird's front -->
<rect x="20" y="-14" width="60" height="22" fill="#6e4530" />
<!-- the grey-brown back along the top contour -->
<rect x="20" y="8" width="60" height="6" fill="#b4b0a0" />
</g>
<!-- the head -->
<ellipse cx="33" cy="23" rx="16" ry="15" fill="#276b3e" />
<!-- the bill, broad and blunt -->
<path d="M46 16 L57.5 16.5 A4.5 4.5 0 0 1 57.5 25.5 L46 26 Z" fill="#c9b13c" />
<!-- the eye, with a catchlight in it -->
<circle cx="39" cy="19" r="2.7" fill="#101010" />
<circle cx="39.9" cy="18.1" r="0.95" fill="#ffffff" />
</g>
</svg>