react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
969 lines (964 loc) • 28.1 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawFreelancer = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="95c6c890-4df0-4047-9b20-53c1698e0703"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1139.67 810.43"
>
<defs>
<linearGradient
id="27534bda-5ea1-4910-bcb7-b6f2fadd52ae"
x1={685.66}
y1={732.28}
x2={685.66}
y2={530.49}
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>
</defs>
<title>freelancer</title>
<ellipse
cx={509}
cy={689.93}
rx={509}
ry={120.5}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M154.69,406.21S202.1,453.62,175.34,524s45.88,187.34,45.88,187.34-.78-.11-2.22-.37C121.63,693.76,73.24,582.4,127.39,499.66,147.52,468.9,164,432.82,154.69,406.21Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M154.69,406.21s26.76,58.11,0,105.52S150.1,692.2,221.22,711.32"
transform="translate(-30.16 -44.79)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M70.25,598s54.1-8.62,59,39.87,104,55.2,104,55.2-.65.44-1.86,1.24C149.63,748,71.41,728.49,83.2,657.17,87.58,630.65,87.23,604,70.25,598Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M70.25,598s54.1-8.62,59,39.87,104,55.2,104,55.2-.65.44-1.86,1.24C149.63,748,71.41,728.49,83.2,657.17,87.58,630.65,87.23,604,70.25,598Z"
transform="translate(-30.16 -44.79)"
fill="#f5f5f5"
opacity={0.2}
/>
<path
d="M70.25,598s42,9.22,38.54,47.4,62.36,84,124.51,47.67"
transform="translate(-30.16 -44.79)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M1168.59,405.63c-6.95,34.06-42.63,51.14-62.62,76.55-37.67,47.89-23,117.84.9,173.86,8,18.76,17.08,38.61,13.69,58.72-4.13,24.6-26.08,42.58-49.13,52.12-42,17.37-92.3,13.23-130.91-10.79-33.36-20.75-57.26-54.51-91.19-74.32-56.79-33.15-129.07-20.63-190.74,2.21-43.62,16.15-91.32,37.17-134.67,20.28-30.5-11.88-51.59-40.8-63.08-71.45-5.54-14.8-9.57-30.82-20.16-42.55-6.3-7-14.52-11.93-22.93-16.1-76.88-38.12-174-17.7-248.63-60-50.42-28.55-82.71-82.4-97-138.56s-12.63-115-9-172.88c2.58-41.1,7.21-85,33.47-116.7C124.37,52.49,172,40,215.14,46.39s82.15,29.11,116.52,55.88c43,33.47,82.78,75.13,135.51,88.69,35.91,9.23,73.68,4.18,110.72,2.43,61.92-2.92,123.86,3.58,185.43,10.7,30,3.47,60.1,7.11,89.84,12.39q10,1.77,20,3.81,5,1,10,2.14c2.6.57,5.19,1.17,7.78,1.78q6.13,1.44,12.22,3c11.66,3,23.21,6.45,34.64,10.35,39.74,13.57,71.6,38.2,109.13,55.41,24.46,11.22,51.13,14.32,74.29,28.6C1149.75,339.19,1175.9,369.81,1168.59,405.63Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M636.3,688.77s41.1-3.26,52.93,10.88,54.06,46.56,36.63,53.78-111-21.61-111-21.61Z"
transform="translate(-30.16 -44.79)"
fill="#ffb9b9"
/>
<path
d="M467.33,196.56a21.43,21.43,0,0,0-17.48-19.49c-6.26-1-13.25.77-18.63-2.6-2.43-1.53-4.17-3.92-6.13-6-7.68-8.21-19.21-12-30.45-12.33s-22.32,2.39-33.12,5.5c-21.56,6.21-44.34,15.32-55.81,34.6-17.44,29.35-1.35,68.91-15.14,100.14-6,13.64-17.44,24.78-21.16,39.22-5,19.29,4.86,38.86,12.45,57.28a273.18,273.18,0,0,1,15.44,51.2c3.05,15.48,4.75,31.57,1.31,47-1.51,6.75-4,13.62-2.66,20.4,2,10.26,11.92,16.73,20.94,22l2.35,1.38c13,7.6,26.37,15.36,41.26,17.24,9.25,1.16,19-.12,27-4.85s14.09-13.17,14.77-22.46c.76-10.51-5.09-20.35-6.35-30.82a9.37,9.37,0,0,1,.35-4.72c.83-2,2.76-3.29,4.54-4.53,25.64-17.88,39.39-51.34,33.72-82.08-3.86-20.94-15.86-41.76-10.05-62.25,3.21-11.32,11.48-20.49,16.12-31.3a52.54,52.54,0,0,0,1.72-36.42c-2.65-8.26-7.45-16.51-5.8-25,2.91-15.08,23-19.89,30.59-33.25,5.63-9.94,2.3-24-7.2-30.32"
transform="translate(-30.16 -44.79)"
fill="#b96b6b"
/>
<path
d="M467.33,196.56a21.43,21.43,0,0,0-17.48-19.49c-6.26-1-13.25.77-18.63-2.6-2.43-1.53-4.17-3.92-6.13-6-7.68-8.21-19.21-12-30.45-12.33s-22.32,2.39-33.12,5.5c-21.56,6.21-44.34,15.32-55.81,34.6-17.44,29.35-1.35,68.91-15.14,100.14-6,13.64-17.44,24.78-21.16,39.22-5,19.29,4.86,38.86,12.45,57.28a273.18,273.18,0,0,1,15.44,51.2c3.05,15.48,4.75,31.57,1.31,47-1.51,6.75-4,13.62-2.66,20.4,2,10.26,11.92,16.73,20.94,22l2.35,1.38c13,7.6,26.37,15.36,41.26,17.24,9.25,1.16,19-.12,27-4.85s14.09-13.17,14.77-22.46c.76-10.51-5.09-20.35-6.35-30.82a9.37,9.37,0,0,1,.35-4.72c.83-2,2.76-3.29,4.54-4.53,25.64-17.88,39.39-51.34,33.72-82.08-3.86-20.94-15.86-41.76-10.05-62.25,3.21-11.32,11.48-20.49,16.12-31.3a52.54,52.54,0,0,0,1.72-36.42c-2.65-8.26-7.45-16.51-5.8-25,2.91-15.08,23-19.89,30.59-33.25,5.63-9.94,2.3-24-7.2-30.32"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<polygon
points="478.5 675.93 263.5 675.93 263.5 560.93 383.5 606.93 478.5 560.93 478.5 675.93"
fill="#777b9b"
/>
<polygon
points="478.5 675.93 263.5 675.93 263.5 560.93 383.5 606.93 478.5 560.93 478.5 675.93"
opacity={0.1}
/>
<path
d="M482.66,731.77s-39,9.32-43,26.4,23,15.53,23,15.53,38-7.77,43-38.83S482.66,731.77,482.66,731.77Z"
transform="translate(-30.16 -44.79)"
fill="#ffb9b9"
/>
<path
d="M482.66,731.77s-39,9.32-43,26.4,23,15.53,23,15.53,38-7.77,43-38.83S482.66,731.77,482.66,731.77Z"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<path
d="M377.93,783.83s-36.77,2.39-37.27,32.22c-.07,4,38.3,5.16,83.85-19.33s48.65-27.07,48.65-27.07-17.6-28.36-30-32.22S377.93,783.83,377.93,783.83Z"
transform="translate(-30.16 -44.79)"
fill="#cbcdda"
/>
<path
d="M162.66,669.71s-42,35,36,84,153,40,153,40,81.36-9.63,93.68-47.82-60.68-70.18-60.68-70.18-80,0-116-23S162.66,669.71,162.66,669.71Z"
transform="translate(-30.16 -44.79)"
fill="#777b9b"
/>
<path
d="M389.66,609.71s36,21,85,0c37.7-16.16,120.4-9.82,156.53-6,16.94,1.77,31.45,13.44,36.08,29.83,3.78,13.37,1,29.8-21.62,45.2-50,34-85,44-98,58s-50,21-50,21-47-7-47-17,43-59,43-59-63,58-128-20S389.66,609.71,389.66,609.71Z"
transform="translate(-30.16 -44.79)"
fill="#777b9b"
/>
<path
d="M371.66,468.71l-127-87s60.92-41.31,66.15-78.23a30,30,0,0,0-4.15-20.77c-25-40,88,0,88,0a236.25,236.25,0,0,0,4.25,31c4.91,24.35,15.27,56.78,36.75,73C472.66,414.71,371.66,468.71,371.66,468.71Z"
transform="translate(-30.16 -44.79)"
fill="#ffb9b9"
/>
<path
d="M398.91,313.67a74.06,74.06,0,0,1-88.1-10.19,30,30,0,0,0-4.15-20.77c-25-40,88,0,88,0A236.25,236.25,0,0,0,398.91,313.67Z"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<circle cx={331.5} cy={202.93} r={74} fill="#ffb9b9" />
<path
d="M407.66,345.71s-15,88-40,83-103-93-103-93-81,27-68,93,26,122-1,143-44,119-44,119,86-36,131-22,91,7,102-6,27-41,27-41-23-34-12-51,25-18,33-66,71-65,59-92S456.66,345.71,407.66,345.71Z"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<path
d="M407.66,341.71s-15,88-40,83-103-93-103-93-81,27-68,93,26,122-1,143-44,119-44,119,86-36,131-22,91,7,102-6,27-41,27-41-23-34-12-51,25-18,33-66,71-65,59-92S456.66,341.71,407.66,341.71Z"
transform="translate(-30.16 -44.79)"
fill="#cbcdda"
/>
<path
d="M467.66,702.71s40-10,54,2,61,37,45,47-113-3-113-3Z"
transform="translate(-30.16 -44.79)"
fill="#ffb9b9"
/>
<g opacity={0.05}>
<path
d="M357.66,424.71a10.68,10.68,0,0,0,6.87-1c-27.78-10.72-99.87-92-99.87-92s-2.84.95-7.38,2.92C271.06,349.94,335.39,420.26,357.66,424.71Z"
transform="translate(-30.16 -44.79)"
/>
<path
d="M481.66,408.71c27.58-10.61-51,44-59,92s-22,49-33,66,12,51,12,51-16,28-27,41c-6.3,7.45-24.09,12.91-46.59,13.6,27.14.86,49.38-5.09,56.59-13.6,11-13,27-41,27-41s-23-34-12-51,25-18,33-66S475.16,411.21,481.66,408.71Z"
transform="translate(-30.16 -44.79)"
/>
<path
d="M152.43,682.54c-.51,2.67-.77,4.18-.77,4.18s55.92-23.41,101.18-25.13C217.91,660.14,172.77,675,152.43,682.54Z"
transform="translate(-30.16 -44.79)"
/>
</g>
<path
d="M484.66,403.71s9,1,18,48,44,92,44,92a217.87,217.87,0,0,1,32,61c12,36,65.5,83.5,84.5,85.5,0,0-36.5,36.5-32.5,46.5s-4,0-4,0-50-19-61-50-59-81-59-81-64-124-67-144S484.66,403.71,484.66,403.71Z"
transform="translate(-30.16 -44.79)"
fill="#cbcdda"
/>
<path
d="M209.16,572.21s77,9,94,33,95.75-13.94,95.75-13.94"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<path
d="M284.66,435.71s33,121,45,136,105,138,149,130c0,0-13,56-22,58,0,0-91-90-122-89,0,0-57-47-63-70s-54-98-54-98-24-53-14-76S266.66,413.71,284.66,435.71Z"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<path
d="M285.66,433.71s33,121,45,136,105,138,149,130c0,0-13,56-22,58,0,0-91-90-122-89,0,0-57-47-63-70s-54-98-54-98-24-53-14-76S267.66,411.71,285.66,433.71Z"
transform="translate(-30.16 -44.79)"
fill="#cbcdda"
/>
<path
d="M415.33,177.56a21.43,21.43,0,0,0-17.48-19.49c-6.26-1-13.25.77-18.63-2.6-2.43-1.53-4.17-3.92-6.13-6-7.68-8.21-19.21-12-30.45-12.33s-22.32,2.39-33.12,5.5c-21.56,6.21-44.34,15.32-55.81,34.6-17.44,29.35-1.35,68.91-15.14,100.14-6,13.64-17.44,24.78-21.16,39.22-5,19.29,4.86,38.86,12.45,57.28a273.18,273.18,0,0,1,15.44,51.2c3.05,15.48,4.75,31.57,1.31,47-1.51,6.75-4,13.62-2.66,20.4,2,10.26,11.92,16.73,20.94,22l2.35,1.38c13,7.6,26.37,15.36,41.26,17.24,9.25,1.16,19-.12,27-4.85s14.09-13.17,14.77-22.46c.76-10.51-5.09-20.35-6.35-30.82a9.37,9.37,0,0,1,.35-4.72c.83-2,2.76-3.29,4.54-4.53,25.64-17.88,39.39-51.34,33.72-82.08-3.86-20.94-15.86-41.76-10.05-62.25,3.21-11.32,11.48-20.49,16.12-31.3a52.54,52.54,0,0,0,1.72-36.42c-2.65-8.26-7.45-16.51-5.8-25,2.91-15.08,23-19.89,30.59-33.25,5.63-9.94,2.3-24-7.2-30.32"
transform="translate(-30.16 -44.79)"
opacity={0.1}
/>
<path
d="M413.33,176.56a21.43,21.43,0,0,0-17.48-19.49c-6.26-1-13.25.77-18.63-2.6-2.43-1.53-4.17-3.92-6.13-6-7.68-8.21-19.21-12-30.45-12.33s-22.32,2.39-33.12,5.5c-21.56,6.21-44.34,15.32-55.81,34.6-17.44,29.35-1.35,68.91-15.14,100.14-6,13.64-17.44,24.78-21.16,39.22-5,19.29,4.86,38.86,12.45,57.28a273.18,273.18,0,0,1,15.44,51.2c3.05,15.48,4.75,31.57,1.31,47-1.51,6.75-4,13.62-2.66,20.4,2,10.26,11.92,16.73,20.94,22l2.35,1.38c13,7.6,26.37,15.36,41.26,17.24,9.25,1.16,19-.12,27-4.85s14.09-13.17,14.77-22.46c.76-10.51-5.09-20.35-6.35-30.82a9.37,9.37,0,0,1,.35-4.72c.83-2,2.76-3.29,4.54-4.53,25.64-17.88,39.39-51.34,33.72-82.08-3.86-20.94-15.86-41.76-10.05-62.25,3.21-11.32,11.48-20.49,16.12-31.3a52.54,52.54,0,0,0,1.72-36.42c-2.65-8.26-7.45-16.51-5.8-25,2.91-15.08,23-19.89,30.59-33.25,5.63-9.94,2.3-24-7.2-30.32"
transform="translate(-30.16 -44.79)"
fill="#b96b6b"
/>
<path
d="M481.36,812a11.67,11.67,0,0,0,3.83-5.78c.5-2.3-.48-5.05-2.68-5.89-2.46-.94-5.09.76-7.08,2.49s-4.28,3.69-6.89,3.32a10.48,10.48,0,0,0,3.24-9.81,4.1,4.1,0,0,0-.9-2c-1.37-1.46-3.84-.83-5.48.32-5.2,3.66-6.65,10.72-6.68,17.08-.52-2.29-.08-4.68-.1-7s-.66-5-2.64-6.22a8,8,0,0,0-4-.95c-2.34-.09-4.94.15-6.54,1.86-2,2.12-1.47,5.69.26,8s4.35,3.8,6.77,5.42a15,15,0,0,1,4.84,4.61,4.57,4.57,0,0,1,.36.82H472.3A40.83,40.83,0,0,0,481.36,812Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<rect
x={585}
y={227.43}
width={318}
height={22}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={585}
y={322.43}
width={318}
height={22}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={585}
y={421.43}
width={318}
height={22}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={703}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={703}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={703}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={733}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={733}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={733}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={763}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={763}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={763}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={793}
y={170.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={793}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={793}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={825.16}
y={409.21}
width={20}
height={57}
transform="translate(-137.76 375.95) rotate(-26.63)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={817.32}
y={420.07}
width={20}
height={4}
transform="translate(-131.58 370.77) rotate(-26.63)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={831.21}
y={447.78}
width={20}
height={4}
transform="translate(-142.53 379.94) rotate(-26.63)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={266.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={275.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={306.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={266.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={275.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={306.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={266.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={275.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={306.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={798}
y={266.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={798}
y={275.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={798}
y={306.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={828}
y={266.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={828}
y={275.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={828}
y={306.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={858}
y={266.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={858}
y={275.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={858}
y={306.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={364.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={373.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={613}
y={404.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={364.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={373.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={643}
y={404.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={364.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={373.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={673}
y={404.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={703}
y={364.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={703}
y={373.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={703}
y={404.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={733}
y={364.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={733}
y={373.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={733}
y={404.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={763}
y={364.43}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={763}
y={373.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={763}
y={404.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M873.16,220.29v51.92h-20V216.48Q863.2,218.25,873.16,220.29Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={823}
y={179.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={823}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M903.16,227.23v45h-20V222.43c2.6.57,5.19,1.17,7.78,1.78Q897.08,225.65,903.16,227.23Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M903.16,227.23v1h-20v-4h7.78Q897.08,225.65,903.16,227.23Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={853}
y={210.43}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<circle cx={146.7} cy={161.75} r={37.33} fill={props.primaryColor} opacity={0.1} />
<circle cx={146.7} cy={161.75} r={31.68} fill={props.primaryColor} opacity={0.1} />
<circle cx={146.7} cy={161.75} r={2.26} fill={props.primaryColor} opacity={0.1} />
<line
x1={160.28}
y1={138}
x2={147.82}
y2={159.8}
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
opacity={0.1}
/>
<line
x1={160.84}
y1={169.11}
x2={148.74}
y2={162.74}
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
opacity={0.1}
/>
<rect
x={468.26}
y={715.48}
width={117.43}
height={16.59}
rx={6.5}
ry={6.5}
fill="#535461"
/>
<g opacity={0.7}>
<rect
x={539.73}
y={530.49}
width={291.85}
height={201.8}
rx={28.22}
ry={28.22}
fill="url(#27534bda-5ea1-4910-bcb7-b6f2fadd52ae)"
/>
</g>
<rect
x={544.94}
y={534.21}
width={276.47}
height={198.07}
rx={26.84}
ry={26.84}
fill="#3e3f49"
/>
<rect
x={548.77}
y={534.21}
width={276.47}
height={198.07}
rx={26.84}
ry={26.84}
fill="#535461"
/>
<circle cx={699.92} cy={631.88} r={8.93} fill="#e0e0e0" />
<path
d="M252.72,765.12s-15.88-5.38-23.52,8.61a25.52,25.52,0,0,0,.34,24.57c5,9.07,15.36,20.85,35,19.8,16.62-.89,22.15-13.57,23.65-25.37a26.06,26.06,0,0,0-34.61-27.9Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M232.9,799.56a25.52,25.52,0,0,1-.34-24.57c7.64-14,23.52-8.61,23.52-8.61l.81-.29a25.83,25.83,0,0,1,18.66.42,25.84,25.84,0,0,0-22-2.1l-.81.29s-15.88-5.38-23.52,8.61a25.52,25.52,0,0,0,.34,24.57c3.31,6,8.92,13.11,18,17A39.35,39.35,0,0,1,232.9,799.56Z"
transform="translate(-30.16 -44.79)"
fill="#fff"
opacity={0.1}
/>
<path
d="M244.52,771.85s5.89,4.63,20.18,0"
transform="translate(-30.16 -44.79)"
opacity={0.2}
/>
<path
d="M243.26,738.21s10.09,27.33,9.25,34.48l8-.84s-13.46-24-10.09-33.64Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M243.26,738.21s10.09,27.33,9.25,34.48l8-.84s-13.46-24-10.09-33.64Z"
transform="translate(-30.16 -44.79)"
opacity={0.2}
/>
<path
d="M284.45,740.5s-15.88-8.12-23-1.41-8.2,23.86-8.2,23.86S279.16,766.51,284.45,740.5Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M284.45,740.5s-15.88-8.12-23-1.41-8.2,23.86-8.2,23.86S279.16,766.51,284.45,740.5Z"
transform="translate(-30.16 -44.79)"
fill="#fff"
opacity={0.1}
/>
<path
d="M253.26,762.95s4.17-19.91,31.19-22.45"
transform="translate(-30.16 -44.79)"
fill="none"
stroke="#6c63ff"
strokeMiterlimit={10}
/>
<g opacity={0.1}>
<path
d="M763.55,347.49s-6.06-2.06-9,3.29a9.75,9.75,0,0,0,.13,9.38c1.92,3.46,5.87,8,13.35,7.56,6.35-.34,8.46-5.18,9-9.69a10,10,0,0,0-13.22-10.66Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M756,360.65a9.75,9.75,0,0,1-.13-9.38c2.92-5.34,9-3.29,9-3.29l.31-.11a9.87,9.87,0,0,1,7.13.16,9.87,9.87,0,0,0-8.41-.8l-.31.11s-6.06-2.06-9,3.29a9.75,9.75,0,0,0,.13,9.38,14.57,14.57,0,0,0,6.86,6.49A15,15,0,0,1,756,360.65Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M760.42,350.06s2.25,1.77,7.71,0"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M759.93,337.21s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M759.93,337.21s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M775.67,338.09s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S773.65,348,775.67,338.09Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M775.67,338.09s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S773.65,348,775.67,338.09Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M763.75,346.66s1.59-7.6,11.91-8.58"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
</g>
<g opacity={0.1}>
<path
d="M891.55,446.49s-6.06-2.06-9,3.29a9.75,9.75,0,0,0,.13,9.38c1.92,3.46,5.87,8,13.35,7.56,6.35-.34,8.46-5.18,9-9.69a10,10,0,0,0-13.22-10.66Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M884,459.65a9.75,9.75,0,0,1-.13-9.38c2.92-5.34,9-3.29,9-3.29l.31-.11a9.87,9.87,0,0,1,7.13.16,9.87,9.87,0,0,0-8.41-.8l-.31.11s-6.06-2.06-9,3.29a9.75,9.75,0,0,0,.13,9.38,14.57,14.57,0,0,0,6.86,6.49A15,15,0,0,1,884,459.65Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M888.42,449.06s2.25,1.77,7.71,0"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M887.93,436.21s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M887.93,436.21s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M903.67,437.09s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S901.65,447,903.67,437.09Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
<path
d="M903.67,437.09s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S901.65,447,903.67,437.09Z"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M891.75,445.66s1.59-7.6,11.91-8.58"
transform="translate(-30.16 -44.79)"
fill={props.primaryColor}
/>
</g>
</svg>
);
UndrawFreelancer.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawFreelancer.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawFreelancer;