- Drop all shadows (dock, icons, tooltip, corner pills); this also removes the square that showed behind an icon mid-bounce. - Bounce now moves the whole tile (logo bg lives on the animated element), so nothing is left behind. - Icons use a ~22% macOS-like corner radius (art carries its own shape). - Portfolio gets an original photo/gallery icon (not Apple's system icon).
12 lines
894 B
XML
12 lines
894 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#454b57"/><stop offset="1" stop-color="#1c2027"/></linearGradient>
|
|
<linearGradient id="gl" x1="0" y1="0" x2="0" y2="1">
|
|
<stop offset="0" stop-color="#fff" stop-opacity="0.26"/><stop offset="0.5" stop-color="#fff" stop-opacity="0"/></linearGradient>
|
|
</defs>
|
|
<rect x="0" y="0" width="100" height="100" rx="22" fill="url(#bg)"/>
|
|
<rect x="0" y="0" width="100" height="100" rx="22" fill="url(#gl)"/>
|
|
<rect x="0.75" y="0.75" width="98.5" height="98.5" rx="21.25" fill="none" stroke="#fff" stroke-opacity="0.14" stroke-width="1.5"/>
|
|
<g fill="none" stroke="#fff" stroke-width="6" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M50 28 L71 40 L71 60 L50 72 L29 60 L29 40 Z"/><path d="M29 40 L50 52 L71 40"/><path d="M50 52 L50 72"/></g>
|
|
</svg> |