react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
520 lines (515 loc) • 21.2 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawPlayfulCat = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="39a6c29f-fe67-4b70-b1d8-8cf786f1bfe7"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 937.26 812.12"
>
<defs>
<linearGradient
id="2e46f35f-56f4-430b-9d95-d68d73cfef1c"
x1={550.61}
y1={391.21}
x2={550.61}
y2={119.94}
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="fdac7634-b642-40fa-8a43-085b572eede9"
x1={600}
y1={712.18}
x2={600}
y2={177.78}
xlinkHref="#2e46f35f-56f4-430b-9d95-d68d73cfef1c"
/>
<linearGradient
id="912b237e-fa3a-47c4-bbed-6d4e5065e09a"
x1={400.37}
y1={509.13}
x2={400.37}
y2={43.94}
xlinkHref="#2e46f35f-56f4-430b-9d95-d68d73cfef1c"
/>
<linearGradient
id="72464db5-fd84-4643-baf7-d68ae36fa109"
x1={563.63}
y1={812.12}
x2={563.63}
y2={624.12}
xlinkHref="#2e46f35f-56f4-430b-9d95-d68d73cfef1c"
/>
<linearGradient
id="2caddc49-1727-4c31-95e0-c0d7e82ae402"
x1={491.42}
y1={799.41}
x2={491.42}
y2={441.32}
xlinkHref="#2e46f35f-56f4-430b-9d95-d68d73cfef1c"
/>
<linearGradient
id="6764eae3-0569-4495-8bae-0afb3d7c8ccf"
x1={388}
y1={279}
x2={388}
y2={259}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#fff" />
<stop offset={1} />
</linearGradient>
</defs>
<title>playful cat</title>
<g opacity={0.5}>
<path
d="M619.25,248.3c-4.14-22.71-8.35-45.66-17.71-66.76a146.63,146.63,0,0,0-46.91-58.4A15.78,15.78,0,0,0,544,120h0c-5.88.52-7.73,4.14-8.68,8-.11.45-.21.9-.3,1.35-2.34,11.52-.78,22.9,2.6,34.12,4.22,14,11.27,27.75,17.12,41.2a274.9,274.9,0,0,1,20.79,76.25c.43,3.49.77,7.06.86,10.62a61.91,61.91,0,0,1-.15,6.37A38.05,38.05,0,0,1,573.45,310q-.41,1-.89,1.88t-1,1.82c-3.59,5.87-9.21,10.16-14.7,14.32s-11.71,8.62-18.28,10.86l.22,0a26.37,26.37,0,0,1-9.52,1.57c-10.13-.31-20.93-8.48-31.13-6.56h-.06c-.38.07-.76.16-1.15.26-10.44,2.83-18.44,19.22-18.5,29.71,0,0,0,.06,0,.09q0,1.24.09,2.41c0,.28.07.55.1.82.06.52.11,1,.2,1.55.05.31.13.6.19.91s.19.9.31,1.33.19.6.28.91.26.81.4,1.2.24.59.36.87.32.74.5,1.1.29.56.44.83.38.69.59,1,.34.52.51.78.44.64.68.94.38.49.58.73.5.59.76.87.42.46.64.68.56.55.84.81.45.42.69.62.61.5.92.75.48.38.73.57.67.47,1,.69l.76.5c.36.23.73.44,1.1.65l.77.44c.41.22.82.42,1.24.62l.73.36c.6.27,1.21.53,1.82.78l.9.34c.47.17.94.35,1.42.51l1,.32,1.16.35,1.14.29,1.1.27,1.22.26,1.06.21,1.28.22,1,.16,1.33.17,1,.11,1.38.13,1,.07,1.42.08.91,0,1.48,0h.83l1.54,0,.73,0,1.63-.07.58,0,1.74-.13.33,0a57,57,0,0,0,14.45-3.18c14.76-5.59,27.27-15.83,38.87-26.54,23-21.24,44.71-47.59,46.55-78.84C623.36,270.92,621.31,259.55,619.25,248.3Z"
transform="translate(-131.37 -43.94)"
fill="url(#2e46f35f-56f4-430b-9d95-d68d73cfef1c)"
/>
</g>
<path
d="M538.42,376.32c13.49-5.11,24.92-14.46,35.52-24.25,21-19.41,40.86-43.49,42.54-72,.61-10.43-1.27-20.83-3.14-31.1-3.78-20.75-7.63-41.72-16.18-61a134,134,0,0,0-42.87-53.36,14.41,14.41,0,0,0-9.7-2.88c-6,.53-7.42,4.6-8.21,8.5-4.81,23.66,8.38,46.69,18,68.82a251.22,251.22,0,0,1,19,69.68c1.25,10.19,1.69,21.22-3.67,30-3.28,5.36-8.42,9.29-13.43,13.08-7.5,5.68-15.81,11.62-25.21,11.34-9.63-.29-19.91-8.35-29.55-5.74s-16.85,17.56-16.91,27.15C484.47,380.43,520.36,383.16,538.42,376.32Z"
transform="translate(-131.37 -43.94)"
fill="#ffd180"
/>
<g opacity={0.1}>
<path
d="M569.73,308.66c-3.28,5.36-8.42,9.29-13.43,13.08s-10.7,7.88-16.7,9.92c8.54-.57,16.17-6,23.11-11.23,5-3.79,10.15-7.72,13.43-13.08,5.36-8.76,4.92-19.79,3.67-30a251.2,251.2,0,0,0-19-69.68c-9.64-22.13-22.83-45.17-18-68.82.56-2.74,1.46-5.54,4-7.16a12.89,12.89,0,0,0-2.2,0c-6,.53-7.42,4.6-8.21,8.5-4.81,23.66,8.38,46.69,18,68.82a251.2,251.2,0,0,1,19,69.68C574.65,288.87,575.09,299.9,569.73,308.66Z"
transform="translate(-131.37 -43.94)"
/>
<path
d="M491,353.17c.05-8.86,6.31-22.3,14.79-26.33a15.51,15.51,0,0,0-4.28.5c-9.54,2.58-16.85,17.56-16.91,27.15-.15,24.21,31.06,28.21,49.91,23.08C515.79,380.29,490.9,374.8,491,353.17Z"
transform="translate(-131.37 -43.94)"
/>
</g>
<g opacity={0.5}>
<path
d="M1032.73,477.32S1005.86,413.91,993.12,364l-5.8-34.18a25.3,25.3,0,0,0,11.38-21.14h0a25.34,25.34,0,0,0-19.14-24.56l-1.29-7.57H865.94V239H682.13v37.44H518.75V232.24H456.3a30.63,30.63,0,1,0-38.49,0H324.73v44.25h-88.6A29,29,0,0,0,200.76,274h0a28.8,28.8,0,0,0-11.32,14.64,29,29,0,0,0,3.33,36.66l26.44,26.87v18.55c-8.06,25.81-25.25,72-61.27,144-3.4,3.4-81.69,149.77,47.65,197.42H995.29S1131.44,688.35,1032.73,477.32Z"
transform="translate(-131.37 -43.94)"
fill="url(#fdac7634-b642-40fa-8a43-085b572eede9)"
/>
</g>
<rect x={204.43} y={196.85} width={186.22} height={53.91} opacity={0.1} />
<rect x={204.43} y={196.85} width={186.22} height={49.01} fill={props.primaryColor} />
<circle cx={312.24} cy={173.98} r={29.4} fill={props.primaryColor} />
<rect x={139.09} y={294.86} width={352.84} height={189.49} fill={props.primaryColor} />
<rect x={139.09} y={294.86} width={352.84} height={189.49} opacity={0.5} />
<path
d="M1015.33,476c94.74,202.55-35.94,225.42-35.94,225.42H574.29l-9.8-369.17,406.74,1.63c3.27,45.74,44.1,142.11,44.1,142.11"
transform="translate(-131.37 -43.94)"
fill={props.primaryColor}
/>
<rect x={103.15} y={239.32} width={728.54} height={91.48} fill={props.primaryColor} />
<polygon
points="846.39 325.9 103.15 330.8 103.15 239.32 831.69 239.32 846.39 325.9"
opacity={0.1}
/>
<path
d="M623.29,472.75s-50.37-86.28-63.71-135.58l18,364.27S718,675.3,623.29,472.75Z"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<g opacity={0.5}>
<path
d="M353.44,83.16s53.8-10.76,80.7,0c0,0,16.14-37.66,32.28-37.66s21.52,59.18,21.52,59.18l21.52,86.09s102.23,182.93,0,279.78-263.64-10.76-263.64-80.7,32.28-215.21,32.28-215.21,32.28-118.37,43-129.13S353.44,83.16,353.44,83.16Z"
transform="translate(-131.37 -43.94)"
fill="url(#912b237e-fa3a-47c4-bbed-6d4e5065e09a)"
/>
</g>
<path
d="M355.26,90.64s51.72-10.34,77.58,0c0,0,15.52-36.2,31-36.2s20.69,56.89,20.69,56.89l20.69,82.75s98.27,175.85,0,269-253.43-10.34-253.43-77.58,31-206.89,31-206.89,31-113.79,41.38-124.13S355.26,90.64,355.26,90.64Z"
transform="translate(-131.37 -43.94)"
fill="#ffd180"
/>
<path
d="M241.05,348.6S234.52,394.34,175.71,512c-3.27,3.27-78.41,143.75,45.74,189.49H574.29S705,678.57,610.22,476c0,0-47.37-99.64-50.64-145.38L384.8,492.35Z"
transform="translate(-131.37 -43.94)"
fill={props.primaryColor}
/>
<g opacity={0.1}>
<path
d="M541.43,290.75a409.09,409.09,0,0,0-36.19-96.66l3.27,13.07A408.92,408.92,0,0,1,541.43,290.75Z"
transform="translate(-131.37 -43.94)"
fill="#fff"
/>
<path
d="M261.08,371.52c0-67.24,25-179.89,25-179.89s31-113.79,41.38-124.13,31,36.21,31,36.21,51.72-10.34,77.58,0c0,0,15.52-36.21,31-36.21,6,0,10.48,8.58,13.69,19.07-3.15-15.34-8.52-32.14-17-32.14-15.52,0-31,36.21-31,36.21-25.86-10.34-77.58,0-77.58,0s-20.69-46.55-31-36.21-41.38,124.13-41.38,124.13-25,112.65-25,179.89C257.81,364.53,261.08,373.45,261.08,371.52Z"
transform="translate(-131.37 -43.94)"
fill="#fff"
/>
</g>
<path
d="M241.05,348.6S234.52,394.34,175.71,512c-3.27,3.27-78.41,143.75,45.74,189.49H574.29S705,678.57,610.22,476c0,0-47.37-99.64-50.64-145.38L384.8,492.35Z"
transform="translate(-131.37 -43.94)"
fill="#fff"
opacity={0.2}
/>
<path
d="M388.07,449.88,541.62,289.8H958.35a24.31,24.31,0,0,1,24.31,24.31h0A24.31,24.31,0,0,1,958,338.42l-393.49-6.15L388.07,502.15Z"
transform="translate(-131.37 -43.94)"
fill={props.primaryColor}
/>
<path
d="M253.78,286.4,388.07,449.88v52.27L212.41,323.62a27.85,27.85,0,0,1,4.4-42.71h0A27.85,27.85,0,0,1,253.78,286.4Z"
transform="translate(-131.37 -43.94)"
fill={props.primaryColor}
/>
<path
d="M388.07,456.41,541.62,296.33H958.35a24.31,24.31,0,0,1,24.31,24.31h0A24.31,24.31,0,0,1,958,345L564.49,338.8,388.07,508.69Z"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<path
d="M388.07,449.88,541.62,289.8H958.35a24.31,24.31,0,0,1,24.31,24.31h0A24.31,24.31,0,0,1,958,338.42l-393.49-6.15L388.07,502.15Z"
transform="translate(-131.37 -43.94)"
fill={props.primaryColor}
/>
<path
d="M250.52,292.94,384.8,456.41v52.27L209.14,330.15a27.85,27.85,0,0,1,4.4-42.71h0A27.85,27.85,0,0,1,250.52,292.94Z"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<path
d="M253.78,286.4,388.07,449.88v52.27L212.41,323.62a27.85,27.85,0,0,1,4.4-42.71h0A27.85,27.85,0,0,1,253.78,286.4Z"
transform="translate(-131.37 -43.94)"
fill={props.primaryColor}
/>
<rect
x={175.02}
y={559.49}
width={182.95}
height={32.67}
fill="#fff"
opacity={0.5}
/>
<rect
x={616.07}
y={559.49}
width={186.22}
height={32.67}
fill="#fff"
opacity={0.5}
/>
<rect x={547.46} y={203.39} width={176.42} height={62.07} fill={props.primaryColor} />
<circle cx={622.6} cy={180.52} r={29.4} fill={props.primaryColor} />
<circle cx={250.16} cy={438.61} r={35.94} opacity={0.1} />
<circle cx={250.16} cy={432.08} r={35.94} fill={props.primaryColor} />
<circle cx={250.16} cy={432.08} r={35.94} opacity={0.3} />
<circle cx={324.74} cy={137.22} r={10.34} fill="#58555d" />
<circle cx={205.78} cy={137.22} r={10.34} fill="#58555d" />
<ellipse cx={267.85} cy={147.56} rx={15.52} ry={10.34} fill="#58555d" />
<rect
x={486.58}
y={173.4}
width={47.68}
height={5.17}
transform="translate(-157.38 70.86) rotate(-12.52)"
fill="#ffd180"
/>
<rect
x={486.63}
y={194.09}
width={52.75}
height={5.17}
transform="translate(-159.91 60.07) rotate(-11.27)"
fill="#ffd180"
/>
<rect
x={272.5}
y={137.79}
width={5.17}
height={55.71}
transform="translate(-112.24 315.6) rotate(-68.2)"
fill="#ffd180"
/>
<rect
x={264.74}
y={152.31}
width={5.17}
height={68.03}
transform="translate(-88.85 378.28) rotate(-81.25)"
fill="#ffd180"
/>
<path
d="M377.46,345.81s36,78.21-11.25,84.87-25.67-65.5-25.67-65.5-4.72-21.43-16.23-22.64"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<path
d="M420.92,343.92s-42.76,74.71,3.68,85.54,31.38-63,31.38-63,6.61-20.93,18.17-21.11"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<path
d="M373.23,343.63s36,78.21-11.25,84.87S336.3,363,336.3,363s-4.72-21.43-16.23-22.64"
transform="translate(-131.37 -43.94)"
fill="#ffd180"
/>
<path
d="M424.19,340.63s-42.76,74.71,3.68,85.54,31.38-63,31.38-63,6.61-20.93,18.17-21.11"
transform="translate(-131.37 -43.94)"
fill="#ffd180"
/>
<rect
x={215.45}
y={368.37}
width={0.82}
height={15.26}
fill="#58555d"
opacity={0.5}
/>
<rect
x={228.52}
y={368.37}
width={0.82}
height={15.26}
fill="#58555d"
opacity={0.5}
/>
<rect
x={221.43}
y={363.5}
width={0.82}
height={21.36}
fill="#58555d"
opacity={0.5}
/>
<rect
x={300.39}
y={365.1}
width={0.82}
height={15.26}
fill="#58555d"
opacity={0.5}
/>
<rect
x={313.46}
y={365.1}
width={0.82}
height={15.26}
fill="#58555d"
opacity={0.5}
/>
<rect
x={306.37}
y={360.23}
width={0.82}
height={21.36}
fill="#58555d"
opacity={0.5}
/>
<g opacity={0.5}>
<circle
cx={563.63}
cy={718.12}
r={94}
fill="url(#72464db5-fd84-4643-baf7-d68ae36fa109)"
/>
</g>
<circle cx={563.63} cy={718.12} r={88} fill="#f55f44" />
<g opacity={0.5}>
<path
d="M435.38,799.41c-13.34,0-27.31-7.86-29-21.23-1-7.72,2.29-14.9,5.44-21.84,3.46-7.61,6.45-14.18,3.49-20.07-1.35-2.68-3.93-4.85-6.51-6.8-3.37-2.53-7-4.92-10.54-7.23-6.09-4-12.39-8.12-17.86-13.33-10.74-10.25-15.49-23.08-12.72-34.32,2.4-9.71,9.72-16.67,16.8-23.39,7.26-6.9,14.12-13.41,14.74-22.07.84-11.78-10.44-21.29-20.39-29.68l-1.55-1.31C365.14,587.86,354.1,570.92,363,557c3.09-4.87,7.78-7.75,12.32-10.54a42,42,0,0,0,8.4-6.12c8.63-9,5.92-23.58,4.36-29.46-1.19-4.46-2.87-9-4.49-13.31-2.39-6.43-4.87-13.07-6-20.1l-.19-1.15c-2.79-16.93-2.73-17.55,3.17-33l.74-1.93,6.54,2.49-.74,1.94c-5.34,14-5.34,14-2.8,29.41l.19,1.16c1,6.36,3.29,12.4,5.68,18.8,1.68,4.5,3.41,9.16,4.69,14,4,14.84,1.74,28-6.08,36.12a47.81,47.81,0,0,1-9.77,7.23c-4,2.48-7.85,4.83-10.08,8.33C362,571.57,373.75,586,381.8,592.79l1.54,1.3c10.67,9,24,20.19,22.86,35.53-.81,11.37-9,19.14-16.9,26.65-6.64,6.31-12.92,12.27-14.83,20-2.55,10.33,3.89,21,10.76,27.58,5,4.77,10.76,8.54,16.86,12.54,3.62,2.37,7.36,4.82,10.92,7.49,3.27,2.46,6.56,5.28,8.56,9.25,4.47,8.88.48,17.64-3.37,26.11-2.88,6.33-5.6,12.31-4.87,18.06,1.32,10.39,14.28,16.21,25.09,14.94,8.84-1,16.91-5.14,25.45-9.47,2.76-1.4,5.62-2.85,8.48-4.18,15.63-7.23,29.29-8.13,39.51-2.6a51.7,51.7,0,0,1,8.94,6.6,52.21,52.21,0,0,0,6.84,5.26,25.16,25.16,0,0,0,33.11-8.32c.61-1,1.17-2.12,1.76-3.29,1.89-3.71,4-7.91,8.27-10.28,4.45-2.49,9.61-2,13.38-1.62l39,3.77-.68,7-39-3.77c-3.7-.36-6.94-.55-9.29.77s-3.88,4.26-5.46,7.35c-.62,1.21-1.26,2.47-2,3.69A32.14,32.14,0,0,1,524,793.85a58.22,58.22,0,0,1-7.78-5.94,45.74,45.74,0,0,0-7.71-5.75c-10.36-5.61-23.8-1.58-33.24,2.79-2.75,1.27-5.55,2.69-8.25,4.07-8.71,4.42-17.71,9-27.8,10.18A32.84,32.84,0,0,1,435.38,799.41Z"
transform="translate(-131.37 -43.94)"
fill="url(#2caddc49-1727-4c31-95e0-c0d7e82ae402)"
/>
</g>
<path
d="M437.38,796.41c-13.34,0-27.31-7.86-29-21.23-1-7.72,2.29-14.9,5.44-21.84,3.46-7.61,6.45-14.18,3.49-20.07-1.35-2.68-3.93-4.85-6.51-6.8-3.37-2.53-7-4.92-10.54-7.23-6.09-4-12.39-8.12-17.86-13.33-10.74-10.25-15.49-23.08-12.72-34.32,2.4-9.71,9.72-16.67,16.8-23.39,7.26-6.9,14.12-13.41,14.74-22.07.84-11.78-10.44-21.29-20.39-29.68l-1.55-1.31C367.14,584.86,356.1,567.92,365,554c3.09-4.87,7.78-7.75,12.32-10.54a42,42,0,0,0,8.4-6.12c8.63-9,5.92-23.58,4.36-29.46-1.19-4.46-2.87-9-4.49-13.31-2.39-6.43-4.87-13.07-6-20.1l-.19-1.15c-2.79-16.93-2.73-17.55,3.17-33l.74-1.93,6.54,2.49-.74,1.94c-5.34,14-5.34,14-2.8,29.41l.19,1.16c1,6.36,3.29,12.4,5.68,18.8,1.68,4.5,3.41,9.16,4.69,14,4,14.84,1.74,28-6.08,36.12a47.81,47.81,0,0,1-9.77,7.23c-4,2.48-7.85,4.83-10.08,8.33C364,568.57,375.75,583,383.8,589.79l1.54,1.3c10.67,9,24,20.19,22.86,35.53-.81,11.37-9,19.14-16.9,26.65-6.64,6.31-12.92,12.27-14.83,20-2.55,10.33,3.89,21,10.76,27.58,5,4.77,10.76,8.54,16.86,12.54,3.62,2.37,7.36,4.82,10.92,7.49,3.27,2.46,6.56,5.28,8.56,9.25,4.47,8.88.48,17.64-3.37,26.11-2.88,6.33-5.6,12.31-4.87,18.06,1.32,10.39,14.28,16.21,25.09,14.94,8.84-1,16.91-5.14,25.45-9.47,2.76-1.4,5.62-2.85,8.48-4.18,15.63-7.23,29.29-8.13,39.51-2.6a51.7,51.7,0,0,1,8.94,6.6,52.21,52.21,0,0,0,6.84,5.26,25.16,25.16,0,0,0,33.11-8.32c.61-1,1.17-2.12,1.76-3.29,1.89-3.71,4-7.91,8.27-10.28,4.45-2.49,9.61-2,13.38-1.62l39,3.77-.68,7-39-3.77c-3.7-.36-6.94-.55-9.29.77s-3.88,4.26-5.46,7.35c-.62,1.21-1.26,2.47-2,3.69A32.14,32.14,0,0,1,526,790.85a58.22,58.22,0,0,1-7.78-5.94,45.74,45.74,0,0,0-7.71-5.75c-10.36-5.61-23.8-1.58-33.24,2.79-2.75,1.27-5.55,2.69-8.25,4.07-8.71,4.42-17.71,9-27.8,10.18A32.84,32.84,0,0,1,437.38,796.41Z"
transform="translate(-131.37 -43.94)"
fill="#f55f44"
/>
<path
d="M710,701.06s48.5,8.5,49.5,80.5"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M624.5,786.56s-18-60,61-93"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M644.5,773.56s-8-31,17-48"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M693.5,725.56s19,16,9,56"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M734.5,688.56s32,18,40,73"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M685.5,688.56s20-6,33,5"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M661.5,800.56s17,21,86,0"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M648.5,826.56s9,18,41,16"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M648.5,693.56s-27,18-30,56"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M637.5,786.56s-6,12,6,23"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M754.5,809.56s-9,24-23,21"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M668.5,820.56a56.93,56.93,0,0,0,50,0"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M718.5,740.56s9,12,3,26"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M668.5,741.56s-9,16-4,29"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M679.5,741.56s7,19,0,29"
transform="translate(-131.37 -43.94)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
opacity={0.2}
/>
<path
d="M386.33,257.67a236.61,236.61,0,0,1-40.41-3.45c-42.07-7.3-71.85-25.54-72.93-26.22l1.8-8.35c.25.16,32.63,18.84,73.07,25.78,37.23,6.39,101.27,4.47,166.37-31.44l4.35,7.88C471.34,247.93,421.61,257.67,386.33,257.67Z"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<path
d="M388.18,263.18l-.35-.35a5.42,5.42,0,0,0,0-8.63l.31-.39a5.91,5.91,0,0,1,0,9.37Z"
transform="translate(-131.37 -43.94)"
fill="#4d8af0"
/>
<path
d="M388.18,263.18l-.35-.35a5.42,5.42,0,0,0,0-8.63l.31-.39a5.91,5.91,0,0,1,0,9.37Z"
transform="translate(-131.37 -43.94)"
opacity={0.1}
/>
<path
d="M514.25,212c-65.1,35.91-129.15,37.83-166.37,31.44-40.44-6.94-72.82-25.62-73.07-25.78L270,225.27c1.08.68,33.84,19.65,75.91,27a236.61,236.61,0,0,0,40.41,3.45c35.27,0,85-9.74,132.26-35.81ZM388,255a1,1,0,1,1,1-1A1,1,0,0,1,388,255Z"
transform="translate(-131.37 -43.94)"
fill="#f55f44"
/>
<path
d="M378,269h0a10,10,0,0,0,10,10h0a10,10,0,0,0,10-10h0a10,10,0,0,0-10-10h0A10,10,0,0,0,378,269Zm10-5a1.67,1.67,0,1,1,1.67-1.67A1.67,1.67,0,0,1,388,264Z"
transform="translate(-131.37 -43.94)"
opacity={0.1}
fill="url(#6764eae3-0569-4495-8bae-0afb3d7c8ccf)"
/>
<path
d="M379,269h0a9,9,0,0,0,9,9h0a9,9,0,0,0,9-9h0a9,9,0,0,0-9-9h0A9,9,0,0,0,379,269Zm9-4.5a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,388,264.5Z"
transform="translate(-131.37 -43.94)"
fill="#4d8af0"
/>
<path
d="M387.82,263.18a5.91,5.91,0,0,1,0-9.37l.31.39a5.42,5.42,0,0,0,0,8.63Z"
transform="translate(-131.37 -43.94)"
fill="#4d8af0"
/>
<polyline
points="256.63 210.06 256.63 210.06 256.63 210.06 256.63 210.06"
fill="#4d8af0"
/>
<path
d="M501,215c-137.67,81-217,6-217,6Z"
transform="translate(-131.37 -43.94)"
fill="#ffd180"
/>
</svg>
);
UndrawPlayfulCat.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawPlayfulCat.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawPlayfulCat;