sunny 1.0.0
background.svg
8.1 KB · raw
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 1000"
width="1600" height="1000" role="img" aria-label="">
<!-- Morning light, soft rays and a little confetti.
Bolder than standalone art: the chat's scrim lets about a third through.
Generated by a seeded script. -->
<defs>
<linearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ffe9c0"/><stop offset="0.55" stop-color="#ffd9b0"/>
<stop offset="1" stop-color="#ffc7c2"/>
</linearGradient>
<radialGradient id="sun" cx="0.5" cy="0.5" r="0.5">
<stop offset="0" stop-color="#fff8e1" stop-opacity="1"/>
<stop offset="1" stop-color="#fbbf24" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="1600" height="1000" fill="url(#sky)"/>
<circle cx="300" cy="180" r="520" fill="url(#sun)"/>
<g stroke="#fbbf24" stroke-width="26" stroke-linecap="round" opacity="0.32">
<path d="M300 180 L2182 -84"/>
<path d="M300 180 L2197 279"/>
<path d="M300 180 L2144 640"/>
<path d="M300 180 L2022 983"/>
<path d="M300 180 L1837 1297"/>
<path d="M300 180 L1596 1570"/>
<path d="M300 180 L1307 1791"/>
<path d="M300 180 L981 1954"/>
<path d="M300 180 L630 2051"/>
<path d="M300 180 L267 2080"/>
<path d="M300 180 L-95 2038"/>
</g>
<circle cx="300" cy="180" r="120" fill="#fff4cf"/>
<rect x="199" y="79" width="15" height="9" rx="4" fill="#f59e0b" opacity="0.85" transform="rotate(-49 199 79)"/>
<rect x="68" y="562" width="18" height="12" rx="4" fill="#60a5fa" opacity="0.75" transform="rotate(-45 68 562)"/>
<rect x="1384" y="115" width="18" height="13" rx="4" fill="#f59e0b" opacity="0.91" transform="rotate(52 1384 115)"/>
<rect x="1388" y="694" width="29" height="10" rx="4" fill="#c084fc" opacity="0.79" transform="rotate(-56 1388 694)"/>
<rect x="633" y="639" width="17" height="12" rx="4" fill="#c084fc" opacity="0.69" transform="rotate(-0 633 639)"/>
<rect x="395" y="641" width="15" height="13" rx="4" fill="#f59e0b" opacity="0.81" transform="rotate(-32 395 641)"/>
<rect x="1029" y="59" width="26" height="9" rx="4" fill="#60a5fa" opacity="0.89" transform="rotate(24 1029 59)"/>
<rect x="154" y="148" width="20" height="8" rx="4" fill="#fb7185" opacity="0.71" transform="rotate(-23 154 148)"/>
<rect x="528" y="812" width="17" height="12" rx="4" fill="#fb7185" opacity="0.81" transform="rotate(13 528 812)"/>
<rect x="647" y="629" width="22" height="14" rx="4" fill="#60a5fa" opacity="0.59" transform="rotate(36 647 629)"/>
<rect x="153" y="581" width="19" height="9" rx="4" fill="#f59e0b" opacity="0.69" transform="rotate(-25 153 581)"/>
<rect x="242" y="587" width="19" height="12" rx="4" fill="#c084fc" opacity="0.62" transform="rotate(-27 242 587)"/>
<rect x="173" y="375" width="24" height="9" rx="4" fill="#f59e0b" opacity="0.58" transform="rotate(6 173 375)"/>
<rect x="353" y="231" width="28" height="12" rx="4" fill="#60a5fa" opacity="0.89" transform="rotate(-56 353 231)"/>
<rect x="417" y="343" width="15" height="9" rx="4" fill="#60a5fa" opacity="0.91" transform="rotate(20 417 343)"/>
<rect x="1578" y="901" width="20" height="11" rx="4" fill="#60a5fa" opacity="0.64" transform="rotate(15 1578 901)"/>
<rect x="27" y="481" width="19" height="12" rx="4" fill="#fb7185" opacity="0.72" transform="rotate(29 27 481)"/>
<rect x="458" y="60" width="29" height="12" rx="4" fill="#fb7185" opacity="0.64" transform="rotate(-3 458 60)"/>
<rect x="1246" y="75" width="21" height="13" rx="4" fill="#f59e0b" opacity="0.92" transform="rotate(16 1246 75)"/>
<rect x="1020" y="171" width="27" height="11" rx="4" fill="#34d399" opacity="0.65" transform="rotate(-55 1020 171)"/>
<rect x="458" y="184" width="23" height="10" rx="4" fill="#34d399" opacity="0.70" transform="rotate(3 458 184)"/>
<rect x="1347" y="170" width="30" height="9" rx="4" fill="#fb7185" opacity="0.80" transform="rotate(42 1347 170)"/>
<rect x="173" y="722" width="18" height="11" rx="4" fill="#f59e0b" opacity="0.66" transform="rotate(28 173 722)"/>
<rect x="59" y="574" width="27" height="12" rx="4" fill="#fb7185" opacity="0.71" transform="rotate(60 59 574)"/>
<rect x="779" y="768" width="15" height="9" rx="4" fill="#fb7185" opacity="0.90" transform="rotate(30 779 768)"/>
<rect x="417" y="464" width="22" height="9" rx="4" fill="#c084fc" opacity="0.58" transform="rotate(23 417 464)"/>
<rect x="291" y="791" width="14" height="13" rx="4" fill="#60a5fa" opacity="0.79" transform="rotate(60 291 791)"/>
<rect x="135" y="778" width="25" height="10" rx="4" fill="#f59e0b" opacity="0.66" transform="rotate(12 135 778)"/>
<rect x="270" y="978" width="19" height="12" rx="4" fill="#f59e0b" opacity="0.70" transform="rotate(60 270 978)"/>
<rect x="1249" y="993" width="24" height="8" rx="4" fill="#fb7185" opacity="0.64" transform="rotate(40 1249 993)"/>
<rect x="1398" y="838" width="25" height="14" rx="4" fill="#c084fc" opacity="0.77" transform="rotate(6 1398 838)"/>
<rect x="235" y="707" width="15" height="11" rx="4" fill="#fb7185" opacity="0.88" transform="rotate(-44 235 707)"/>
<rect x="521" y="892" width="25" height="12" rx="4" fill="#34d399" opacity="0.65" transform="rotate(42 521 892)"/>
<rect x="1071" y="763" width="29" height="11" rx="4" fill="#f59e0b" opacity="0.81" transform="rotate(-54 1071 763)"/>
<rect x="46" y="886" width="27" height="10" rx="4" fill="#fb7185" opacity="0.83" transform="rotate(43 46 886)"/>
<rect x="372" y="642" width="26" height="14" rx="4" fill="#fb7185" opacity="0.67" transform="rotate(-43 372 642)"/>
<rect x="679" y="9" width="25" height="11" rx="4" fill="#34d399" opacity="0.93" transform="rotate(1 679 9)"/>
<rect x="467" y="943" width="22" height="14" rx="4" fill="#fb7185" opacity="0.74" transform="rotate(47 467 943)"/>
<rect x="378" y="404" width="14" height="9" rx="4" fill="#f59e0b" opacity="0.57" transform="rotate(-37 378 404)"/>
<rect x="1429" y="429" width="14" height="13" rx="4" fill="#34d399" opacity="0.78" transform="rotate(36 1429 429)"/>
<rect x="306" y="305" width="21" height="11" rx="4" fill="#34d399" opacity="0.70" transform="rotate(56 306 305)"/>
<rect x="176" y="304" width="19" height="12" rx="4" fill="#f59e0b" opacity="0.60" transform="rotate(-34 176 304)"/>
<rect x="1588" y="908" width="24" height="8" rx="4" fill="#60a5fa" opacity="0.62" transform="rotate(-34 1588 908)"/>
<rect x="746" y="517" width="24" height="13" rx="4" fill="#f59e0b" opacity="0.76" transform="rotate(-32 746 517)"/>
<rect x="1358" y="542" width="30" height="9" rx="4" fill="#fb7185" opacity="0.88" transform="rotate(-36 1358 542)"/>
<rect x="1552" y="3" width="22" height="14" rx="4" fill="#fb7185" opacity="0.80" transform="rotate(14 1552 3)"/>
<rect x="545" y="112" width="29" height="9" rx="4" fill="#c084fc" opacity="0.61" transform="rotate(-32 545 112)"/>
<rect x="114" y="57" width="27" height="11" rx="4" fill="#fb7185" opacity="0.86" transform="rotate(-23 114 57)"/>
<rect x="1505" y="420" width="21" height="12" rx="4" fill="#60a5fa" opacity="0.63" transform="rotate(-2 1505 420)"/>
<rect x="1467" y="94" width="29" height="11" rx="4" fill="#60a5fa" opacity="0.84" transform="rotate(-9 1467 94)"/>
<rect x="837" y="862" width="25" height="12" rx="4" fill="#60a5fa" opacity="0.92" transform="rotate(-32 837 862)"/>
<rect x="405" y="639" width="26" height="13" rx="4" fill="#f59e0b" opacity="0.69" transform="rotate(-24 405 639)"/>
<rect x="1234" y="923" width="24" height="12" rx="4" fill="#c084fc" opacity="0.74" transform="rotate(54 1234 923)"/>
<rect x="329" y="133" width="17" height="11" rx="4" fill="#fb7185" opacity="0.84" transform="rotate(36 329 133)"/>
<rect x="1495" y="781" width="27" height="8" rx="4" fill="#c084fc" opacity="0.78" transform="rotate(-16 1495 781)"/>
<rect x="99" y="835" width="20" height="12" rx="4" fill="#c084fc" opacity="0.71" transform="rotate(13 99 835)"/>
<rect x="741" y="30" width="18" height="12" rx="4" fill="#60a5fa" opacity="0.81" transform="rotate(14 741 30)"/>
<rect x="1325" y="957" width="24" height="12" rx="4" fill="#60a5fa" opacity="0.76" transform="rotate(-22 1325 957)"/>
<rect x="97" y="686" width="20" height="10" rx="4" fill="#60a5fa" opacity="0.75" transform="rotate(2 97 686)"/>
</svg>