react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
433 lines (428 loc) • 18.4 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawProcessing = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="eb56cac1-988a-4970-8192-095cb31178d1"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 880.92 737.5"
>
<defs>
<linearGradient
id="b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
x1={194}
y1={524}
x2={194}
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="3e855d09-ea58-4275-8d16-3996ecf7bf97"
x1={256.5}
y1={341}
x2={256.5}
y2={261}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="cf2af733-ecbd-4844-bce5-a175ed323afb"
x1={698.41}
y1={686.91}
x2={698.41}
y2={411}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="41d3ff72-5c81-40b1-a081-9da170d960ca"
x1={521}
y1={592.5}
x2={564}
y2={592.5}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="861d31c1-c685-4668-90c5-63e7f330b62f"
x1={864}
y1={667}
x2={864}
y2={506}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="95aca10b-5f5c-4c4a-b42d-5e0345d77cda"
x1={587}
y1={666}
x2={587}
y2={505}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="447533d7-1588-4f38-833a-a610814ab16b"
x1={818.5}
y1={672}
x2={818.5}
y2={507}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="ff2ef3d2-e251-4fff-9ce5-91d443983582"
x1={692.5}
y1={520}
x2={692.5}
y2={503}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="3aee67b7-7918-445b-a8b6-3ab74317d2c0"
x1={696.5}
y1={492}
x2={696.5}
y2={407}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="6f730dc9-6dcb-4b79-bb23-db206ebc09d2"
x1={696.5}
y1={503}
x2={696.5}
y2={482}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
<linearGradient
id="fad0dffe-d445-4baa-a242-e8cd9004e0b5"
x1={695}
y1={448}
x2={695}
y2={438}
xlinkHref="#b5b2e68b-c285-4ac0-b26c-c5e680cf112d"
/>
</defs>
<title>processing</title>
<rect
width={388}
height={524}
fill="url(#b5b2e68b-c285-4ac0-b26c-c5e680cf112d)"
/>
<rect x={23} y={8} width={358} height={506} fill="#fff" />
<rect x={6} y={8} width={17} height={506} fill="#f5f5f5" />
<rect x={82} y={383} width={240} height={6} fill="#e0e0e0" />
<rect x={82} y={406} width={240} height={6} fill="#69f0ae" opacity={0.4} />
<rect x={82} y={429} width={240} height={6} fill="#ff0" opacity={0.4} />
<rect x={82} y={452} width={240} height={6} fill="#e0e0e0" />
<rect x={82} y={475} width={240} height={6} fill="#e0e0e0" />
<path
d="M321.09,171.55c.1-1.11.16-2.23.16-3.36a37.33,37.33,0,0,0-1.45-10.3l-4.35.21-2-5.48,2.81-3.07a37.72,37.72,0,0,0-8.9-10.44l-3.43,2.66-4.78-3.34.55-4.13a37.17,37.17,0,0,0-13.27-3.45L285.14,135h-5.83l-1.92-3.7a37.33,37.33,0,0,0-18.13,8.63l2,3.84-4.12,4.12-4-1.25a37.29,37.29,0,0,0-5.73,12.46l3.88,2-1,5.74-4,1.25s0,.06,0,.09a37.25,37.25,0,0,0,2.49,13.4l4.32-.59,2.46,5.28-2.53,3.3a37.76,37.76,0,0,0,9.76,9.64l3.19-3,5.05,2.92-.18,4.18a37.28,37.28,0,0,0,12.9,2.29l.63,0,.92-4.25,5.81-.51,2.24,3.52a37.32,37.32,0,0,0,12.38-5.9l-1.68-4,4.47-3.75,3.84,1.59a37.45,37.45,0,0,0,6.79-11.92l-3.68-2.32,1.51-5.63Zm-37.3,24.68a28,28,0,1,1,28-28A28.07,28.07,0,0,1,283.79,196.23Z"
transform="translate(-159.54 -82)"
fill={props.primaryColor}
/>
<path
d="M367.09,240.55c.1-1.11.16-2.23.16-3.36a37.33,37.33,0,0,0-1.45-10.3l-4.35.21-2-5.48,2.81-3.07a37.72,37.72,0,0,0-8.9-10.44l-3.43,2.66-4.78-3.34.55-4.13a37.17,37.17,0,0,0-13.27-3.45L331.14,204h-5.83l-1.92-3.7a37.33,37.33,0,0,0-18.13,8.63l2,3.84-4.12,4.12-4-1.25a37.29,37.29,0,0,0-5.73,12.46l3.88,2-1,5.74-4,1.25s0,.06,0,.09a37.25,37.25,0,0,0,2.49,13.4l4.32-.59,2.46,5.28-2.53,3.3a37.76,37.76,0,0,0,9.76,9.64l3.19-3,5.05,2.92-.18,4.18a37.28,37.28,0,0,0,12.9,2.29l.63,0,.92-4.25,5.81-.51,2.24,3.52a37.32,37.32,0,0,0,12.38-5.9l-1.68-4,4.47-3.75,3.84,1.59a37.45,37.45,0,0,0,6.79-11.92l-3.68-2.32,1.51-5.63Zm-37.3,24.68a28,28,0,1,1,28-28A28.07,28.07,0,0,1,329.79,265.23Z"
transform="translate(-159.54 -82)"
fill={props.primaryColor}
opacity={0.6}
/>
<path
d="M414.09,171.55c.1-1.11.16-2.23.16-3.36a37.33,37.33,0,0,0-1.45-10.3l-4.35.21-2-5.48,2.81-3.07a37.72,37.72,0,0,0-8.9-10.44l-3.43,2.66-4.78-3.34.55-4.13a37.17,37.17,0,0,0-13.27-3.45L378.14,135h-5.83l-1.92-3.7a37.33,37.33,0,0,0-18.13,8.63l2,3.84-4.12,4.12-4-1.25a37.29,37.29,0,0,0-5.73,12.46l3.88,2-1,5.74-4,1.25s0,.06,0,.09a37.25,37.25,0,0,0,2.49,13.4l4.32-.59,2.46,5.28-2.53,3.3a37.76,37.76,0,0,0,9.76,9.64l3.19-3,5.05,2.92-.18,4.18a37.28,37.28,0,0,0,12.9,2.29l.63,0,.92-4.25,5.81-.51,2.24,3.52a37.32,37.32,0,0,0,12.38-5.9l-1.68-4,4.47-3.75,3.84,1.59a37.45,37.45,0,0,0,6.79-11.92l-3.68-2.32,1.51-5.63Zm-37.3,24.68a28,28,0,1,1,28-28A28.07,28.07,0,0,1,376.79,196.23Z"
transform="translate(-159.54 -82)"
fill={props.primaryColor}
opacity={0.4}
/>
<path
d="M471.09,240.55c.1-1.11.16-2.23.16-3.36a37.33,37.33,0,0,0-1.45-10.3l-4.35.21-2-5.48,2.81-3.07a37.72,37.72,0,0,0-8.9-10.44l-3.43,2.66-4.78-3.34.55-4.13a37.17,37.17,0,0,0-13.27-3.45L435.14,204h-5.83l-1.92-3.7a37.33,37.33,0,0,0-18.13,8.63l2,3.84-4.12,4.12-4-1.25a37.29,37.29,0,0,0-5.73,12.46l3.88,2-1,5.74-4,1.25s0,.06,0,.09a37.25,37.25,0,0,0,2.49,13.4l4.32-.59,2.46,5.28-2.53,3.3a37.76,37.76,0,0,0,9.76,9.64l3.19-3,5.05,2.92-.18,4.18a37.28,37.28,0,0,0,12.9,2.29l.63,0,.92-4.25,5.81-.51,2.24,3.52a37.32,37.32,0,0,0,12.38-5.9l-1.68-4,4.47-3.75,3.84,1.59a37.45,37.45,0,0,0,6.79-11.92l-3.68-2.32,1.51-5.63Zm-37.3,24.68a28,28,0,1,1,28-28A28.07,28.07,0,0,1,433.79,265.23Z"
transform="translate(-159.54 -82)"
fill={props.primaryColor}
/>
<line
x1={161.25}
y1={22}
x2={155.25}
y2={22}
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<line
x1={142.54}
y1={22}
x2={72.61}
y2={22}
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
strokeDasharray="12.71 12.71"
/>
<polyline
points="66.25 22 60.25 22 60.25 28"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<line
x1={60.25}
y1={39.33}
x2={60.25}
y2={124.33}
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
strokeDasharray="11.33 11.33"
/>
<line
x1={60.25}
y1={130}
x2={60.25}
y2={136}
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<polyline
points="207.75 222.5 343.75 222.5 343.75 103.5"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
strokeDasharray={12}
/>
<rect
x={103}
y={261}
width={307}
height={80}
fill="url(#3e855d09-ea58-4275-8d16-3996ecf7bf97)"
/>
<rect x={106} y={266} width={300} height={71} fill={props.primaryColor} />
<rect x={186} y={283} width={88} height={4} fill={props.primaryColor} />
<rect x={186} y={292} width={88} height={4} opacity={0.2} />
<rect x={186} y={307} width={172} height={4} fill="#fff" />
<circle cx={140} cy={301} r={19} fill={props.primaryColor} />
<circle cx={140} cy={301} r={19} opacity={0.2} />
<path
d="M763.66,564a1.34,1.34,0,0,0,.18-1.54c-4.3-8.61-8.61-6.45-21.33-31.06-13.54-26.17-10.17-34.94-15.24-39.94-2-2-4.06-8.68-6.78-9.85l-1.76-7.06a9.07,9.07,0,0,0,4.67-.72c2.8-1.24,4.93-3.6,6.82-6a45.56,45.56,0,0,0,7-11.84,32.36,32.36,0,0,0,2-9.73h0a33.28,33.28,0,0,0-.09-5,20.09,20.09,0,0,0,8.65-3.65,15,15,0,0,0,5.48-9.85h0c0-.39.09-.77.11-1.16a12.11,12.11,0,0,0,0-1.38,15,15,0,0,0-6.9-11.72,19.57,19.57,0,0,0-12-2.49A52.21,52.21,0,0,0,722.32,414c-1,.32-2.44.73-3.75,1.3a27.77,27.77,0,0,0-8.76-1.43c-4.86,0-9.62,1.28-14.31,2.54l-15.79,4.23c-3.5.94-7.15,2-9.76,4.47a8.26,8.26,0,0,0-.65.71l-.12.15a8.84,8.84,0,0,0-.57.81h0c-1.56,2.52-1.9,5.86,0,8.08A9.62,9.62,0,0,0,672,437.2a37.8,37.8,0,0,0,4.77,1.82,26,26,0,0,0-4.49,14.64c0,.3,0,.59,0,.89s0,.59,0,.89a26.09,26.09,0,0,0,26.09,26.09h.43l.76,6.12a54,54,0,0,0-8.91,12.46,13.89,13.89,0,0,0-4.37,10.76c-.05,4.34,1.13,9.65,2.28,17l-37.09-15.76-23.16,49.88,17.82,6.57c-8.37.38-13,6.5-12.93,12.73a12.32,12.32,0,0,0,3.66,9.21c6.45,6.45,14.28,73.63,14.28,73.63h3.26v7.05c-13.21.8-26.61,2.43-26.61,5.74a10.77,10.77,0,0,0,4.22,8.21c-.19-.23-.38-.48-.56-.74a14.26,14.26,0,0,0,3.38,2.57h71.75V672.14h.12v-1.79s-2.6,0-6.64.07v-6.34h3.26c2.91-26.22-9.78-60.24-12.53-67.2,4.47,0,9.17-.06,13.83-.32,19.79.89,53.82.67,60.67-10.75C772.9,573.19,766.81,566.44,763.66,564ZM664.23,595.6s1.49.15,4,.34c2.69,7.67,4.68,20.27,6.09,32.57A216.36,216.36,0,0,0,664.23,595.6Zm28.63-116.44a26.17,26.17,0,0,0,5.55.6h.2l.16,1.31A25.89,25.89,0,0,1,692.86,479.15ZM680.54,670.61H680v-.26s-2.33,0-6,.06v-6.33h6.52Z"
transform="translate(-159.54 -82)"
fill="url(#cf2af733-ecbd-4844-bce5-a175ed323afb)"
/>
<polygon
points="537.03 512 521 672 540.03 673 564 512 537.03 512"
fill="url(#41d3ff72-5c81-40b1-a081-9da170d960ca)"
/>
<polygon points="538 512 526 670 538 670 555 512 538 512" fill={props.primaryColor} />
<polygon
points="865.16 506 880.92 667 862.16 667 847.08 506 865.16 506"
fill="url(#861d31c1-c685-4668-90c5-63e7f330b62f)"
/>
<polygon points="865 507 877 665 865 665 848 507 865 507" fill={props.primaryColor} />
<polygon
points="583.9 505 569 666 588.9 666 605 505 583.9 505"
fill="url(#95aca10b-5f5c-4c4a-b42d-5e0345d77cda)"
/>
<polygon points="585 505 573 663 585 663 602 505 585 505" fill={props.primaryColor} />
<polygon
points="821.69 507 837 672 818.69 672 800 507 821.69 507"
fill="url(#447533d7-1588-4f38-833a-a610814ab16b)"
/>
<polygon points="821 512 833 670 821 670 804 512 821 512" fill={props.primaryColor} />
<rect
x={513}
y={503}
width={359}
height={17}
fill="url(#ff2ef3d2-e251-4fff-9ce5-91d443983582)"
/>
<rect x={516} y={503} width={288} height={15} fill={props.primaryColor} />
<rect x={804} y={503} width={66} height={15} fill={props.primaryColor} />
<rect x={804.46} y={503} width={66} height={15} opacity={0.2} />
<rect
x={629}
y={407}
width={135}
height={85}
fill="url(#3aee67b7-7918-445b-a8b6-3ab74317d2c0)"
/>
<rect x={632} y={410} width={126} height={79} fill="#fff" />
<rect
x={676}
y={482}
width={41}
height={21}
fill="url(#6f730dc9-6dcb-4b79-bb23-db206ebc09d2)"
/>
<rect x={677.5} y={482} width={35} height={21} fill="#fff" />
<rect x={758} y={410} width={4} height={79} fill="#f5f5f5" />
<rect x={712} y={482} width={3} height={21} fill="#f5f5f5" />
<rect
x={690}
y={438}
width={10}
height={10}
fill="url(#fad0dffe-d445-4baa-a242-e8cd9004e0b5)"
/>
<rect x={691} y={439} width={8} height={8} fill="#f5f5f5" />
<polygon
points="499.84 430.1 565.23 457.89 543.22 499.7 478.58 475.88 499.84 430.1"
fill={props.primaryColor}
/>
<rect x={502.52} y={563.62} width={17.96} height={14.96} fill="#f8c198" />
<rect x={526.47} y={563.62} width={17.96} height={14.96} fill="#f8c198" />
<circle cx={542.87} cy={376.5} r={23.94} fill="#f8c198" />
<polygon
points="565.31 410.92 544.36 410.92 541.37 386.98 559.33 386.98 565.31 410.92"
fill="#f8c198"
/>
<path
d="M736.89,558.83s12,6,3,21-68.84,9-68.84,9,15,35.91,12,62.85H659.07S651.89,590,646,584c-7.63-7.63-1.86-22.22,13.11-19.23S736.89,558.83,736.89,558.83Z"
transform="translate(-159.54 -82)"
fill="#263238"
/>
<g opacity={0.2}>
<path
d="M675.95,588.22s10.52,1,23.39,1.17c-9.34.1-18-.38-23.22-.75Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
<path
d="M670.71,564.85c23.37-.45,66.18-6.56,66.18-6.56a9,9,0,0,1,.9.55C725.6,560.5,688.6,565.27,670.71,564.85Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
<path
d="M657.75,564.05c-10.19,1.55-13.34,13-6.88,19.45,5.92,5.92,13.11,67.57,13.11,67.57h-4.9S651.89,589.42,646,583.5C638.56,576.1,643.78,562.15,657.75,564.05Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
</g>
<path
d="M686,657.59s-47.89,0-47.89,6,6,9,6,9H686Z"
transform="translate(-159.54 -82)"
fill="#263238"
/>
<path
d="M685.54,657.36V659c-8.34.06-46.25.65-46.25,6a9.13,9.13,0,0,0,2.24,5.9,9.89,9.89,0,0,1-3.88-7.53C637.65,657.36,685.54,657.36,685.54,657.36Z"
transform="translate(-159.54 -82)"
fill="#fff"
opacity={0.2}
/>
<path
d="M760.83,558.83s12,6,3,21-68.84,9-68.84,9,15,35.91,12,62.85H683s-3-62.85-12-68.84-3-21,12-18S760.83,558.83,760.83,558.83Z"
transform="translate(-159.54 -82)"
fill="#263238"
/>
<path
d="M710,657.59s-47.89,0-47.89,6,6,9,6,9H710Z"
transform="translate(-159.54 -82)"
fill="#263238"
/>
<path
d="M720.64,484h7.28c2.87,0,4.92,7.2,7,9.22,4.66,4.59,1.56,12.63,14,36.65,11.68,22.58,15.63,20.61,19.58,28.5S698,565.9,698,565.9s3.79-15.12,3-26.21c-1.64-22.79-7.56-30.68.34-38.58C701.32,501.11,709.79,484,720.64,484Z"
transform="translate(-159.54 -82)"
fill="#ff5252"
/>
<polygon
points="501.47 441.54 491.66 462.8 498.2 466.07 508.01 444.81 501.47 441.54"
fill="#fff"
/>
<path
d="M702.41,436.2a24.23,24.23,0,0,1,2.45.12,23.94,23.94,0,0,0,0,47.64,24.23,24.23,0,0,1-2.45.12,23.94,23.94,0,1,1,0-47.89Z"
transform="translate(-159.54 -82)"
fill="#fff"
opacity={0.2}
/>
<path
d="M676.29,432.31c2.4-2.3,5.75-3.24,9-4.1l14.49-3.88c4.31-1.15,8.67-2.32,13.13-2.33a25.48,25.48,0,0,1,8,1.31c1.2-.52,2.55-.9,3.44-1.19a47.91,47.91,0,0,1,11.11-2.68,18,18,0,0,1,11,2.29,13.55,13.55,0,0,1,1.19,22.12,18.43,18.43,0,0,1-7.93,3.35A30.08,30.08,0,0,1,738,460.67a41.81,41.81,0,0,1-6.39,10.87c-1.73,2.21-3.69,4.37-6.26,5.51s-5.88,1-7.86-1c-1.46-1.47-2-3.63-2.33-5.67-1.51-8.08-3-17.37-10-21.68-4.39-2.7-9.28-2.44-14.18-2.41a29.55,29.55,0,0,1-12.71-2.91,8.83,8.83,0,0,1-3.18-2.14C672.89,438.72,673.89,434.61,676.29,432.31Z"
transform="translate(-159.54 -82)"
fill="#fccc63"
/>
<g opacity={0.2}>
<path
d="M746.49,425a18,18,0,0,0-11-2.29,47.91,47.91,0,0,0-11.11,2.68c-.89.3-2.24.67-3.44,1.19a25.48,25.48,0,0,0-8-1.31c-4.46,0-8.82,1.17-13.13,2.33l-14.49,3.88c-3.21.86-6.56,1.8-9,4.1a8.12,8.12,0,0,0-2.19,3.86,7.54,7.54,0,0,1,2.19-7.13c2.4-2.3,5.75-3.24,9-4.1l14.49-3.88c4.31-1.15,8.67-2.32,13.13-2.33a25.48,25.48,0,0,1,8,1.31c1.2-.52,2.55-.9,3.44-1.19a47.91,47.91,0,0,1,11.11-2.68,18,18,0,0,1,11,2.29,13.79,13.79,0,0,1,6.33,10.75,13,13,0,0,1-.11,2.33A13.79,13.79,0,0,0,746.49,425Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
<path
d="M739.88,450.44c0,.44,0,.87,0,1.31,0-.43,0-.85-.09-1.28Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
</g>
<path
d="M701,540c-1.64-22.79-7.56-30.68.34-38.58,0,0,8.46-17.11,19.32-17.11h7.28a3.33,3.33,0,0,1,2.4,1.63h-4.77c-10.86,0-19.32,17.11-19.32,17.11-7.9,7.9-2,15.79-.34,38.58.64,8.89-1.67,20.37-2.61,24.57-3.3,0-5.29,0-5.29,0S701.78,551.08,701,540Z"
transform="translate(-159.54 -82)"
fill="#fff"
opacity={0.2}
/>
<rect
x={703.52}
y={507.19}
width={26.16}
height={17.98}
transform="translate(1273.66 950.37) rotate(-180)"
fill="#ff5252"
/>
<g opacity={0.2}>
<path
d="M694.66,564.85c23.37-.45,66.18-6.56,66.18-6.56a9,9,0,0,1,.9.55C749.54,560.5,712.55,565.27,694.66,564.85Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
<path
d="M681.75,564.06c-10.26,1.56-13.42,13.09-5.8,18.17,9,6,12,68.84,12,68.84H683s-3-62.85-12-68.84C662.32,576.42,667.72,562.14,681.75,564.06Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
<path
d="M699.89,588.22s10.52,1,23.39,1.17c-9.34.1-18-.38-23.22-.75Z"
transform="translate(-159.54 -82)"
fill="#fff"
/>
</g>
<path
d="M727.91,519.92v28.63a18.28,18.28,0,0,1-19,18.28c-12.65-.49-27.24-.68-28.91,1-1.39,1.39-4.7,4.06-7.86,6.52a4.64,4.64,0,0,1-7.47-4.1c.4-4.81,1.91-9.93,6.34-11.4,3.57-1.19,10-1.91,16.38-2.34a21,21,0,0,0,19.53-21V519.92Z"
transform="translate(-159.54 -82)"
fill="#f8c198"
/>
<path
d="M664.7,570.23c.4-4.81,1.91-9.93,6.34-11.4,3.57-1.19,10-1.91,16.38-2.34a21,21,0,0,0,19.53-21V519.92h21v1.63H710.23v15.57a21,21,0,0,1-19.53,21c-6.42.43-12.82,1.15-16.38,2.34-4.43,1.48-5.95,6.6-6.34,11.4a4.62,4.62,0,0,0,1.11,3.44A4.67,4.67,0,0,1,664.7,570.23Z"
transform="translate(-159.54 -82)"
fill="#fff"
opacity={0.2}
/>
<path
d="M710.06,657.36V659c-8.34.06-46.25.65-46.25,6a9.13,9.13,0,0,0,2.24,5.9,9.89,9.89,0,0,1-3.88-7.53C662.17,657.36,710.06,657.36,710.06,657.36Z"
transform="translate(-159.54 -82)"
fill="#fff"
opacity={0.2}
/>
<polyline
points="233 518 233 736 618 736 618 452 629 452"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
strokeWidth={3}
opacity={0.5}
/>
</svg>
);
UndrawProcessing.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawProcessing.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawProcessing;