react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
955 lines (950 loc) • 35.3 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawVrChat = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="3a829f7c-178b-4e23-b0ad-ea78953b0702"
data-name="Layer 1"
viewBox="0 0 1081.36 714.79"
>
<title>vr_chat</title>
<rect
x={657.16}
y={57}
width={318}
height={22}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={657.16}
y={152}
width={318}
height={22}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={657.16}
y={251}
width={318}
height={22}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={685.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={685.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={685.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={715.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={715.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={715.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={745.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={745.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={745.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={775.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={775.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={775.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={805.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={805.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={805.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={835.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={835.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={835.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect x={865.16} width={20} height={57} fill={props.primaryColor} opacity={0.1} />
<rect x={865.16} y={9} width={20} height={4} fill={props.primaryColor} opacity={0.1} />
<rect
x={865.16}
y={40}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={926.49}
y={286.61}
width={20}
height={57}
transform="translate(-101.22 360.53) rotate(-26.63)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={918.64}
y={297.46}
width={20}
height={4}
transform="translate(-95.04 355.36) rotate(-26.63)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={932.54}
y={325.18}
width={20}
height={4}
transform="translate(-105.99 364.53) rotate(-26.63)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={685.16}
y={96}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={685.16}
y={105}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={685.16}
y={136}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={715.16}
y={96}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={715.16}
y={105}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={715.16}
y={136}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={745.16}
y={96}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={745.16}
y={105}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={745.16}
y={136}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={870.16}
y={96}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={870.16}
y={105}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={870.16}
y={136}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={900.16}
y={96}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={900.16}
y={105}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={900.16}
y={136}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={930.16}
y={96}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={930.16}
y={105}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={930.16}
y={136}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={685.16}
y={194}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={685.16}
y={203}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={685.16}
y={234}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={715.16}
y={194}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={715.16}
y={203}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={715.16}
y={234}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={745.16}
y={194}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={745.16}
y={203}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={745.16}
y={234}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={775.16}
y={194}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={775.16}
y={203}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={775.16}
y={234}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={805.16}
y={194}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={805.16}
y={203}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={805.16}
y={234}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={835.16}
y={194}
width={20}
height={57}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={835.16}
y={203}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={835.16}
y={234}
width={20}
height={4}
fill={props.primaryColor}
opacity={0.1}
/>
<g opacity={0.1}>
<path
d="M864.87,224.89s-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(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M857.3,238a9.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,857.3,238Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M861.74,227.45s2.25,1.77,7.71,0"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M861.26,214.61s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M861.26,214.61s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M877,215.48s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S875,225.41,877,215.48Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M877,215.48s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S875,225.41,877,215.48Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M865.08,224.05s1.59-7.6,11.91-8.58"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
</g>
<g opacity={0.1}>
<path
d="M992.87,323.89s-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(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M985.3,337a9.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,985.3,337Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M989.74,326.45s2.25,1.77,7.71,0"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M989.26,313.61s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M989.26,313.61s3.85,10.44,3.53,13.17l3.05-.32s-5.14-9.15-3.85-12.85Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M1005,314.48s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S1003,324.41,1005,314.48Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M1005,314.48s-6.07-3.1-8.78-.54-3.13,9.11-3.13,9.11S1003,324.41,1005,314.48Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M993.08,323.05s1.59-7.6,11.91-8.58"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
</g>
<path
d="M838.16,459.58c24.49,14.2,47.07,33.71,72.6,44.64,31.07,13.31,64.62,13.16,97.45,12.87l132.47-1.17c-26.83,60.46-74.23,106-127.75,122.68-21,6.56-43.43,9.14-61.95,23.23-23.08,17.56-36.76,50.58-60.22,67.31-25.86,18.42-58,13.45-86.82,22.54-37.57,11.84-69,47.42-107.32,54.42-37.06,6.77-73.19-14.24-109.11-27.51-128.3-47.38-266.91,3.23-399.34-20.2-5.09-.9-10.51-2.12-14.19-6.61-4.73-5.76-5.12-15.11-4.18-23.3,4.72-41.08,34.17-71.27,65.05-86.16,65.79-31.71,139.7-11.79,209.59-23.21,48-7.85,93.66-30.46,138.7-52.88,47.16-23.48,95.06-46.51,139.75-76.89C768.34,458.45,783.05,427.61,838.16,459.58Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M411.46,642.63s-2,30,2,35c0,0-88,16-99,11s-6-13,0-16,36-14,40-35c0,0-13-6,29,2S411.46,642.63,411.46,642.63Z"
transform="translate(-59.32 -92.61)"
fill="#dc9ba3"
/>
<path
d="M411.46,642.63s-2,30,2,35c0,0-88,16-99,11s-6-13,0-16,36-14,40-35c0,0-13-6,29,2S411.46,642.63,411.46,642.63Z"
transform="translate(-59.32 -92.61)"
opacity={0.05}
/>
<path
d="M754.65,224.87l.38.18a123.37,123.37,0,0,1,46,37.47c6.82,9,15.2,17.58,23.17,19C841.86,284.63,972,420,940.77,546S727.33,677.16,727.33,677.16s-38.76,6.57-61,19.71a41.14,41.14,0,0,1-34.75,3.34c-26.48-9.42-70-23.08-89.62-18.88-29.15,6.25-279-97.87-279-97.87s104.12-100,257.17-97.87c0,0,241.55-168.67,233.22-238.43Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M754.65,224.87l.38.18a123.37,123.37,0,0,1,46,37.47c6.82,9,15.2,17.58,23.17,19C841.86,284.63,972,420,940.77,546S727.33,677.16,727.33,677.16s-38.76,6.57-61,19.71a41.14,41.14,0,0,1-34.75,3.34c-26.48-9.42-70-23.08-89.62-18.88-29.15,6.25-279-97.87-279-97.87s104.12-100,257.17-97.87c0,0,241.55-168.67,233.22-238.43Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M754.46,224.63l25,24s19,37,36,40,142,133,112,254-205,126-205,126-36.42,6.17-57.85,18.52a41.62,41.62,0,0,1-34.71,3.39c-25.49-9-66.78-21.91-85.43-17.91-28,6-268-94-268-94s100-96,247-94c0,0,232-162,224-229Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<ellipse
cx={688.69}
cy={506.93}
rx={143.56}
ry={78.86}
transform="translate(-216.07 542.85) rotate(-45)"
opacity={0.1}
/>
<path
d="M754.46,351.63s-11,18-4,53-18,35-18,35h-50l-17-44,24,2s16-4,9-41Z"
transform="translate(-59.32 -92.61)"
fill="#ffd2d9"
/>
<path
d="M604.46,309.63c7.65,24.35,17.24,54,22.36,69.82l3.64,11.18,33-34s-1.45-3.37-3.62-8.09C655,338.08,646.6,321,642.46,319.63c0,0,46-3,60,8s10-30,10-30-27-2-37-8-64-12-64-12S593.46,274.63,604.46,309.63Z"
transform="translate(-59.32 -92.61)"
fill="#ffd2d9"
/>
<path
d="M785.46,611.63s-85-39-115-33"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M872.46,519.63s-103-4-159,32"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M821.46,560.63s-81-20-124-13"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M304.46,603.63l7,51,18-2s1.09-1,2.94-2.68c4.85-4.27,14.94-12.64,24.6-17.2a30.14,30.14,0,0,1,10.46-3.12l-20-30a110.5,110.5,0,0,1-14.93,4.42,72.06,72.06,0,0,1-16.08,1.9A29.35,29.35,0,0,1,304.46,603.63Z"
transform="translate(-59.32 -92.61)"
fill="#ffd2d9"
/>
<path
d="M354.46,639.63c9,8,50-9,57,17L417.9,632l19.83-75.89,2.73-10.45,16.52-.71,189.58-8.09,10.74-.46,5.66-.24-7.51-3.72-50-24.78s-18-1.26-42.85-4.67h0c-37.66-5.16-91-15.25-121.12-33.32-50-30-69,71-69,71s-7.6,25.63-13.4,50.88c-2.76,12-5.11,24-6,33.06C352.25,632.29,352.51,637.9,354.46,639.63Z"
transform="translate(-59.32 -92.61)"
fill="#e9e9ef"
/>
<path
d="M354.46,639.63c9,8,50-9,57,17L417.9,632l19.83-75.89,2.73-10.45,17-1,183.16-11.26,11.31-.7,3.48-.21,4.51-.28-54.5-24.5s-18-1.26-42.85-4.67h0c-37.66-5.16-91-15.25-121.12-33.32-50-30-69,71-69,71s-7.6,25.63-13.4,50.88c-2.76,12-5.11,24-6,33.06C352.25,632.29,352.51,637.9,354.46,639.63Z"
transform="translate(-59.32 -92.61)"
opacity={0.05}
/>
<path
d="M332.53,604.05,350,624.57l7,8.18a30.14,30.14,0,0,1,10.46-3.12l-20-30A110.5,110.5,0,0,1,332.53,604.05Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M333.46,601.63,353,624.57l9.43,11.06v3C374,641.29,410,633.71,417.9,632c1-.21,1.56-.34,1.56-.34,23,1,108-49,108-49s93,16,138,12c25.13-2.24,32.17-11.33,33.49-18.93a19.72,19.72,0,0,0-1.49-11.07L657.3,536.37,652,532.62l-8.51-6s-14.79-3.35-33.58-7.5h0c-29.35-6.47-68.47-14.88-76.39-15.49-13-1-46,10-65,32a56.16,56.16,0,0,1-11,9l-.52.34c-5.34,3.54-11.92,7.31-19.25,11.16-24.21,12.75-56.48,26.44-78.67,35.43C343.91,597.67,333.46,601.63,333.46,601.63Z"
transform="translate(-59.32 -92.61)"
fill="#e9e9ef"
/>
<path
d="M304.46,603.63l7,51,18-2s1.09-1,2.94-2.68c-4,.09-10.56-1.06-11.94-9.32,0,0,6.93-24.25-4-34.68A29.35,29.35,0,0,1,304.46,603.63Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M318.46,640.63s10-35-13-39l-38,15-44,3s-11.49,18.75,6.92,39.79a56.57,56.57,0,0,0,40,19l48.08,2.25,15-31S320.46,652.63,318.46,640.63Z"
transform="translate(-59.32 -92.61)"
fill="#dc9ba3"
/>
<path
d="M562.61,503c5,1.47,25.88,7.7,47.24,16.16h0a263.12,263.12,0,0,1,30.78,14.19c2.07,1.16,4,2.33,5.9,3.51,5.6,3.55,10.11,7.19,12.9,10.8,12.34,16,30.47,24.56,39.49,28.07a19.72,19.72,0,0,0-1.49-11.07L657.3,536.37l5.66-.24-7.51-3.72,4.51-.28-54.5-24.5S587.45,506.37,562.61,503Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M626.82,379.45l3.64,11.18,33-34s-1.45-3.37-3.62-8.09C655.67,357.38,635.75,372.82,626.82,379.45Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M745.88,396.06a58.14,58.14,0,0,0,2.58-10.43l43,15s29.5,22.5,26.5,71.5c0,0-36.5-13.5-52.5,2.5l-.33,2.82a130,130,0,0,1-35.25,74.38c-8,8.35-15.45,17.77-19.42,26.8,0,0-28-8-45-30s-98-45-98-45,43,1,49-14,26-47,19-72-11-33-11-33,41-29,38-38l26,30,12,4a19.2,19.2,0,0,0-1.41,7.31C698.41,415.13,736.77,421.68,745.88,396.06Z"
transform="translate(-59.32 -92.61)"
fill="#cedad5"
/>
<path
d="M710,601.13s-97-40-176-2l19,40,91,2Z"
transform="translate(-59.32 -92.61)"
fill={props.primaryColor}
/>
<path
d="M700,369.77a103.66,103.66,0,0,0-1.52-11.14l56-5s-3.88,3.35-5.57,15.85c-6.57,3.9-14.24,9.15-22.43,9.15A43.8,43.8,0,0,1,700,369.77Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<circle cx={666.64} cy={240.53} r={44} fill="#ffd2d9" />
<path
d="M758.46,344.63h-6v-17l-6-18s-30-14-44-11l-11,10s-3-24,15-33,50-5,58,2,21,19,11,52l-3,8S760.46,333.63,758.46,344.63Z"
transform="translate(-59.32 -92.61)"
fill="#844f6e"
/>
<g opacity={0.05}>
<path
d="M680.74,367.73l-3.28-1.09-15.1-17.43a4.26,4.26,0,0,0,.1-2.57Z"
transform="translate(-59.32 -92.61)"
/>
<path
d="M701.79,400c-7.93-3.5-14-11.1-13.73-22,0-.59,0-1.15.1-1.68l.32.36,12,4a19.2,19.2,0,0,0-1.41,7.31A23.9,23.9,0,0,0,701.79,400Z"
transform="translate(-59.32 -92.61)"
/>
<path
d="M585.14,502.82c25.06,8.72,59,22.45,69.32,35.82.25.33.51.64.77,1-27.46-18.83-87.77-36-87.77-36A155.87,155.87,0,0,0,585.14,502.82Z"
transform="translate(-59.32 -92.61)"
/>
<path
d="M699.46,568.63c4-9,11.47-18.45,19.42-26.8a130,130,0,0,0,35.25-74.38l.33-2.82c16-16,52.5-2.5,52.5-2.5,1.9-31.08-9.27-51.49-17.69-62.27l2.19.77s29.5,22.5,26.5,71.5c0,0-36.5-13.5-52.5,2.5l-.33,2.82a130,130,0,0,1-35.25,74.38c-8,8.35-15.45,17.77-19.42,26.8,0,0-24.37-7-41.44-25.76A103.52,103.52,0,0,0,699.46,568.63Z"
transform="translate(-59.32 -92.61)"
/>
</g>
<path
d="M710.46,451.63s48,69,73,89,32-9,32-9v-64l-44-5L771,468.7l-.53,6.93-41-44s-41-37-49-15S710.46,451.63,710.46,451.63Z"
transform="translate(-59.32 -92.61)"
fill="#ffd2d9"
/>
<path
d="M771,468.7a95.27,95.27,0,0,0,19,8.43c9.45,2.91,20.28-.15,25.5-2v-7.47l-44-5Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M816,461.13l2.63,10.71S803,479.13,790,475.13s-23-11-25-12,8-12,8-12Z"
transform="translate(-59.32 -92.61)"
fill="#cedad5"
/>
<path
d="M528,583.13a81.22,81.22,0,0,0-22-12,78.6,78.6,0,0,1-21-11"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M223.46,619.63l1.64-.11c-2.38,6-5.82,20.79,8.29,36.9a56.57,56.57,0,0,0,40,19l46.57,2.18-1.49,3.07-48.08-2.25a56.57,56.57,0,0,1-40-19C212,638.39,223.46,619.63,223.46,619.63Z"
transform="translate(-59.32 -92.61)"
fill="#fff"
opacity={0.2}
/>
<path
d="M450.23,671.13h.15c-.13,2.36-.36,7.23-.4,12.58C449.93,679,450.08,674.39,450.23,671.13Z"
transform="translate(-59.32 -92.61)"
fill="lime"
opacity={0.05}
/>
<path
d="M393.26,662.5q-.21.91-.47,1.79C391.81,663.72,390.4,662.66,393.26,662.5Z"
transform="translate(-59.32 -92.61)"
fill="lime"
opacity={0.05}
/>
<path
d="M314.46,685.63c10.25,4.66,87.33-8.91,97.81-10.79a7.79,7.79,0,0,0,1.19,2.79s-88,16-99,11c-5.66-2.57-7.08-5.94-6.31-9C308.73,681.77,310.61,683.88,314.46,685.63Z"
transform="translate(-59.32 -92.61)"
fill="#fff"
opacity={0.2}
/>
<path
d="M450.37,671.14c.05-1,.09-1.51.09-1.51S455.55,671.45,450.37,671.14Z"
transform="translate(-59.32 -92.61)"
fill="lime"
opacity={0.05}
/>
<rect
x={682.96}
y={311.13}
width={69}
height={34}
rx={4.08}
ry={4.08}
transform="translate(1375.61 563.66) rotate(-180)"
opacity={0.1}
/>
<rect
x={748.96}
y={322.13}
width={29}
height={13}
rx={2.44}
ry={2.44}
transform="translate(1467.61 564.66) rotate(-180)"
opacity={0.1}
/>
<rect
x={682.96}
y={310.13}
width={69}
height={34}
rx={4.08}
ry={4.08}
transform="translate(1375.61 561.66) rotate(-180)"
fill="#7679b4"
/>
<rect
x={683.02}
y={312.13}
width={60.88}
height={30}
rx={4.08}
ry={4.08}
transform="translate(1367.61 561.66) rotate(-180)"
fill="#565388"
/>
<rect
x={748.96}
y={321.13}
width={29}
height={13}
rx={2.44}
ry={2.44}
transform="translate(1467.61 562.66) rotate(-180)"
fill="#565388"
/>
<path
d="M698,312.11a68.15,68.15,0,0,1-25.38-27.21c-.67-1.31-1.31-2.78-.94-4.2.71-2.72,4.26-3.2,6.82-4.37,4.77-2.19,6.78-7.72,9.91-11.93a23.86,23.86,0,0,1,23.33-9c4.56.92,8.78,3.18,13.38,3.86,9.92,1.45,20.74-4.56,29.65,0,4.06,2.09,6.81,6,9.23,9.9,6.07,9.71,13.68,20,8.16,31.39-3.17,6.51-8.23,11.91-15.34,13.81s-15.34.32-22.57-.47c-5.95-.64-12.18-2-18.17-1.37C709.07,313.28,704.69,316.14,698,312.11Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M698,310.11a68.15,68.15,0,0,1-25.38-27.21c-.67-1.31-1.31-2.78-.94-4.2.71-2.72,4.26-3.2,6.82-4.37,4.77-2.19,6.78-7.72,9.91-11.93a23.86,23.86,0,0,1,23.33-9c4.56.92,8.78,3.18,13.38,3.86,9.92,1.45,20.74-4.56,29.65,0,4.06,2.09,6.81,6,9.23,9.9,6.07,9.71,13.68,20,8.16,31.39-3.17,6.51-8.23,11.91-15.34,13.81s-15.34.32-22.57-.47c-5.95-.64-12.18-2-18.17-1.37C709.07,311.28,704.69,314.14,698,310.11Z"
transform="translate(-59.32 -92.61)"
fill="#844f6e"
/>
<polygon
points="120.77 126.44 40.32 112.57 39.15 148.62 121.73 162.43 120.77 126.44"
fill={props.primaryColor}
opacity={0.2}
/>
<polygon
points="0 59.53 0 292.78 104.54 311.46 124.09 314.96 152.65 320.06 156.21 320.7 159.17 321.23 160.26 321.42 160.52 321.47 175.71 324.19 178.97 324.77 200.29 328.58 224.86 332.97 257.26 338.76 257.84 338.86 297.36 345.93 353.59 355.98 435 370.53 435 137.28 0 59.53"
fill={props.primaryColor}
opacity={0.2}
/>
<g opacity={0.5}>
<rect x={182.23} y={178.97} width={74.38} height={77.15} fill="#865a61" />
<rect x={182.23} y={168.34} width={74.38} height={77.15} opacity={0.1} />
<path
d="M223.76,370.66l1.83,2.58,5.83,8.21.85,1.2,2.92,4.12.57.8,10.07,14.19.66.93,6.13,8.64.56.79,6.43,9.06,24.57,4.39,3.33-.4,11.6-22.61.36-.71.05-.11,6.24-12.16.23-.44.07-.49.57-4.1,0-.16.1-.77h0v-.14l2.1-15.2v-.1l2.68-19.46L313,338.09l.35-2.54a33.89,33.89,0,0,1-7.57,2.54,24.87,24.87,0,0,1-5,.55h-.08a16.94,16.94,0,0,1-4.29-.55,12.38,12.38,0,0,1-7.64-5.79l0,0c-2.73-4.54-4-12-2.46-24,0-.32.08-.64.13-1q.55-4,1.56-8.68L260,285l-.42-.2-3.94-1.92s.6,2.83,1.14,7.15l.09.73a106.05,106.05,0,0,1,.76,13.19c0,.31,0,.62,0,.93a56.25,56.25,0,0,1-1.69,13.28,4.37,4.37,0,0,1-.13.49c-2.09,7.46-6.31,13.51-14.25,14.91a22.76,22.76,0,0,1-6.7.13,26.29,26.29,0,0,0-8.67.24C206.84,338.29,223.76,370.66,223.76,370.66Z"
transform="translate(-59.32 -92.61)"
fill="#fdc2cc"
/>
<path
d="M288,298.6q-1.13,5.25-1.7,9.65A37.62,37.62,0,0,1,276,309.69a37.24,37.24,0,0,1-18.34-4.8,109,109,0,0,0-2-22Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<circle cx={216.64} cy={178.74} r={37.42} fill="#fdc2cc" />
<path
d="M215,401.61s.19.32.51.93a56.79,56.79,0,0,1,4.35,11.53L235,416.79l3.26.58,21.32,3.81,24.57,4.39,32.4,5.79a47.64,47.64,0,0,0,8.9-22.25c.05-.32.09-.65.12-1,.16-1.52.25-3.08.26-4.7,0,0,0,0,0,0a.14.14,0,0,0,0-.09v-.06c0-.54,0-1.11,0-1.66-.26-10.84-10.81-13-19.79-13a65,65,0,0,0-12.54,1.41l-2.16,3.49v0a0,0,0,0,1,0,0l-.85,1.34s0,0,0,0l-3,4.8-11.09,19.87-3.25-7.39-.2-.45,0,0-4.35-9.89h-.45l-22.32-.1Z"
transform="translate(-59.32 -92.61)"
fill="#ec7580"
/>
<path
d="M219.66,414.31c0-.09-.05-.19-.08-.29a52.65,52.65,0,0,0-4.6-11.48h.51l31,.15,21.67.1h.44l4.19,9.51.18.42.2.45,3.25,7.38,11.09-19.86,0,0,.12-.19,2.14-3.45,1-1.66h0l.53-.86,2.16-3.49s1.94-.45,4.86-.84l1-.13c.78-.09,1.6-.18,2.47-.25l.82-.06h.11l1.58-.08c.46,0,.92,0,1.39,0,1.36,0,2.76,0,4.16.11l1.1.1a23.68,23.68,0,0,1,8.41,2.28,5.18,5.18,0,0,1,.57.31,12,12,0,0,1,1.85,1.29c.23.19.45.39.67.6A10.62,10.62,0,0,1,324,396a9.59,9.59,0,0,1,.76,1.37,10.87,10.87,0,0,1,.58,1.54,12.58,12.58,0,0,1,.38,1.71,16,16,0,0,1,.16,1.9c0,.24,0,.48,0,.71v.09a.09.09,0,0,1,0,.07s0,0,0,0c0,.55,0,1.1,0,1.63,0,.37,0,.74,0,1.1a.06.06,0,0,1,0,.06h0c0,.29,0,.57-.05.86s0,.66-.07,1,0,.66-.09,1a47.41,47.41,0,0,1-8.44,22.41l-.58-.1-32.4-5.79-24.57-4.39-21.32-3.81-3.26-.58-15.19-2.72c0,.12.07.24.1.36Z"
transform="translate(-59.32 -92.61)"
fill="#ec7580"
/>
<path
d="M328.16,397.92a54.09,54.09,0,0,0,2.41,6.73l.29.68a86.08,86.08,0,0,0,25.82,33.2l56.23,10a140.89,140.89,0,0,0-13.14-9.09L372.05,421l-18.82-28.76-.38-.58-5.28-8.07Z"
transform="translate(-59.32 -92.61)"
fill="#fdc2cc"
/>
<path
d="M353.23,392.26a1.88,1.88,0,0,1-2,.58c-9.24-1.39-19.86,12-19.86,12l-.54.49a54.38,54.38,0,0,1-2.7-7.41l19.4-14.32Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M325.6,409.05c-4.35,2.42-10.32,4.16-15-.51-8.06-8.06-22.18-7-23.06-6.93,1.44-.2,2.72-3.16,3.81-7.13l2.16-3.49s31.88-7.39,32.34,11.55A50.63,50.63,0,0,1,325.6,409.05Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M308.88,368.18l-2.89,21-6.52,12.71a39.75,39.75,0,0,0-12.38-1.16c4.6-.63,7.56-29.34,7.56-29.34l.26-.06Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M351.26,391.91c-9.24-1.39-19.86,12-19.86,12s-12.47,12-20.79,3.7c-8.06-8.06-22.18-7-23.06-6.93,4.6-.63,7.56-29.34,7.56-29.34l.26-.06,44.33-9.86s2.64,4.05,5.63,9.21C350.72,379.93,357.21,392.81,351.26,391.91Z"
transform="translate(-59.32 -92.61)"
fill="#ec7580"
/>
<path
d="M340.18,373.44c.46.92-7.39,5.54-11.09,4.16s-12.93,6-13.86,6.93-21.71-1.39-21.71-1.39a97.69,97.69,0,0,0,1.86-11.85l44.33-9.86s2.64,4.05,5.63,9.21C342.58,371.76,339.95,373,340.18,373.44Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M313.38,335.56l-4.5,32.62-2.12,15.33c-6.19-.46-13.71-1.3-13.71-1.3s7.85-32.8-5.08-49.89l.77-.05C296,344.35,313.38,335.56,313.38,335.56Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M288.44,332.32s23.56-1.85,32.8,4.62,22.64,25.87,22.64,25.87l7.39,4.62s-11.55,4.16-11.09,5.08-7.39,5.54-11.09,4.16-12.93,6-13.86,6.93-21.71-1.39-21.71-1.39S301.37,349.41,288.44,332.32Z"
transform="translate(-59.32 -92.61)"
fill="#ec7580"
/>
<path
d="M183.41,407.56l28.56,5.1,3.56.64-.12-.37a28.62,28.62,0,0,0-3.66-7.62c-8.78-12-28.18,0-28.18,0S183.5,406.11,183.41,407.56Z"
transform="translate(-59.32 -92.61)"
fill="#fdc2cc"
/>
<path
d="M183.41,407.56l28.56,5.1,3.56.64-.12-.37a28.62,28.62,0,0,0-3.66-7.62c-8.78-12-28.18,0-28.18,0S183.5,406.11,183.41,407.56Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M219.66,414.31c0-.09-.05-.19-.08-.29a52.65,52.65,0,0,0-4.6-11.48h.51l31,.15,21.67.1,4.61,9.52.2.41.22.44h0c-.31.06-4.46.85-12.45-.93a16.33,16.33,0,0,0-7.54-.12c-3.39.78-5.74,2.66-8.63,3.81a29.32,29.32,0,0,1-6.26,1.44l-3.26-.58-15.19-2.72c0,.12.07.24.1.36Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M163.86,404.06l19.55,3.5,28.56,5.1a14.47,14.47,0,0,1,3.44.27,17.57,17.57,0,0,1,3.08.9q.6.22,1.17.48l.28.12c0-.12-.06-.24-.1-.36L235,416.79a36.44,36.44,0,0,0,9.52-1.78c2.73-1.09,5-2.83,8.07-3.68a16.2,16.2,0,0,1,8.1,0c6.78,1.51,10.8,1.17,12.05,1h0a1.94,1.94,0,0,0,.38-.06h0l-.22-.45,0,0-4.35-9-.44-.93h0l-8.77-18.09-.46-1-5.55-11.44,0,0-.37,0-27.39,1.88-1.93.14-3.63.25h0l-.83,0-43.47,3-2.84,6.56-.25.58Z"
transform="translate(-59.32 -92.61)"
fill="#ec7580"
/>
<path
d="M260.72,390.07c-5.08-8.32-31.88-.92-31.88-.92s-12.93,3.7-15.71-3.23-22.64-2.31-22.64-2.31-14.39,5.4-17.87.22l3.09-7.15,77.26-5.3Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M238.54,335.56s-25.41-5.08-37.42,1.39-21.25,20.79-21.25,20.79L162.32,373.9s6.93,3.23,10.16,8.78,18,0,18,0,19.86-4.62,22.64,2.31,15.71,3.23,15.71,3.23,26.79-7.39,31.88.92Z"
transform="translate(-59.32 -92.61)"
fill="#ec7580"
/>
<path
d="M267.83,217.18c-3.44-.58-7-1.14-10.39-.4-5.63,1.22-9.92,5.78-13.08,10.6s-5.61,10.15-9.51,14.38c-2.61,2.84-5.82,5.12-8.14,8.19-3.42,4.52-4.61,10.3-5.71,15.86-1.62,8.17-3.24,16.48-2.52,24.78.36,4.17,1.31,8.28,1.53,12.46.45,8.42-2,16.7-4.5,24.77-1.7,5.58-3.46,11.26-6.82,16a69.29,69.29,0,0,1-7.81,8.54,4.8,4.8,0,0,0-1.43,2.1c-.59,2.39,2.29,4,4.49,5.07,6.73,3.36,11.15,9.91,16.38,15.3s12.72,10,19.92,7.87c2.13-.64,4.16-1.87,6.39-1.83A14.12,14.12,0,0,1,251,382a32.69,32.69,0,0,0,11,1.85,4.25,4.25,0,0,0,2.39-.52c1.11-.75,1.33-2.27,1.44-3.61.7-8.39,1.4-16.81.93-25.22-1.07-19-18.66-41.05-12-58.92,2.91-7.79,8.23-14.5,11.17-22.27,3.1-8.2,14-14.85,16.21-23.34a3.91,3.91,0,0,1,1.42-2.51c1.15-.71,2.65-.09,3.77.68,6.29,4.34,8.34,12.5,10.63,19.8a122.29,122.29,0,0,0,6.84,17.13c1.47,3,4.71,6.46,7.52,4.64-1.42,12.61-9.6,23.62-11.45,36.18-1.8,12.23,2.57,24.73.87,37a37.94,37.94,0,0,1-10.2,21,50.72,50.72,0,0,0,18.87.17c6.33-1.14,13.11-4.14,15.39-10.16,2.51-6.62-1.36-13.72-3.32-20.53-4.7-16.36-4.34-35.7-2.85-52.66,1.53-17.43,3.84-32.7-.06-49.76a59.4,59.4,0,0,0-3.77-12.29c-3.86-8.16-11.8-14-20.51-16-4.48-1.06-9.07.58-13.25-.2-2.1-.39-4-2.41-6-3.23A39.62,39.62,0,0,0,267.83,217.18Z"
transform="translate(-59.32 -92.61)"
opacity={0.1}
/>
<path
d="M325.79,372.94c-2.29,6-9.06,9-15.39,10.16a50.83,50.83,0,0,1-18.87-.17,37.94,37.94,0,0,0,10.2-21c1.7-12.25-2.67-24.75-.87-37,1.85-12.56,10-23.57,11.45-36.18-2.81,1.82-6.05-1.64-7.53-4.64A122.56,122.56,0,0,1,297.93,267c-2.29-7.29-4.34-15.46-10.63-19.79-1.11-.77-2.61-1.39-3.76-.67a3.89,3.89,0,0,0-1.42,2.51c-2.17,8.49-13.11,15.15-16.21,23.34-2.95,7.77-8.26,14.48-11.17,22.28-6.67,17.86,10.93,39.88,12,58.91.47,8.41-.23,16.83-.93,25.22-.12,1.34-.33,2.86-1.44,3.61A4.24,4.24,0,0,1,262,383a32.58,32.58,0,0,1-11-1.85,14.12,14.12,0,0,0-4.36-1.13c-2.23,0-4.25,1.19-6.38,1.82-7.2,2.17-14.69-2.47-19.92-7.87s-9.65-11.95-16.38-15.3c-2.2-1.1-5.08-2.68-4.49-5.07a4.83,4.83,0,0,1,1.43-2.1,69.36,69.36,0,0,0,7.82-8.54c3.36-4.76,5.11-10.44,6.82-16,2.46-8.07,5-16.34,4.5-24.77-.22-4.18-1.17-8.28-1.53-12.45-.72-8.3.91-16.6,2.52-24.77,1.1-5.57,2.29-11.34,5.71-15.86,2.33-3.07,5.53-5.35,8.14-8.19,3.9-4.24,6.35-9.57,9.51-14.39s7.45-9.37,13.08-10.6c3.41-.74,7-.18,10.39.4a39.57,39.57,0,0,1,8.16,2c2.05.82,3.94,2.84,6,3.22,4.18.78,8.77-.86,13.25.2,8.7,2.05,16.64,7.89,20.51,16a36.72,36.72,0,0,1,1.9,5c.74,2.39,1.3,4.85,1.86,7.29.12.52.24,1,.34,1.55h0c3.42,16.24,1.21,28.07-.28,45s-1.86,39.53,2.85,55.89C324.42,359.22,328.3,366.32,325.79,372.94Z"
transform="translate(-59.32 -92.61)"
fill="#865a61"
/>
<path
d="M272.5,402.31s3.7,6,3.7,10.16c0,0,2.77-10.16,5.08-10.16Z"
transform="translate(-59.32 -92.61)"
opacity={0.05}
/>
</g>
<path
d="M575.86,735.44l127.8-13.13,1.57,25.17-58.42,5.8a38.16,38.16,0,0,1-12-.93l-59.05-15.26A.84.84,0,0,1,575.86,735.44Z"
transform="translate(-59.32 -92.61)"
fill="#535461"
/>
<path
d="M575.86,735.44l127.8-13.13,1.57,25.17-58.42,5.8a38.16,38.16,0,0,1-12-.93l-59.05-15.26A.84.84,0,0,1,575.86,735.44Z"
transform="translate(-59.32 -92.61)"
opacity={0.2}
/>
<path
d="M575.86,734.92l128.85-13.13L706.28,747l-58.42,4.75a38.16,38.16,0,0,1-12-.93l-60.1-14.21A.84.84,0,0,1,575.86,734.92Z"
transform="translate(-59.32 -92.61)"
fill="#535461"
/>
<path
d="M606.41,735.81l68.13-6.94.83,13.31-30.89,2.51a20.18,20.18,0,0,1-6.35-.49l-31.78-7.51A.44.44,0,0,1,606.41,735.81Z"
transform="translate(-59.32 -92.61)"
fill="#fff"
opacity={0.3}
/>
<path
d="M678.65,593.48l132-2a12.88,12.88,0,0,1,11.5,14.35l-15,124.69a12.88,12.88,0,0,1-12,11.32l-135,8.36a12.88,12.88,0,0,1-13.51-14.73l17.92-131A12.88,12.88,0,0,1,678.65,593.48Z"
transform="translate(-59.32 -92.61)"
fill="#535461"
/>
<path
d="M678.65,593.48l132-2a12.88,12.88,0,0,1,11.5,14.35l-15,124.69a12.88,12.88,0,0,1-12,11.32l-135,8.36a12.88,12.88,0,0,1-13.51-14.73l17.92-131A12.88,12.88,0,0,1,678.65,593.48Z"
transform="translate(-59.32 -92.61)"
opacity={0.2}
/>
<path
d="M679.7,593.48l132-2a12.88,12.88,0,0,1,11.5,14.35l-15,124.69a12.88,12.88,0,0,1-12,11.32l-135,8.36a12.88,12.88,0,0,1-13.51-14.73l17.92-131A12.88,12.88,0,0,1,679.7,593.48Z"
transform="translate(-59.32 -92.61)"
fill="#535461"
/>
<circle cx={684.98} cy={571.76} r={6.29} fill="#fff" opacity={0.3} />
<circle cx={570.92} cy={658.02} r={0.79} opacity={0.2} />
</svg>
);
UndrawVrChat.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawVrChat.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawVrChat;