react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
480 lines (475 loc) • 17.3 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawRising = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="403850c8-fa6e-4163-a703-adc95d880759"
data-name="Layer 1"
viewBox="0 0 905.75 785.88"
>
<title>rising</title>
<path
d="M993.68,511C959.2,566,966.15,641.11,981.76,700.41c5.23,19.85,11.24,40.82,7,63-5.19,27.1-24.56,48.3-44.22,60.36-35.84,22-76.9,21.14-106.92-2.22-25.94-20.19-43.14-55.23-69.62-74.34-44.31-32-104.7-13.09-157.1,16.28-37.07,20.78-77.84,47.15-112.28,31.9-24.23-10.73-39.48-40.7-46.7-73.26-3.49-15.72-5.63-32.88-13.49-44.89-4.67-7.14-11.07-11.94-17.7-15.87-60.47-35.93-141.84-6.63-200.2-47.26-39.41-27.44-62.05-83.77-69.73-143.92s-2-124.43,5.18-187.71c5.11-45,12.11-93.12,36-129.59,25.3-38.58,65.44-55.65,100.43-51.84s65.48,25.74,91.8,52.41c32.9,33.33,62.64,75.84,105,86.77,28.87,7.44,60.32-.81,90.92-5.41C631.35,227.12,681.85,229.7,732,233c48,3.13,96.31,7,141.12,23.79,31.71,11.89,56.13,36.41,85.75,52.43,19.31,10.44,41,11.88,59,25.76,22.19,17.1,41.48,48.55,32.86,88.12C1042.58,460.69,1012,481.9,993.68,511Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M448.25,644.27c13.74,3.8,26.85,9.53,41.11,11.47,33.49,4.55,65.2-12.18,97.83-20,75.67-18.18,155.41,11.92,234,10.27,21.76-.46,45.9-2.78,63,8.62,5.89,3.92,10.53,9.28,17.21,12.13,13.85,5.92,33.94.16,43.76,10.34,9.49,9.84.17,25.83,7.66,36.85,7.67,11.29,31.18,15.39,28.67,28.25-1.13,5.78-7.6,9.49-11.68,14.22-9.12,10.55-5.88,25.74-13,37.36-10,16.46-36.33,19.69-57.9,16.86s-43.4-9.6-64.65-5.36c-32.66,6.52-57,37.84-90.26,34-15.56-1.81-29.71-11.49-45.28-9.72-7.55.86-14.26,4.36-21.22,7a100.26,100.26,0,0,1-64.56,1.8c-12-3.8-22.8-9.83-34.4-14.42-23-9.13-48.84-12.4-74.26-12.2-32.56.26-69,5.1-94.36-12.23-11.76-8-19.84-20.24-33.71-25.29-12.58-4.58-27-2.18-40.37.32s-27.75,5-40.39.5-21.08-19-12.59-28.15c3.08-3.31,7.73-5.3,11-8.45,6.85-6.54,5.8-17.89-2.17-23.44-4.26-3-10.18-4.53-12.81-8.64-6.95-10.84,14.92-18.63,20.42-30,2.79-5.79,1-12.38,1.78-18.6,1.39-11,11.86-20.7,24.63-22.85,11.95-2,16.65,4.61,26.45,6.34,10.39,1.84,11.42,2.07,24.74.44C401.52,638.63,424.18,637.61,448.25,644.27Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M788.5,57.16s-90.4,90.4-39.37,224.55-87.49,357.23-87.49,357.23,1.48-.22,4.24-.7c185.67-32.77,277.93-245.13,174.68-402.89C802.18,176.71,770.68,107.91,788.5,57.16Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M788.5,58.66s-90.4,90.4-39.37,224.55-87.49,357.23-87.49,357.23,1.48-.22,4.24-.7C851.56,607,943.81,394.61,840.57,236.85,802.18,178.2,770.68,109.4,788.5,58.66Z"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M788.5,57.16s-51,110.82,0,201.22,8.75,344.11-126.85,380.56"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M949.52,422.81s-103.16-16.43-112.56,76S638.59,604.1,638.59,604.1s1.23.84,3.54,2.36c156,102.42,305.17,65.24,282.69-70.76C916.47,485.13,917.15,434.35,949.52,422.81Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M949.52,422.81s-80.07,17.58-73.5,90.38S757.11,673.28,638.59,604.1"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M772.31,661.65H363.09V305.39c0-113,91.61-204.61,204.61-204.61h0c113,0,204.61,91.61,204.61,204.61Z"
transform="translate(-147.13 -56.96)"
fill="#a1a1aa"
/>
<rect
x={273.73}
y={280.93}
width={293.68}
height={16.85}
rx={5.04}
ry={5.04}
opacity={0.1}
/>
<rect
x={303.82}
y={315.83}
width={233.5}
height={16.85}
rx={5.04}
ry={5.04}
opacity={0.1}
/>
<path
d="M360.8,684.75s24.29-165.24,9.61-224.6S351.8,341.9,351.8,341.9"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M419.62,443.41,370,470.91S418.55,505.86,419.62,443.41Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M316.75,455.15l55.54,14.46S328.75,514.39,316.75,455.15Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M406.07,395.42l-43.71,27S418.26,437.43,406.07,395.42Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M321.79,413.34l40.33,7.82S331.9,453.64,321.79,413.34Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M355.12,374.95s33.6-27.15,40.07-27.41,14,25.39-.9,33.36S355.12,374.95,355.12,374.95Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M316.64,357.63s34.49,12.26,38,17.26-11.42,27.52-30.76,13.76S316.64,357.63,316.64,357.63Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<circle
cx={362.67}
cy={339.67}
r={12.04}
transform="translate(-254.21 120.74) rotate(-24.1)"
fill="#ffd037"
/>
<circle
cx={340.44}
cy={343.03}
r={12.04}
transform="translate(-257.52 111.95) rotate(-24.1)"
fill="#ffd037"
/>
<path
d="M746.8,697S569.7,657.42,795,425.74c0,0,97.14,92.06,61.5,206.5-14.33,46-60.42,74.42-107.1,65.32Z"
transform="translate(-147.13 -56.96)"
fill={props.primaryColor}
/>
<path
d="M746.8,697c-3.89-.87-173.29-43.51,48.24-271.28,0,0,97.14,92.06,61.5,206.5-14.33,46-60.42,74.42-107.1,65.32Z"
transform="translate(-147.13 -56.96)"
fill="#fff"
opacity={0.2}
/>
<path
d="M749.12,698.33S842.66,557.41,795,425.74"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M861.95,699.19s-42.45-8.49-53.77-19.81-62.26-31.13-67.92-17-76.42,62.26-28.3,70.75,113.21,11.32,127.36,5.66S861.95,699.19,861.95,699.19Z"
transform="translate(-147.13 -56.96)"
fill="#a8a8a8"
/>
<path
d="M711.95,727.89c48.11,8.49,113.21,11.32,127.36,5.66,10.78-4.31,18.27-25,21.23-34.66l1.42.3s-8.49,34-22.64,39.62-79.25,2.83-127.36-5.66c-13.89-2.45-17.86-8.21-16.36-15.49C696.77,722.41,701.61,726.07,711.95,727.89Z"
transform="translate(-147.13 -56.96)"
opacity={0.2}
/>
<path
d="M327.46,640.37s22.41-.69,29.16-5.5,34.47-10.55,36.14-2.84,33.67,38.35,8.38,38.56-58.78-3.94-65.52-8S327.46,640.37,327.46,640.37Z"
transform="translate(-147.13 -56.96)"
fill="#a8a8a8"
/>
<path
d="M401.59,667.9c-25.3.2-58.78-3.94-65.52-8-5.13-3.13-7.18-14.34-7.86-19.52l-.75,0s1.42,18.07,8.16,22.18,40.22,8.25,65.52,8c7.3-.06,9.82-2.66,9.69-6.5C409.81,666.41,407,667.86,401.59,667.9Z"
transform="translate(-147.13 -56.96)"
opacity={0.2}
/>
<path
d="M481.9,747.34s10.45-.32,13.61-2.57,16.08-4.92,16.86-1.32,15.71,17.9,3.91,18-27.42-1.84-30.57-3.75S481.9,747.34,481.9,747.34Z"
transform="translate(-147.13 -56.96)"
fill="#a8a8a8"
/>
<path
d="M516.49,760.19c-11.8.1-27.42-1.84-30.57-3.75-2.39-1.46-3.35-6.69-3.67-9.11h-.35s.66,8.43,3.81,10.35,18.77,3.85,30.57,3.75c3.41,0,4.58-1.24,4.52-3C520.32,759.49,519,760.16,516.49,760.19Z"
transform="translate(-147.13 -56.96)"
opacity={0.2}
/>
<polygon
points="345.38 288.31 350.1 268.74 364.98 268.74 363.88 285.28 345.38 288.31"
fill="#535461"
/>
<polygon
points="426.18 270.39 437.75 251.09 452.09 259.36 441.62 280.31 426.18 270.39"
fill="#535461"
/>
<path
d="M646.08,372.55s12.68-9.92,24.26-2.76-12.13,20.4-12.13,20.4Z"
transform="translate(-147.13 -56.96)"
fill="#535461"
/>
<polygon
points="560.62 374.59 586.61 376.79 577.79 384.51 560.62 374.59"
fill="#535461"
/>
<polygon
points="333.28 396.36 329.42 373.21 336.59 373.21 343.76 389.75 333.28 396.36"
fill="#535461"
/>
<path
d="M530.58,700.31,537.75,622s-1.65-16.54,0-24.81-7.17-23.15-7.17-23.15S504.12,537.67,492,537.12c0,0-5-19.85-13.23-24.81,0,0-19.85-18.19-14.89-32,0,0,12.68-1.65,17.09-38.59,0,0,16.54-5,23.15,7.72s-1.1,34.18-1.1,34.18l7.17,15.44s-2.76-40.8,2.21-44.66c0,0-21.5-31.42-25.91-35.84,0,0-7.17-30.32-14.89-38.59,0,0-1.1-14.33,6.62-18.74s19.85-26.46,19.85-26.46,13.23-9.92,18.74,8.82-4.41,32-4.41,32-4.41,26.46.55,28.67,24.81,29.22,24.81,29.22,5-14.89,0-25.36-5-17.09,2.21-27.57S546,347.47,546,347.47s27.57-7.72,27.57-19.85c0,0,15.44-14.89,18.19,5S575.23,369,575.23,369s3.86,28.12-2.76,32.53c0,0,3.31,33.63,11.58,40.25,0,0,19.85-1.65,18.19-36.39,0,0,24.81-20.95,28.12-32,0,0,25.91-6.06,34.73,2.21s-18.19,30.32-18.19,30.32l-14.33,23.15-3.31,26.46s22.6-11.58,30.87-19.3c0,0,3.86-2.21,16.54,0s20.4-7.17,20.4-7.17l23.71,5.51s16,11.58,0,19.3L679.43,455l-22.6,31.42S648,509,651.31,512.31s13.23,47.41-10.47,73.32h0l-3.31,114.67Z"
transform="translate(-147.13 -56.96)"
fill="#d6d6e3"
/>
<path
d="M477.93,676.88s17.09,10.47,9.92,14.89-10.47,6.06-16.54,3.86S463,700,463,700s23.71,1.65,26.46,7.72-4.41,11.58-4.41,11.58l16.54-7.72,7.72,7.72s2.21,7.17-8.27,6.62c0,0,9.37,6.62,32.53,0s36.94,6.62,36.94,6.62-1.1,9.92-5,10.47,12.13,1.65,14.89-5,17.09-7.72,17.09-7.72l11,9.37,7.72-8.27s23.15-6.62,27-1.65,6.62-12.13,6.62-12.13,2.21-11.58,30.32-7.72,34.18-3.31,34.18-3.31L678.05,700s-9.92-5,1.1-19.85,11-27.57,11-27.57l-16.54,16.54-3.31,11-10.47,5.51s5.51-15.44,4.41-19.3.55-23.15.55-23.15l-8.27,3.86h-8.82s-7.72-6.62,0-13.23,16-36.39,16-36.39l-20.95,34.73s-4.41,13.23-10.47,10.47-19.3,14.89-16,19.85,9.37,14.33,4.41,18.74-14.33,1.1-14.33,1.1l-1.65-14.89L591.5,688.45s-13.78-9.92-6.62-14.33,9.92-14.33,6.62-13.78-9.37,2.21-13.23,2.76-17.64-5.51-8.27-9.92,8.82-14.33,9.37-16.54-15.44,5-15.44,5-2.21,21.5-.55,23.71,9.92,6.62,7.17,13.78-8.82,19.3-12.13,16-5.51-2.21-8.27-10.47-1.65-27,3.31-33.63S565,625.6,566.69,620.09s-1.1-11-5.51-7.72-6.06,3.31-11,10.47-9.37,5-7.17-3.31-8.27-19.3-9.37-13.23-.55,30.32-.55,30.32-11-9.37-12.13-3.31,5.51,17.09-1.1,18.19-19.3-9.37-19.85-6.06-8.82-13.23-13.23-11-4.41,12.68,0,18.74,12.13,8.82,7.17,14.33-9.37-12.68-16.54-11.58S477.93,676.88,477.93,676.88Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M491.16,588.11s-1.65,10.47,2.21,13.23S496.67,592,491.16,588.11Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M498.88,598.59l14.33,3.31s-8.27,9.37-7.17,9.92,12.68,3.86,9.37,8.27-8.82,3.31-11.58,1.65-8.82-6.06-6.62-8.82S498.88,598.59,498.88,598.59Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M482.89,610.72s5.51,2.21,6.06,4.41,7.72-1.1,5.51-4.41S482.89,610.72,482.89,610.72Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<polygon
points="330.25 558.73 328.05 564.24 333.01 564.24 330.25 558.73"
fill="#635151"
/>
<polygon
points="333.01 572.51 337.97 572.51 333.01 575.26 333.01 572.51"
fill="#635151"
/>
<path
d="M463,634.42s-2.76,6.06,1.65,11,3.31-10.47,3.86-11S463,634.42,463,634.42Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M608,641s-1.1,8.82,2.21,9.37S611.9,644.9,608,641Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M595.36,655.37l4.41-5s9.92,4.41,9.92,5,1.1,4.41,0,6.06-2.76,5-5.51,3.31-8.82-7.17-8.82-7.17Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<polygon
points="406.88 602.83 406.88 605.59 409.09 605.59 406.88 602.83"
fill="#635151"
/>
<path
d="M554,670.26v8.27s4.41,3.31,4.41,0S554,670.26,554,670.26Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<path
d="M558.42,663.64s1.1,12.13,2.76,12.68,0-5,0-5l.55-5Z"
transform="translate(-147.13 -56.96)"
fill="#635151"
/>
<rect x={464.77} y={614.96} width={2.76} height={4.41} fill="#635151" />
<rect x={444.37} y={584.08} width={3.86} height={7.17} fill="#635151" />
<path
d="M532,480.61s3.86-8.82,6.06-8.27"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M593.7,524.71s-56.46-30.35-59.65-48.25"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M554.56,465.72s38.59,33.63,40.8,48"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M556.77,455.25s16,4.41,25.36,17.09,30.87,32,35.84,32"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M597,460.21s29.22,11.58,28.12,19.3c0,0-11.58-12.13-19.85-9.92S597,460.21,597,460.21Z"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M532,509.83s11.58,7.72,9.92,12.68-1.65,14.33-1.65,14.33"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M506.6,531.33l1.1,5.51s3.31-1.65,3.86,0,4.41,5.51,4.41,5.51l2.21-3.31Z"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<line
x1={331.9}
y1={422.55}
x2={317.95}
y2={436.8}
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M476.83,493.84a16.48,16.48,0,0,1-1.65,6.62c-1.65,3.31-5.14,1.86-5.14,1.86"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M481.79,488.33s13.78-12.68,20.95-5l3.09,6.34A23.93,23.93,0,0,0,481.79,488.33Z"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M544.64,390.2s10.47-2.76,14.89,0"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M511,351.6s-3.86,9.37-2.76,18.19"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M491.16,379.17s-4.41,7.72,3.86,20.4"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<polygon
points="350.1 353.09 358.92 347.02 358.92 349.78 350.1 353.09"
opacity={0.1}
/>
<line
x1={373.8}
y1={381.75}
x2={384.83}
y2={379.55}
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M517.62,444.22s14.89-5.51,16.54-4.41,6.06-1.1,6.06-1.1"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M551.8,395.71s13.23-6.06,20.4,5.51"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M492.26,373.66s14.89-2.76,19.85,1.65"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M588.74,342.23s-3.86,12.68-11,18.19"
transform="translate(-147.13 -56.96)"
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M608.59,406.73s8.82,21.5,23.71,17.64"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<path
d="M637.81,561.65s16.73-13.78,18-30.32"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<line
x1={489.58}
y1={445.71}
x2={505.67}
y2={441.28}
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<path
d="M569.45,580.4s27-8.82,27.57-43.55"
transform="translate(-147.13 -56.96)"
opacity={0.1}
/>
<line
x1={438.31}
y1={570.3}
x2={441.61}
y2={523.44}
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
<line
x1={448.23}
y1={568.1}
x2={453.19}
y2={523.44}
fill="none"
stroke="#000"
strokeMiterlimit={10}
strokeWidth={2}
opacity={0.1}
/>
</svg>
);
UndrawRising.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawRising.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawRising;