react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
529 lines (524 loc) • 21.7 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawPresentation = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="70bc9a54-533b-4fb2-a197-106dbe5fa817"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 906 685.39"
>
<defs>
<linearGradient
id="22aa65bd-65ab-418c-a15c-a00f3e9801bd"
x1={345.27}
y1={402.37}
x2={345.27}
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="cc81f1ad-7efd-444f-bc74-8b8c6005eec0"
x1={24.7}
y1={22.44}
x2={24.7}
y2={10.76}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="881f6d18-8f4a-4eef-9ca4-ef97b3b54880"
x1={37.98}
y1={22.44}
x2={37.98}
y2={10.76}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="daab7993-55ac-43d8-971f-9f093f12c76a"
x1={51.26}
y1={22.44}
x2={51.26}
y2={10.76}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="3db84c7e-72d6-431b-89bf-07d2e233064a"
x1={352.54}
y1={251.95}
x2={352.54}
y2={55.93}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="1d2ab5a8-c2ff-4085-99b2-2f6cff9f7efa"
x1={234.93}
y1={165.29}
x2={234.93}
y2={144.65}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="13b14972-9ed9-4730-8b32-d45e2fdfc7fa"
x1={286.51}
y1={132.27}
x2={286.51}
y2={111.64}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="7f92748e-314d-4a1d-91a9-7c53c6f0a2e7"
x1={349.25}
y1={103.14}
x2={349.25}
y2={82.51}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="a279c147-c31b-41c1-83de-028518765829"
x1={406.19}
y1={165.29}
x2={406.19}
y2={144.65}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="8ecd47ea-0d2b-475d-b0f0-2840718efdb9"
x1={466.02}
y1={136.4}
x2={466.02}
y2={115.77}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="95c9ea7c-3a69-4f8f-a198-8962e888d0cc"
x1={352.54}
y1={287.5}
x2={352.54}
y2={274.78}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="417b2483-9917-40de-ae86-2013b3edd3f0"
x1={352.54}
y1={305.68}
x2={352.54}
y2={292.96}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="82c27f3e-a5b3-4422-9771-0c159463b281"
x1={352.54}
y1={323.85}
x2={352.54}
y2={311.13}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="ab153b16-7d80-4d66-a16c-92ab88bc9499"
x1={352.54}
y1={342.02}
x2={352.54}
y2={329.3}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
<linearGradient
id="a33b3803-b9bd-4443-a4be-ac161d8bdfd2"
x1={853.28}
y1={792.7}
x2={853.28}
y2={246.48}
xlinkHref="#22aa65bd-65ab-418c-a15c-a00f3e9801bd"
/>
</defs>
<title>presentation1</title>
<rect
width={690.54}
height={402.37}
fill="url(#22aa65bd-65ab-418c-a15c-a00f3e9801bd)"
/>
<rect x={9.3} y={6.64} width={673.28} height={20.58} fill="#f5f5f5" />
<rect x={9.3} y={27.22} width={673.28} height={364.53} fill="#fff" />
<circle
cx={24.7}
cy={16.6}
r={5.84}
fill="url(#cc81f1ad-7efd-444f-bc74-8b8c6005eec0)"
/>
<circle
cx={37.98}
cy={16.6}
r={5.84}
fill="url(#881f6d18-8f4a-4eef-9ca4-ef97b3b54880)"
/>
<circle
cx={51.26}
cy={16.6}
r={5.84}
fill="url(#daab7993-55ac-43d8-971f-9f093f12c76a)"
/>
<circle cx={24.7} cy={16.6} r={4.78} fill="#ff5252" />
<circle cx={37.85} cy={16.6} r={4.78} fill="#ff0" />
<circle cx={50.99} cy={16.6} r={4.78} fill="#69f0ae" />
<rect
x={154.46}
y={55.93}
width={396.15}
height={196.01}
fill="url(#3db84c7e-72d6-431b-89bf-07d2e233064a)"
/>
<rect x={158.59} y={60.06} width={387.9} height={185.7} fill={props.primaryColor} />
<line
x1={179.22}
y1={84.82}
x2={179.22}
y2={218.93}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeLinejoin="round"
strokeDasharray="0 4"
/>
<line
x1={178.19}
y1={228.22}
x2={520.7}
y2={228.22}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeLinejoin="round"
/>
<line
x1={217.39}
y1={92.04}
x2={483.56}
y2={92.04}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeLinejoin="round"
opacity={0.3}
/>
<line
x1={217.39}
y1={122.99}
x2={483.56}
y2={122.99}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeLinejoin="round"
opacity={0.3}
/>
<line
x1={217.39}
y1={153.94}
x2={483.56}
y2={153.94}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeLinejoin="round"
opacity={0.3}
/>
<line
x1={217.39}
y1={184.89}
x2={483.56}
y2={184.89}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeLinejoin="round"
opacity={0.3}
/>
<path
d="M381.93,335.52V261.24s-6.19-32,56.74-30.95c57.23-8.12,57.23-31.74,57.23-31.74s52.64-5.73,55.31,50.28a30.5,30.5,0,0,0,12.63,23.49c21.69,15.29,40.52-15.18,49.18-42V335.52Z"
transform="translate(-147 -107.3)"
fill="#fff"
opacity={0.2}
/>
<circle cx={286.51} cy={121.96} r={8.25} fill={props.primaryColor} />
<circle cx={286.51} cy={121.96} r={8.25} fill="#fff" opacity={0.5} />
<circle
cx={234.93}
cy={154.97}
r={10.32}
fill="url(#1d2ab5a8-c2ff-4085-99b2-2f6cff9f7efa)"
/>
<circle
cx={286.51}
cy={121.96}
r={10.32}
fill="url(#13b14972-9ed9-4730-8b32-d45e2fdfc7fa)"
/>
<circle
cx={349.25}
cy={92.83}
r={10.32}
fill="url(#7f92748e-314d-4a1d-91a9-7c53c6f0a2e7)"
/>
<circle
cx={406.19}
cy={154.97}
r={10.32}
fill="url(#a279c147-c31b-41c1-83de-028518765829)"
/>
<circle
cx={466.02}
cy={126.08}
r={10.32}
fill="url(#8ecd47ea-0d2b-475d-b0f0-2840718efdb9)"
/>
<circle cx={234.93} cy={154.97} r={8.25} fill={props.primaryColor} />
<circle cx={234.93} cy={154.97} r={8.25} opacity={0.2} />
<circle cx={349.25} cy={92.83} r={8.25} fill={props.primaryColor} />
<circle cx={349.25} cy={92.83} r={8.25} opacity={0.2} />
<circle cx={406.19} cy={154.97} r={8.25} fill={props.primaryColor} />
<circle cx={406.19} cy={154.97} r={8.25} fill="#fff" opacity={0.5} />
<circle cx={466.02} cy={126.08} r={8.25} fill={props.primaryColor} />
<circle cx={466.02} cy={126.08} r={8.25} opacity={0.2} />
<rect
x={156.28}
y={274.78}
width={392.52}
height={12.72}
fill="url(#95c9ea7c-3a69-4f8f-a198-8962e888d0cc)"
/>
<rect
x={156.28}
y={292.96}
width={392.52}
height={12.72}
fill="url(#417b2483-9917-40de-ae86-2013b3edd3f0)"
/>
<rect
x={156.28}
y={311.13}
width={392.52}
height={12.72}
fill="url(#82c27f3e-a5b3-4422-9771-0c159463b281)"
/>
<rect
x={156.28}
y={329.3}
width={392.52}
height={12.72}
fill="url(#ab153b16-7d80-4d66-a16c-92ab88bc9499)"
/>
<rect x={158.1} y={276.6} width={388.88} height={9.09} fill="#e0e0e0" />
<rect x={158.1} y={294.77} width={388.88} height={9.09} fill="#e0e0e0" />
<rect x={158.1} y={312.95} width={388.88} height={9.09} fill="#e0e0e0" />
<rect x={158.1} y={331.12} width={388.88} height={9.09} fill="#e0e0e0" />
<path
d="M1042.51,584.93l-3.5-25.63-8.16-22.14-22.14-82.72-.21.09h0l-.14.06a6.84,6.84,0,0,0,0-3.92c-2.27-11.69-6.48-22.92-11.1-33.89-4.11-9.75-8.62-19.44-15-27.88l-.94-1.22c1.47.7,2.94,1.38,4.43,2s3.23,1.4,4.77,2.24l.76.44c.5.3,1,.62,1.44,1q.34.25.67.52a12,12,0,0,1,1.22,1.15q.28.31.53.64a8.87,8.87,0,0,1,1.25,2.18,9.47,9.47,0,0,1,.28.91,18.07,18.07,0,0,1,.41,1.77c.16.91.29,1.83.52,2.72,1.2,4.71,5.45,7.84,10.15,8.84a15.81,15.81,0,0,0,1.78.27,15.33,15.33,0,0,0,1.79.06,13.13,13.13,0,0,0,5.92-1.49,10.68,10.68,0,0,0,3.37-2.82c3.83-4.89,3.8-11.85,7.06-17.14,1.69-2.73,4.19-4.9,5.7-7.73,4.62-8.69-1.65-18.84-4-28.39-2.44-10-.44-20.39-.74-30.63-.63-21.23-11.6-41.55-27.84-55.25s-37.34-21-58.55-22.29c-12.9-.78-26.75,1-37.42,7.81h0c-.73.47-1.44,1-2.14,1.48l-.63.48q-.77.59-1.51,1.22l-.6.52c-.66.59-1.31,1.2-1.93,1.84a43.1,43.1,0,0,0-4.39,5.39c-4.39,6.3-7.47,13.59-11.46,20.22q-.46.76-1,1.52l-.34.51-.66,1-.45.63-.61.83-.52.68-.59.75-.57.69-.59.69-.62.69-.6.63-.66.68-.62.59c-.23.22-.45.44-.69.65a27,27,0,0,1-8.83,5.5c-.43.15-.86.29-1.29.42l-.33.09q-.55.15-1.12.28l-.72.13-.85.14c-.55.07-1.11.13-1.68.15.15,3,3.85,3.41,7.09,2.63a12.4,12.4,0,0,0,2.26-.77c1.59-.73,3.66-1.89,6-3.23l1-.58,2.13-1.21,1.1-.62,2.26-1.25c1.14-.63,2.31-1.25,3.47-1.84l.38-.19a28.78,28.78,0,0,0,9.89,42.52v8.94H891.4a11.93,11.93,0,0,0-7.29,2.48c-1.81.73-4,1.65-6.22,2.77-.72.36-1.46.73-2.2,1.12l-1.12.6c-.75.41-1.49.84-2.23,1.29-1.48.9-2.95,1.87-4.33,2.91a32.11,32.11,0,0,0-5.51,5.13h0a9.86,9.86,0,0,1-1,1c-.12.11-.25.2-.37.3s-.46.37-.7.54l-.49.31c-.22.13-.43.26-.66.37l-.58.28-.62.25c-.23.09-.45.17-.68.25l-.51.15a19.37,19.37,0,0,1-3.43.62h0c-4.23.39-9-.22-13.27-.38h0c-.65,0-1.29,0-1.91,0h0c-14.45.06-29.18.34-43.64.41L723.82,366h0l-2.29-.05h-1.17v-.58H655.11c-2.85,1.9-1.06,3.8-.29,4.43a4.74,4.74,0,0,0,.88.81L672,374l-1.22,2-.83-.18-2,3.39c1,1.2,1.93,2.23,2.84,3.15,14.59,15.4,19.88-2.57,19.88-2.57l30.29,3.5,37.57,5.53,37,5.53v-.08c1.12.51,2.62.34,4,.68,14.13,3.44,28.62,3.32,43.15,3.45l2.91,0,1.82,0a27.54,27.54,0,0,1,4.59.52,14.88,14.88,0,0,1,1.72.47,8,8,0,0,1,4.61,3.58,13.17,13.17,0,0,1,1.24,4.76l2.52,19.26c.18,1.38.36,2.78.44,4.18,0,.52.05,1,.06,1.55a15.25,15.25,0,0,1-.89,5.57,15.08,15.08,0,0,1-1.56,2.95c-.41.62-.86,1.22-1.31,1.82s-.93,1.18-1.39,1.78l-.68.89a40.47,40.47,0,0,0-4.57,7.77q-.46,1-.87,2.09a42.49,42.49,0,0,0-2.75,17.73q.07,1.13.2,2.25a39.81,39.81,0,0,0,.77,4.45,13.44,13.44,0,0,0,.49,1.66,5.41,5.41,0,0,0,1,1.71c0,.05.08.12.13.17h0a4.2,4.2,0,0,0,.8.62,4.91,4.91,0,0,0,.57.3,6.5,6.5,0,0,0,1.18.4,11.15,11.15,0,0,0,1.49.23l.65,0h-.32L849.1,594.25s-10.49,8.16-1.17,14h1.13L838.62,764.94s-7,7-29.13,0c-4.32-1.36-6.06-.64-5.84,1.28-.79,6.05,25.94,29.57,50,26.14a14.14,14.14,0,0,0,11.88-11.89l24.72-172.58c1-1,3.43-4.21-.38-9L901.53,508l8.16,90.88s-7.7,2.2-1.72,8.74h0s-15.15,23.3,73.4,142.14c0,0,7,7-3.5,21,0,0-11.65,0-9.32,9.32H969c0,.19.07.38.12.58h21s19.81-23.3,18.64-29.13-60.59-128.16-60.59-128.16V608.23h3.5s4.66-2.33,0-9.32L950,490.31a6.15,6.15,0,0,0-1.16-3.51,70.58,70.58,0,0,0-2.09-49.11c-2-4.8-4.65-9.46-5.44-14.62s.75-11.14,5.26-13.75l27.69,57.81.07.13a4.84,4.84,0,0,0,.87,1.36,2.14,2.14,0,0,0,.46.35,2,2,0,0,0,.67.22l.13,0,32.29,77.28,12.82,24.47,3.5,29.13,12.82,12.82h.09l.54,0h0l.4-.06h0c1-.2,2.44-.73,2.44-2.22,0,0,3.5-1.17,3.5-3.5,0,0,4.66-1.17,4.66-3.5a3.42,3.42,0,0,0,3.5-3.5ZM920.18,338.3a28,28,0,0,0,5-3.27,48.34,48.34,0,0,0,5.38,9.93c.93,1.35,1.9,2.67,2.89,4,.4.51.81,1,1.21,1.52-1.08-.33-2.16-.62-3.23-.85l-.33-.06-1-.19a11.94,11.94,0,0,0-6.77-2.1h-3.15Z"
transform="translate(-147 -107.3)"
fill="url(#a33b3803-b9bd-4443-a4be-ac161d8bdfd2)"
/>
<path
d="M855.42,486.71l-6.15,104.48,39.11,4.47,11.17-87.16,7.82,87.16H947.6L946,491.51a5.93,5.93,0,0,0-6-5.84Z"
transform="translate(-147 -107.3)"
fill={props.primaryColor}
/>
<g opacity={0.2}>
<path
d="M859.89,488.95l84.6-1,.23,0a5.89,5.89,0,0,0-4.7-2.25l-84.6,1-6.15,104.48,4.57.52Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
<polygon
points="753.12 401.76 754.51 423.02 760.38 488.35 764.65 488.35 753.12 401.76"
fill="#fff"
/>
</g>
<path
d="M906.26,604.6s-14.53,22.35,70.4,136.32c0,0,6.7,6.7-3.35,20.11,0,0-11.17,0-8.94,8.94h20.11s19-22.35,17.88-27.93-58.1-122.91-58.1-122.91V604.6Z"
transform="translate(-147 -107.3)"
fill="#263238"
/>
<path
d="M977.21,760.47c10.06-13.41,3.35-20.11,3.35-20.11-84.92-114-70.4-136.32-70.4-136.32H905.7s-14.53,22.35,70.4,136.32c0,0,6.7,6.7-3.35,20.11,0,0-11.17,0-8.94,8.94h4.47C966,760.47,977.21,760.47,977.21,760.47Z"
transform="translate(-147 -107.3)"
fill="#fff"
opacity={0.2}
/>
<path
d="M849.27,604.6,839.22,755.44s-6.7,6.7-27.93,0c-18.94-6,13.68,29.82,42.36,25.73a13.56,13.56,0,0,0,11.4-11.4l23.9-166.86Z"
transform="translate(-147 -107.3)"
fill="#263238"
/>
<path
d="M815.75,759.36c21.23,6.7,27.93,0,27.93,0L854.3,604h-5L839.22,754.89s-6.7,6.7-27.93,0c-9-2.83-6.37,3.7,1.88,10.92C808.8,760.68,808.72,757.13,815.75,759.36Z"
transform="translate(-147 -107.3)"
fill="#fff"
opacity={0.2}
/>
<rect
x={731.33}
y={247}
width={53.63}
height={44.7}
rx={12}
ry={12}
fill={props.primaryColor}
/>
<circle cx={758.14} cy={214.6} r={26.82} fill="#ffbec5" />
<path
d="M754,229.68h8.25a8.17,8.17,0,0,1,8.17,8.17v11.56a11,11,0,0,1-11,11h-2.58a11,11,0,0,1-11-11V237.85A8.17,8.17,0,0,1,754,229.68Z"
fill="#ffbec5"
/>
<polygon
points="579.36 264.88 650.32 266.55 651.43 292.25 579.36 281.64 579.36 264.88"
fill={props.primaryColor}
/>
<path
d="M663.79,372.18h62.57v16.76l-29.05-3.35s-5.59,19-21.23,0l3.35-5.59-15.64-3.35S660.44,374.42,663.79,372.18Z"
transform="translate(-147 -107.3)"
fill="#ffbec5"
/>
<polygon
points="824.07 363.21 855.36 438.07 876.59 429.13 855.36 349.8 824.07 363.21"
fill={props.primaryColor}
/>
<path
d="M1002.36,545.38l12.29,23.47,3.35,27.93,12.29,12.29s3.35,0,3.35-2.23c0,0,3.35-1.12,3.35-3.35,0,0,4.47-1.12,4.47-3.35a3.28,3.28,0,0,0,3.35-3.35l-10.06-14.53-3.35-24.58-7.82-21.23Z"
transform="translate(-147 -107.3)"
fill="#ffbec5"
/>
<path
d="M849.27,591.19s-10.06,7.82-1.12,13.41h40.23s4.47-3.35,0-8.94Z"
transform="translate(-147 -107.3)"
fill={props.primaryColor}
/>
<path
d="M907.38,595.66s-7.82,2.23-1.12,8.94H947.6s4.47-2.23,0-8.94Z"
transform="translate(-147 -107.3)"
fill={props.primaryColor}
/>
<path
d="M849.27,591.19s-10.06,7.82-1.12,13.41h40.23s4.47-3.35,0-8.94Z"
transform="translate(-147 -107.3)"
opacity={0.2}
/>
<path
d="M907.38,595.66s-7.82,2.23-1.12,8.94H947.6s4.47-2.23,0-8.94Z"
transform="translate(-147 -107.3)"
opacity={0.2}
/>
<polygon
points="582.12 281.64 582.12 264.93 579.92 264.88 579.92 281.64 650.88 292.25 650.86 291.92 582.12 281.64"
opacity={0.2}
/>
<polygon
points="855.36 349.8 855.16 349.88 875.47 425.78 854.24 434.72 824.31 363.1 824.07 363.21 855.36 438.07 876.59 429.13 855.36 349.8"
opacity={0.2}
/>
<path
d="M883.35,321.34a26.82,26.82,0,0,1,24-26.67,27.11,27.11,0,0,0-2.79-.14,26.82,26.82,0,1,0,0,53.63,27.11,27.11,0,0,0,2.79-.14A26.82,26.82,0,0,1,883.35,321.34Z"
transform="translate(-147 -107.3)"
fill="#fff"
opacity={0.2}
/>
<g opacity={0.2}>
<path
d="M666.58,375H725.8v-3.35H663.23c-3.35,2.23,0,4.47,0,4.47l2,.42A3.27,3.27,0,0,1,666.58,375Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
<path
d="M678.87,388.38l3.35-5.59-4.75-1-2,3.25a38.66,38.66,0,0,0,4.52,4.71C679.66,389.31,679.27,388.87,678.87,388.38Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
</g>
<path
d="M890.23,380.22c8.1,4.63,17.87,5.25,27.19,4.79a14.5,14.5,0,0,0,6.38-1.35c5.57-3.08,2.09-21.43.9-27.68,19.3,2.1,40.62,22.79,52.33,38.27,6.12,8.09,10.45,17.39,14.39,26.74,4.44,10.52,8.47,21.29,10.65,32.5a6.38,6.38,0,0,1-.08,3.86c-.66,1.45-2.26,2.2-3.72,2.84l-24.41,10.51c-1,.44-2.25.88-3.23.33a3.71,3.71,0,0,1-1.34-1.76l-26.56-55.44c-4.33,2.51-5.81,8.24-5,13.19s3.26,9.42,5.22,14a67.68,67.68,0,0,1,1.87,47.54q-44.12-.14-88.22-1.83c-1.89-.07-4-.23-5.31-1.58a6.94,6.94,0,0,1-1.54-3.39,40.31,40.31,0,0,1,6.91-32.88c1.72-2.29,3.72-4.45,4.74-7.13,1.3-3.41.85-7.21.37-10.84l-2.41-18.48a12.63,12.63,0,0,0-1.19-4.57c-2.21-4-7.66-4.37-12.22-4.42-14.87-.18-29.72.18-44.17-3.34-1.87-.45-3.91.06-4.92-1.58a7.65,7.65,0,0,1-.73-4.28c.14-5.76,0-14.66.13-20.42,14.14-.06,28.56-.34,42.7-.4,7.89,0,18.19,2.58,23.21-3.51,7.83-9.49,25.71-15.08,25.71-15.08S883.34,376.29,890.23,380.22Z"
transform="translate(-147 -107.3)"
fill="#00695c"
/>
<line
x1={758.14}
y1={277.45}
x2={756.55}
y2={378.29}
fill="none"
stroke="#fff"
strokeMiterlimit={10}
strokeWidth={2}
/>
<g opacity={0.2}>
<path
d="M924.13,385a14.5,14.5,0,0,0,6.38-1.35c5.17-2.86,2.54-18.89,1.18-26.17a36.23,36.23,0,0,0-7-1.52c1.19,6.25,4.67,24.6-.9,27.68a14.5,14.5,0,0,1-6.38,1.35l-1.33.05C918.78,385.18,921.47,385.15,924.13,385Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
<path
d="M868.82,369.94c4.59-5.57,12.64-9.79,18.51-12.33.27-1.69.49-2.75.49-2.75s-17.88,5.59-25.71,15.08c-2.13,2.58-5.21,3.59-8.65,3.91C859.42,374.2,865.37,374.13,868.82,369.94Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
<path
d="M976,469.26l-26.56-55.44A10.05,10.05,0,0,0,945.2,419l24.08,50.28a3.71,3.71,0,0,0,1.34,1.76c1,.55,2.19.11,3.23-.33l2.35-1Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
<path
d="M863.25,486.75c-1.89-.07-4-.23-5.31-1.58a6.94,6.94,0,0,1-1.54-3.39,40.31,40.31,0,0,1,6.91-32.88c1.72-2.29,3.72-4.45,4.74-7.13,1.3-3.41.85-7.21.37-10.84L866,412.46a12.64,12.64,0,0,0-1.19-4.57c-2.21-4-7.66-4.37-12.22-4.42-14.87-.18-29.72.18-44.17-3.34-1.87-.45-3.91.06-4.92-1.58a7.65,7.65,0,0,1-.73-4.28c.14-5.76,0-14.66.13-20.42,12.53-.05,25.26-.27,37.84-.37-.62,0-1.24,0-1.84,0-14.14.06-28.56.34-42.7.4-.14,5.76,0,14.66-.13,20.42a7.65,7.65,0,0,0,.73,4.28c1,1.63,3.06,1.12,4.92,1.58,14.45,3.51,29.3,3.15,44.17,3.34,4.55.06,10,.45,12.22,4.42a12.64,12.64,0,0,1,1.19,4.57l2.41,18.48c.47,3.62.93,7.42-.37,10.84-1,2.68-3,4.84-4.74,7.13a40.31,40.31,0,0,0-6.91,32.88,6.94,6.94,0,0,0,1.54,3.39c1.33,1.35,3.42,1.51,5.31,1.58q44.09,1.69,88.22,1.83l0-.05Q904,488.29,863.25,486.75Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
</g>
<path
d="M911.66,318.23c1.32.41,2.76.29,4.08.7,5.24,1.66,4.49,9.08,4.6,14.57.16,8.3,4.73,15.84,9.79,22.41A127.94,127.94,0,0,0,980.38,395c4,1.75,8.59,3.69,10.2,7.79a42.21,42.21,0,0,1,1.16,5.17c2.3,9,16.31,12,22.07,4.66,3.68-4.69,3.64-11.37,6.77-16.43,1.62-2.61,4-4.7,5.46-7.41,4.43-8.33-1.58-18.06-3.83-27.23-2.34-9.54-.42-19.55-.71-29.37-.61-20.36-11.13-39.85-26.7-53S959,259.06,938.66,257.83c-15.22-.92-31.81,1.86-42.42,12.81-6.72,6.94-10.22,16.29-15.2,24.56s-12.67,16.15-22.32,16.54c.18,3.62,5.67,3.3,9,1.78,7-3.22,23.45-14.94,31.28-12.61S904.1,315.4,911.66,318.23Z"
transform="translate(-147 -107.3)"
fill="#5d4037"
/>
<g opacity={0.2}>
<path
d="M885.51,291.85c5-8.28,8.48-17.62,15.2-24.56q1-1,2.07-2a36.23,36.23,0,0,0-6.54,5.32c-6.72,6.94-10.22,16.29-15.2,24.56a45,45,0,0,1-8.11,10.11C878.09,302.19,882.35,297.1,885.51,291.85Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
<path
d="M996.21,404.63a42.24,42.24,0,0,0-1.16-5.17c-1.61-4.09-6.16-6-10.2-7.79a128,128,0,0,1-50.25-39.11c-5.06-6.57-9.64-14.12-9.79-22.41-.1-5.49.64-12.91-4.6-14.57-1.32-.42-2.76-.29-4.08-.7-7.56-2.84-4.76-15-12.69-17.32s-24.31,9.39-31.28,12.61c-2.35,1.09-5.83,1.55-7.68.41a19,19,0,0,1-5.75,1.16c.18,3.62,5.67,3.3,9,1.78,7-3.22,23.45-14.94,31.28-12.61s5.13,14.48,12.69,17.32c1.32.41,2.76.29,4.08.7,5.24,1.66,4.49,9.08,4.6,14.57.16,8.3,4.73,15.84,9.79,22.41A128,128,0,0,0,980.38,395c4,1.75,8.59,3.69,10.2,7.79a42.24,42.24,0,0,1,1.16,5.17c2.3,9,16.31,12,22.07,4.66l.08-.12C1007.29,415.17,998,411.83,996.21,404.63Z"
transform="translate(-147 -107.3)"
fill="#fff"
/>
</g>
<path
d="M1019.12,596.78l-3.35-27.93-12.29-23.47,20.26-8.53-.15-.41-21.23,8.94,12.29,23.47,3.35,27.93,12.29,12.29a6.1,6.1,0,0,0,1-.11Z"
transform="translate(-147 -107.3)"
fill="#fff"
opacity={0.2}
/>
<polygon
points="858.71 435.84 827.7 361.65 824.07 363.21 855.36 438.07 876.59 429.13 876.39 428.39 858.71 435.84"
fill="#fff"
opacity={0.2}
/>
</svg>
);
UndrawPresentation.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawPresentation.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawPresentation;