react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
617 lines (612 loc) • 21.6 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawAboutUsPage = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="b3aa0588-def3-4767-b269-37ecb436c903"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 871 599"
>
<defs>
<linearGradient
id="703f962a-977a-4d7a-84ed-ebe25e39aacf"
x1={600}
y1={749.5}
x2={600}
y2={150.5}
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="f8fefb73-633e-4c75-9d4c-6324d1878848"
x1={322.6}
y1={356.71}
x2={322.6}
y2={261.21}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="e5891a8f-36bc-458a-becb-e9c0a00557c7"
x1={433.18}
y1={460.65}
x2={433.18}
y2={365.14}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="908ec391-272f-49de-a50c-01adbda229b3"
x1={433.13}
y1={354.37}
x2={433.13}
y2={258.86}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="8824c56d-3c39-4796-9bd9-e8828039b7d0"
x1={546.97}
y1={354.15}
x2={546.97}
y2={258.65}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="00cad96d-f671-4798-983d-9919caa10180"
x1={322.25}
y1={457.52}
x2={322.25}
y2={362.01}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="ba9b33ca-f013-4b18-89b1-463fdab50196"
x1={548.75}
y1={462.81}
x2={548.75}
y2={367.31}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="68fecbfd-6242-4359-b317-83cda25d2d17"
x1={322.6}
y1={564.88}
x2={322.6}
y2={469.37}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="099a220d-8908-45be-af00-3c7d010c379b"
x1={436.04}
y1={570.35}
x2={436.04}
y2={474.85}
xlinkHref="#703f962a-977a-4d7a-84ed-ebe25e39aacf"
/>
<linearGradient
id="3061a9b9-91b2-46a1-89cb-8258cb58f338"
x1={4}
y1={187}
x2={436}
y2={187}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#fff" stopOpacity={0.05} />
<stop offset={0.99} stopColor="#fff" stopOpacity={0.07} />
</linearGradient>
<linearGradient
id="3284369d-7ccd-440f-a584-d648e0563917"
x1={4}
y1={91.5}
x2={434}
y2={91.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#fff" stopOpacity={0.02} />
<stop offset={0.99} stopColor="#fff" stopOpacity={0.05} />
</linearGradient>
<linearGradient
id="25df6607-9ef4-4685-be27-3341850cb067"
x1={436}
y1={187}
x2={867}
y2={187}
gradientUnits="userSpaceOnUse"
>
<stop offset={0} stopColor="#fff" stopOpacity={0.02} />
<stop offset={0.99} stopColor="#fff" stopOpacity={0.04} />
</linearGradient>
</defs>
<title>about us page</title>
<path
d="M176.67,150.5a12.17,12.17,0,0,0-12.17,12.17V737.33a12.17,12.17,0,0,0,12.17,12.17h846.67a12.17,12.17,0,0,0,12.17-12.17V162.67a12.17,12.17,0,0,0-12.17-12.17Z"
transform="translate(-164.5 -150.5)"
fill="url(#703f962a-977a-4d7a-84ed-ebe25e39aacf)"
/>
<path
d="M168.5,179.85V734.69a9.73,9.73,0,0,0,9.73,9.73h843.54a9.73,9.73,0,0,0,9.73-9.73V179.85Z"
transform="translate(-164.5 -150.5)"
fill="#fff"
/>
<path
d="M1021.4,153h-843a9.73,9.73,0,0,0-9.73,9.73v31.81h862.43V162.73A9.73,9.73,0,0,0,1021.4,153Z"
transform="translate(-164.5 -150.5)"
fill="#eee"
/>
<circle cx={37.01} cy={22.64} r={10.07} fill="#ff5252" />
<circle cx={64.71} cy={22.64} r={10.07} fill="#ff0" />
<circle cx={92.4} cy={22.64} r={10.07} fill="#69f0ae" />
<rect x={4} y={44} width={863} height={191} fill="#3ad29f" />
<g opacity={0.5}>
<circle
cx={322.6}
cy={308.96}
r={47.75}
fill="url(#f8fefb73-633e-4c75-9d4c-6324d1878848)"
/>
</g>
<circle cx={322.6} cy={308.7} r={46.75} fill="#f5f5f5" />
<path
d="M487.23,506.09a46.53,46.53,0,0,0,25.69-7.69c-1.72-9.41-8.28-10-8.28-10H468.5s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,487.23,506.09Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<circle cx={322.24} cy={307.67} r={20.72} fill="#333" />
<path
d="M315,326.46h14.46a0,0,0,0,1,0,0V338a7.23,7.23,0,0,1-7.23,7.23h0A7.23,7.23,0,0,1,315,338V326.46A0,0,0,0,1,315,326.46Z"
opacity={0.1}
/>
<path
d="M316.33,325.93H328a1.38,1.38,0,0,1,1.38,1.38v10.19a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V327.31a1.38,1.38,0,0,1,1.38-1.38Z"
fill="#be7c5e"
/>
<path
d="M479.48,482.42a20.81,20.81,0,0,0,14.46,0v-1.78H479.48Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={322.24} cy={312.17} r={20.72} fill="#be7c5e" />
<path
d="M474.18,454.12a3.62,3.62,0,0,1,1.35-2.35,3.83,3.83,0,0,1,2.16-.27c5.73.31,11.41-1,17-2.36,3.18-.78,6.6-1.73,8.64-4.29s-.63-10.63-3.76-11.59c-2.07-.63-4.45.55-6.4-.38a12.41,12.41,0,0,1-2.26-1.79,13.67,13.67,0,0,0-5.42-2.21c-2.23-.55-4.65-1.09-6.77-.2-1.64.69-2.85,2.13-4.41,3-3,1.63-6.61.88-10,.87-1.15,0-2.52.23-3,1.29a5.27,5.27,0,0,0,0,2.31c.1,2.46-1.94,4.4-3.65,6.17s-3.33,4.33-2.24,6.55c.41.85,1.17,1.48,1.59,2.32.74,1.45.37,3.2.63,4.81a12.09,12.09,0,0,0,1.35,3.46c1.27,2.47,7.64,15.78,10.58,12.4,1.42-1.64,1.66-6.41,2.22-8.55Q472.95,458.71,474.18,454.12Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<ellipse cx={307.49} cy={311.41} rx={1.93} ry={3.61} fill="#be7c5e" />
<g opacity={0.5}>
<circle
cx={433.18}
cy={412.89}
r={47.75}
fill="url(#e5891a8f-36bc-458a-becb-e9c0a00557c7)"
/>
</g>
<circle cx={433.27} cy={412.59} r={46.75} fill="#f5f5f5" />
<path
d="M597.81,610a46.53,46.53,0,0,0,25.69-7.69c-1.72-9.41-8.28-10-8.28-10H579.08s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,597.81,610Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<circle cx={432.82} cy={411.6} r={22.56} fill="#f55f44" />
<path
d="M425.53,430.4H440a0,0,0,0,1,0,0V442a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V430.4a0,0,0,0,1,0,0Z"
opacity={0.1}
/>
<path
d="M426.91,429.86h11.7a1.38,1.38,0,0,1,1.38,1.38v10.19a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V431.24A1.38,1.38,0,0,1,426.91,429.86Z"
fill="#fda57d"
/>
<path
d="M590.06,586.36a20.81,20.81,0,0,0,14.46,0v-1.78H590.06Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={432.82} cy={416.1} r={20.72} fill="#fda57d" />
<circle cx={432.79} cy={388.65} r={8.34} fill="#f55f44" />
<circle cx={432.79} cy={380.44} r={5.47} fill="#f55f44" />
<path
d="M593.67,543.72a8.34,8.34,0,0,1-4.35-10.66l-.17.35a8.34,8.34,0,1,0,15.22,6.83l.15-.36A8.34,8.34,0,0,1,593.67,543.72Z"
transform="translate(-164.5 -150.5)"
fill="#f55f44"
/>
<path
d="M582.56,547.75s8.73,17.73,33.37,7.43l-5.74-9L600,542.54Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<path
d="M582.56,547.49s8.73,17.73,33.37,7.43l-5.74-9L600,542.28Z"
transform="translate(-164.5 -150.5)"
fill="#f55f44"
/>
<path
d="M589.27,541a103,103,0,0,1,16.14,0S593.51,542.15,589.27,541Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<path
d="M598.54,525.13a5.49,5.49,0,0,0-1.23.09h.32a5.47,5.47,0,0,1,.82,10.85,5.47,5.47,0,0,0,.1-10.94Z"
transform="translate(-164.5 -150.5)"
fill="#f55f44"
/>
<ellipse cx={412.09} cy={416.08} rx={1.93} ry={3.61} fill="#fda57d" />
<ellipse cx={453.54} cy={416.08} rx={1.93} ry={3.61} fill="#fda57d" />
<polygon
points="416.75 397.51 420.79 395.43 421.71 398.77 419.23 400.46 416.75 397.51"
fill="#f55f44"
/>
<g opacity={0.5}>
<circle
cx={433.13}
cy={306.61}
r={47.75}
fill="url(#908ec391-272f-49de-a50c-01adbda229b3)"
/>
</g>
<circle cx={433.13} cy={306.35} r={46.75} fill="#f5f5f5" />
<path
d="M579.39,457.27s-5.3,26.11-8.19,24.66c0,0,27.9,24.1,52.53,0,0,0-4.34-18.4-10.6-24.66Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<path
d="M597.76,503.74A46.53,46.53,0,0,0,623.46,496c-1.72-9.41-8.28-10-8.28-10H579s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,597.76,503.74Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<circle cx={432.77} cy={305.32} r={20.72} fill="#333" />
<path
d="M425.49,324.12h14.46a0,0,0,0,1,0,0v11.57a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V324.12A0,0,0,0,1,425.49,324.12Z"
opacity={0.1}
/>
<path
d="M426.87,323.58h11.7a1.38,1.38,0,0,1,1.38,1.38v10.19a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V325A1.38,1.38,0,0,1,426.87,323.58Z"
fill="#be7c5e"
/>
<path
d="M590,480.08a20.81,20.81,0,0,0,14.46,0v-1.78H590Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={432.77} cy={309.82} r={20.72} fill="#be7c5e" />
<path
d="M577.46,452.45H617s-3.37-16-18.31-14.94S577.46,452.45,577.46,452.45Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<ellipse cx={412.48} cy={308.94} rx={1.93} ry={3.61} fill="#be7c5e" />
<ellipse cx={452.96} cy={308.94} rx={1.93} ry={3.61} fill="#be7c5e" />
<path
d="M577.46,453H617S613.6,437,598.66,438,577.46,453,577.46,453Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<g opacity={0.5}>
<circle
cx={546.97}
cy={306.4}
r={47.75}
fill="url(#8824c56d-3c39-4796-9bd9-e8828039b7d0)"
/>
</g>
<circle cx={547.06} cy={306.1} r={46.75} fill="#f5f5f5" />
<path
d="M711.6,503.53a46.53,46.53,0,0,0,25.69-7.69c-1.72-9.41-8.28-10-8.28-10H692.87s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,711.6,503.53Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<circle cx={546.61} cy={305.11} r={22.56} fill="#72351c" />
<path
d="M539.33,323.91h14.46a0,0,0,0,1,0,0v11.57a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V323.91A0,0,0,0,1,539.33,323.91Z"
opacity={0.1}
/>
<path
d="M540.71,323.37h11.7a1.38,1.38,0,0,1,1.38,1.38v10.19a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V324.75a1.38,1.38,0,0,1,1.38-1.38Z"
fill="#fda57d"
/>
<path
d="M703.85,479.86a20.81,20.81,0,0,0,14.46,0v-1.78H703.85Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={546.61} cy={309.61} r={20.72} fill="#fda57d" />
<path
d="M696.35,441.26s8.73,17.73,33.37,7.43l-5.74-9L713.81,436Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<path
d="M696.35,441s8.73,17.73,33.37,7.43l-5.74-9-10.17-3.65Z"
transform="translate(-164.5 -150.5)"
fill="#72351c"
/>
<path
d="M696.27,439.8a12,12,0,0,1,3-4.83c4.08-4,10.76-4.88,14.19-9.47a2.68,2.68,0,0,1-1.23,3.78c3.28,0,7.09-.31,8.95-3a6.14,6.14,0,0,1-1,6.49c2.91.13,6,2.11,6.2,5a5.79,5.79,0,0,1-2.68,4.88,14.9,14.9,0,0,1-5.41,2C712.68,445.91,692.66,451,696.27,439.8Z"
transform="translate(-164.5 -150.5)"
fill="#72351c"
/>
<path
d="M731.83,460.29h-.55l-10.69,9.52c-10.3-4.82-17.86,0-17.86,0l-11.21-9.12-1.13.14a20.72,20.72,0,0,0,41.44-.53Zm-20.75,13.16c-4,0-7.3-.82-7.3-1.82s3.27-1.82,7.3-1.82,7.3.82,7.3,1.82S715.11,473.46,711.08,473.46Z"
transform="translate(-164.5 -150.5)"
fill="#72351c"
/>
<ellipse cx={525.88} cy={309.59} rx={1.93} ry={3.61} fill="#fda57d" />
<ellipse cx={567.33} cy={309.59} rx={1.93} ry={3.61} fill="#fda57d" />
<g opacity={0.5}>
<circle
cx={322.25}
cy={409.77}
r={47.75}
fill="url(#00cad96d-f671-4798-983d-9919caa10180)"
/>
</g>
<circle cx={322.34} cy={409.46} r={46.75} fill="#f5f5f5" />
<path
d="M486.88,606.89a46.53,46.53,0,0,0,25.69-7.69c-1.72-9.41-8.28-10-8.28-10H468.16s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,486.88,606.89Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<circle cx={321.89} cy={408.48} r={22.56} fill="#333" />
<path
d="M314.61,427.27h14.46a0,0,0,0,1,0,0v11.57a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V427.27A0,0,0,0,1,314.61,427.27Z"
opacity={0.1}
/>
<path
d="M316,426.73h11.7a1.38,1.38,0,0,1,1.38,1.38V438.3a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V428.11a1.38,1.38,0,0,1,1.38-1.38Z"
fill="#fdb797"
/>
<path
d="M479.14,583.23a20.81,20.81,0,0,0,14.46,0v-1.78H479.14Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={321.89} cy={412.97} r={20.72} fill="#fdb797" />
<path
d="M471.63,544.63s8.73,17.73,33.37,7.43l-5.74-9-10.17-3.65Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<path
d="M471.63,544.36s8.73,17.73,33.37,7.43l-5.74-9-10.17-3.65Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<path
d="M471.55,543.17a12,12,0,0,1,3-4.83c4.08-4,10.76-4.88,14.19-9.47a2.68,2.68,0,0,1-1.23,3.78c3.28,0,7.09-.31,8.95-3a6.14,6.14,0,0,1-1,6.49c2.91.13,6,2.11,6.2,5a5.79,5.79,0,0,1-2.68,4.88,14.9,14.9,0,0,1-5.41,2C488,549.28,467.94,554.39,471.55,543.17Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<ellipse cx={301.16} cy={412.95} rx={1.93} ry={3.61} fill="#fdb797" />
<ellipse cx={342.61} cy={412.95} rx={1.93} ry={3.61} fill="#fdb797" />
<g opacity={0.5}>
<circle
cx={548.75}
cy={415.06}
r={47.75}
fill="url(#ba9b33ca-f013-4b18-89b1-463fdab50196)"
/>
</g>
<circle cx={548.75} cy={414.8} r={46.75} fill="#f5f5f5" />
<path
d="M713.38,612.19a46.53,46.53,0,0,0,25.69-7.69c-1.72-9.41-8.28-10-8.28-10H694.65s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,713.38,612.19Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<path
d="M541.11,432.56h14.46a0,0,0,0,1,0,0v11.57a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V432.56A0,0,0,0,1,541.11,432.56Z"
opacity={0.1}
/>
<path
d="M542.49,432h11.7a1.38,1.38,0,0,1,1.38,1.38V443.6a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V433.41a1.38,1.38,0,0,1,1.38-1.38Z"
fill="#fdb797"
/>
<path
d="M705.63,588.52a20.81,20.81,0,0,0,14.46,0v-1.78H705.63Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={548.39} cy={418.27} r={20.72} fill="#fdb797" />
<ellipse cx={528.09} cy={417.39} rx={1.93} ry={3.61} fill="#fdb797" />
<ellipse cx={568.57} cy={417.39} rx={1.93} ry={3.61} fill="#fdb797" />
<rect
x={535.76}
y={418.37}
width={8.86}
height={4.43}
rx={2.22}
ry={2.22}
fill="none"
stroke="#333"
strokeMiterlimit={10}
strokeWidth={2}
/>
<rect
x={716.65}
y={568.87}
width={8.86}
height={4.43}
rx={2.22}
ry={2.22}
transform="translate(1277.67 991.67) rotate(180)"
fill="none"
stroke="#333"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M708.77,569.3s2.81-1.53,8,0"
transform="translate(-164.5 -150.5)"
fill="none"
stroke="#333"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M727.21,553.75l5.08,11.81S738.51,557.73,727.21,553.75Z"
transform="translate(-164.5 -150.5)"
fill="#858585"
/>
<line
x1={561.02}
y1={420.59}
x2={568.61}
y2={413.81}
fill="none"
stroke="#333"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
/>
<path
d="M698.56,553.75l-5.08,11.81S687.26,557.73,698.56,553.75Z"
transform="translate(-164.5 -150.5)"
fill="#858585"
/>
<line
x1={535.76}
y1={420.59}
x2={528.07}
y2={413.81}
fill="none"
stroke="#333"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth={2}
/>
<g opacity={0.5}>
<circle
cx={322.6}
cy={517.12}
r={47.75}
fill="url(#68fecbfd-6242-4359-b317-83cda25d2d17)"
/>
</g>
<circle cx={322.6} cy={516.86} r={46.75} fill="#f5f5f5" />
<path
d="M513,671.57c0,17.21-11.23,36.38-25.09,36.38s-25.09-19.17-25.09-36.38,11.23-26,25.09-26S513,654.35,513,671.57Z"
transform="translate(-164.5 -150.5)"
fill="#fdd835"
/>
<path
d="M487.23,714.25a46.53,46.53,0,0,0,25.69-7.69c-1.72-9.41-8.28-10-8.28-10H468.5s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,487.23,714.25Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<path
d="M315,534.63h14.46a0,0,0,0,1,0,0v11.57a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V534.63A0,0,0,0,1,315,534.63Z"
opacity={0.1}
/>
<path
d="M316.33,534.09H328a1.38,1.38,0,0,1,1.38,1.38v10.19a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V535.47a1.38,1.38,0,0,1,1.38-1.38Z"
fill="#fdb797"
/>
<path
d="M479.48,690.58a20.81,20.81,0,0,0,14.46,0v-1.78H479.48Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={322.24} cy={520.33} r={20.72} fill="#fdb797" />
<ellipse cx={301.94} cy={519.45} rx={1.93} ry={3.61} fill="#fdb797" />
<ellipse cx={342.42} cy={519.45} rx={1.93} ry={3.61} fill="#fdb797" />
<path
d="M468.37,659.59s11.73,16,38.58,10.56c0,0,3-3.65-4.3-14.86S475,645.9,468.37,659.59Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<path
d="M468.37,659.33s11.73,16,38.58,10.56c0,0,3-3.65-4.3-14.86S475,645.64,468.37,659.33Z"
transform="translate(-164.5 -150.5)"
fill="#fdd835"
/>
<g opacity={0.5}>
<circle
cx={436.04}
cy={522.6}
r={47.75}
fill="url(#099a220d-8908-45be-af00-3c7d010c379b)"
/>
</g>
<circle cx={436.14} cy={522.29} r={46.75} fill="#f5f5f5" />
<path
d="M626.35,677.4c0,15.55-11.17,23.2-25.68,23.2s-26.85-7.65-26.85-23.2,11.76-28.15,26.26-28.15S626.35,661.85,626.35,677.4Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<path
d="M600.67,719.72A46.53,46.53,0,0,0,626.37,712c-1.72-9.41-8.28-10-8.28-10H581.95s-6.19.51-8.12,9.17A46.53,46.53,0,0,0,600.67,719.72Z"
transform="translate(-164.5 -150.5)"
fill={props.primaryColor}
/>
<path
d="M428.4,540.1h14.46a0,0,0,0,1,0,0v11.57a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V540.1A0,0,0,0,1,428.4,540.1Z"
opacity={0.1}
/>
<path
d="M429.78,539.57h11.7a1.38,1.38,0,0,1,1.38,1.38v10.19a7.23,7.23,0,0,1-7.23,7.23h0a7.23,7.23,0,0,1-7.23-7.23V540.94A1.38,1.38,0,0,1,429.78,539.57Z"
fill="#fda57d"
/>
<path
d="M592.93,696.06a20.81,20.81,0,0,0,14.46,0v-1.78H592.93Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<circle cx={435.68} cy={525.81} r={20.72} fill="#fda57d" />
<path
d="M576.3,677.66s12.9-1.56,22.68-14.08c0,0,12.9,14.21,21.9,12.64,0,0,5.21-5.47,0-10.95s-9.25-12.38-16.16-11.47-15.38,1.3-19,4.56S576.3,677.66,576.3,677.66Z"
transform="translate(-164.5 -150.5)"
opacity={0.1}
/>
<path
d="M576.3,677.4s12.9-1.56,22.68-14.08c0,0,12.9,14.21,21.9,12.64,0,0,5.21-5.47,0-10.95s-9.25-12.38-16.16-11.47-15.38,1.3-19,4.56S576.3,677.4,576.3,677.4Z"
transform="translate(-164.5 -150.5)"
fill="#333"
/>
<ellipse cx={414.95} cy={525.79} rx={1.93} ry={3.61} fill="#fda57d" />
<ellipse cx={456.4} cy={525.79} rx={1.93} ry={3.61} fill="#fda57d" />
<rect
x={4}
y={139}
width={432}
height={96}
fill="url(#3061a9b9-91b2-46a1-89cb-8258cb58f338)"
/>
<polygon
points="434 139 4 139 4 44 342 44 434 139"
fill="url(#3284369d-7ccd-440f-a584-d648e0563917)"
/>
<rect
x={436}
y={139}
width={431}
height={96}
fill="url(#25df6607-9ef4-4685-be27-3341850cb067)"
/>
<rect x={297} y={130} width={276} height={18} fill="#e0e0e0" />
<rect x={30} y={57} width={35} height={18} fill="#e0e0e0" />
<rect x={808} y={57} width={32} height={3} fill="#e0e0e0" />
<rect x={808} y={65} width={32} height={3} fill="#e0e0e0" />
<rect x={808} y={72} width={32} height={3} fill="#e0e0e0" />
</svg>
);
UndrawAboutUsPage.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawAboutUsPage.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawAboutUsPage;