Skip to main content

max / balanced_breakfast

1.5 KB · 44 lines History Blame Raw
1 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
2 <defs>
3 <radialGradient id="yolk" cx="40%" cy="38%" r="55%">
4 <stop offset="0%" stop-color="#FFE44D"/>
5 <stop offset="55%" stop-color="#FFAA10"/>
6 <stop offset="100%" stop-color="#E07000"/>
7 </radialGradient>
8 </defs>
9
10 <!-- Sepia background -->
11 <rect width="512" height="512" fill="#D4A96A"/>
12
13 <!-- Egg white: two wide overlapping ellipses = 4-point star -->
14 <ellipse cx="256" cy="256" rx="86" ry="220" fill="#FFFFFF"/>
15 <ellipse cx="256" cy="256" rx="220" ry="86" fill="#FFFFFF"/>
16
17 <!-- Bubbles in the white -->
18 <circle cx="256" cy="90" r="5" fill="#FFF" opacity="0.6"/>
19 <circle cx="410" cy="270" r="4" fill="#FFF" opacity="0.5"/>
20 <circle cx="256" cy="430" r="4.5" fill="#FFF" opacity="0.5"/>
21 <circle cx="110" cy="240" r="3.5" fill="#FFF" opacity="0.5"/>
22
23 <!-- Yolk -->
24 <circle cx="256" cy="260" r="68" fill="url(#yolk)"/>
25
26 <!-- Yolk highlight -->
27 <ellipse cx="240" cy="240" rx="18" ry="14" fill="white" opacity="0.35"/>
28 <circle cx="243" cy="243" r="5" fill="white" opacity="0.55"/>
29
30 <!-- Accent sparkles -->
31 <g fill="#FFFFFF" opacity="0.5">
32 <ellipse cx="94" cy="78" rx="3" ry="14"/>
33 <ellipse cx="94" cy="78" rx="14" ry="3"/>
34 </g>
35 <g fill="#FFFFFF" opacity="0.4">
36 <ellipse cx="422" cy="430" rx="2.5" ry="11"/>
37 <ellipse cx="422" cy="430" rx="11" ry="2.5"/>
38 </g>
39 <g fill="#FFFFFF" opacity="0.35">
40 <ellipse cx="426" cy="88" rx="2" ry="8"/>
41 <ellipse cx="426" cy="88" rx="8" ry="2"/>
42 </g>
43 </svg>
44