react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
798 lines (793 loc) • 31.1 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawChilling = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="c8a8ddad-a781-47c5-a247-afce95df410f"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 970 781.61"
>
<defs>
<linearGradient
id="db2a550c-591e-4894-b9d3-8d5d16d07668"
x1={600}
y1={675.47}
x2={600}
y2={149.73}
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="4f8fcfba-fdbb-4b26-8552-3147955cf323"
x1={1718.23}
y1={-1648.44}
x2={1718.23}
y2={-1862.67}
gradientTransform="translate(-582.66 2592.8) rotate(-18.87)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="dd4779f0-15a4-44e5-a69d-3a5ddc77084e"
x1={1731.89}
y1={-1787.45}
x2={1731.89}
y2={-1814.78}
gradientTransform="translate(-1271.46 2131.88)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="d04ddce0-3f41-4397-9117-6160f1bd048f"
x1={1763.79}
y1={-1719.1}
x2={1763.79}
y2={-1746.44}
gradientTransform="translate(-1237.95 2101.1)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="f02005c1-e575-4f11-b4af-b596cf5ff02c"
x1={1659}
y1={-1746.44}
x2={1659}
y2={-1773.78}
gradientTransform="translate(-1234.6 2166.35)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="4cd98024-326e-4cea-b9b4-692fab1de8c2"
x1={1686.33}
y1={-1678.1}
x2={1686.33}
y2={-1705.44}
gradientTransform="translate(-1200.26 2138.19)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="a41fb154-11c8-4cd9-8f33-d489da05fd4e"
x1={752.69}
y1={339.56}
x2={752.69}
y2={202.23}
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="925e17af-70c9-480d-b073-e6b9c46b2381"
x1={676.63}
y1={422.03}
x2={676.63}
y2={186.54}
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="f9701715-69c0-451a-ad22-82cf5298eaa1"
x1={670.37}
y1={305.53}
x2={670.37}
y2={295.41}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#fff" />
<stop offset={1} />
</linearGradient>
<linearGradient
id="8dab11fa-ac49-4c56-908f-cefe97f9b2b4"
x1={612.66}
y1={683.48}
x2={612.66}
y2={59.2}
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="3fea0823-e41c-4116-84a8-8769a514ae7c"
x1={1186.13}
y1={-329.85}
x2={1186.13}
y2={-425.03}
gradientTransform="translate(-521.72 1157.6)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
<linearGradient
id="fd576e1c-2aeb-4e99-9d21-0fe2a9aa074f"
x1={1083.07}
y1={-358.53}
x2={1083.07}
y2={-539.81}
gradientTransform="translate(-340.12 1515.2) rotate(-18.54)"
xlinkHref="#db2a550c-591e-4894-b9d3-8d5d16d07668"
/>
</defs>
<title>chilling</title>
<g opacity={0.5}>
<path
d="M1033.84,253.83H901V203a53.24,53.24,0,0,0-53.24-53.24H239.53a48.3,48.3,0,0,0-48.3,48.3v55.8h-20A56.21,56.21,0,0,0,115,310V562a56.2,56.2,0,0,0,52,56v57h56.78V618.17h71.5v57.31h56.78V618.17h511v57.31h56.78V618.17h47.32v56.78H1024V618.17h10.23A50.76,50.76,0,0,0,1085,567.41V305A51.16,51.16,0,0,0,1033.84,253.83ZM891,476.22V518.8H679.32a27.49,27.49,0,0,0,3.49-13.43V476.22Z"
transform="translate(-115 -59.2)"
fill="url(#db2a550c-591e-4894-b9d3-8d5d16d07668)"
/>
</g>
<rect x={68.12} y={537.67} width={54.67} height={68.34} fill={props.primaryColor} />
<rect x={738.37} y={538.18} width={54.67} height={68.34} fill={props.primaryColor} />
<rect x={838.6} y={537.67} width={54.67} height={68.34} fill={props.primaryColor} />
<rect x={191.64} y={538.18} width={54.67} height={68.34} fill={props.primaryColor} />
<rect x={68.12} y={537.67} width={54.67} height={68.34} opacity={0.3} />
<rect x={738.37} y={538.18} width={54.67} height={68.34} opacity={0.3} />
<rect x={838.6} y={537.67} width={54.67} height={68.34} opacity={0.3} />
<rect x={191.64} y={538.18} width={54.67} height={68.34} opacity={0.3} />
<path
d="M765.2,200.52H902.74A49.26,49.26,0,0,1,952,249.78V502.47a48.87,48.87,0,0,1-48.87,48.87H765.2a0,0,0,0,1,0,0V200.52A0,0,0,0,1,765.2,200.52Z"
fill={props.primaryColor}
/>
<path
d="M765.2,200.52H902.74A49.26,49.26,0,0,1,952,249.78V502.47a48.87,48.87,0,0,1-48.87,48.87H765.2a0,0,0,0,1,0,0V200.52A0,0,0,0,1,765.2,200.52Z"
opacity={0.3}
/>
<path
d="M137.91,100.29H401.22a0,0,0,0,1,0,0V414.66a0,0,0,0,1,0,0H91.4a0,0,0,0,1,0,0V146.79A46.51,46.51,0,0,1,137.91,100.29Z"
fill={props.primaryColor}
/>
<path
d="M139.41,100.29H401.22a0,0,0,0,1,0,0V414.66a0,0,0,0,1,0,0H91.4a0,0,0,0,1,0,0V148.29A48,48,0,0,1,139.41,100.29Z"
opacity={0.3}
/>
<path
d="M209.2,100.29H464.5a0,0,0,0,1,0,0V414.66a0,0,0,0,1,0,0H154.68a0,0,0,0,1,0,0V154.8a54.51,54.51,0,0,1,54.51-54.51Z"
fill={props.primaryColor}
/>
<path
d="M463,100.29H723.55a51.27,51.27,0,0,1,51.27,51.27v263.1a0,0,0,0,1,0,0H463a0,0,0,0,1,0,0V100.29A0,0,0,0,1,463,100.29Z"
fill={props.primaryColor}
/>
<path
d="M851.77,200.52h51A49.26,49.26,0,0,1,952,249.78V502.47a48.87,48.87,0,0,1-48.87,48.87H851.77a0,0,0,0,1,0,0V200.52A0,0,0,0,1,851.77,200.52Z"
fill={props.primaryColor}
/>
<rect x={223.02} y={455.66} width={628.74} height={95.68} fill={props.primaryColor} />
<rect
x={382.64}
y={278.19}
width={185.66}
height={195.43}
rx={57.05}
ry={57.05}
transform="translate(-201.18 88.84) rotate(-16.25)"
fill="url(#4f8fcfba-fdbb-4b26-8552-3147955cf323)"
/>
<rect
x={385.59}
y={287.11}
width={173.13}
height={182.24}
rx={53.2}
ry={53.2}
transform="translate(-201.96 88) rotate(-16.25)"
fill="#f55f44"
/>
<rect
x={385.59}
y={287.11}
width={173.13}
height={182.24}
rx={53.2}
ry={53.2}
transform="translate(-201.96 88) rotate(-16.25)"
opacity={0.1}
/>
<rect
x={388.9}
y={284.78}
width={173.13}
height={182.24}
rx={53.2}
ry={53.2}
transform="translate(-201.18 88.84) rotate(-16.25)"
fill="#f55f44"
/>
<circle
cx={460.44}
cy={330.77}
r={13.67}
transform="translate(-221.46 265.87) rotate(-35.12)"
fill="url(#dd4779f0-15a4-44e5-a69d-3a5ddc77084e)"
/>
<circle
cx={525.84}
cy={368.33}
r={13.67}
transform="translate(-231.16 310.32) rotate(-35.12)"
fill="url(#d04ddce0-3f41-4397-9117-6160f1bd048f)"
/>
<circle
cx={424.4}
cy={406.24}
r={13.67}
transform="translate(-271.44 258.87) rotate(-35.12)"
fill="url(#f02005c1-e575-4f11-b4af-b596cf5ff02c)"
/>
<circle
cx={486.07}
cy={446.42}
r={13.67}
transform="translate(-283.33 301.66) rotate(-35.12)"
fill="url(#4cd98024-326e-4cea-b9b4-692fab1de8c2)"
/>
<circle
cx={460.44}
cy={330.77}
r={9.11}
transform="translate(-221.46 265.87) rotate(-35.12)"
fill="#f99f8f"
/>
<circle
cx={525.84}
cy={368.33}
r={9.11}
transform="translate(-231.16 310.32) rotate(-35.12)"
fill="#f99f8f"
/>
<circle
cx={424.4}
cy={406.24}
r={9.11}
transform="translate(-271.44 258.87) rotate(-35.12)"
fill="#f99f8f"
/>
<circle
cx={486.07}
cy={446.42}
r={9.11}
transform="translate(-283.33 301.66) rotate(-35.12)"
fill="#f99f8f"
/>
<path
d="M72.13,200.52h201a0,0,0,0,1,0,0V551.34a0,0,0,0,1,0,0h-201A54.13,54.13,0,0,1,18,497.22V254.65A54.13,54.13,0,0,1,72.13,200.52Z"
fill={props.primaryColor}
/>
<path
d="M72.51,200.52H222.7A50.44,50.44,0,0,1,273.14,251V500.9a50.44,50.44,0,0,1-50.44,50.44H72.51A54.51,54.51,0,0,1,18,496.83V255A54.51,54.51,0,0,1,72.51,200.52Z"
opacity={0.3}
/>
<path
d="M173.41,200.52H261.2a17,17,0,0,1,17,17V534.34a17,17,0,0,1-17,17H173.41a0,0,0,0,1,0,0V200.52A0,0,0,0,1,173.41,200.52Z"
opacity={0.1}
/>
<path
d="M168.35,200.52h87.79a17,17,0,0,1,17,17V534.34a17,17,0,0,1-17,17H168.35a0,0,0,0,1,0,0V200.52A0,0,0,0,1,168.35,200.52Z"
fill={props.primaryColor}
/>
<rect x={250.36} y={382.77} width={314.37} height={86.57} fill={props.primaryColor} />
<rect x={565.24} y={383.27} width={314.37} height={86.57} fill={props.primaryColor} />
<rect
x={250.36}
y={382.77}
width={314.37}
height={86.57}
rx={26.6}
ry={26.6}
fill="#fff"
opacity={0.15}
/>
<circle cx={601.43} cy={205.33} r={18.22} fill={props.primaryColor} />
<circle cx={601.43} cy={205.33} r={18.22} opacity={0.3} />
<circle cx={318.96} cy={205.33} r={18.22} fill={props.primaryColor} />
<circle cx={318.96} cy={205.33} r={18.22} opacity={0.3} />
<ellipse cx={309.84} cy={102.31} rx={4.56} ry={6.83} fill="#fda57d" />
<rect
x={565.24}
y={383.27}
width={314.37}
height={86.57}
rx={26.6}
ry={26.6}
fill="#fff"
opacity={0.15}
/>
<g opacity={0.5}>
<path
d="M787.44,267.21c-2.09-11.49-4.23-23.11-9-33.8a74.23,74.23,0,0,0-23.75-29.56,8,8,0,0,0-5.36-1.6h0c-3,.26-3.92,2.1-4.39,4-.06.23-.11.45-.15.68-1.18,5.83-.39,11.59,1.32,17.27,2.13,7.09,5.7,14,8.67,20.86a139.16,139.16,0,0,1,10.53,38.6c.22,1.76.39,3.57.43,5.38a31.34,31.34,0,0,1-.08,3.23,19.26,19.26,0,0,1-1.42,6.13q-.21.48-.45,1t-.52.92c-1.82,3-4.66,5.14-7.44,7.25s-5.93,4.36-9.25,5.5h.11a13.35,13.35,0,0,1-4.82.79c-5.13-.16-10.6-4.29-15.76-3.32h0l-.58.13c-5.28,1.43-9.33,9.73-9.37,15,0,0,0,0,0,0q0,.63,0,1.22c0,.14,0,.28.05.42s.06.53.1.78.06.31.1.46.09.45.15.67.09.31.14.46.13.41.2.61.12.3.18.44.16.38.25.56l.22.42c.1.17.19.35.3.52l.26.4.34.48.29.37.39.44.32.34.43.41.35.31.47.38.37.29.51.35.38.26.56.33.39.22.63.31.37.18c.3.14.61.27.92.39l.45.17.72.26.52.16.59.18.58.15.56.14.62.13.54.11.65.11.52.08.67.09.5.06.7.06.49,0,.72,0,.46,0,.75,0h1.57l.82,0,.29,0,.88-.07.17,0a28.85,28.85,0,0,0,7.31-1.61c7.47-2.83,13.81-8,19.68-13.43,11.64-10.75,22.64-24.09,23.57-39.91C789.52,278.66,788.47,272.9,787.44,267.21Z"
transform="translate(-115 -59.2)"
fill="url(#a41fb154-11c8-4cd9-8f33-d489da05fd4e)"
/>
</g>
<rect x={528.94} y={204.21} width={94.27} height={27.29} opacity={0.1} />
<rect x={528.94} y={204.21} width={94.27} height={24.81} fill={props.primaryColor} />
<circle cx={583.52} cy={192.64} r={14.88} fill={props.primaryColor} />
<path
d="M670.46,274.74l-.18-.18a2.74,2.74,0,0,0,0-4.37l.16-.2a3,3,0,0,1,0,4.74Z"
transform="translate(-115 -59.2)"
fill="#4d8af0"
/>
<path
d="M670.46,274.74l-.18-.18a2.74,2.74,0,0,0,0-4.37l.16-.2a3,3,0,0,1,0,4.74Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M670.28,274.74a3,3,0,0,1,0-4.74l.16.2a2.74,2.74,0,0,0,0,4.37Z"
transform="translate(-115 -59.2)"
fill="#4d8af0"
/>
<polyline
points="555.37 210.9 555.37 210.9 555.37 210.9 555.37 210.9"
fill="#4d8af0"
/>
<path
d="M746.51,354.8c6.83-2.59,12.62-7.32,18-12.28,10.64-9.82,20.68-22,21.54-36.47.31-5.28-.64-10.54-1.59-15.75-1.91-10.5-3.86-21.12-8.19-30.88a67.83,67.83,0,0,0-21.7-27,7.3,7.3,0,0,0-4.91-1.46c-3,.27-3.76,2.33-4.16,4.3-2.43,12,4.24,23.64,9.12,34.84a127.18,127.18,0,0,1,9.62,35.27c.63,5.16.86,10.74-1.86,15.18-1.66,2.72-4.26,4.7-6.8,6.62-3.8,2.87-8,5.88-12.76,5.74s-10.08-4.23-15-2.91-8.53,8.89-8.56,13.74C719.2,356.88,737.37,358.26,746.51,354.8Z"
transform="translate(-115 -59.2)"
fill="#ffd180"
/>
<g opacity={0.1}>
<path
d="M762.36,320.55c-1.66,2.72-4.26,4.7-6.8,6.62a31.6,31.6,0,0,1-8.46,5c4.32-.29,8.19-3,11.7-5.69,2.54-1.92,5.14-3.91,6.8-6.62,2.71-4.43,2.49-10,1.86-15.18a127.16,127.16,0,0,0-9.62-35.27c-4.88-11.21-11.56-22.86-9.12-34.84a5.19,5.19,0,0,1,2-3.62,6.53,6.53,0,0,0-1.11,0c-3,.27-3.76,2.33-4.16,4.3-2.43,12,4.24,23.64,9.12,34.84a127.16,127.16,0,0,1,9.62,35.27C764.85,310.53,765.08,316.11,762.36,320.55Z"
transform="translate(-115 -59.2)"
/>
<path
d="M722.52,343.08c0-4.48,3.19-11.29,7.48-13.33a7.85,7.85,0,0,0-2.17.25c-4.83,1.31-8.53,8.89-8.56,13.74C719.21,356,735,358,744.55,355.43,735.06,356.81,722.46,354,722.52,343.08Z"
transform="translate(-115 -59.2)"
/>
</g>
<g opacity={0.5}>
<path
d="M652.87,206.39s27.24-5.45,40.86,0c0,0,8.17-19.07,16.34-19.07s10.89,30,10.89,30l10.89,43.58s51.75,92.61,0,141.63S598.4,397.05,598.4,361.64,614.74,252.7,614.74,252.7s16.34-59.92,21.79-65.37S652.87,206.39,652.87,206.39Z"
transform="translate(-115 -59.2)"
fill="url(#925e17af-70c9-480d-b073-e6b9c46b2381)"
/>
</g>
<path
d="M653.79,210.18s26.18-5.24,39.27,0c0,0,7.85-18.33,15.71-18.33s10.47,28.8,10.47,28.8l10.47,41.89s49.75,89,0,136.15-128.3-5.24-128.3-39.27,15.71-104.73,15.71-104.73,15.71-57.6,20.95-62.84S653.79,210.18,653.79,210.18Z"
transform="translate(-115 -59.2)"
fill="#ffd180"
/>
<g opacity={0.1}>
<path
d="M748,311.48a207.1,207.1,0,0,0-18.32-48.93l1.65,6.62A207,207,0,0,1,748,311.48Z"
transform="translate(-115 -59.2)"
fill="#fff"
/>
<path
d="M606.12,352.37c0-34,12.67-91.06,12.67-91.06s15.71-57.6,20.95-62.84,15.71,18.33,15.71,18.33,26.18-5.24,39.27,0c0,0,7.86-18.33,15.71-18.33,3,0,5.31,4.34,6.93,9.65-1.6-7.77-4.32-16.27-8.58-16.27-7.85,0-15.71,18.33-15.71,18.33-13.09-5.24-39.27,0-39.27,0s-10.47-23.56-15.71-18.33-20.95,62.84-20.95,62.84-12.67,57-12.67,91.06C604.46,348.83,606.12,353.35,606.12,352.37Z"
transform="translate(-115 -59.2)"
fill="#fff"
/>
</g>
<circle cx={589.85} cy={196.8} r={5.24} fill="#58555d" />
<circle cx={529.63} cy={196.8} r={5.24} fill="#58555d" />
<ellipse cx={561.05} cy={202.04} rx={7.85} ry={5.24} fill="#58555d" />
<rect
x={720.27}
y={252.07}
width={24.14}
height={2.62}
transform="translate(-152.51 105.54) rotate(-12.52)"
fill="#ffd180"
/>
<rect
x={720.3}
y={262.55}
width={26.7}
height={2.62}
transform="translate(-152.41 89.22) rotate(-11.27)"
fill="#ffd180"
/>
<rect
x={611.9}
y={234.05}
width={2.62}
height={28.2}
transform="translate(40.07 666.14) rotate(-68.2)"
fill="#ffd180"
/>
<rect
x={607.97}
y={241.4}
width={2.62}
height={34.44}
transform="translate(146.02 762.29) rotate(-81.25)"
fill="#ffd180"
/>
<path
d="M669.52,294.74A119.78,119.78,0,0,1,649.07,293a113,113,0,0,1-36.92-13.27l.91-4.23a124.25,124.25,0,0,0,37,13c18.85,3.23,51.27,2.26,84.22-15.92l2.2,4C712.56,289.8,687.38,294.74,669.52,294.74Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M734.28,271.61c-33,18.18-65.38,19.15-84.22,15.92a124.25,124.25,0,0,1-37-13l-2.42,3.86A126.27,126.27,0,0,0,649.07,292a119.78,119.78,0,0,0,20.46,1.75c17.86,0,43-4.93,67-18.13Zm-63.91,21.78a.51.51,0,1,1,.51-.51A.51.51,0,0,1,670.37,293.38Z"
transform="translate(-115 -59.2)"
fill="#f55f44"
/>
<path
d="M665.3,300.47h0a5.06,5.06,0,0,0,5.06,5.06h0a5.06,5.06,0,0,0,5.06-5.06h0a5.06,5.06,0,0,0-5.06-5.06h0A5.06,5.06,0,0,0,665.3,300.47Zm5.06-2.53a.84.84,0,1,1,.84-.84A.84.84,0,0,1,670.37,297.94Z"
transform="translate(-115 -59.2)"
opacity={0.1}
fill="url(#f9701715-69c0-451a-ad22-82cf5298eaa1)"
/>
<path
d="M665.81,300.47h0a4.56,4.56,0,0,0,4.56,4.56h0a4.56,4.56,0,0,0,4.56-4.56h0a4.56,4.56,0,0,0-4.56-4.56h0A4.56,4.56,0,0,0,665.81,300.47Zm4.56-2.28a.76.76,0,1,1,.76-.76A.76.76,0,0,1,670.37,298.19Z"
transform="translate(-115 -59.2)"
fill="#4d8af0"
/>
<path
d="M727.57,273.13c-69.69,41-109.85,3-109.85,3Z"
transform="translate(-115 -59.2)"
fill="#ffd180"
/>
<path
d="M918.75,474.56c-4.27-12.11-50,22-50,22l-10.57-.63-20.34-18.84,14.2-14.2L732.8,360.64a30.08,30.08,0,0,0-23.31-7L610.36,366c-.43-5.68-3.93-12.43-8.88-19.32C591.31,330,569.9,311.17,562,304.48L549.88,223l10.27-15.41a51.85,51.85,0,0,1-5.6-1.88l2.17-3.26-.8-.22,1-1.18-.12,0,25.58-29.6a11.22,11.22,0,0,0-.84-15.55L524.29,112.4a31.57,31.57,0,0,0,2.44-13.1c.45-8.64-3.42-17.41-16.39-23.9a126.51,126.51,0,0,0-25.08-8.86,82.3,82.3,0,0,0-43.36.64c-.23-.29-.48-.58-.74-.88-17.62-20.14-40.73,8.8-41.63,10L309.21,176.76a18.35,18.35,0,0,0,4.52,24.46l47.81,35.85-.15.31,2.7,2c-2,4-4.79,6.7-8.44,7.11l7.32,3.66a8.42,8.42,0,0,1-3.9,1.47l33.52,16.76c0,17.42,1.8,97.17,30.12,136.32A72.39,72.39,0,0,0,433,418s2.41-1.31,6.81-3.43l5.06,10.13a59.24,59.24,0,0,0,61.37,32.15l157.35-22.48-1.67,5,.9-.13-51,153,8.42,2.81-.16.3,1.19.51-10.61,20-33.39,25.68s97.59,48.79,107.86,41.09-36-41.09-36-41.09l-2.57-10.27,11.23-23.71,9.41,3.14,75.62-151.24h0l2.57-5.14,51.18,64L811,503.9l1.56,1.58.13-.13,20,20.24,14.49,39.55S923,486.67,918.75,474.56Zm-397-294.1-1-1.16c-6.1,7.63-16.89,16.86-28.92,23.11V194l.57-.5v-3.66a55.5,55.5,0,0,0,15.7-56.35L541.32,159ZM409,85.63l-.8-.8.81.8Zm-26.55,53.48q-.33,4-.27,8.05a83.63,83.63,0,0,0,.65,11.73c1.71,13.59,6.58,24.7,16.61,30,8.74,4.6,14.49,4.35,18.15,1.21l.4.36a39.42,39.42,0,0,0,4.06,15.28,161.62,161.62,0,0,1-52.81-21.27s.06.68.13,1.9l-13.74-13.74Z"
transform="translate(-115 -59.2)"
fill="url(#8dab11fa-ac49-4c56-908f-cefe97f9b2b4)"
/>
<polygon
points="518.17 507.27 495.72 549.68 530.64 564.64 553.09 517.25 518.17 507.27"
fill="#fda57d"
/>
<path
d="M645.64,623.84l2.49,10s44.9,32.43,34.92,39.91-104.77-39.91-104.77-39.91l32.43-24.95Z"
transform="translate(-115 -59.2)"
fill="#333"
/>
<polygon
points="550.7 521.65 515.37 509.88 504.86 529.72 539.78 544.69 550.7 521.65"
opacity={0.1}
/>
<polygon
points="677.69 427.83 711.41 461.97 736.16 433.14 697.68 397.51 677.69 427.83"
fill="#fda57d"
/>
<polygon
points="699.07 399.17 679.08 429.5 691.86 442.43 717.79 416.5 699.07 399.17"
opacity={0.1}
/>
<path
d="M851.16,492.33l10.27.61s44.4-33.11,48.55-21.35-69.49,88-69.49,88l-14.07-38.42Z"
transform="translate(-115 -59.2)"
fill="#333"
/>
<path
d="M531.45,237.07l51.82-60a10.9,10.9,0,0,0-.82-15.11L469.69,76.5,456,97.86l87.39,67.27-37.1,40.68Z"
transform="translate(-115 -59.2)"
fill="#fda57d"
/>
<path
d="M525.5,184.82,507.37,204.7,532.56,236l26-30.06A75.76,75.76,0,0,1,525.5,184.82Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M381,250.09l-58.67-44a17.83,17.83,0,0,1-4.39-23.76l87.79-97.69,18,18L363,178.29l35.9,35.9Z"
transform="translate(-115 -59.2)"
fill="#fda57d"
/>
<path
d="M368.59,241.23l9.6,7.2,18-35.9L373.59,190C374.07,197.64,375.42,227.33,368.59,241.23Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<polygon
points="550.69 365.14 496.83 526.71 550.69 544.66 640.44 365.14 568.64 347.19 550.69 365.14"
fill="#4d8af0"
/>
<polygon
points="548.19 370.13 545.5 378.21 602.05 370.13 624.14 397.75 637.95 370.13 566.14 352.18 548.19 370.13"
opacity={0.1}
/>
<path
d="M405.61,84.75s23-29.66,40.47-9.7S418.64,97.5,418.64,97.5Z"
transform="translate(-115 -59.2)"
fill="#fda57d"
/>
<path
d="M432.32,388.44l17.35,34.71a57.54,57.54,0,0,0,59.61,31.23l210.26-30,71.81,89.76,53.85-53.85-115.85-99.3a29.22,29.22,0,0,0-22.64-6.81Z"
transform="translate(-115 -59.2)"
fill="#4d8af0"
/>
<path
d="M379.56,194.79s4.73,58.3-13.22,60.3l35.9,18s-2,105.71,35.9,143.61c0,0,69.81-37.9,143.61-35.9s-18-71.81-18-71.81l-12.12-81.72,10-15a75,75,0,0,1-34.92-22.45h0c-10,12.47-32.86,29.38-52.69,29.38h-8.58c-29.56,0-61-6-85.91-21.9Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M376.23,189.8S381,248.1,363,250.09l35.9,18s-2,105.71,35.9,143.61c0,0,69.81-37.9,143.61-35.9s-18-71.81-18-71.81l-12.12-81.72,10-15a75,75,0,0,1-34.92-22.45h0c-10,12.47-32.86,29.38-52.69,29.38h-8.58c-29.56,0-61-8.47-85.91-24.4Z"
transform="translate(-115 -59.2)"
fill="#3ad29f"
/>
<path
d="M423.52,173.36v20a38.3,38.3,0,0,0,11.22,27.08l42.64,42.64,14.19-28.39a35.6,35.6,0,0,0,3.76-15.92V173.36Z"
transform="translate(-115 -59.2)"
fill="#fda57d"
/>
<path
d="M424.07,196.45c0,.74,0,1.47.07,2.21a53.84,53.84,0,0,0,71.74-.06V176.41H424.07Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<circle cx={344.42} cy={96.22} r={53.85} fill="#fda57d" />
<path
d="M423.52,140.23h89.76s35.9-35.9,0-53.85a122.89,122.89,0,0,0-24.36-8.6c-54.59-13.84-106.5,31.31-99.48,87.19,1.66,13.2,6.39,24,16.13,29.11C443.46,214,423.52,140.23,423.52,140.23Z"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M423.52,137.74h89.76s35.9-35.9,0-53.85a122.89,122.89,0,0,0-24.36-8.6c-54.59-13.84-106.5,31.31-99.48,87.19,1.66,13.2,6.39,24,16.13,29.11C443.46,211.54,423.52,137.74,423.52,137.74Z"
transform="translate(-115 -59.2)"
fill="#333"
/>
<ellipse cx={311.12} cy={96.92} rx={4.99} ry={8.73} fill="#fda57d" />
<polygon
points="283.68 207.93 286.18 200.44 293.66 205.43 283.68 207.93"
opacity={0.1}
/>
<path
d="M560.55,304s-27.16,13-34.65,25.5"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<polygon
points="433.35 163.03 430.86 170.51 425.87 163.03 433.35 163.03"
opacity={0.1}
/>
<path
d="M423.52,137.74h89.76s35.9-35.9,0-53.85a122.89,122.89,0,0,0-24.36-8.6c-54.59-13.84-106.5,31.31-99.48,87.19,1.66,13.2,6.39,24,16.13,29.11C443.46,211.54,423.52,137.74,423.52,137.74Z"
transform="translate(-115 -59.2)"
fill="#333"
/>
<path
d="M665,339.36s18.21,39.59-5.7,43-13-33.16-13-33.16-2.39-10.85-8.21-11.46"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M687,338.4s-21.65,37.82,1.86,43.3,15.89-31.87,15.89-31.87,3.34-10.59,9.2-10.69"
transform="translate(-115 -59.2)"
opacity={0.1}
/>
<path
d="M662.89,338.25s18.21,39.59-5.7,43-13-33.16-13-33.16S641.8,337.21,636,336.6"
transform="translate(-115 -59.2)"
fill="#ffd180"
/>
<path
d="M688.69,336.73S667,374.56,690.55,380s15.89-31.87,15.89-31.87,3.34-10.59,9.2-10.69"
transform="translate(-115 -59.2)"
fill="#ffd180"
/>
<rect
x={534.52}
y={313.82}
width={0.41}
height={7.73}
fill="#58555d"
opacity={0.5}
/>
<rect
x={541.14}
y={313.82}
width={0.41}
height={7.73}
fill="#58555d"
opacity={0.5}
/>
<rect
x={537.55}
y={311.36}
width={0.41}
height={10.81}
fill="#58555d"
opacity={0.5}
/>
<rect
x={577.52}
y={312.17}
width={0.41}
height={7.73}
fill="#58555d"
opacity={0.5}
/>
<rect
x={584.14}
y={312.17}
width={0.41}
height={7.73}
fill="#58555d"
opacity={0.5}
/>
<rect
x={580.55}
y={309.7}
width={0.41}
height={10.81}
fill="#58555d"
opacity={0.5}
/>
<g opacity={0.5}>
<circle
cx={664.4}
cy={780.16}
r={47.59}
transform="translate(-328.61 192.59) rotate(-18.54)"
fill="url(#3fea0823-e41c-4116-84a8-8769a514ae7c)"
/>
</g>
<circle
cx={664.4}
cy={780.16}
r={44.55}
transform="translate(-328.61 192.59) rotate(-18.54)"
fill="#f55f44"
/>
<g opacity={0.5}>
<path
d="M545.81,839.88c-6.4,2.15-14.37.62-17.34-5.52-1.71-3.55-1.3-7.52-.9-11.36.44-4.21.81-7.84-1.56-10.19a10.79,10.79,0,0,0-4.22-2.21c-2-.67-4.16-1.23-6.22-1.77a61.81,61.81,0,0,1-10.72-3.52c-6.8-3.19-11.15-8.58-11.63-14.42-.41-5,2-9.56,4.3-13.93s4.62-8.71,3.52-13c-1.49-5.79-8.44-8.54-14.56-11l-1-.38c-7.48-3-15.5-9.33-13.5-17.45.7-2.83,2.49-5,4.22-7a21.26,21.26,0,0,0,3-4.29c2.7-5.69-1-12.27-2.65-14.84-1.29-2-2.82-3.84-4.3-5.67a54.82,54.82,0,0,1-6.13-8.68l-.28-.52c-4.06-7.68-4.14-8-3.8-16.37l0-1,3.54.14,0,1c-.3,7.59-.3,7.59,3.39,14.57l.28.52a51.37,51.37,0,0,0,5.75,8.11c1.53,1.89,3.11,3.85,4.5,5.94,4.29,6.49,5.34,13.16,2.89,18.31a24.2,24.2,0,0,1-3.52,5c-1.54,1.84-3,3.58-3.5,5.62-1.56,6.31,6.41,11.33,11.37,13.31l.95.38c6.57,2.6,14.75,5.84,16.69,13.37,1.44,5.59-1.23,10.63-3.82,15.51-2.17,4.1-4.23,8-3.9,12,.44,5.37,5.25,9.46,9.6,11.51a58.23,58.23,0,0,0,10.11,3.3c2.12.55,4.31,1.13,6.45,1.84a13.86,13.86,0,0,1,5.6,3.06c3.57,3.54,3.07,8.39,2.59,13.08-.36,3.5-.71,6.81.57,9.45,2.31,4.78,9.47,5.48,14.45,3.13,4.08-1.92,7.29-5.19,10.69-8.64,1.1-1.12,2.24-2.27,3.4-3.37,6.34-6,12.75-8.62,18.55-7.61a26.17,26.17,0,0,1,5.35,1.73,26.43,26.43,0,0,0,4.13,1.42,12.73,12.73,0,0,0,14.55-9.32c.13-.59.22-1.21.32-1.86.31-2.08.66-4.44,2.32-6.27s4.29-2.5,6.16-2.93l19.3-4.46.8,3.45-19.3,4.46c-1.83.42-3.42.86-4.33,1.86s-1.18,2.67-1.43,4.41c-.1.68-.21,1.39-.36,2.09a16.27,16.27,0,0,1-18.78,12,29.47,29.47,0,0,1-4.69-1.6,23.16,23.16,0,0,0-4.63-1.52c-5.88-1-11.67,3.07-15.5,6.69-1.11,1.05-2.23,2.19-3.31,3.28-3.47,3.52-7.05,7.17-11.7,9.36A16.63,16.63,0,0,1,545.81,839.88Z"
transform="translate(-115 -59.2)"
fill="url(#fd576e1c-2aeb-4e99-9d21-0fe2a9aa074f)"
/>
</g>
<path
d="M546.29,838.12c-6.4,2.15-14.37.62-17.34-5.52-1.71-3.55-1.3-7.52-.9-11.36.44-4.21.81-7.84-1.56-10.19a10.79,10.79,0,0,0-4.22-2.21c-2-.67-4.16-1.23-6.22-1.77a61.81,61.81,0,0,1-10.72-3.52c-6.8-3.19-11.15-8.58-11.63-14.42-.41-5,2-9.56,4.3-13.93s4.62-8.71,3.52-13c-1.49-5.79-8.44-8.54-14.56-11l-1-.38c-7.48-3-15.5-9.33-13.5-17.45.7-2.83,2.49-5,4.22-7a21.26,21.26,0,0,0,3-4.29c2.7-5.69-1-12.27-2.65-14.84-1.29-2-2.82-3.84-4.3-5.67a54.82,54.82,0,0,1-6.13-8.68l-.28-.52c-4.06-7.68-4.14-8-3.8-16.37l0-1,3.54.14,0,1c-.3,7.59-.3,7.59,3.39,14.57l.28.52a51.37,51.37,0,0,0,5.75,8.11c1.53,1.89,3.11,3.85,4.5,5.94,4.29,6.49,5.34,13.16,2.89,18.31a24.2,24.2,0,0,1-3.52,5c-1.54,1.84-3,3.58-3.5,5.62-1.56,6.31,6.41,11.33,11.37,13.31l.95.38c6.57,2.6,14.75,5.84,16.69,13.37,1.44,5.59-1.23,10.63-3.82,15.51-2.17,4.1-4.23,8-3.9,12,.44,5.37,5.25,9.46,9.6,11.51a58.23,58.23,0,0,0,10.11,3.3c2.12.55,4.31,1.13,6.45,1.84a13.86,13.86,0,0,1,5.6,3.06c3.57,3.54,3.07,8.39,2.59,13.08-.36,3.5-.71,6.81.57,9.45,2.31,4.78,9.47,5.48,14.45,3.13,4.08-1.92,7.29-5.19,10.69-8.64,1.1-1.12,2.24-2.27,3.4-3.37,6.34-6,12.75-8.62,18.55-7.61a26.17,26.17,0,0,1,5.35,1.73,26.43,26.43,0,0,0,4.13,1.42,12.73,12.73,0,0,0,14.55-9.32c.13-.59.22-1.21.32-1.86.31-2.08.66-4.44,2.32-6.27s4.29-2.5,6.16-2.93l19.3-4.46.8,3.45-19.3,4.46c-1.83.42-3.42.86-4.33,1.86s-1.18,2.67-1.43,4.41c-.1.68-.21,1.39-.36,2.09a16.27,16.27,0,0,1-18.78,12,29.47,29.47,0,0,1-4.69-1.6,23.16,23.16,0,0,0-4.63-1.52c-5.88-1-11.67,3.07-15.5,6.69-1.11,1.05-2.23,2.19-3.31,3.28-3.47,3.52-7.05,7.17-11.7,9.36A16.63,16.63,0,0,1,546.29,838.12Z"
transform="translate(-115 -59.2)"
fill="#f55f44"
/>
<path
d="M661.78,748.47s24.65-3.73,36.72,30.67"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M634.51,803.27s-18.3-25.9,14.31-54.46"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M642,793.81s-8.83-13.59.43-25.77"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M657.81,762.88s11.69,4.62,13.33,25.43"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M671.53,738.52s18.26,3.49,31,28.6"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M648,746.41s8.63-6.1,16.64-2.91"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M654.52,804s11.54,7.34,41.28-13.84"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M652.47,818.6s7.22,7.19,22.25,1.08"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M631.06,754.77a39,39,0,0,0-5.38,31.71"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M640.75,801.17s-.95,6.73,6.58,10.07"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M700.61,793.38s-.46,13-7.66,13.78"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M661.1,812.5a28.82,28.82,0,0,0,24-8"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M672.22,766.06s6.25,4.31,5.63,12"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M648.38,774.59s-1.74,9.13,2.75,14.56"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M653.66,772.82s6.42,8,4.67,13.92"
transform="translate(-115 -59.2)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
</svg>
);
UndrawChilling.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawChilling.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawChilling;