react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
635 lines (630 loc) • 27.7 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawOldDay = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="9bd8837e-6a32-469b-9c65-eb2a44b6ad9f"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1111.03 836.33"
>
<defs>
<linearGradient
id="9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
x1={615.84}
y1={778.42}
x2={615.84}
y2={38.42}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="gray" stopOpacity={0.25} />
<stop offset={0.54} stopColor="gray" stopOpacity={0.12} />
<stop offset={1} stopColor="gray" stopOpacity={0.1} />
</linearGradient>
<linearGradient
id="27839906-647e-4714-8b82-00411afaaa9d"
x1={523.24}
y1={450.57}
x2={523.24}
y2={415.61}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="019c00cb-56c9-415d-990c-d992997e4242"
x1={492.75}
y1={443.37}
x2={492.75}
y2={424.79}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="231821a7-8fe6-4f40-9490-9a81b384aeef"
x1={440.03}
y1={447.06}
x2={440.03}
y2={328.96}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="ae18a487-9ffc-47bd-8f52-b3a16e5ff5c8"
x1={387.02}
y1={863.11}
x2={387.02}
y2={814.32}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="55e06269-ab84-4259-86ac-b336e5465e15"
x1={490.84}
y1={868.17}
x2={490.84}
y2={823.44}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="0a1d47d7-d222-4d2a-84f6-1160d51d618c"
x1={389.79}
y1={842.68}
x2={389.79}
y2={511.9}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="68af950a-3acb-4036-a310-20f1e00a0aa7"
x1={440.98}
y1={848.71}
x2={440.98}
y2={532.82}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="0ce50e0a-8288-45d6-a68e-f9c25cfd9357"
x1={413.14}
y1={308.13}
x2={413.14}
y2={236.61}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="2468d3b2-8c71-46f1-86a0-8806dd38ede0"
x1={422.31}
y1={559.9}
x2={422.31}
y2={511.9}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="ab82eb9a-10bc-4015-8c83-c1b3ce6172f0"
x1={415.6}
y1={557.88}
x2={415.6}
y2={281.14}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="8509957c-49db-4aed-8978-fce3b7f533d4"
x1={438.88}
y1={467.59}
x2={438.88}
y2={339.25}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="c54b3c11-abda-43bb-8a8d-1fa56ce4f5d1"
x1={433.54}
y1={284.73}
x2={433.54}
y2={240.66}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="40d04a76-1424-458b-b947-a5bfbc7d42f2"
x1={398.91}
y1={249.31}
x2={398.91}
y2={160.24}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="5ce16e99-e1d1-4913-b330-fcfdc7b7fa41"
x1={442.24}
y1={270.35}
x2={442.24}
y2={170.34}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="4b9461a6-5ec4-4f73-8b59-40f8951be702"
x1={441.54}
y1={269.68}
x2={441.54}
y2={169.67}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="e3604d36-f40d-4186-a927-9dbaf3781bd2"
x1={429.99}
y1={557.88}
x2={429.99}
y2={290.91}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="2fa73d01-fdfe-4305-bc58-d4f4516ffda0"
x1={528.56}
y1={487.5}
x2={528.56}
y2={453.2}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="c580d740-0609-4a8d-8b93-2823000eeb05"
x1={498.27}
y1={470.57}
x2={498.27}
y2={453.2}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="3a3f1fbb-e5c8-4212-ad65-595049b5103a"
x1={458.92}
y1={472.77}
x2={458.92}
y2={337.23}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
<linearGradient
id="557e2b40-a269-4a6b-b7c4-b92691329eac"
x1={393.94}
y1={462.98}
x2={393.94}
y2={448.81}
xlinkHref="#9a623e6e-caf0-4d64-85ef-a44d2d775d4e"
/>
</defs>
<title>old_day</title>
<path
d="M979.63,195.7c7.28,69.4,64,127.57,117.56,166.57,17.92,13.06,37.27,26.52,48.57,48,13.81,26.21,11.38,57.12,2.53,80.58-16.12,42.77-52.19,70-93.91,70.84-36,.74-74.57-16.88-110.36-14.87C884.12,550.14,844.7,607,819.24,667.22c-18,42.6-35.45,92.38-75.5,103-28.18,7.5-61.6-7.22-89.82-29.56-13.63-10.79-27.07-23.69-42-28.4-8.86-2.8-17.63-2.46-26-1.25C509.41,722.1,458.87,802,381,807.63c-52.59,3.84-110.19-27.91-157.43-73S137.83,631.85,101.33,574C75.39,532.89,48.93,487.84,45,441.06,40.79,391.56,64,350,96.77,329.39s74-23,114.73-18.56c50.94,5.53,105.34,20.87,149.36,1.19,30-13.4,51.59-41.69,74.93-66.35,39-41.22,84.39-73.4,129.94-104.75,43.6-30,88-59.64,138-76,35.44-11.61,73.1-7.69,109.51-14.43,23.74-4.39,43.48-18,68.42-18.59,30.72-.78,68.63,12.43,87.89,51.4C987.89,120.31,975.76,158.87,979.63,195.7Z"
transform="translate(-44.49 -31.83)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M834.57,45.45l-68.3-4.14-39.52-2.82v-.07l-.49,0-.55,0v.08l-212.51,17H495.58l-2.07,73.35,34.21,12.06,20.73,105.5L454.12,433.28l-57,43.2v41.19l34.21,33.16,2.07,151.72,10.37,2,0-1.61,5.21,1v.6l202.45,68.08,8.51,5.77,17.8-11.09,143.4-82.85ZM616.92,516.77h0l55.46-47h0ZM424.57,536.27l15,14.57v.9Z"
transform="translate(-44.49 -31.83)"
fill="url(#9a623e6e-caf0-4d64-85ef-a44d2d775d4e)"
/>
<polygon
points="407.35 522.08 609.35 573.08 579.35 539.08 562.35 518.08 385.35 483.08 377.35 490.08 407.35 522.08"
fill="#535461"
/>
<polygon
points="377.35 490.08 576.35 536.08 577.35 488.08 520.35 466.08 406.35 447.08 373.35 447.08 377.35 490.08"
fill="#d6d6e3"
/>
<polygon
points="521.35 218.08 724.35 231.08 724.35 193.08 710.35 108.08 703.35 102.08 500.35 108.08 521.35 218.08"
fill="#d6d6e3"
/>
<polygon
points="473.35 27.08 463.35 27.08 461.35 100.08 494.35 112.08 514.35 217.08 423.35 403.08 368.35 446.08 368.35 487.08 401.35 520.08 403.35 671.08 413.35 673.08 411.35 523.08 378.35 488.08 377.35 446.08 430.35 404.08 523.35 218.08 503.35 112.08 470.35 98.08 473.35 27.08 473.35 27.08"
fill="#d6d6e3"
/>
<polygon
points="465.35 27.08 455.35 27.08 453.35 100.08 486.35 112.08 506.35 217.08 415.35 403.08 360.35 446.08 360.35 487.08 393.35 520.08 395.35 671.08 405.35 673.08 403.35 523.08 370.35 488.08 369.35 446.08 424.35 404.08 515.35 218.08 495.35 112.08 462.35 98.08 465.35 27.08 465.35 27.08"
fill="#535461"
/>
<polygon
points="464.85 92.58 469.85 99.58 497.85 112.58 719.85 106.58 698.35 100.08 675.35 90.08 678.35 82.08 464.85 92.58"
fill="#a8a8a8"
/>
<polygon
points="427.35 407.08 630.35 440.08 671.35 353.08 727.35 228.08 521.35 218.08 427.35 407.08"
fill={props.primaryColor}
/>
<g opacity={0.1}>
<polygon
points="532.35 254.08 669.35 265.08 598.35 405.08 465.35 385.08 532.35 254.08"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="541.8 264.25 547.85 264.74 544.72 270.91 538.85 270.03 541.8 264.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="542.8 322.25 548.85 322.74 545.72 328.91 539.85 328.03 542.8 322.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="575.8 271.25 581.85 271.74 578.72 277.91 572.85 277.03 575.8 271.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="638.8 274.25 644.85 274.74 641.72 280.91 635.85 280.03 638.8 274.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="553.8 282.25 559.85 282.74 556.72 288.91 550.85 288.03 553.8 282.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="575.8 343.25 581.85 343.74 578.72 349.91 572.85 349.03 575.8 343.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="521.8 308.25 527.85 308.74 524.72 314.91 518.85 314.03 521.8 308.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="613.8 271.25 619.85 271.74 616.72 277.91 610.85 277.03 613.8 271.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="565.8 305.25 571.85 305.74 568.72 311.91 562.85 311.03 565.8 305.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="558.8 267.25 564.85 267.74 561.72 273.91 555.85 273.03 558.8 267.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="589.8 302.25 595.85 302.74 592.72 308.91 586.85 308.03 589.8 302.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="596.8 271.25 602.85 271.74 599.72 277.91 593.85 277.03 596.8 271.25"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<polygon
points="533.8 285.25 539.85 285.74 536.72 291.91 530.85 291.03 533.8 285.25"
fill="#fff"
/>
</g>
<polygon
points="373.35 447.08 571.35 487.08 625.89 439.36 427.85 405.58 373.35 447.08"
fill="#d6d6e3"
/>
<polygon
points="410.35 517.08 410.35 673.08 606.35 741.08 609.35 579.08 601.35 564.01 565.35 555.08 410.35 517.08"
fill="#535461"
/>
<ellipse cx={435.85} cy={420.08} rx={8.5} ry={5} fill="#575988" />
<ellipse cx={442.85} cy={431.08} rx={8.5} ry={5} fill="#fa595f" />
<ellipse cx={418.85} cy={428.08} rx={8.5} ry={5} fill="#ffd037" />
<ellipse cx={526.85} cy={438.08} rx={8.5} ry={5} fill="#575988" />
<ellipse cx={509.85} cy={447.08} rx={8.5} ry={5} fill="#ffd037" />
<ellipse cx={477.85} cy={432.08} rx={12.5} ry={6} fill="#a8a8a8" />
<ellipse cx={535.85} cy={449.08} rx={8.5} ry={5} fill="#fa595f" />
<path
d="M525.84,462.92h-6L514.68,443a5.67,5.67,0,0,1,5.49-7.09h0a5.67,5.67,0,0,1,5.67,5.67Z"
transform="translate(-44.49 -31.83)"
fill="#a8a8a8"
/>
<ellipse cx={567.85} cy={448.08} rx={12.5} ry={6} fill="#a8a8a8" />
<path
d="M615.84,478.92h-6L604.68,459a5.67,5.67,0,0,1,5.49-7.09h0a5.67,5.67,0,0,1,5.67,5.67Z"
transform="translate(-44.49 -31.83)"
fill="#a8a8a8"
/>
<polygon
points="472.35 27.08 678.35 10.08 673.35 85.08 467.35 95.08 472.35 27.08"
fill="#535461"
/>
<polygon
points="677.35 10.08 772.35 17.08 759.35 653.08 613.85 746.58 603.85 739.58 603.35 573.08 571.35 537.08 571.35 487.08 627.35 438.08 722.35 227.08 708.85 106.58 715.85 106.58 671.35 91.08 677.35 10.08"
fill="#d6d6e3"
/>
<polygon
points="686.35 11.08 782.35 17.08 769.35 653.08 613.35 746.08 613.35 573.08 581.35 537.08 581.35 487.08 637.35 438.08 732.35 227.08 715.35 106.08 681.35 91.08 686.35 11.08"
fill="#535461"
/>
<path
d="M561.95,428.21c-14,29-48.46,21.48-48.46,21.48-1.78-1.65-12.92-4.41-21.37-6.32-5.42-1.23-9.73-2.09-9.73-2.09l11.83-16.49,8.87,1.82,13.23,2.72S576,399.22,561.95,428.21Z"
transform="translate(-44.49 -31.83)"
fill="url(#27839906-647e-4714-8b82-00411afaaa9d)"
/>
<g opacity={0.08}>
<path
d="M561.95,428.21c-14,29-48.46,21.48-48.46,21.48-1.78-1.65-12.92-4.41-21.37-6.32-5.42-1.23-9.73-2.09-9.73-2.09l11.83-16.49,8.87,1.82,13.23,2.72S576,399.22,561.95,428.21Z"
transform="translate(-44.49 -31.83)"
fill="url(#27839906-647e-4714-8b82-00411afaaa9d)"
/>
</g>
<g opacity={0.1}>
<path
d="M503.1,426.61l-11,16.77c-5.42-1.23-9.73-2.09-9.73-2.09l11.83-16.49Z"
transform="translate(-44.49 -31.83)"
fill="url(#019c00cb-56c9-415d-990c-d992997e4242)"
/>
</g>
<path
d="M380.12,366.67s51.57,80.59,106.79,80.4l15-23s-50.54-36.1-57.26-54.92c-2.48-7-7.6-16.59-13.06-26-16.77-28.83-62-10-52.06,21.68Q379.82,365.77,380.12,366.67Z"
transform="translate(-44.49 -31.83)"
fill="url(#231821a7-8fe6-4f40-9490-9a81b384aeef)"
/>
<g opacity={0.05}>
<path
d="M380.12,366.67s51.57,80.59,106.79,80.4l15-23s-50.54-36.1-57.26-54.92c-2.48-7-7.6-16.59-13.06-26-16.77-28.83-62-10-52.06,21.68Q379.82,365.77,380.12,366.67Z"
transform="translate(-44.49 -31.83)"
fill="url(#231821a7-8fe6-4f40-9490-9a81b384aeef)"
/>
</g>
<path
d="M346.55,835.1l2.42,28s79.21-13.16,78.52-39.47S346.55,835.1,346.55,835.1Z"
transform="translate(-44.49 -31.83)"
fill="url(#ae18a487-9ffc-47bd-8f52-b3a16e5ff5c8)"
/>
<g opacity={0.1}>
<path
d="M346.55,835.1l2.42,28s79.21-13.16,78.52-39.47S346.55,835.1,346.55,835.1Z"
transform="translate(-44.49 -31.83)"
fill="url(#ae18a487-9ffc-47bd-8f52-b3a16e5ff5c8)"
/>
</g>
<path
d="M439.25,843.87l-1.38,24.29s110-8.1,105.84-31S481.45,827,481.45,827Z"
transform="translate(-44.49 -31.83)"
fill="url(#55e06269-ab84-4259-86ac-b336e5465e15)"
/>
<path
d="M440.63,606.37s-6.5,18-14.8,38.62c-7.94,19.74-17.52,41.93-24.63,53.14-14.53,22.94-16.6,93.79-16.6,93.79-2.77,11.47,11.07,33.74,11.07,33.74-27.67,29-53.27,12.15-53.27,12.15,4.84-8.77-3.46-33.74-3.46-33.74s11.07-115.38,18-120.78,12.45-32.39,12.45-32.39l-6.19-91.72-1.42-21,59.49-26.31,4.29,20.92,4.25,20.71Z"
transform="translate(-44.49 -31.83)"
fill="url(#0a1d47d7-d222-4d2a-84f6-1160d51d618c)"
/>
<g opacity={0.1}>
<path
d="M440.63,606.37s-6.5,18-14.8,38.62c-7.94,19.74-17.52,41.93-24.63,53.14-14.53,22.94-16.6,93.79-16.6,93.79-2.77,11.47,11.07,33.74,11.07,33.74-27.67,29-53.27,12.15-53.27,12.15,4.84-8.77-3.46-33.74-3.46-33.74s11.07-115.38,18-120.78,12.45-32.39,12.45-32.39l-6.19-91.72-1.42-21,59.49-26.31,4.29,20.92,4.25,20.71Z"
transform="translate(-44.49 -31.83)"
fill="url(#0a1d47d7-d222-4d2a-84f6-1160d51d618c)"
/>
</g>
<path
d="M492.51,829.71c-12.45,21.59-56,18.89-56,18.89V785.17s-12.45-70.85-5.53-87-2.77-45.88-2.77-45.88L425.83,645l-28.21-87-8.18-25.22h93.39s0,4.32,0,11.34c.12,27,.68,93.91,3.43,109.44,3.46,19.57-6.23,32.39-6.23,32.39s5.53,79.62.69,104.58S492.51,829.71,492.51,829.71Z"
transform="translate(-44.49 -31.83)"
fill="url(#68af950a-3acb-4036-a310-20f1e00a0aa7)"
/>
<path
d="M415.73,236.61s-14.53,39.13-43.58,53.3,47.73,18.22,47.73,18.22,12.45-29.69,40.81-50.61Z"
transform="translate(-44.49 -31.83)"
fill="url(#0ce50e0a-8288-45d6-a68e-f9c25cfd9357)"
/>
<g opacity={0.1}>
<path
d="M482.86,544.16c-11.58,2.23-32.07,6.05-53.06,9.37-11,1.74-22.12,3.34-32.18,4.5-15.48,1.79-28.43,2.54-34.43,1.14l-1.42-21,59.49-26.31,4.29,20.92h57.28S482.83,537.14,482.86,544.16Z"
transform="translate(-44.49 -31.83)"
fill="url(#2468d3b2-8c71-46f1-86a0-8806dd38ede0)"
/>
</g>
<path
d="M492.51,540.24S375.6,563.86,361.08,556.44s-18-26.31-13.84-47.23,0-72.87-7.61-139c-3.83-33.3,4.61-55.65,13.95-69.63a44.41,44.41,0,0,1,37-19.43,56,56,0,0,1,34.87,12c2.92,2.33,5.87,4.24,8.28,4.89,1.9.51,4.76,2.53,8,5.28A73.67,73.67,0,0,1,467,352.23c1.2,12.57,2.47,28.4,3.09,44.4a361,361,0,0,1-.42,41,134.37,134.37,0,0,0,1.42,29.91C476.48,504,492.51,540.24,492.51,540.24Z"
transform="translate(-44.49 -31.83)"
fill="url(#ab82eb9a-10bc-4015-8c83-c1b3ce6172f0)"
/>
<g opacity={0.1}>
<path
d="M471.1,467.59c-42.43-25.82-64.37-98.06-64.37-98.06,0-.63,0-1.25-.07-1.86-.95-33.13,47.83-39.51,56.11-7.36,2.69,10.47,5,21.09,5.48,28.43a30.39,30.39,0,0,0,1.85,7.89,361,361,0,0,1-.42,41A134.37,134.37,0,0,0,471.1,467.59Z"
transform="translate(-44.49 -31.83)"
fill="url(#8509957c-49db-4aed-8978-fce3b7f533d4)"
/>
</g>
<g opacity={0.1}>
<path
d="M408.46,259.89c6.9,11.41,12.36,22.9,26.37,24.85a126.9,126.9,0,0,1,23.78-23.16l-45-20.92S416.25,247.8,408.46,259.89Z"
transform="translate(-44.49 -31.83)"
fill="url(#c54b3c11-abda-43bb-8a8d-1fa56ce4f5d1)"
/>
</g>
<ellipse
cx={398.91}
cy={204.77}
rx={45.66}
ry={44.53}
fill="url(#40d04a76-1424-458b-b947-a5bfbc7d42f2)"
/>
<g opacity={0.1}>
<path
d="M488.53,250.57a9.33,9.33,0,0,0,5.36-1.42c2.19-1.59,2.89-4.44,3.39-7.06,1.19-6.19,2.12-12.71,0-18.67-1.37-3.94-4-7.35-5.84-11.09-4.1-8.17-4.83-18-10.68-25.09-3.65-4.44-16.48,0-21.84-2.24-11.52-4.84-16.52-14.66-29.07-14.65a46.37,46.37,0,0,0-13.62,1.7c-5.61,1.73-10.57,5-15.18,8.59-8,6.22-15.84,14.76-15.13,24.74.46,6.37,4.35,12,6.64,17.94,3.84,10,3.14,21.24.37,31.6-1.18,4.41-2.53,9.68.6,13.05,2,2.11,5.17,2.71,8,2.25a26.64,26.64,0,0,0,8-3.2c4.5-2.39,9.06-4.82,12.7-8.33,2.41-2.32,4.35-5.06,6.64-7.49a73.4,73.4,0,0,1,15.1-12c4.43-2.66,9-1,13.65.73C467.84,243.68,477.29,250.77,488.53,250.57Z"
transform="translate(-44.49 -31.83)"
fill="url(#5ce16e99-e1d1-4913-b330-fcfdc7b7fa41)"
/>
</g>
<path
d="M487.84,249.89a9.33,9.33,0,0,0,5.36-1.42c2.19-1.59,2.89-4.44,3.39-7.06,1.19-6.19,2.12-12.71,0-18.67-1.37-3.94-4-7.35-5.84-11.09-4.1-8.17-4.83-18-10.68-25.09-3.65-4.44-15.79.68-21.15-1.57-11.52-4.84-17.21-15.33-29.76-15.32a46.37,46.37,0,0,0-13.62,1.7c-5.61,1.73-10.57,5-15.18,8.59-8,6.22-15.84,14.76-15.13,24.74.46,6.37,4.35,12,6.64,17.94,3.84,10,3.14,21.24.37,31.6-1.18,4.41-2.53,9.68.6,13.05,2,2.11,5.17,2.71,8,2.25a26.64,26.64,0,0,0,8-3.2c4.5-2.39,9.06-4.82,12.7-8.33,2.41-2.32,4.35-5.06,6.64-7.49a73.4,73.4,0,0,1,15.1-12c4.43-2.66,9-1,13.65.73C467.15,243,476.6,250.09,487.84,249.89Z"
transform="translate(-44.49 -31.83)"
fill="url(#4b9461a6-5ec4-4f73-8b59-40f8951be702)"
/>
<g opacity={0.05}>
<path
d="M471.1,467.59a134.37,134.37,0,0,1-1.42-29.91,361,361,0,0,0,.42-41c-.62-16-1.88-31.83-3.09-44.4a73.67,73.67,0,0,0-25.33-48.94c-3.21-2.75-6.07-4.78-8-5.28-2.41-.64-5.36-2.56-8.28-4.89-9.82-7.83,2.66,7.42,5.87,10.17a73.67,73.67,0,0,1,25.33,48.94c1.2,12.57,2.47,28.4,3.09,44.4a361,361,0,0,1-.42,41,134.37,134.37,0,0,0,1.42,29.91c5.38,36.43,21.41,72.65,21.41,72.65s-78.26,15.81-114.68,17.49c28.54,2,125.05-17.49,125.05-17.49S476.48,504,471.1,467.59Z"
transform="translate(-44.49 -31.83)"
fill="url(#e3604d36-f40d-4186-a927-9dbaf3781bd2)"
/>
</g>
<path
d="M566.53,474.12c-21.45,24.29-52.57,8.1-52.57,8.1-1.27-2.06-11.25-7.61-18.86-11.65-4.89-2.59-8.81-4.55-8.81-4.55L502.2,453.2l8.05,4.06,12,6.06S588,449.83,566.53,474.12Z"
transform="translate(-44.49 -31.83)"
fill="url(#2fa73d01-fdfe-4305-bc58-d4f4516ffda0)"
/>
<g opacity={0.1}>
<path
d="M510.25,457.26,495.1,470.57c-4.89-2.59-8.81-4.55-8.81-4.55L502.2,453.2Z"
transform="translate(-44.49 -31.83)"
fill="url(#c580d740-0609-4a8d-8b93-2823000eeb05)"
/>
</g>
<path
d="M408.12,367.51s27.67,91.09,80.94,105.26l20.75-18.22S471,406.61,469.64,386.72c-.49-7.35-2.79-18-5.48-28.43-8.28-32.14-57.06-25.77-56.11,7.36Q408.08,366.57,408.12,367.51Z"
transform="translate(-44.49 -31.83)"
fill="url(#3a3f1fbb-e5c8-4212-ad65-595049b5103a)"
/>
<path
d="M354.51,456.24s18-14.17,34.59-3.37,40.81,9.45,44.27,10.12"
transform="translate(-44.49 -31.83)"
opacity={0.05}
fill="url(#557e2b40-a269-4a6b-b7c4-b92691329eac)"
/>
<path
d="M556.77,426.73c-13.35,28.28-46.12,21-46.12,21-1.7-1.61-12.3-4.3-20.33-6.16-5.16-1.2-9.26-2-9.26-2l11.26-16.09,8.44,1.78,12.59,2.65S570.12,398.44,556.77,426.73Z"
transform="translate(-44.49 -31.83)"
fill="#f7c4a7"
/>
<path
d="M556.77,426.73c-13.35,28.28-46.12,21-46.12,21-1.7-1.61-12.3-4.3-20.33-6.16-5.16-1.2-9.26-2-9.26-2l11.26-16.09,8.44,1.78,12.59,2.65S570.12,398.44,556.77,426.73Z"
transform="translate(-44.49 -31.83)"
opacity={0.08}
/>
<path
d="M500.76,425.16l-10.44,16.36c-5.16-1.2-9.26-2-9.26-2l11.26-16.09Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M383.73,366.68s49.08,78.64,101.62,78.44l14.29-22.4s-48.09-35.22-54.49-53.59c-2.36-6.78-7.23-16.18-12.42-25.34-16-28.12-59-9.75-49.55,21.16Q383.45,365.8,383.73,366.68Z"
transform="translate(-44.49 -31.83)"
fill="#575988"
/>
<path
d="M383.73,366.68s49.08,78.64,101.62,78.44l14.29-22.4s-48.09-35.22-54.49-53.59c-2.36-6.78-7.23-16.18-12.42-25.34-16-28.12-59-9.75-49.55,21.16Q383.45,365.8,383.73,366.68Z"
transform="translate(-44.49 -31.83)"
opacity={0.05}
/>
<path
d="M351.78,823.73l2.3,27.32s75.38-12.84,74.72-38.51S351.78,823.73,351.78,823.73Z"
transform="translate(-44.49 -31.83)"
fill="#535461"
/>
<path
d="M351.78,823.73l2.3,27.32s75.38-12.84,74.72-38.51S351.78,823.73,351.78,823.73Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M440,832.29,438.68,856s104.68-7.9,100.73-30.28-59.25-9.88-59.25-9.88Z"
transform="translate(-44.49 -31.83)"
fill="#535461"
/>
<path
d="M441.31,600.55s-6.19,17.54-14.09,37.68c-7.56,19.26-16.68,40.91-23.44,51.85C390,712.47,388,781.59,388,781.59c-2.63,11.19,10.53,32.92,10.53,32.92-26.33,28.31-50.69,11.85-50.69,11.85,4.61-8.56-3.29-32.92-3.29-32.92s10.53-112.58,17.12-117.84S373.51,644,373.51,644l-5.89-89.49-1.35-20.45,56.62-25.68L427,528.79,431,549Z"
transform="translate(-44.49 -31.83)"
fill="#6a5c99"
/>
<path
d="M441.31,600.55s-6.19,17.54-14.09,37.68c-7.56,19.26-16.68,40.91-23.44,51.85C390,712.47,388,781.59,388,781.59c-2.63,11.19,10.53,32.92,10.53,32.92-26.33,28.31-50.69,11.85-50.69,11.85,4.61-8.56-3.29-32.92-3.29-32.92s10.53-112.58,17.12-117.84S373.51,644,373.51,644l-5.89-89.49-1.35-20.45,56.62-25.68L427,528.79,431,549Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M490.69,818.46c-11.85,21.07-53.33,18.43-53.33,18.43V775s-11.85-69.13-5.27-84.93-2.63-44.77-2.63-44.77l-2.24-7.08-26.85-84.84-7.78-24.6h88.88s0,4.21,0,11.07c.11,26.33.65,91.63,3.27,106.78,3.29,19.09-5.93,31.6-5.93,31.6s5.27,77.68.66,102S490.69,818.46,490.69,818.46Z"
transform="translate(-44.49 -31.83)"
fill="#6a5c99"
/>
<path
d="M417.61,239.78s-13.83,38.18-41.48,52,45.43,17.78,45.43,17.78,11.85-29,38.84-49.38Z"
transform="translate(-44.49 -31.83)"
fill="#f7c4a7"
/>
<path
d="M481.5,539.86C470.48,542,451,545.76,431,549c-10.46,1.7-21.05,3.26-30.63,4.39-14.73,1.74-27.06,2.48-32.77,1.11l-1.35-20.45,56.62-25.68L427,528.79h54.51S481.47,533,481.5,539.86Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M490.69,536s-111.26,23-125.08,15.8-17.12-25.68-13.17-46.08,0-71.1-7.24-135.62c-3.65-32.49,4.39-54.29,13.27-67.94a42,42,0,0,1,35.2-19,52.41,52.41,0,0,1,33.18,11.69c2.78,2.27,5.59,4.14,7.88,4.77,1.81.49,4.53,2.47,7.58,5.15a72.49,72.49,0,0,1,24.11,47.75c1.15,12.26,2.35,27.71,2.94,43.33a361.13,361.13,0,0,1-.39,40,134.37,134.37,0,0,0,1.35,29.18C475.43,500.69,490.69,536,490.69,536Z"
transform="translate(-44.49 -31.83)"
fill="#575988"
/>
<path
d="M470.31,465.15c-40.38-25.19-61.26-95.68-61.26-95.68,0-.61,0-1.22-.07-1.81-.9-32.32,45.52-38.55,53.4-7.18,2.56,10.22,4.75,20.57,5.21,27.74a30.28,30.28,0,0,0,1.76,7.7,361.13,361.13,0,0,1-.39,40A134.37,134.37,0,0,0,470.31,465.15Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M410.7,262.49c6.56,11.13,11.76,22.35,25.1,24.24a122.24,122.24,0,0,1,22.63-22.6l-42.79-20.41S418.11,250.7,410.7,262.49Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<circle cx={399.46} cy={207.95} r={43.45} fill="#f7c4a7" />
<path
d="M486.9,253.4A8.72,8.72,0,0,0,492,252c2.08-1.55,2.75-4.34,3.22-6.89,1.13-6,2-12.4,0-18.22-1.3-3.85-3.77-7.17-5.56-10.82-3.91-8-4.6-17.56-10.16-24.48-3.48-4.33-15.68,0-20.79-2.19-11-4.72-15.72-14.3-27.66-14.29a43.1,43.1,0,0,0-13,1.66c-5.34,1.68-10.06,4.9-14.44,8.38-7.64,6.07-15.08,14.4-14.4,24.14.44,6.22,4.14,11.66,6.32,17.5,3.66,9.78,3,20.73.35,30.83-1.12,4.3-2.41,9.44.57,12.74,1.86,2.05,4.92,2.65,7.65,2.19a25,25,0,0,0,7.65-3.12c4.28-2.33,8.62-4.7,12.08-8.12,2.29-2.27,4.14-4.94,6.32-7.31a70.17,70.17,0,0,1,14.37-11.71c4.22-2.59,8.55-1,13,.71C467.21,246.68,476.2,253.6,486.9,253.4Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M486.24,252.74a8.72,8.72,0,0,0,5.1-1.38c2.08-1.55,2.75-4.34,3.22-6.89,1.13-6,2-12.4,0-18.22-1.3-3.85-3.77-7.17-5.56-10.82-3.91-8-4.6-17.56-10.16-24.48-3.48-4.33-15,.67-20.13-1.53-11-4.72-16.38-15-28.32-15a43.1,43.1,0,0,0-13,1.66c-5.34,1.68-10.06,4.9-14.44,8.38-7.64,6.07-15.08,14.4-14.4,24.14.44,6.22,4.14,11.66,6.32,17.5,3.66,9.78,3,20.73.35,30.83-1.12,4.3-2.41,9.44.57,12.74,1.86,2.05,4.92,2.65,7.65,2.19a25,25,0,0,0,7.65-3.12c4.28-2.33,8.62-4.7,12.08-8.12,2.29-2.27,4.14-4.94,6.32-7.31A70.17,70.17,0,0,1,444,241.64c4.22-2.59,8.55-1,13,.71C466.55,246,475.54,252.94,486.24,252.74Z"
transform="translate(-44.49 -31.83)"
fill="#632652"
/>
<path
d="M470.31,465.15A134.37,134.37,0,0,1,469,436a361.13,361.13,0,0,0,.39-40c-.59-15.62-1.79-31.06-2.94-43.33a72.49,72.49,0,0,0-24.11-47.75c-3.05-2.69-5.77-4.66-7.58-5.15-2.29-.63-5.1-2.5-7.88-4.77-9.35-7.64,2.53,7.24,5.59,9.92a72.49,72.49,0,0,1,24.11,47.75c1.15,12.26,2.35,27.71,2.94,43.33a361.13,361.13,0,0,1-.39,40,134.37,134.37,0,0,0,1.35,29.18c5.12,35.54,20.38,70.88,20.38,70.88s-74.48,15.42-109.13,17.07c27.16,2,119-17.07,119-17.07S475.43,500.69,470.31,465.15Z"
transform="translate(-44.49 -31.83)"
opacity={0.05}
/>
<path
d="M561.13,471.52c-20.41,23.7-50,7.9-50,7.9-1.2-2-10.7-7.43-18-11.36-4.65-2.53-8.38-4.44-8.38-4.44l15.14-12.51,7.66,4L519,461S581.54,447.82,561.13,471.52Z"
transform="translate(-44.49 -31.83)"
fill="#f7c4a7"
/>
<path
d="M507.57,455.07l-14.42,13c-4.65-2.53-8.38-4.44-8.38-4.44l15.14-12.51Z"
transform="translate(-44.49 -31.83)"
opacity={0.1}
/>
<path
d="M410.37,367.5s26.33,88.88,77,102.7l19.75-17.78s-37-46.77-38.23-66.18c-.47-7.17-2.65-17.53-5.22-27.74-7.88-31.36-54.3-25.14-53.39,7.18Q410.33,366.58,410.37,367.5Z"
transform="translate(-44.49 -31.83)"
fill="#575988"
/>
<path
d="M359.35,454.07s17.12-13.83,32.92-3.29,38.84,9.22,42.13,9.88"
transform="translate(-44.49 -31.83)"
opacity={0.05}
/>
</svg>
);
UndrawOldDay.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawOldDay.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawOldDay;