Atualli's picture
Duplicate from huggingface-projects/wordalle
1bc8781
raw
history blame
4.12 kB
<script lang="ts">
export let classNames = '';
</script>
<svg
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 385 450"
width="385"
height="450"
class={classNames}
>
<defs>
<path
id="a"
fill="#7A3A0C"
d="M372.7 107.8 201.9 7.6a25 25 0 0 0-25.7.2L12 107.7A25 25 0 0 0 0 129v194.2a25 25 0 0 0 12.2 21.5l164.2 97.7a25 25 0 0 0 25.3.2l170.7-98A25 25 0 0 0 385 323V129.3a25 25 0 0 0-12.3-21.5Z"
/>
</defs>
<use xlink:href="#a" />
<mask
id="b"
width="385"
height="443"
x="0"
y="4"
maskUnits="userSpaceOnUse"
style="mask-type:alpha"
>
<use xlink:href="#a" />
</mask>
<g mask="url(#b)">
<path
fill="#592805"
d="M9 328.5c-9-17-15-206-15-206L-14.5 357 190 486l202-133V126.5s-7.5 187.5-15 202c-3.5 6.8-39.3 28.2-78 52-43.2 26.6-90.5 55.5-109 55.5-18.2 0-63-26.6-104-52.5-37.9-23.9-72.7-46.8-77-55Z"
/>
<path
fill="#C89435"
d="M166 379h48c-9.3 31-9.3 47.8 0 77h-48c8.3-30 7.2-47 0-77Zm165-78.8 30-23.2c8.1 32.4 18.3 45.8 47.1 61l-30 23.2c-4.2-35-15.9-47.2-47.1-61Z"
opacity=".2"
/>
<path
fill="#C89435"
d="M330 111.8 342.6 76c25.7 20.2 41.6 26 72.7 25.6l-12.7 35.8c-24.7-20.3-41-25-72.6-25.6Z"
opacity=".3"
/>
<path
fill="#C89435"
d="m22 273 29 24.7c-29.7 14.9-40.7 27.7-50 58.6l-29-24.7c30.4-13.8 40.9-27 50-58.6Z"
opacity=".2"
/>
</g>
<path
fill="url(#c)"
d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
/>
<mask
id="e"
width="351"
height="403"
x="17"
y="4"
maskUnits="userSpaceOnUse"
style="mask-type:alpha"
>
<path
fill="url(#d)"
d="m355.6 97.5-153.4-90a25 25 0 0 0-25.6.3L29 97.5a25 25 0 0 0-12 21.3v174.5a25 25 0 0 0 12.2 21.5l147.6 87.7a25 25 0 0 0 25.2.2l153.4-88A25 25 0 0 0 368 293V119.1a25 25 0 0 0-12.4-21.6Z"
/>
</mask>
<g mask="url(#e)">
<path
fill="url(#f)"
d="M389.2 334.7c46.5-71.6-249.6-263-249.6-263L114 96s211.6 114.9 176.5 163.3c-35 48.4-217-78.3-217-78.3L102 299.7s240.7 106.5 287.3 35Z"
opacity=".7"
/>
<path fill="#FFD893" d="M157-47h177L137 459H-40L157-47Z" opacity=".8" />
<path fill="#F9CB80" d="M352.5-49H368L189.5 421H174L352.5-49Z" />
<path
fill="#FFE9C2"
d="M360.5 111c14 17 8 34 8 38L389 95 194-31 10 78.5V161s7.5-39.5 15.5-52.5 124-113 165-94 156 79.5 170 96.5Z"
/>
<path
fill="#FFE0A9"
d="M21.5 299c-14-17-8-34-8-38L-7 315l195 126 184-109.5V249s-7.5 39.5-15.5 52.5-124 113-165 94-156-79.5-170-96.5Z"
opacity=".7"
/>
</g>
<path
fill="#7A3A0C"
d="M254.6 304.6c0 1-.2 1.8-.6 2.5a34.5 34.5 0 0 1-30.5 19h-52.6a34.5 34.5 0 0 1-30.7-19c-.4-.7-.6-1.6-.6-2.5v-76.5a6 6 0 0 1 6-6h36.8a6 6 0 0 1 6 6v40a6 6 0 0 0 6 6h5.4a6 6 0 0 0 6-6v-57.2a6 6 0 0 0-6-6h-54.2a6 6 0 0 1-6-6V59a6 6 0 0 1 6-6h95.7a6 6 0 0 1 6 6v36a6 6 0 0 1-6 6h-46.9a6 6 0 0 0-6 6v40a6 6 0 0 0 6 6h29a33 33 0 0 1 18.7 5.5 33 33 0 0 1 12 13.4c.3.8.5 1.6.5 2.5v130.2Z"
/>
<path fill="#8A4C15" d="M175 310h35v16h-35z" />
<path
fill="#FFF2DC"
d="M254.6 288.6c0 .9-.2 1.7-.6 2.5a34.5 34.5 0 0 1-30.5 19h-52.6a34.5 34.5 0 0 1-30.7-19c-.4-.8-.6-1.6-.6-2.5V212a6 6 0 0 1 6-6h36.8a6 6 0 0 1 6 6v40a6 6 0 0 0 6 6h5.4a6 6 0 0 0 6-6v-57a6 6 0 0 0-6-6h-54.2a6 6 0 0 1-6-6V43a6 6 0 0 1 6-6h95.7a6 6 0 0 1 6 6v35.9a6 6 0 0 1-6 6h-46.9a6 6 0 0 0-6 6v40a6 6 0 0 0 6 6h29c6.9 0 13.1 1.9 18.7 5.6a33 33 0 0 1 12 13.4c.3.7.5 1.6.5 2.4v130.3Z"
/>
<defs>
<linearGradient id="c" x1="140.5" x2="219" y1="0" y2="410" gradientUnits="userSpaceOnUse">
<stop stop-color="#F2B445" />
<stop offset="1" stop-color="#D7882F" />
</linearGradient>
<linearGradient id="d" x1="94.5" x2="276" y1="12" y2="386.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#F2B445" />
<stop offset="1" stop-color="#BD6D18" />
</linearGradient>
<linearGradient
id="f"
x1="373.6"
x2="182.8"
y1="370.3"
y2="128.4"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#B05C13" />
<stop offset="1" stop-color="#B05C13" stop-opacity="0" />
</linearGradient>
</defs>
</svg>