react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
699 lines (694 loc) • 33.4 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawVirtualReality = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="ce0caf1d-b686-4c5f-8a14-7ab48d3ff308"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1038.72 566.52"
>
<defs>
<linearGradient
id="4fdf35d1-beb9-483e-9710-c88615fbfe49"
x1={911.4}
y1={405.29}
x2={911.4}
y2={291.37}
gradientTransform="translate(-38.78 174.92) rotate(-10.7)"
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="b418394e-431c-4cac-b4f6-a12c6fda49a2"
x1={900.3}
y1={350.41}
x2={900.3}
y2={259.01}
xlinkHref="#4fdf35d1-beb9-483e-9710-c88615fbfe49"
/>
</defs>
<title>virtual_reality</title>
<path
d="M383.16,443.44c-24.49,11.32-47.07,26.87-72.6,35.58-31.07,10.6-64.62,10.49-97.45,10.25l-132.47-.93c26.83,48.19,74.23,84.47,127.75,97.78,21,5.23,43.43,7.28,61.95,18.51,23.08,14,36.76,40.32,60.22,53.65,25.86,14.68,58,10.72,86.82,18,37.57,9.43,69,37.79,107.32,43.37,37.06,5.39,73.19-11.35,109.11-21.92,128.3-37.76,266.91,2.57,399.34-16.1,5.09-.72,10.51-1.69,14.19-5.27,4.73-4.59,5.12-12,4.18-18.57-4.72-32.74-34.17-56.8-65.05-68.67-65.79-25.28-139.7-9.4-209.59-18.5-48-6.26-93.66-24.28-138.7-42.15-47.16-18.71-95.06-37.07-139.75-61.28C453,442.54,438.27,418,383.16,443.44Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M797.86,617.24s2,30-2,35c0,0,88,16,99,11s6-13,0-16-36-14-40-35c0,0,13-6-29,2S797.86,617.24,797.86,617.24Z"
transform="translate(-80.64 -166.74)"
fill="#dc9ba3"
/>
<path
d="M797.86,617.24s2,30-2,35c0,0,88,16,99,11s6-13,0-16-36-14-40-35c0,0,13-6-29,2S797.86,617.24,797.86,617.24Z"
transform="translate(-80.64 -166.74)"
opacity={0.05}
/>
<path
d="M454.67,199.48l-.38.18a123.37,123.37,0,0,0-46,37.47c-6.82,9-15.2,17.58-23.17,19-17.7,3.12-147.85,138.48-116.61,264.46S482,651.77,482,651.77s38.76,6.57,61,19.71a41.14,41.14,0,0,0,34.75,3.34c26.48-9.42,70-23.08,89.62-18.88,29.15,6.25,279-97.87,279-97.87s-104.12-100-257.17-97.87c0,0-241.55-168.67-233.22-238.43Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M454.67,199.48l-.38.18a123.37,123.37,0,0,0-46,37.47c-6.82,9-15.2,17.58-23.17,19-17.7,3.12-147.85,138.48-116.61,264.46S482,651.77,482,651.77s38.76,6.57,61,19.71a41.14,41.14,0,0,0,34.75,3.34c26.48-9.42,70-23.08,89.62-18.88,29.15,6.25,279-97.87,279-97.87s-104.12-100-257.17-97.87c0,0-241.55-168.67-233.22-238.43Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M454.86,199.24l-25,24s-19,37-36,40-142,133-112,254,205,126,205,126,36.42,6.17,57.85,18.52a41.62,41.62,0,0,0,34.71,3.39c25.49-9,66.78-21.91,85.43-17.91,28,6,268-94,268-94s-100-96-247-94c0,0-232-162-224-229Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<ellipse
cx={520.63}
cy={481.54}
rx={78.86}
ry={143.56}
transform="translate(-268.65 342.44) rotate(-45)"
opacity={0.1}
/>
<path
d="M454.86,326.24s11,18,4,53,18,35,18,35h50l17-44-24,2s-16-4-9-41Z"
transform="translate(-80.64 -166.74)"
fill="#ffd2d9"
/>
<path
d="M604.86,284.24c-7.65,24.35-17.24,54-22.36,69.82l-3.64,11.18-33-34s1.45-3.37,3.62-8.09c4.83-10.46,13.24-27.53,17.38-28.91,0,0-46-3-60,8s-10-30-10-30,27-2,37-8,64-12,64-12S615.86,249.24,604.86,284.24Z"
transform="translate(-80.64 -166.74)"
fill="#ffd2d9"
/>
<path
d="M423.86,586.24s85-39,115-33"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M336.86,494.24s103-4,159,32"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M387.86,535.24s81-20,124-13"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M904.86,578.24l-7,51-18-2s-1.09-1-2.94-2.68c-4.85-4.27-14.94-12.64-24.6-17.2a30.14,30.14,0,0,0-10.46-3.12l20-30a110.5,110.5,0,0,0,14.93,4.42,72.06,72.06,0,0,0,16.08,1.9A29.35,29.35,0,0,0,904.86,578.24Z"
transform="translate(-80.64 -166.74)"
fill="#ffd2d9"
/>
<path
d="M854.86,614.24c-9,8-50-9-57,17l-6.44-24.66-19.83-75.89-2.73-10.45-16.52-.71-189.58-8.09L552,511l-5.66-.24,7.51-3.72,50-24.78s18-1.26,42.85-4.67h0c37.66-5.16,91-15.25,121.12-33.32,50-30,69,71,69,71s7.6,25.63,13.4,50.88c2.76,12,5.11,24,6,33.06C857.07,606.9,856.81,612.51,854.86,614.24Z"
transform="translate(-80.64 -166.74)"
fill="#e9e9ef"
/>
<path
d="M854.86,614.24c-9,8-50-9-57,17l-6.44-24.66-19.83-75.89-2.73-10.45-17-1L568.66,507.93l-11.31-.7-3.48-.21-4.51-.28,54.5-24.5s18-1.26,42.85-4.67h0c37.66-5.16,91-15.25,121.12-33.32,50-30,69,71,69,71s7.6,25.63,13.4,50.88c2.76,12,5.11,24,6,33.06C857.07,606.9,856.81,612.51,854.86,614.24Z"
transform="translate(-80.64 -166.74)"
opacity={0.05}
/>
<path
d="M876.79,578.66l-17.5,20.52-7,8.18a30.14,30.14,0,0,0-10.46-3.12l20-30A110.5,110.5,0,0,0,876.79,578.66Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M875.86,576.24l-19.57,22.94-9.43,11.06v3c-11.54,2.66-47.51-4.92-55.44-6.66-1-.21-1.56-.34-1.56-.34-23,1-108-49-108-49s-93,16-138,12c-25.13-2.24-32.17-11.33-33.49-18.93a19.72,19.72,0,0,1,1.49-11.07L552,511l5.33-3.75,8.51-6s14.79-3.35,33.58-7.5h0c29.35-6.47,68.47-14.88,76.39-15.49,13-1,46,10,65,32a56.16,56.16,0,0,0,11,9l.52.34c5.34,3.54,11.92,7.31,19.25,11.16,24.21,12.75,56.48,26.44,78.67,35.43C865.41,572.28,875.86,576.24,875.86,576.24Z"
transform="translate(-80.64 -166.74)"
fill="#e9e9ef"
/>
<path
d="M904.86,578.24l-7,51-18-2s-1.09-1-2.94-2.68c4,.09,10.56-1.06,11.94-9.32,0,0-6.93-24.25,4-34.68A29.35,29.35,0,0,0,904.86,578.24Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M890.86,615.24s-10-35,13-39l38,15,44,3S997.35,613,978.93,634a56.57,56.57,0,0,1-40,19l-48.08,2.25-15-31S888.86,627.24,890.86,615.24Z"
transform="translate(-80.64 -166.74)"
fill="#dc9ba3"
/>
<path
d="M646.71,477.57c-5,1.47-25.88,7.7-47.24,16.16h0a263.12,263.12,0,0,0-30.78,14.19c-2.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,1,1.49-11.07L552,511l-5.66-.24,7.51-3.72-4.51-.28,54.5-24.5S621.87,481,646.71,477.57Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M582.5,354.06l-3.64,11.18-33-34s1.45-3.37,3.62-8.09C553.65,332,573.57,347.43,582.5,354.06Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M463.44,370.67a58.14,58.14,0,0,1-2.58-10.43l-43,15s-29.5,22.5-26.5,71.5c0,0,36.5-13.5,52.5,2.5l.33,2.82a130,130,0,0,0,35.25,74.38c8,8.35,15.45,17.77,19.42,26.8,0,0,28-8,45-30s98-45,98-45-43,1-49-14-26-47-19-72,11-33,11-33-41-29-38-38l-26,30-12,4a19.2,19.2,0,0,1,1.41,7.31C510.91,389.74,472.55,396.28,463.44,370.67Z"
transform="translate(-80.64 -166.74)"
fill="#cedad5"
/>
<path
d="M224.45,496s8.38,11-3.87,27.5-22.35,30.51-18.26,40.83c0,0,18.48-30.73,33.52-31.16S241,514.51,224.45,496Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M224.45,496a13.57,13.57,0,0,1,1.71,3.44c14.68,17.24,22.49,33.33,8.39,33.74-13.14.38-28.9,23.87-32.68,29.81a12.74,12.74,0,0,0,.45,1.35s18.48-30.73,33.52-31.16S241,514.51,224.45,496Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M240,510c0,3.86-.43,7-1,7s-1-3.13-1-7,.54-2,1.07-2S240,506.14,240,510Z"
transform="translate(-80.64 -166.74)"
fill="#ffd037"
/>
<path
d="M245.37,514.61c-3.39,1.85-6.34,3-6.59,2.49s2.28-2.35,5.67-4.19,2.05-.5,2.31,0S248.76,512.76,245.37,514.61Z"
transform="translate(-80.64 -166.74)"
fill="#ffd037"
/>
<path
d="M180.18,496s-8.38,11,3.87,27.5,22.35,30.51,18.26,40.83c0,0-18.48-30.73-33.52-31.16S163.64,514.51,180.18,496Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M180.18,496a13.57,13.57,0,0,0-1.71,3.44c-14.68,17.24-22.49,33.33-8.39,33.74,13.14.38,28.9,23.87,32.68,29.81a12.74,12.74,0,0,1-.45,1.35s-18.48-30.73-33.52-31.16S163.64,514.51,180.18,496Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M164.6,510c0,3.86.43,7,1,7s1-3.13,1-7-.54-2-1.07-2S164.6,506.14,164.6,510Z"
transform="translate(-80.64 -166.74)"
fill="#ffd037"
/>
<path
d="M159.26,514.61c3.39,1.85,6.34,3,6.59,2.49s-2.28-2.35-5.67-4.19-2.05-.5-2.31,0S155.87,512.76,159.26,514.61Z"
transform="translate(-80.64 -166.74)"
fill="#ffd037"
/>
<path
d="M167.27,562.93s23.43-.72,30.49-5.75,36-11,37.79-3,35.21,40.11,8.76,40.32-61.46-4.12-68.51-8.41S167.27,562.93,167.27,562.93Z"
transform="translate(-80.64 -166.74)"
fill="#a8a8a8"
/>
<path
d="M244.79,591.73c-26.45.21-61.46-4.12-68.51-8.41-5.37-3.27-7.51-15-8.22-20.41l-.78,0s1.48,18.9,8.53,23.19,42.06,8.63,68.51,8.41c7.64-.06,10.27-2.78,10.13-6.8C253.38,590.16,250.47,591.68,244.79,591.73Z"
transform="translate(-80.64 -166.74)"
opacity={0.2}
/>
<path
d="M354.56,695.19a11.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.82H345.5A40.83,40.83,0,0,0,354.56,695.19Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M419.56,727a11.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.82H410.5A40.83,40.83,0,0,0,419.56,727Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M499.36,575.74s97-40,176-2l-19,40-91,2Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M509.34,344.38a103.66,103.66,0,0,1,1.52-11.14l-56-5s3.88,3.35,5.57,15.85c6.57,3.9,14.24,9.15,22.43,9.15A43.8,43.8,0,0,0,509.34,344.38Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<circle cx={402.72} cy={141} r={44} fill="#ffd2d9" />
<path
d="M450.86,319.24h6v-17l6-18s30-14,44-11l11,10s3-24-15-33-50-5-58,2-21,19-11,52l3,8S448.86,308.24,450.86,319.24Z"
transform="translate(-80.64 -166.74)"
fill="#844f6e"
/>
<g opacity={0.05}>
<path
d="M528.58,342.34l3.28-1.09L547,323.82a4.26,4.26,0,0,1-.1-2.57Z"
transform="translate(-80.64 -166.74)"
/>
<path
d="M507.53,374.59c7.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,1,1.41,7.31A23.9,23.9,0,0,1,507.53,374.59Z"
transform="translate(-80.64 -166.74)"
/>
<path
d="M624.18,477.42c-25.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,1,624.18,477.42Z"
transform="translate(-80.64 -166.74)"
/>
<path
d="M509.86,543.24c-4-9-11.47-18.45-19.42-26.8a130,130,0,0,1-35.25-74.38l-.33-2.82c-16-16-52.5-2.5-52.5-2.5-1.9-31.08,9.27-51.49,17.69-62.27l-2.19.77s-29.5,22.5-26.5,71.5c0,0,36.5-13.5,52.5,2.5l.33,2.82a130,130,0,0,0,35.25,74.38c8,8.35,15.45,17.77,19.42,26.8,0,0,24.37-7,41.44-25.76A103.52,103.52,0,0,1,509.86,543.24Z"
transform="translate(-80.64 -166.74)"
/>
</g>
<path
d="M498.86,426.24s-48,69-73,89-32-9-32-9v-64l44-5,.47,6.07.53,6.93,41-44s41-37,49-15S498.86,426.24,498.86,426.24Z"
transform="translate(-80.64 -166.74)"
fill="#ffd2d9"
/>
<path
d="M438.33,443.31a95.27,95.27,0,0,1-19,8.43c-9.45,2.91-20.28-.15-25.5-2v-7.47l44-5Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M393.36,435.74l-2.63,10.71s15.63,7.29,28.63,3.29,23-11,25-12-8-12-8-12Z"
transform="translate(-80.64 -166.74)"
fill="#cedad5"
/>
<path
d="M681.36,557.74a81.22,81.22,0,0,1,22-12,78.6,78.6,0,0,0,21-11"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M985.86,594.24l-1.64-.11c2.38,6,5.82,20.79-8.29,36.9a56.57,56.57,0,0,1-40,19l-46.57,2.18,1.49,3.07L938.94,653a56.57,56.57,0,0,0,40-19C997.35,613,985.86,594.24,985.86,594.24Z"
transform="translate(-80.64 -166.74)"
fill="#fff"
opacity={0.2}
/>
<path
d="M759.1,645.74h-.15c.13,2.36.36,7.23.4,12.58C759.39,653.62,759.24,649,759.1,645.74Z"
transform="translate(-80.64 -166.74)"
fill="lime"
opacity={0.05}
/>
<path
d="M816.06,637.1q.21.91.47,1.79C817.51,638.33,818.92,637.27,816.06,637.1Z"
transform="translate(-80.64 -166.74)"
fill="lime"
opacity={0.05}
/>
<path
d="M894.86,660.24c-10.25,4.66-87.33-8.91-97.81-10.79a7.79,7.79,0,0,1-1.19,2.79s88,16,99,11c5.66-2.57,7.08-5.94,6.31-9C900.59,656.37,898.71,658.49,894.86,660.24Z"
transform="translate(-80.64 -166.74)"
fill="#fff"
opacity={0.2}
/>
<path
d="M758.95,645.75c-.05-1-.09-1.51-.09-1.51S753.77,646.06,758.95,645.75Z"
transform="translate(-80.64 -166.74)"
fill="lime"
opacity={0.05}
/>
<rect
x={376.72}
y={119}
width={69}
height={34}
rx={4.08}
ry={4.08}
opacity={0.1}
/>
<rect
x={350.72}
y={130}
width={29}
height={13}
rx={2.44}
ry={2.44}
opacity={0.1}
/>
<rect
x={376.72}
y={118}
width={69}
height={34}
rx={4.08}
ry={4.08}
fill="#7679b4"
/>
<rect
x={384.77}
y={120}
width={60.88}
height={30}
rx={4.08}
ry={4.08}
fill="#565388"
/>
<rect
x={350.72}
y={129}
width={29}
height={13}
rx={2.44}
ry={2.44}
fill="#565388"
/>
<path
d="M511.32,286.72A68.15,68.15,0,0,0,536.7,259.5c.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,0-23.33-9c-4.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.81s15.34.32,22.57-.47c5.95-.64,12.18-2,18.17-1.37C500.25,287.88,504.63,290.74,511.32,286.72Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M511.32,284.72A68.15,68.15,0,0,0,536.7,257.5c.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,0-23.33-9c-4.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.81s15.34.32,22.57-.47c5.95-.64,12.18-2,18.17-1.37C500.25,285.88,504.63,288.74,511.32,284.72Z"
transform="translate(-80.64 -166.74)"
fill="#844f6e"
/>
<polygon
points="1038.71 233.25 603.72 311 603.72 77.75 1038.71 0 1038.71 233.25"
fill={props.primaryColor}
opacity={0.2}
/>
<polygon
points="948.59 26.91 1029.04 13.04 1030.21 49.09 947.63 62.9 948.59 26.91"
fill={props.primaryColor}
opacity={0.2}
/>
<g opacity={0.2}>
<path
d="M872.75,394.92a30,30,0,0,1,8.32-.69c16.45.29,33.52,1.9,49.66-3,8.57-2.58,16.26-6.84,25.1-8.67,15-3.09,30,1.42,44.75-2.34,3-.77,6.67-1.85,8.8-.69,2.47,1.34.72,4.82,3.73,5.7a14.21,14.21,0,0,1,2.8.64c1.1.64.41,2-.69,2.87-6.69,5.43-20.3,1.82-28.68,6.21-1.86,1-3.26,2.26-5,3.3a37.67,37.67,0,0,1-8.69,3.2l-46.53,13c-11.14,3.11-22.43,6.26-33.95,7.63s-23.47.81-31.91-3.1c-1.81-.84-3.49-1.87-4.18-3.27C853,409.11,861.16,398,872.75,394.92Z"
transform="translate(-80.64 -166.74)"
fill="#252223"
opacity={0.1}
/>
<polygon
points="751.06 136.06 789.99 166.84 828.92 197.61 764.98 209.7 701.04 221.78 726.05 178.92 751.06 136.06"
fill={props.primaryColor}
opacity={0.3}
/>
<polygon
points="791.54 128.94 830.47 159.71 869.4 190.49 805.46 202.57 741.52 214.66 766.53 171.8 791.54 128.94"
fill={props.primaryColor}
opacity={0.3}
/>
<polygon
points="851.75 64.91 776.62 208.03 919.1 180.3 971.75 170.35 851.75 64.91"
fill={props.primaryColor}
/>
<polygon
points="971.75 170.35 919.1 180.3 851.75 64.91 971.75 170.35"
opacity={0.1}
/>
<path
d="M972,298a4.09,4.09,0,0,0-4.34-3s1-7.86-15.2-4.69a4.13,4.13,0,0,0-6.41-1.3l-.69-3.65s-8.88,5.09.53,12.35l1.13,6a1.89,1.89,0,0,0,.14.44,1.9,1.9,0,0,1,.12.34c.43,1.75,3.59,15.62-3.59,20.36C936,330,931.6,314.13,931.6,314.13c-5-20.73-14.52-20.65-16.78-20.32-.27,0-.55.06-.83.08-1.06.06-4.35,1.24-5.61,13.19-1.51,14.34-7,10.76-7,10.76-12.31-6.71-21-.84-21-.84-21.36,12.56-3.2,36.12.55,40.59-1.41,7.11-4.26,19.64-7,20.16-3.88.73-11.14,14.35,8.52,35.53l5.23-1s-16.17-21.12-3.44-31.63a16.39,16.39,0,0,1-1,2.25c-7.13,12.19,17.13,26.88,17.13,26.88l5.82-1.1-13.44-16.93c-5.34-7,4.62-12.72,4.62-12.72,11.79-9.86,5.72-21.76,5.72-21.76l27.52-5.2c-3.4,7.52-8.4,26,8.22,50.34l3.88-.73-3.17-29.52s1-6.35,7.74-15.93c2.68,12,8.36,32.71,16.94,41.38l5.62-1.06s-6.85-19.65-7-27c-.07-3-.2-5.95-.47-8.91l-1.4-15.48a13.27,13.27,0,0,0,5.9-13.85l-5.17-26.86a2.83,2.83,0,0,1,2.4-3.34l6.63-.9A1.66,1.66,0,0,0,972,298Z"
transform="translate(-80.64 -166.74)"
fill="url(#4fdf35d1-beb9-483e-9710-c88615fbfe49)"
/>
<path
d="M945,347.36s6.22,37.06,18.39,49.34l5.52-1s-6.72-19.29-6.9-26.48c-.07-2.92-.19-5.84-.46-8.75l-2.26-25Z"
transform="translate(-80.64 -166.74)"
fill="#535461"
/>
<path
d="M945,347.36s6.22,37.06,18.39,49.34l5.52-1s-6.72-19.29-6.9-26.48c-.07-2.92-.19-5.84-.46-8.75l-2.26-25Z"
transform="translate(-80.64 -166.74)"
opacity={0.05}
/>
<path
d="M882.51,352.67s-4,23.81-7.78,24.53-10.94,14.09,8.37,34.88l5.14-1s-17.8-23.24-.87-32.75C887.36,378.36,890.31,358.48,882.51,352.67Z"
transform="translate(-80.64 -166.74)"
fill="#535461"
/>
<path
d="M882.51,352.67s-4,23.81-7.78,24.53-10.94,14.09,8.37,34.88l5.14-1s-17.8-23.24-.87-32.75C887.36,378.36,890.31,358.48,882.51,352.67Z"
transform="translate(-80.64 -166.74)"
opacity={0.05}
/>
<path
d="M946.53,304.56l-1.11-5.86c-9.23-7.12-.52-12.12-.52-12.12l1.19,6.28c21.87-6.3,20.7,3.18,20.7,3.18a4,4,0,0,1,4.26,2.91,1.63,1.63,0,0,1-1.32,2.16l-6.51.89a2.78,2.78,0,0,0-2.36,3.28l5.07,26.37a13.23,13.23,0,0,1-2.66,10.81c-1.88,2.31-4.89,4.39-9.69,5.15l-50.24,9.5s6,11.69-5.62,21.36c0,0-9.78,5.59-4.54,12.49l13.19,16.62-5.71,1.08s-23.81-14.42-16.81-26.39a23.93,23.93,0,0,0-1.61-24.14s-24.4-26.92-1.17-40.58c0,0,8.57-5.76,20.65.83,0,0,5.39,3.51,6.87-10.56,1.23-11.73,4.46-12.89,5.5-12.95.27,0,.54,0,.81-.08,2.22-.32,11.59-.4,16.48,19.95,0,0,4.32,15.54,11.85,10.57,7.05-4.65,4-18.27,3.53-20a1.87,1.87,0,0,0-.12-.33h0A1.86,1.86,0,0,1,946.53,304.56Z"
transform="translate(-80.64 -166.74)"
fill="#535461"
/>
<path
d="M932.35,348.37s-15.46,21.45,6.09,53l3.81-.72-3.11-29s1.84-12.17,18.53-28.14Z"
transform="translate(-80.64 -166.74)"
fill="#535461"
/>
<circle
cx={948.24}
cy={293.24}
r={4.07}
transform="translate(-118.61 14.47) rotate(-10.7)"
fill="#535461"
/>
<path
d="M931.09,319.94c4.7-7.15,1.9-7.62.08-9.5-1.24-1.28-11.66-1.77-18.15-1.95-.14-.5-.36-1.34-.62-2.36,0,0-.52-1.88-.76-3.2v0l.41,0-.06-.39,8-.43c6.83-.28,7.16-3,7.16-3,.16-4.67-7.55-.19-7.55-.19-1.53.75-5.59.19-8.76-.43a17.42,17.42,0,0,1-.15-2,15.13,15.13,0,0,0-.2-3.09,5,5,0,0,0-1-2.42,40.82,40.82,0,0,0-8.06-7.36,13.88,13.88,0,0,1,.48-5.25,6.37,6.37,0,0,0,3.36-6.79,6.15,6.15,0,0,0-.62-1.76c1.43-1.9.76-5.15-1.22-6.93a4.73,4.73,0,0,0-.68-.51,6.29,6.29,0,0,0-4.37-1,11.4,11.4,0,0,0-4.74,1.94c-1.69,1.12-3.33,2.54-5.35,2.76-1.46.16-3-.34-4.37.11-1.81.58-2.74,2.51-3.32,4.28s-1.14,3.72-2.71,4.78c-1.37.92-3.14.91-4.75,1.3a7,7,0,0,0-5.05,4.23,4.62,4.62,0,0,0,1.82,5.29,3.69,3.69,0,0,0,.86.47,7.37,7.37,0,0,1,1,.39.83.83,0,0,1,.33.55,1.77,1.77,0,0,1-.17.79,4.23,4.23,0,0,0,.29,3.37,2.17,2.17,0,0,0,.83.9,1.52,1.52,0,0,0,.33.21c1.17.51,2.62-.64,3.78-.12l.09,0a8.17,8.17,0,0,1,1.16,1.61,3.32,3.32,0,0,0,1,.84,4.9,4.9,0,0,0,3.45.74,12.17,12.17,0,0,0,4.29-1.72c1.77-1,3.7-2.39,3.84-4.37.08-1.21-.55-2.38-.4-3.58a3.29,3.29,0,0,1,.67-1.57,12.22,12.22,0,0,0-.21,3.08,16.36,16.36,0,0,0,.3,2.49,17.69,17.69,0,0,0,2.28,6.07,26.42,26.42,0,0,1,3.29,7.87,10.73,10.73,0,0,1,.06,3.72c-.64,3.58-.57,5.12-.39,5.77.11.88.4.89.4.89l.07,0a4.48,4.48,0,0,0,1.56,3.17c9.05,3.74,27.46-1.56,27.46-1.56-3.72,1.31-6.38,11.5-6.38,11.5a14.27,14.27,0,0,1-2.7,6.1v0c-2-.3-4.36,1.94-6.14,3.25l-.15.1a1.47,1.47,0,0,0-.26,2.2l7.08,7.76c4.08,2.89,6.43,3.08,7.09,2.26.43-.54.14-1.5-.86-2.43-2.42-2.25-2.07-9.55-2-10.17C922.87,334.15,927.14,325.95,931.09,319.94Z"
transform="translate(-80.64 -166.74)"
fill="url(#b418394e-431c-4cac-b4f6-a12c6fda49a2)"
/>
<path
d="M902.48,277.45s-2.06,4.73-.7,8.8l-7.67-4.07s2.44-.66,1.93-6.47Z"
transform="translate(-80.64 -166.74)"
fill="#f9d5c6"
/>
<path
d="M907.62,308.8s20.35.29,22.08,2.13,4.38,2.33,0,9.27-9.22,16.92-9.22,16.92l-5.18-2.37a13.73,13.73,0,0,0,3.57-7.18s2.46-9.93,6-11.18c0,0-17.37,5.06-26,1.36,0,0-2.3-1.73-1.23-5.48S907.62,308.8,907.62,308.8Z"
transform="translate(-80.64 -166.74)"
fill="#353535"
/>
<path
d="M896.32,282.36s-5.08-1.25-4.71,6.54a17.45,17.45,0,0,0,2.42,8c1.65,2.82,4,7.67,3.31,11.7-1,6.1,0,6.11,0,6.11l2.6-1.58a22.52,22.52,0,0,1,11.63-3.3h1.21s-2.44-8.76-2.49-12.64c0-1.84,0-3.55-1.11-5C905.71,287.71,898.75,282.35,896.32,282.36Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M896.25,282s-5.08-1.25-4.71,6.54a17.45,17.45,0,0,0,2.42,8c1.65,2.82,4,7.67,3.31,11.7-1,6.1,0,6.11,0,6.11l2.6-1.58a22.52,22.52,0,0,1,11.63-3.3h1.21s-2.44-8.76-2.49-12.64c0-1.84,0-3.55-1.11-5C905.64,287.33,898.68,282,896.25,282Z"
transform="translate(-80.64 -166.74)"
fill="#409cd6"
/>
<path
d="M894.36,288.24a3.66,3.66,0,0,1,6-1.36,9.16,9.16,0,0,1,1.84,2.84c2.41,5.46,4.24,8.86,4.24,8.86a29.12,29.12,0,0,1,4.57,1.06c.23,1.87.53,3.81.53,3.81l-6.49.32-8.89-10.54S893.45,291,894.36,288.24Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M894.28,287.85a3.66,3.66,0,0,1,6-1.36,9.16,9.16,0,0,1,1.84,2.84c2.41,5.46,4.24,8.86,4.24,8.86s9.77,2.69,12.29,1.42c0,0,7.26-4.33,7.14.23,0,0-.29,2.62-6.75,2.85l-14.06.69-8.89-10.54S893.38,290.57,894.28,287.85Z"
transform="translate(-80.64 -166.74)"
fill="#f9d5c6"
/>
<path
d="M895.45,278.28c.19-.91.62-.56.48-2.16l6.44,1.74a14.8,14.8,0,0,0-.66,2,6.93,6.93,0,0,1-2,.37C898.29,280.51,896.66,278.95,895.45,278.28Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<circle
cx={898.88}
cy={273.99}
r={6.2}
transform="translate(-115.89 4.97) rotate(-10.7)"
fill="#f9d5c6"
/>
<path
d="M901.41,272.56c-1.1.06-2.3-.29-3.23.29s-1.2,2.17-1,3.41.72,2.49.43,3.72c-.39,1.61-2,2.6-3.4,3.45s-3,2-3.15,3.62c-.13,1.17.47,2.32.4,3.5-.12,1.93-1.93,3.26-3.61,4.24a11.17,11.17,0,0,1-4,1.65A4.19,4.19,0,0,1,879.9,295c-.45-.62-.72-1.45-1.42-1.77-1.1-.52-2.47.6-3.57.1a2,2,0,0,1-.88-.93,4.25,4.25,0,0,1-.29-3.28,1.76,1.76,0,0,0,.15-.77c-.09-.63-.86-.84-1.46-1.07a4.51,4.51,0,0,1-2.34-5.47,6.55,6.55,0,0,1,4.75-4.1c1.52-.38,3.2-.36,4.48-1.24,1.48-1,2-2.93,2.53-4.65s1.4-3.6,3.11-4.15c1.32-.43,2.75.06,4.13-.08,1.91-.2,3.45-1.58,5-2.66a10.46,10.46,0,0,1,4.47-1.87,5.67,5.67,0,0,1,4.56,1.3C905.88,266.87,906.05,272.31,901.41,272.56Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M901.18,272.41c-1.1.06-2.3-.29-3.23.29s-1.2,2.17-1,3.41.72,2.49.43,3.72c-.39,1.61-2,2.6-3.4,3.45s-3,2-3.15,3.62c-.13,1.17.47,2.32.4,3.5-.12,1.93-1.93,3.26-3.61,4.24a11.17,11.17,0,0,1-4,1.65,4.19,4.19,0,0,1-3.94-1.42c-.45-.62-.72-1.45-1.42-1.77-1.1-.52-2.47.6-3.57.1a2,2,0,0,1-.88-.93,4.25,4.25,0,0,1-.29-3.28,1.76,1.76,0,0,0,.15-.77c-.09-.63-.86-.84-1.46-1.07a4.51,4.51,0,0,1-2.34-5.47,6.55,6.55,0,0,1,4.75-4.1c1.52-.38,3.2-.36,4.48-1.24,1.48-1,2-2.93,2.53-4.65s1.4-3.6,3.11-4.15c1.32-.43,2.75.06,4.13-.08,1.91-.2,3.45-1.58,5-2.66a10.46,10.46,0,0,1,4.47-1.87,5.67,5.67,0,0,1,4.56,1.3C905.65,266.72,905.82,272.15,901.18,272.41Z"
transform="translate(-80.64 -166.74)"
fill="#2f302f"
/>
<path
d="M903,288.09s-8,.52-7.32,6.11-2.78-6.37-2.78-6.37l3.11-3.35,4.44.54Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M902.79,287.93s-8,.52-7.32,6.11-2.78-6.37-2.78-6.37l3.11-3.35,4.44.54Z"
transform="translate(-80.64 -166.74)"
fill="#409cd6"
/>
<path
d="M910.17,338.85l6.74,7.61c3.88,2.84,6.1,3,6.72,2.25.4-.52.12-1.46-.83-2.37-2.41-2.3-2-10-2-10a4.7,4.7,0,0,1-4.49-2.9c-1.91-.3-4.11,1.87-5.79,3.13l-.14.1A1.46,1.46,0,0,0,910.17,338.85Z"
transform="translate(-80.64 -166.74)"
fill="#409cd6"
/>
<path
d="M920.81,336.36s-3.84.53-4.49-2.9A4.82,4.82,0,0,0,920.81,336.36Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M910.17,338.85l6.74,7.61c3.88,2.84,6.1,3,6.72,2.25-1.94-.6-7.43-3-13.09-12.11l-.14.1A1.46,1.46,0,0,0,910.17,338.85Z"
transform="translate(-80.64 -166.74)"
opacity={0.1}
/>
<path
d="M799.83,398.41S782,414.35,822.63,426c0,0,5.3-16.72-6.07-27.38a12.4,12.4,0,0,0-16.46-.48Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M800,398.11S819.73,408,822.63,426"
transform="translate(-80.64 -166.74)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M821.51,426.17s-10.35-20.22-5.84-37.39A34.41,34.41,0,0,0,814.39,367a57.87,57.87,0,0,0-4.89-9.39"
transform="translate(-80.64 -166.74)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M812.28,346.82c.5,2.62-2.82,11.13-2.82,11.13s-6.19-6.71-6.68-9.33a4.83,4.83,0,1,1,9.5-1.8Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M822.88,359.87c-1,2.47-8.41,7.81-8.41,7.81s-1.55-9-.54-11.47a4.83,4.83,0,1,1,9,3.66Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M827.23,384.77c-2.12,1.62-11.21,2.5-11.21,2.5s3.21-8.55,5.32-10.17a4.83,4.83,0,0,1,5.88,7.67Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M826.28,404.35c-1.81,2-10.62,4.35-10.62,4.35s1.71-9,3.53-10.92a4.83,4.83,0,1,1,7.09,6.57Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M804.59,370.07c2.23,1.47,11.35,1.71,11.35,1.71s-3.79-8.3-6-9.78a4.83,4.83,0,1,0-5.33,8.07Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M803.77,393c2.57.74,11.34-1.77,11.34-1.77s-6.1-6.79-8.67-7.53a4.83,4.83,0,1,0-2.67,9.29Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M806,415.37c2.4,1.16,11.48.18,11.48.18s-4.87-7.72-7.27-8.88a4.83,4.83,0,0,0-4.21,8.71Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M812.28,346.82c.5,2.62-2.82,11.13-2.82,11.13s-6.19-6.71-6.68-9.33a4.83,4.83,0,1,1,9.5-1.8Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M822.88,359.87c-1,2.47-8.41,7.81-8.41,7.81s-1.55-9-.54-11.47a4.83,4.83,0,1,1,9,3.66Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M827.23,384.77c-2.12,1.62-11.21,2.5-11.21,2.5s3.21-8.55,5.32-10.17a4.83,4.83,0,0,1,5.88,7.67Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M826.28,404.35c-1.81,2-10.62,4.35-10.62,4.35s1.71-9,3.53-10.92a4.83,4.83,0,1,1,7.09,6.57Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M804.59,370.07c2.23,1.47,11.35,1.71,11.35,1.71s-3.79-8.3-6-9.78a4.83,4.83,0,1,0-5.33,8.07Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M803.77,393c2.57.74,11.34-1.77,11.34-1.77s-6.1-6.79-8.67-7.53a4.83,4.83,0,1,0-2.67,9.29Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M806,415.37c2.4,1.16,11.48.18,11.48.18s-4.87-7.72-7.27-8.88a4.83,4.83,0,0,0-4.21,8.71Z"
transform="translate(-80.64 -166.74)"
opacity={0.25}
/>
<path
d="M841,430s-10.35-20.22-5.84-37.39a34.41,34.41,0,0,0-1.27-21.73,57.87,57.87,0,0,0-4.89-9.39"
transform="translate(-80.64 -166.74)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M831.81,350.64c.5,2.62-2.82,11.13-2.82,11.13s-6.19-6.71-6.68-9.33a4.83,4.83,0,0,1,9.5-1.8Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M842.41,363.69c-1,2.47-8.41,7.81-8.41,7.81s-1.55-9-.54-11.47a4.83,4.83,0,0,1,9,3.66Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M846.76,388.59c-2.12,1.62-11.21,2.5-11.21,2.5s3.21-8.55,5.32-10.17a4.83,4.83,0,0,1,5.88,7.67Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M845.81,408.17c-1.81,2-10.62,4.35-10.62,4.35s1.71-9,3.53-10.92a4.83,4.83,0,0,1,7.09,6.57Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M824.12,373.89c2.23,1.47,11.35,1.71,11.35,1.71s-3.79-8.3-6-9.78a4.83,4.83,0,0,0-5.33,8.07Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M823.3,396.81c2.57.74,11.34-1.77,11.34-1.77s-6.1-6.79-8.67-7.53a4.83,4.83,0,0,0-2.67,9.29Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M825.56,419.19c2.4,1.16,11.48.18,11.48.18s-4.87-7.72-7.27-8.88a4.83,4.83,0,1,0-4.21,8.71Z"
transform="translate(-80.64 -166.74)"
fill={props.primaryColor}
/>
<path
d="M882.32,245.2l-1.76.33a1.25,1.25,0,0,0-.47-2.46l-14.25,2.69a1.25,1.25,0,0,0,.47,2.46l1.76-.33a1.25,1.25,0,1,0,.47,2.46l-2.46.47a1.25,1.25,0,0,0,.47,2.46l14.25-2.69a1.25,1.25,0,1,0-.47-2.46l2.46-.47a1.25,1.25,0,1,0-.47-2.46Z"
transform="translate(-80.64 -166.74)"
fill="#252223"
opacity={0.1}
/>
<path
d="M856.51,269.67l-1.76.33a1.25,1.25,0,1,0-.47-2.46L840,270.23a1.25,1.25,0,0,0,.47,2.46l1.76-.33a1.25,1.25,0,1,0,.47,2.46l-2.46.47a1.25,1.25,0,1,0,.47,2.46L855,275.06a1.25,1.25,0,1,0-.47-2.46l2.46-.47a1.25,1.25,0,1,0-.47-2.46Z"
transform="translate(-80.64 -166.74)"
fill="#252223"
opacity={0.1}
/>
<path
d="M1002.28,238.41l-1.76.33a1.25,1.25,0,1,0-.47-2.46L985.81,239a1.25,1.25,0,0,0,.47,2.46l1.76-.33a1.25,1.25,0,1,0,.47,2.46L986,244a1.25,1.25,0,0,0,.47,2.46l14.25-2.69a1.25,1.25,0,1,0-.47-2.46l2.46-.47a1.25,1.25,0,1,0-.47-2.46Z"
transform="translate(-80.64 -166.74)"
fill="#252223"
opacity={0.1}
/>
<circle
cx={811.95}
cy={269.5}
r={13.27}
transform="translate(-116.57 -11.25) rotate(-10.7)"
fill={props.primaryColor}
opacity={0.3}
/>
<path
d="M891.12,338.19s6.67,5.89,9.78,11.12,2.12,7,2.12,7"
transform="translate(-80.64 -166.74)"
opacity={0.05}
/>
</g>
</svg>
);
UndrawVirtualReality.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawVirtualReality.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawVirtualReality;