Skip to content

Instantly share code, notes, and snippets.

@elderfo
Created July 14, 2025 11:40
Show Gist options
  • Select an option

  • Save elderfo/739bd456e66e6faea6f42c6ecf2d020a to your computer and use it in GitHub Desktop.

Select an option

Save elderfo/739bd456e66e6faea6f42c6ecf2d020a to your computer and use it in GitHub Desktop.
Pizza
Display the source blob
Display the rendered blob
Raw
<svg
width="200"
height="200"
viewBox="0 0 200 200"
xmlns="http://www.w3.org/2000/svg"
>
<path d="M0,0 L200,0 L200,200 L0,200 Z" fill="pink"/>
<path d="M100,100 L100,20 A80,80 0 0,0 20,100 Z" fill="#0950ccff"/>
<path d="M100,100 L180,100 A80,80 0 0,0 100,20 Z" fill="#ff1500ff"/>
<path d="M100,100 L100,180 A80,80 0 0,0 180,100 Z" fill="#00f3baff"/>
<path d="M100,100 L20,100 A80,80 0 0,0 100,180 Z" fill="#ffbf00ff"/>
<!-- Top vertical shadow (Blue) -->
<path d="M20 95
.
L 179.86 95
Q 180.14,100 179.86,105
L 20.14 105
Q 19.8,100 20.14,95
Z
" fill="#000000" opacity="0.2" />
<!-- <path d="M 95 20
L 95 179.8
Q 100,180.2 105,179.86
L 105 20.14
Q 100,19.8 95,20.14
Z
" fill="#000000" opacity="0.2" /> -->
<path d="
M100,80
L120,100
L100,120
L80,100
L100,80
Z"
fill="#000" opacity="0.2"/>
<path d="M 80,95 Q 95,95 95,80 L 95,95 Z" fill="#000" opacity="0.20"/>
<path d="M 80,105 Q 95,105 95,120 L 95,105 Z" fill="#000" opacity="0.20"/>
<path d="M 105,80 Q 105,95 120,95 L 105,95 Z" fill="#000" opacity="0.20"/>
<path d="M 105,120 Q 105,105 120,105 L 105,105 Z" fill="#000" opacity="0.20"/>
<!-- <circle cx="100" cy="100" r="18" fill="#000" opacity="0.15"/> -->
</svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment