UNPKG

react-undraw-illustrations

Version:

unDraw: MIT licensed illustrations for every project you can imagine and create...for React!

759 lines (754 loc) 23.6 kB
import React from "react"; import PropTypes from "prop-types"; const UndrawSocialGrowth = props => ( <svg style={{height:props.height, width:'100%'}} className={props.class} id="b1f6b045-6249-48ca-b49e-c93dd74e2ee5" data-name="Layer 1" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 882.59 700.83" > <defs> <linearGradient id="5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" x1={168.14} y1={160.3} x2={168.14} 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="342c99e8-4f8c-4642-a6ff-4725226e7eab" x1={168.04} y1={696} x2={168.04} y2={609.92} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="7bb1cd37-4d2b-4d28-ada1-a5608c5bc7ac" x1={168.54} y1={612.42} x2={168.54} y2={153.63} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="dd58b3b7-d5a8-421e-832d-f0f95c6d9c7a" x1={713} y1={271.58} x2={713} y2={255.19} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="eaa3eb3d-9ae7-43ec-9706-c96a576fb135" x1={62.71} y1={115.15} x2={62.71} y2={12.48} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="6272c4ef-6126-4506-bafb-c3d60b1cd501" x1={266.99} y1={115.35} x2={266.99} y2={12.28} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="c24817a2-bb7a-4cfe-afcc-cd36f62b744a" x1={392.66} y1={115.47} x2={392.66} y2={11.64} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="3458fe47-c853-4901-ad23-48f713494dd0" x1={696.89} y1={304.61} x2={729.36} y2={304.61} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="d5be3a5e-3eb3-4cbb-937c-f602164ab20d" x1={600.63} y1={684.37} x2={600.63} y2={294.37} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="7bd4d98d-2039-4cef-9f25-bf493288493e" x1={447.82} y1={598.3} x2={447.82} y2={475.25} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="3429aae5-d14a-49f9-9f82-cceaaef929ce" x1={603.18} y1={657.92} x2={603.18} y2={614.8} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="4b99fd3e-5163-438f-acaf-e86c96c0d0eb" x1={754.91} y1={646.67} x2={754.91} y2={523.63} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="fb446d42-b04e-4353-b7c8-aba5893b6791" x1={912.09} y1={712.66} x2={912.09} y2={652.01} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="38294490-4714-400d-a7a3-1ffc67ceda90" x1={580.33} y1={657.19} x2={580.33} y2={534.15} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="7305cf42-6052-4245-9b35-19de7fec2cb6" x1={737.88} y1={723.65} x2={737.88} y2={671.06} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="0fb02876-b711-4e9d-8bbf-8370b0849935" x1={765.42} y1={484.72} x2={765.42} y2={361.68} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="691d5bce-4c3e-4ad9-a8ae-d910fba4b044" x1={902.9} y1={522.78} x2={953.38} y2={522.78} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="db89867a-35dc-4c39-a8a1-0d8cca1a7d5d" x1={555.09} y1={411.1} x2={555.09} y2={288.06} xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> <linearGradient id="d77cb215-c7f1-475b-be09-d8832f4e0b3b" x1={930.42} y1={897.67} x2={930.42} y2={842.96} gradientTransform="translate(474.57 -800.79) rotate(36.18)" xlinkHref="#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c" /> </defs> <title>social growth</title> <polygon points="188.1 130.34 188.1 59.9 165.65 59.9 158.76 19.97 168.13 19.97 168.13 0 117.11 0 117.11 19.97 126.48 19.97 119.59 59.9 97.14 59.9 97.14 132.01 97.69 132.01 97.69 160.3 239.13 160.3 239.13 130.34 188.1 130.34" fill="url(#5ef2ef42-f3c5-465a-9caa-c31b2f4b4d3c)" /> <polygon points="168.13 74.63 119.76 74.63 130.28 13.63 157.62 13.63 168.13 74.63" fill={props.primaryColor} /> <rect x={84.04} y={609.92} width={168} height={86.08} fill="url(#342c99e8-4f8c-4642-a6ff-4725226e7eab)" /> <rect x={92.42} y={609.92} width={151.44} height={75.72} fill={props.primaryColor} /> <rect x={115.54} y={156.13} width={106} height={453.79} fill="none" strokeMiterlimit={10} strokeWidth={5} stroke="url(#7bb1cd37-4d2b-4d28-ada1-a5608c5bc7ac)" /> <rect x={120.81} y={156.13} width={95.7} height={453.79} fill="none" stroke="#6c63ff" strokeMiterlimit={10} strokeWidth={5} /> <polyline points="216.51 307.57 120.81 307.57 215.99 230.8" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="120.81 383.81 216.51 383.81 121.34 307.57" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="216.51 460.06 120.81 460.06 215.99 383.29" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="120.81 536.3 216.51 536.3 120.28 460.06" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="121.34 156.13 216.51 231.32 120.81 231.32" fill="none" stroke="#6c63ff" strokeLinecap="round" strokeLinejoin="round" strokeWidth={5} /> <line x1={121.34} y1={609.39} x2={215.99} y2={535.78} fill="none" stroke="#6c63ff" strokeMiterlimit={10} strokeWidth={5} /> <rect x={101.36} y={127.74} width={134.09} height={28.39} fill={props.primaryColor} /> <rect x={100.83} y={60.96} width={86.24} height={68.36} fill={props.primaryColor} /> <rect x={157.62} y={60.96} width={29.45} height={27.34} fill="#64ffda" /> <rect x={2.5} y={109.86} width={96.75} height={43.12} fill="none" stroke="#6c63ff" strokeMiterlimit={10} strokeWidth={5} /> <rect x={235.97} y={109.86} width={388.06} height={43.12} fill="none" stroke="#6c63ff" strokeMiterlimit={10} strokeWidth={5} /> <polyline points="50.88 109.86 50.88 152.97 99.25 109.86" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="430 152.97 430 109.86 391.61 152.97" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="391.61 110.38 391.61 152.45 348.49 110.91" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="347.97 154.03 347.97 109.86 304.32 152.97" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="260.68 155.08 260.68 111.96 304.32 152.45 304.32 111.44" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="481 110.38 481 152.45 430.52 109.86" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="532.01 154.03 532.01 110.91 481 152.97" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <polyline points="583.01 111.44 583.01 152.45 532.53 110.91" fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <path d="M713,271.58c15.19,0,27.5-7.34,27.5-16.4h-55C685.5,264.24,697.81,271.58,713,271.58Z" transform="translate(-157.46 -99.58)" fill="url(#dd58b3b7-d5a8-421e-832d-f0f95c6d9c7a)" /> <path d="M713.65,267.81c13.36,0,24.19-5.65,24.19-12.62H689.46C689.46,262.16,700.29,267.81,713.65,267.81Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <rect x={119.76} y={4.17} width={48.38} height={18.93} fill={props.primaryColor} /> <line x1={2.5} y1={109.86} x2={50.88} y2={152.97} fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <line x1={122.91} y1={13.63} x2={2.5} y2={114} fill="none" strokeLinejoin="round" strokeWidth={3} stroke="url(#eaa3eb3d-9ae7-43ec-9706-c96a576fb135)" /> <line x1={122.91} y1={13.63} x2={2.5} y2={109.86} fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={3} /> <line x1={163.93} y1={13.63} x2={370.05} y2={114} fill="none" strokeLinejoin="round" strokeWidth={3} stroke="url(#6272c4ef-6126-4506-bafb-c3d60b1cd501)" /> <line x1={163.93} y1={13.63} x2={370.05} y2={109.86} fill="none" stroke="#6c63ff" strokeMiterlimit={10} strokeWidth={3} /> <line x1={624.03} y1={108.81} x2={583.01} y2={152.97} fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={5} /> <line x1={161.3} y1={13.11} x2={624.03} y2={114} fill="none" strokeLinejoin="round" strokeWidth={3} stroke="url(#c24817a2-bb7a-4cfe-afcc-cd36f62b744a)" /> <line x1={161.3} y1={13.11} x2={624.03} y2={108.81} fill="none" stroke="#6c63ff" strokeLinejoin="round" strokeWidth={3} /> <path d="M727.86,336.91a14.73,14.73,0,1,1-14.73-14.73v-64.6" transform="translate(-157.46 -99.58)" fill="none" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} stroke="url(#3458fe47-c853-4901-ad23-48f713494dd0)" /> <path d="M726.8,334.59a13.67,13.67,0,1,1-13.67-13.67V261" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <rect x={92.42} y={609.92} width={151.44} height={75.72} fill={props.primaryColor} /> <rect x={393.79} y={340.3} width={488.8} height={360.53} fill={props.primaryColor} opacity={0.2} /> <polygon points="355.37 294.37 355.37 314.05 355.37 684.37 845.9 684.37 845.9 314.05 845.9 294.37 355.37 294.37" fill="url(#d5be3a5e-3eb3-4cbb-937c-f602164ab20d)" /> <rect x={362.3} y={318.64} width={478.4} height={358.8} fill="#fff" /> <rect x={362.3} y={299.57} width={478.4} height={19.07} fill="#f5f5f5" /> <circle cx={376.17} cy={308.81} r={4.62} fill="#ff5252" /> <circle cx={388.88} cy={308.81} r={4.62} fill="#ff0" /> <circle cx={401.59} cy={308.81} r={4.62} fill="#69f0ae" /> <path d="M641,583.25" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <path d="M569.52,583.25" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <rect x={398.4} y={475.25} width={98.86} height={123.04} fill="url(#7bd4d98d-2039-4cef-9f25-bf493288493e)" /> <rect x={402.6} y={477.36} width={90.44} height={113.58} fill="#fff" /> <path d="M569.17,581.32c-4.74,0-4.74,7.36,0,7.36S573.92,581.32,569.17,581.32Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M640.68,581.32c-4.74,0-4.74,7.36,0,7.36S645.43,581.32,640.68,581.32Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M624.21,622.16l5.26-1.05s-4.42,4.94-5.26,5.26h0a21.16,21.16,0,0,0,0,3.15c-10.1,43.33-47.32,24.19-47.32,24.19,13.57.32,14.72-5.26,14.72-5.26-7.89-1.16-9.46-6.31-9.46-6.31a3.25,3.25,0,0,0,4.21-1.05c-8.52-2.21-7.36-10.52-7.36-10.52a10.94,10.94,0,0,0,5.15,2c-.95-1.16-8.94-10.73-4.1-15.67,0,0,5.89,10.52,21.35,11.46l1.05-.21a8.25,8.25,0,0,1-.21-2.31,11,11,0,0,1,11-11c7.36,0,8.94,4.21,8.94,4.21l5.26-3.15C627.36,615.85,626.84,621.11,624.21,622.16Z" transform="translate(-157.46 -99.58)" fill="url(#3429aae5-d14a-49f9-9f82-cceaaef929ce)" /> <path d="M626.31,619l5.26-1.05s-4.42,4.94-5.26,5.26h0a21.16,21.16,0,0,0,0,3.15C616.22,669.7,579,650.56,579,650.56c13.57.32,14.72-5.26,14.72-5.26-7.89-1.16-9.46-6.31-9.46-6.31a3.25,3.25,0,0,0,4.21-1.05c-8.52-2.21-7.36-10.52-7.36-10.52a10.94,10.94,0,0,0,5.15,2c-.95-1.16-8.94-10.73-4.1-15.67,0,0,5.89,10.52,21.35,11.46l1.05-.21a8.25,8.25,0,0,1-.21-2.31,11,11,0,0,1,11-11c7.36,0,8.94,4.21,8.94,4.21l5.26-3.15C629.47,612.7,628.94,618,626.31,619Z" transform="translate(-157.46 -99.58)" fill="#00aced" /> <path d="M950.22,635.83" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <path d="M878.71,635.83" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <rect x={705.48} y={523.63} width={98.86} height={123.04} fill="url(#4b99fd3e-5163-438f-acaf-e86c96c0d0eb)" /> <rect x={711.79} y={527.84} width={90.44} height={113.58} fill="#fff" /> <path d="M878.36,631.8c-4.74,0-4.74,7.36,0,7.36S883.1,631.8,878.36,631.8Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M949.87,631.8c-4.74,0-4.74,7.36,0,7.36S954.61,631.8,949.87,631.8Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M923.75,709.72l5.77-19.79s.1-4.46-3.9-5.41-5.49-.72-7.92.87l-6.06,20.8-10.1-2.94,9.12-31.3,10.1,2.94-1.35,4.64s5.22-5.49,11.83-3c6.14,2.23,9.67,7.42,8.29,15.89l.2.06-5.89,20.19Zm-24-45.34a6.31,6.31,0,1,1,7.82-4.29A6.33,6.33,0,0,1,899.72,664.38Zm-5.25,36.81-10.1-2.94,9.12-31.3,10.1,2.94Z" transform="translate(-157.46 -99.58)" fill="url(#fb446d42-b04e-4353-b7c8-aba5893b6791)" /> <path d="M925.85,706.57l5.77-19.79s.1-4.46-3.9-5.41-5.49-.72-7.92.87L913.73,703l-10.1-2.94,9.12-31.3,10.1,2.94-1.35,4.64s5.22-5.49,11.83-3c6.14,2.23,9.67,7.42,8.29,15.89l.2.06-5.89,20.19Zm-24-45.34a6.31,6.31,0,1,1,7.82-4.29A6.33,6.33,0,0,1,901.82,661.22ZM896.57,698l-10.1-2.94,9.12-31.3,10.1,2.94Z" transform="translate(-157.46 -99.58)" fill="#0077b5" /> <rect x={530.9} y={534.15} width={98.86} height={123.04} fill="url(#38294490-4714-400d-a7a3-1ffc67ceda90)" /> <rect x={535.11} y={538.35} width={90.44} height={113.58} fill="#fff" /> <path d="M701.68,642.32c-4.74,0-4.74,7.36,0,7.36S706.42,642.32,701.68,642.32Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M773.19,642.32c-4.74,0-4.74,7.36,0,7.36S777.94,642.32,773.19,642.32Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M757.77,692.1c-1.16,5.57-2,13.15-13.67,15.77,0,0-6.84,1.79-9-3.15-1.37,5.36-2.73,10.31-3.58,11.57a65.64,65.64,0,0,1-5.26,7.36s.95-9.46,1.05-11.57c.11-3.26,3.15-17.88,3.15-17.88s-2.84-10.31,4.21-11.57c0,0,5.78-1.37,4.21,6.31,0,0-1.16,5-2.63,10.83l.53.74s1.37,2.84,4.21,3.15,10.31-4.73,10.52-13.67-1.68-11.46-9.46-13.67-14.41,1.58-16.83,8.41c-2.73,7.78-.53,9.68,1.05,11.57l-1.05,5.26S717.6,699,717.81,691s4.73-20,21-20S758.93,686.42,757.77,692.1Z" transform="translate(-157.46 -99.58)" fill="url(#7305cf42-6052-4245-9b35-19de7fec2cb6)" /> <path d="M759.87,688.94c-1.16,5.57-2,13.15-13.67,15.77,0,0-6.84,1.79-9-3.15-1.37,5.36-2.73,10.31-3.58,11.57a65.64,65.64,0,0,1-5.26,7.36s.95-9.46,1.05-11.57c.11-3.26,3.15-17.88,3.15-17.88s-2.84-10.31,4.21-11.57c0,0,5.78-1.37,4.21,6.31,0,0-1.16,5-2.63,10.83l.53.74s1.37,2.84,4.21,3.15,10.31-4.73,10.52-13.67-1.68-11.46-9.46-13.67-14.41,1.58-16.83,8.41c-2.73,7.78-.53,9.68,1.05,11.57l-1.05,5.26s-7.57-2.52-7.36-10.52,4.73-20,21-20S761,683.26,759.87,688.94Z" transform="translate(-157.46 -99.58)" fill="#bd081c" /> <path d="M958.63,473.88" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <path d="M887.12,473.88" transform="translate(-157.46 -99.58)" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <rect x={715.99} y={361.68} width={98.86} height={123.04} fill="url(#0fb02876-b711-4e9d-8bbf-8370b0849935)" /> <rect x={720.2} y={365.88} width={90.44} height={113.58} fill="#fff" /> <path d="M886.77,469.85c-4.74,0-4.74,7.36,0,7.36S891.52,469.85,886.77,469.85Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M958.28,469.85c-4.74,0-4.74,7.36,0,7.36S963,469.85,958.28,469.85Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M951.8,523.31H945v6.84a1.62,1.62,0,0,1-1.58,1.58h-1.05a1.62,1.62,0,0,1-1.58-1.58v-6.84h-6.84a1.62,1.62,0,0,1-1.58-1.58v-1.05a1.62,1.62,0,0,1,1.58-1.58h6.84v-6.84a1.62,1.62,0,0,1,1.58-1.58h1.05a1.62,1.62,0,0,1,1.58,1.58v6.84h6.84a1.62,1.62,0,0,1,1.58,1.58v1.05A1.62,1.62,0,0,1,951.8,523.31ZM928,504.8a10.52,10.52,0,0,1,2.21,6.42,11.12,11.12,0,0,1-7.15,10.1c.32,1.05,1.37,2.21,4,4.1,5,3.68,5.26,10.52,5.26,10.52h0v.53c0,5.47-6.63,10-14.72,10s-14.72-4.52-14.72-10c0-5.26,6-9.57,13.67-10v-4.31c-5.89-.74-10.52-5.36-10.52-10.94,0-6.1,5.36-11,12.09-11h.53s12.09-.95,13.67-1.05,1.05,2.1,1.05,2.1Zm-17.77,31.13c0,3.47,3.58,6.31,7.89,6.31s7.89-2.84,7.89-6.31-3.58-6.31-7.89-6.31S910.26,532.46,910.26,535.93Zm12.83-25.77c-.84-4-3.79-6.84-6.52-6.31s-4.21,4.31-3.37,8.31,3.79,6.84,6.52,6.31S923.93,514.26,923.09,510.16Z" transform="translate(-157.46 -99.58)" fill="url(#691d5bce-4c3e-4ad9-a8ae-d910fba4b044)" /> <path d="M953.9,520.15h-6.84V527a1.62,1.62,0,0,1-1.58,1.58h-1.05a1.62,1.62,0,0,1-1.58-1.58v-6.84H936a1.62,1.62,0,0,1-1.58-1.58v-1.05a1.62,1.62,0,0,1,1.58-1.58h6.84v-6.84a1.62,1.62,0,0,1,1.58-1.58h1.05a1.62,1.62,0,0,1,1.58,1.58v6.84h6.84a1.62,1.62,0,0,1,1.58,1.58v1.05A1.62,1.62,0,0,1,953.9,520.15Zm-23.77-18.51a10.52,10.52,0,0,1,2.21,6.42,11.12,11.12,0,0,1-7.15,10.1c.32,1.05,1.37,2.21,4,4.1,5,3.68,5.26,10.52,5.26,10.52h0v.53c0,5.47-6.63,10-14.72,10S905,538.77,905,533.3c0-5.26,6-9.57,13.67-10V519c-5.89-.74-10.52-5.36-10.52-10.94,0-6.1,5.36-11,12.09-11h.53s12.09-.95,13.67-1.05,1.05,2.1,1.05,2.1Zm-17.77,31.13c0,3.47,3.58,6.31,7.89,6.31s7.89-2.84,7.89-6.31-3.58-6.31-7.89-6.31S912.36,529.3,912.36,532.77ZM925.19,507c-.84-4-3.79-6.84-6.52-6.31s-4.21,4.31-3.37,8.31,3.79,6.84,6.52,6.31S926,511.11,925.19,507Z" transform="translate(-157.46 -99.58)" fill="#d34836" /> <polyline points="600.84 465.57 600.84 471.57 594.84 471.57" fill="none" stroke="#64ffda" strokeMiterlimit={10} /> <line x1={584.92} y1={471.57} x2={527.67} y2={471.57} fill="none" stroke="#64ffda" strokeMiterlimit={10} strokeDasharray="10.82 9.92" /> <polyline points="522.71 471.57 516.71 471.57 516.71 465.57" fill="none" stroke="#64ffda" strokeMiterlimit={10} /> <line x1={516.71} y1={454.73} x2={516.71} y2={369.42} fill="none" stroke="#64ffda" strokeMiterlimit={10} strokeDasharray="11.83 10.85" /> <polyline points="516.71 364 516.71 358 522.71 358" fill="none" stroke="#64ffda" strokeMiterlimit={10} /> <line x1={532.62} y1={358} x2={589.88} y2={358} fill="none" stroke="#64ffda" strokeMiterlimit={10} strokeDasharray="10.82 9.92" /> <polyline points="594.84 358 600.84 358 600.84 364" fill="none" stroke="#64ffda" strokeMiterlimit={10} /> <line x1={600.84} y1={374.84} x2={600.84} y2={460.15} fill="none" stroke="#64ffda" strokeMiterlimit={10} strokeDasharray="11.83 10.85" /> <rect x={516.71} y={358} width={84.13} height={113.58} fill="#64ffda" opacity={0.2} /> <polyline points="520.39 300.68 556.14 247.05 591.9 300.68" fill="none" stroke="#64ffda" strokeLinecap="round" strokeLinejoin="round" strokeWidth={3} /> <rect x={505.66} y={288.06} width={98.86} height={123.04} fill="url(#db89867a-35dc-4c39-a8a1-0d8cca1a7d5d)" /> <rect x={510.92} y={292.27} width={90.44} height={113.58} fill="#fff" /> <path d="M677.49,396.23c-4.74,0-4.74,7.36,0,7.36S682.24,396.23,677.49,396.23Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M749,396.23c-4.74,0-4.74,7.36,0,7.36S753.75,396.23,749,396.23Z" transform="translate(-157.46 -99.58)" fill="#64ffda" /> <path d="M715.15,437.22l-.18,5.26,8.41.29L722,452.19l-7.36-.25-.9,26.28-11.56-.4.9-26.28-5.26-.18.32-9.46,5.26.18.18-5.26s-.6-10,8.81-11.27L724,426l-.29,8.41-5.26-.18A3.1,3.1,0,0,0,715.15,437.22Z" transform="translate(-157.46 -99.58)" fill="url(#d77cb215-c7f1-475b-be09-d8832f4e0b3b)" /> <path d="M717.58,434.18l-.3,5.25,8.4.47-1.58,9.39-7.35-.41-1.48,26.25-11.55-.65,1.48-26.25-5.25-.3.53-9.45,5.25.3.3-5.25s-.38-10,9.05-11.08l11.55.65-.47,8.4-5.25-.3A3.1,3.1,0,0,0,717.58,434.18Z" transform="translate(-157.46 -99.58)" fill="#3b5998" /> </svg> ); UndrawSocialGrowth.propTypes = { /** * Hex color */ primaryColor: PropTypes.string, /** * percentage */ height: PropTypes.string, /** * custom class for svg */ class: PropTypes.string }; UndrawSocialGrowth.defaultProps = { primaryColor: "#6c68fb", height: "250px", class: "" }; export default UndrawSocialGrowth;