react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
495 lines (490 loc) • 21.4 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawSocialTree = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="44eb776e-c12d-4d5f-9cc6-506613fedaf6"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 598 771"
>
<defs>
<linearGradient
id="64b2f0c3-b8c6-416b-b34b-607e0141c58a"
x1={299.55}
y1={771}
x2={299.55}
y2={569.5}
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="fd25eb43-3afe-4a22-ac88-8c5d19f6538d"
x1={301.36}
y1={657.58}
x2={301.36}
y2={407.94}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="51278309-2317-4b46-9654-9b647c1f3ddc"
x1={300.76}
y1={547.78}
x2={300.76}
y2={314.44}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="21728ec6-81ec-47a9-bb13-976181664cc7"
x1={299.55}
y1={437.99}
x2={299.55}
y2={229.65}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="710714d6-afff-45b6-86fc-e6cf09bb492b"
x1={299.55}
y1={336.63}
x2={299.55}
y2={154.46}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="feca075f-a06b-4532-9429-3e58da5640dc"
x1={300.76}
y1={238.9}
x2={300.76}
y2={76.01}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="bcc8da3a-a8ff-4d7e-8337-e53162e1db7f"
x1={601.76}
y1={189.91}
x2={601.76}
y2={64.5}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="7315fb14-0d63-4903-85a6-ba21ce163236"
x1={408}
y1={285.37}
x2={408}
y2={221.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="2dff063f-5ae1-4ed3-afc3-5946cb216358"
x1={730.75}
y1={59.19}
x2={730.75}
y2={13.98}
gradientTransform="translate(118.75 -114.94) rotate(33.39)"
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="821f44f1-a638-41d3-86c4-6fa55275ab1a"
x1={192}
y1={284.37}
x2={192}
y2={220.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="ebbf8c66-3537-49f9-9828-9befcb118a16"
x1={492.15}
y1={335.49}
x2={492.15}
y2={300.79}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="8c5c9a82-7902-4e4b-aeb6-38c841f4a599"
x1={489}
y1={482.37}
x2={489}
y2={418.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="6572dd79-6866-4c62-adcd-5a75d6887bf1"
x1={723.24}
y1={473.87}
x2={723.24}
y2={430.23}
gradientTransform="translate(-28.59 271.29) rotate(-15.31)"
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="50a6bcbf-71f6-4f9f-9c70-5a56bbad7c5b"
x1={154}
y1={385.37}
x2={154}
y2={321.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="99ef0e19-a61d-4b08-8dcf-bd6568c02f1e"
x1={445.85}
y1={420.96}
x2={445.85}
y2={379}
gradientTransform="translate(-7.76 38.03) rotate(-2.38)"
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="12a5d3f8-5393-40ab-8b3e-aa3812c07f5a"
x1={448}
y1={383.37}
x2={448}
y2={319.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="5cbae585-c536-47b3-aa98-54e5047313c1"
x1={729}
y1={417.25}
x2={773.16}
y2={417.25}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="46765641-5247-48a6-b74b-53d6b54dbb16"
x1={32}
y1={709.37}
x2={32}
y2={645.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="794c57a5-8e00-4894-82bf-1880783379ee"
x1={334.15}
y1={763.49}
x2={334.15}
y2={728.79}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="d73e8d8b-f5de-4a7b-bc91-c12c41a143e7"
x1={534}
y1={602.37}
x2={534}
y2={538.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="a287f7cf-b981-4b46-a7a5-e3fe6ce30998"
x1={816.52}
y1={653.54}
x2={816.52}
y2={611.59}
gradientTransform="translate(-7.76 38.03) rotate(-2.38)"
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="e65766e7-ab8c-4f5b-bfd3-b9a7c5095d11"
x1={113}
y1={486.37}
x2={113}
y2={422.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="e76b2440-b096-46f5-bb61-246e4e471e19"
x1={595.06}
y1={389.36}
x2={595.06}
y2={344.16}
gradientTransform="translate(118.75 -114.94) rotate(33.39)"
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="668125a2-a642-4673-9f02-0f1ac728a50a"
x1={64}
y1={601.37}
x2={64}
y2={537.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="7fadd4d4-04c6-494c-a840-c0524248c3dc"
x1={345}
y1={635.25}
x2={389.16}
y2={635.25}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="74b358ee-2808-4d3e-a206-0b82a517d11a"
x1={566}
y1={709.37}
x2={566}
y2={645.37}
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
<linearGradient
id="823f05c8-15fb-4319-95da-2867774c7f73"
x1={737.31}
y1={714.1}
x2={737.31}
y2={670.46}
gradientTransform="translate(-28.59 271.29) rotate(-15.31)"
xlinkHref="#64b2f0c3-b8c6-416b-b34b-607e0141c58a"
/>
</defs>
<title>social_tree_1</title>
<rect
x={265.77}
y={569.5}
width={67.57}
height={201.5}
fill="url(#64b2f0c3-b8c6-416b-b34b-607e0141c58a)"
/>
<rect x={270.59} y={569.5} width={57.92} height={197.88} fill="#795548" />
<polygon
points="301.36 407.94 29.28 657.58 573.44 657.58 301.36 407.94"
fill="url(#fd25eb43-3afe-4a22-ac88-8c5d19f6538d)"
/>
<polygon
points="301.36 414.49 40.14 650.9 562.59 650.9 301.36 414.49"
fill="#009688"
/>
<polygon
points="300.76 314.44 64.27 547.78 537.25 547.78 300.76 314.44"
fill="url(#51278309-2317-4b46-9654-9b647c1f3ddc)"
/>
<polygon
points="300.76 320.79 73.92 544.61 527.59 544.61 300.76 320.79"
fill="#009688"
/>
<polygon
points="299.55 229.65 117.36 437.99 481.74 437.99 299.55 229.65"
fill="url(#21728ec6-81ec-47a9-bb13-976181664cc7)"
/>
<polygon
points="299.55 239.16 125.81 433.23 473.3 433.23 299.55 239.16"
fill="#009688"
/>
<polygon
points="299.55 154.46 163.21 336.63 435.89 336.63 299.55 154.46"
fill="url(#710714d6-afff-45b6-86fc-e6cf09bb492b)"
/>
<polygon
points="299.55 159.84 169.24 333.95 429.86 333.95 299.55 159.84"
fill="#009688"
/>
<polygon
points="300.76 76.01 206.72 238.9 394.8 238.9 300.76 76.01"
fill="url(#feca075f-a06b-4532-9429-3e58da5640dc)"
/>
<polygon
points="300.76 80.84 210.9 236.49 390.62 236.49 300.76 80.84"
fill="#009688"
/>
<path
d="M601.76,64.5c14.78,51.26,14.78,51.26,65.93,47.9-38,29.64-38,29.64-25.18,77.51-42.39-42.94-42.39-42.94-81.5,0,17.75-47.87,17.75-51.16-25.18-77.51C582,112.47,585.33,110.83,601.76,64.5Z"
transform="translate(-301 -64.5)"
fill="url(#bcc8da3a-a8ff-4d7e-8337-e53162e1db7f)"
/>
<path
d="M601.76,69.83c13.53,46.9,13.53,46.9,60.33,43.83-34.78,27.12-34.78,27.12-23,70.92-38.79-39.29-38.79-39.29-74.57,0,16.24-43.8,16.24-46.81-23-70.92C583.72,113.72,586.73,112.22,601.76,69.83Z"
transform="translate(-301 -64.5)"
fill={props.primaryColor}
/>
<circle
cx={408}
cy={253.37}
r={32}
fill="url(#7315fb14-0d63-4903-85a6-ba21ce163236)"
/>
<circle cx={408} cy={253.37} r={28} fill="#3b5998" />
<path
d="M711,306.3l.06,4.34,7-.1-.76,7.83-6.08.09.31,21.72-9.56.14-.31-21.72-4.34.06-.11-7.82,4.34-.06-.06-4.34s-.9-8.24,6.81-9.66l9.56-.14.1,7-4.34.06A2.56,2.56,0,0,0,711,306.3Z"
transform="translate(-301 -64.5)"
fill="url(#2dff063f-5ae1-4ed3-afc3-5946cb216358)"
/>
<path
d="M713.86,305.08l.06,4.34,7-.1-.76,7.83-6.08.09.31,21.72-9.56.14-.31-21.72-4.34.06-.11-7.82,4.34-.06-.06-4.34s-.9-8.24,6.81-9.66l9.56-.14.1,7-4.34.06A2.56,2.56,0,0,0,713.86,305.08Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={192}
cy={252.37}
r={32}
fill="url(#821f44f1-a638-41d3-86c4-6fa55275ab1a)"
/>
<circle cx={192} cy={252.37} r={28} fill="#00aced" />
<path
d="M509.08,306.72l4.23-.85s-3.55,4-4.23,4.23h0a17,17,0,0,0,0,2.54C501,347.5,471,332.1,471,332.1c10.92.25,11.85-4.23,11.85-4.23-6.35-.93-7.62-5.08-7.62-5.08a2.61,2.61,0,0,0,3.38-.85c-6.85-1.78-5.92-8.46-5.92-8.46a8.8,8.8,0,0,0,4.15,1.61c-.76-.93-7.19-8.63-3.3-12.61,0,0,4.74,8.46,17.18,9.22l.85-.17a6.64,6.64,0,0,1-.17-1.86,8.88,8.88,0,0,1,8.88-8.88c5.92,0,7.19,3.38,7.19,3.38l4.23-2.54C511.62,301.64,511.19,305.87,509.08,306.72Z"
transform="translate(-301 -64.5)"
fill="url(#ebbf8c66-3537-49f9-9828-9befcb118a16)"
/>
<path
d="M510.77,304.18l4.23-.85s-3.55,4-4.23,4.23h0a17,17,0,0,0,0,2.54c-8.12,34.86-38.08,19.46-38.08,19.46,10.92.25,11.85-4.23,11.85-4.23-6.35-.93-7.62-5.08-7.62-5.08a2.61,2.61,0,0,0,3.38-.85c-6.85-1.78-5.92-8.46-5.92-8.46a8.8,8.8,0,0,0,4.15,1.61c-.76-.93-7.19-8.63-3.3-12.61,0,0,4.74,8.46,17.18,9.22l.85-.17a6.64,6.64,0,0,1-.17-1.86,8.88,8.88,0,0,1,8.88-8.88c5.92,0,7.19,3.38,7.19,3.38l4.23-2.54C513.31,299.1,512.88,303.33,510.77,304.18Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={489}
cy={450.37}
r={32}
fill="url(#8c5c9a82-7902-4e4b-aeb6-38c841f4a599)"
/>
<circle cx={489} cy={450.37} r={28} fill="#0077b5" />
<path
d="M801.63,533.13l.24-14.83s-.78-3.12-3.73-3-3.94.54-5.33,2.11L792.55,533l-7.57-.12.39-23.45,7.57.12-.06,3.48s2.58-4.8,7.64-4.34c4.69.38,8.12,3.31,8.77,9.45h.15l-.25,15.13Zm-25.29-26.9a4.54,4.54,0,1,1,4.61-4.46A4.55,4.55,0,0,1,776.34,506.23Zm3.35,26.54-7.57-.12.39-23.45,7.57.12Z"
transform="translate(-301 -64.5)"
fill="url(#6572dd79-6866-4c62-adcd-5a75d6887bf1)"
/>
<path
d="M802.49,530.54l.24-14.83s-.78-3.12-3.73-3-3.94.54-5.33,2.11l-.26,15.59-7.57-.12.39-23.45,7.57.12-.06,3.48s2.58-4.8,7.64-4.34c4.69.38,8.12,3.31,8.77,9.45h.15l-.25,15.13Zm-25.29-26.9a4.54,4.54,0,1,1,4.61-4.46A4.55,4.55,0,0,1,777.2,503.64Zm3.35,26.54-7.57-.12.39-23.45,7.57.12Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={154}
cy={353.37}
r={32}
fill="url(#50a6bcbf-71f6-4f9f-9c70-5a56bbad7c5b)"
/>
<circle cx={154} cy={353.37} r={28} fill="#bd081c" />
<path
d="M470,414.31c-.74,4.48-1.16,10.55-10.38,13,0,0-5.39,1.65-7.31-2.22-.91,4.32-1.84,8.31-2.47,9.34a52.37,52.37,0,0,1-3.95,6s.44-7.58.46-9.26c0-2.6,1.92-14.36,1.92-14.36s-2.6-8.12,3-9.36c0,0,4.57-1.28,3.56,4.89,0,0-.76,4.06-1.74,8.72l.44.57a4.72,4.72,0,0,0,3.46,2.38c2.27.16,8.06-4.11,7.93-11.25s-1.72-9.08-8-10.59-11.43,1.73-13.14,7.26c-1.92,6.29-.1,7.73,1.22,9.19l-.66,4.23s-6.12-1.76-6.22-8.14,3.11-16.09,16.11-16.63S470.72,409.75,470,414.31Z"
transform="translate(-301 -64.5)"
fill="url(#99ef0e19-a61d-4b08-8dcf-bd6568c02f1e)"
/>
<path
d="M471.56,411.73c-.74,4.48-1.16,10.55-10.38,13,0,0-5.39,1.65-7.31-2.22-.91,4.32-1.84,8.31-2.47,9.34a52.37,52.37,0,0,1-3.95,6s.44-7.58.46-9.26c0-2.6,1.92-14.36,1.92-14.36s-2.6-8.12,3-9.36c0,0,4.57-1.28,3.56,4.89,0,0-.76,4.06-1.74,8.72l.44.57a4.72,4.72,0,0,0,3.46,2.38c2.27.16,8.06-4.11,7.93-11.25s-1.72-9.08-8-10.59-11.43,1.73-13.14,7.26c-1.92,6.29-.1,7.73,1.22,9.19l-.66,4.23s-6.12-1.76-6.22-8.14,3.11-16.09,16.11-16.63S472.29,407.16,471.56,411.73Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={448}
cy={351.37}
r={32}
fill="url(#12a5d3f8-5393-40ab-8b3e-aa3812c07f5a)"
/>
<circle cx={448} cy={351.37} r={28} fill="#d34836" />
<path
d="M771.78,417.71h-6v6a1.41,1.41,0,0,1-1.38,1.38h-.92a1.41,1.41,0,0,1-1.38-1.38v-6h-6a1.41,1.41,0,0,1-1.38-1.38v-.92a1.41,1.41,0,0,1,1.38-1.38h6v-6a1.41,1.41,0,0,1,1.38-1.38h.92a1.41,1.41,0,0,1,1.38,1.38v6h6a1.41,1.41,0,0,1,1.38,1.38v.92A1.41,1.41,0,0,1,771.78,417.71ZM751,401.52a9.2,9.2,0,0,1,1.93,5.61,9.72,9.72,0,0,1-6.26,8.83c.28.92,1.2,1.93,3.5,3.59,4.42,3.22,4.6,9.2,4.6,9.2h0v.46c0,4.78-5.8,8.74-12.88,8.74S729,434,729,429.21c0-4.6,5.24-8.37,12-8.74V416.7c-5.15-.64-9.2-4.69-9.2-9.57,0-5.34,4.69-9.66,10.58-9.66h.46s10.58-.83,12-.92.92,1.84.92,1.84Zm-15.55,27.23c0,3,3.13,5.52,6.9,5.52s6.9-2.48,6.9-5.52-3.13-5.52-6.9-5.52S735.44,425.72,735.44,428.75Zm11.22-22.54c-.74-3.5-3.31-6-5.7-5.52s-3.68,3.77-2.94,7.27,3.31,6,5.7,5.52S747.4,409.8,746.66,406.21Z"
transform="translate(-301 -64.5)"
fill="url(#5cbae585-c536-47b3-aa98-54e5047313c1)"
/>
<path
d="M773.62,415h-6v6a1.41,1.41,0,0,1-1.38,1.38h-.92a1.41,1.41,0,0,1-1.38-1.38v-6h-6a1.41,1.41,0,0,1-1.38-1.38v-.92a1.41,1.41,0,0,1,1.38-1.38h6v-6a1.41,1.41,0,0,1,1.38-1.38h.92a1.41,1.41,0,0,1,1.38,1.38v6h6a1.41,1.41,0,0,1,1.38,1.38v.92A1.41,1.41,0,0,1,773.62,415Zm-20.79-16.19a9.2,9.2,0,0,1,1.93,5.61,9.72,9.72,0,0,1-6.26,8.83c.28.92,1.2,1.93,3.5,3.59,4.42,3.22,4.6,9.2,4.6,9.2h0v.46c0,4.78-5.8,8.74-12.88,8.74s-12.88-4-12.88-8.74c0-4.6,5.24-8.37,12-8.74v-3.77c-5.15-.64-9.2-4.69-9.2-9.57,0-5.34,4.69-9.66,10.58-9.66h.46s10.58-.83,12-.92.92,1.84.92,1.84ZM737.28,426c0,3,3.13,5.52,6.9,5.52s6.9-2.48,6.9-5.52-3.13-5.52-6.9-5.52S737.28,423,737.28,426Zm11.22-22.54c-.74-3.5-3.31-6-5.7-5.52s-3.68,3.77-2.94,7.27,3.31,6,5.7,5.52S749.24,407,748.5,403.45Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={32}
cy={677.37}
r={32}
fill="url(#46765641-5247-48a6-b74b-53d6b54dbb16)"
/>
<circle cx={32} cy={677.37} r={28} fill="#00aced" />
<path
d="M351.08,734.72l4.23-.85s-3.55,4-4.23,4.23h0a17,17,0,0,0,0,2.54C343,775.5,313,760.1,313,760.1c10.92.25,11.85-4.23,11.85-4.23-6.35-.93-7.62-5.08-7.62-5.08a2.61,2.61,0,0,0,3.38-.85c-6.85-1.78-5.92-8.46-5.92-8.46a8.8,8.8,0,0,0,4.15,1.61c-.76-.93-7.19-8.63-3.3-12.61,0,0,4.74,8.46,17.18,9.22l.85-.17a6.64,6.64,0,0,1-.17-1.86,8.88,8.88,0,0,1,8.88-8.88c5.92,0,7.19,3.38,7.19,3.38l4.23-2.54C353.62,729.64,353.19,733.87,351.08,734.72Z"
transform="translate(-301 -64.5)"
fill="url(#794c57a5-8e00-4894-82bf-1880783379ee)"
/>
<path
d="M352.77,732.18l4.23-.85s-3.55,4-4.23,4.23h0a17,17,0,0,0,0,2.54c-8.12,34.86-38.08,19.46-38.08,19.46,10.92.25,11.85-4.23,11.85-4.23-6.35-.93-7.62-5.08-7.62-5.08a2.61,2.61,0,0,0,3.38-.85c-6.85-1.78-5.92-8.46-5.92-8.46a8.8,8.8,0,0,0,4.15,1.61c-.76-.93-7.19-8.63-3.3-12.61,0,0,4.74,8.46,17.18,9.22l.85-.17a6.64,6.64,0,0,1-.17-1.86,8.88,8.88,0,0,1,8.88-8.88c5.92,0,7.19,3.38,7.19,3.38l4.23-2.54C355.31,727.1,354.88,731.33,352.77,732.18Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={534}
cy={570.37}
r={32}
fill="url(#d73e8d8b-f5de-4a7b-bc91-c12c41a143e7)"
/>
<circle cx={534} cy={570.37} r={28} fill="#bd081c" />
<path
d="M850,631.31c-.74,4.48-1.16,10.55-10.38,13,0,0-5.39,1.65-7.31-2.22-.91,4.32-1.84,8.31-2.47,9.34a52.37,52.37,0,0,1-3.95,6s.44-7.58.46-9.26c0-2.6,1.92-14.36,1.92-14.36s-2.6-8.12,3-9.36c0,0,4.57-1.28,3.56,4.89,0,0-.76,4.06-1.74,8.72l.44.57a4.72,4.72,0,0,0,3.46,2.38c2.27.16,8.06-4.11,7.93-11.25s-1.72-9.08-8-10.59-11.43,1.73-13.14,7.26c-1.92,6.29-.1,7.73,1.22,9.19l-.66,4.23s-6.12-1.76-6.22-8.14,3.11-16.09,16.11-16.63S850.72,626.75,850,631.31Z"
transform="translate(-301 -64.5)"
fill="url(#a287f7cf-b981-4b46-a7a5-e3fe6ce30998)"
/>
<path
d="M851.56,628.73c-.74,4.48-1.16,10.55-10.38,13,0,0-5.39,1.65-7.31-2.22-.91,4.32-1.84,8.31-2.47,9.34a52.37,52.37,0,0,1-3.95,6s.44-7.58.46-9.26c0-2.6,1.92-14.36,1.92-14.36s-2.6-8.12,3-9.36c0,0,4.57-1.28,3.56,4.89,0,0-.76,4.06-1.74,8.72l.44.57a4.72,4.72,0,0,0,3.46,2.38c2.27.16,8.06-4.11,7.93-11.25s-1.72-9.08-8-10.59-11.43,1.73-13.14,7.26c-1.92,6.29-.1,7.73,1.22,9.19l-.66,4.23s-6.12-1.76-6.22-8.14,3.11-16.09,16.11-16.63S852.29,624.16,851.56,628.73Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={113}
cy={454.37}
r={32}
fill="url(#e65766e7-ab8c-4f5b-bfd3-b9a7c5095d11)"
/>
<circle cx={113} cy={454.37} r={28} fill="#3b5998" />
<path
d="M416,507.3l.06,4.34,7-.1-.76,7.83-6.08.09.31,21.72-9.56.14-.31-21.72-4.34.06-.11-7.82,4.34-.06-.06-4.34s-.9-8.24,6.81-9.66l9.56-.14.1,7-4.34.06A2.56,2.56,0,0,0,416,507.3Z"
transform="translate(-301 -64.5)"
fill="url(#e76b2440-b096-46f5-bb61-246e4e471e19)"
/>
<path
d="M418.86,506.08l.06,4.34,7-.1-.76,7.83-6.08.09.31,21.72-9.56.14-.31-21.72-4.34.06-.11-7.82,4.34-.06-.06-4.34s-.9-8.24,6.81-9.66l9.56-.14.1,7-4.34.06A2.56,2.56,0,0,0,418.86,506.08Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={64}
cy={569.37}
r={32}
fill="url(#668125a2-a642-4673-9f02-0f1ac728a50a)"
/>
<circle cx={64} cy={569.37} r={28} fill="#d34836" />
<path
d="M387.78,635.71h-6v6a1.41,1.41,0,0,1-1.38,1.38h-.92a1.41,1.41,0,0,1-1.38-1.38v-6h-6a1.41,1.41,0,0,1-1.38-1.38v-.92a1.41,1.41,0,0,1,1.38-1.38h6v-6a1.41,1.41,0,0,1,1.38-1.38h.92a1.41,1.41,0,0,1,1.38,1.38v6h6a1.41,1.41,0,0,1,1.38,1.38v.92A1.41,1.41,0,0,1,387.78,635.71ZM367,619.52a9.2,9.2,0,0,1,1.93,5.61,9.72,9.72,0,0,1-6.26,8.83c.28.92,1.2,1.93,3.5,3.59,4.42,3.22,4.6,9.2,4.6,9.2h0v.46c0,4.78-5.8,8.74-12.88,8.74S345,652,345,647.21c0-4.6,5.24-8.37,12-8.74V634.7c-5.15-.64-9.2-4.69-9.2-9.57,0-5.34,4.69-9.66,10.58-9.66h.46s10.58-.83,12-.92.92,1.84.92,1.84Zm-15.55,27.23c0,3,3.13,5.52,6.9,5.52s6.9-2.48,6.9-5.52-3.13-5.52-6.9-5.52S351.44,643.72,351.44,646.75Zm11.22-22.54c-.74-3.5-3.31-6-5.7-5.52s-3.68,3.77-2.94,7.27,3.31,6,5.7,5.52S363.4,627.8,362.66,624.21Z"
transform="translate(-301 -64.5)"
fill="url(#7fadd4d4-04c6-494c-a840-c0524248c3dc)"
/>
<path
d="M389.62,633h-6v6a1.41,1.41,0,0,1-1.38,1.38h-.92a1.41,1.41,0,0,1-1.38-1.38v-6h-6a1.41,1.41,0,0,1-1.38-1.38v-.92a1.41,1.41,0,0,1,1.38-1.38h6v-6a1.41,1.41,0,0,1,1.38-1.38h.92a1.41,1.41,0,0,1,1.38,1.38v6h6a1.41,1.41,0,0,1,1.38,1.38v.92A1.41,1.41,0,0,1,389.62,633Zm-20.79-16.19a9.2,9.2,0,0,1,1.93,5.61,9.72,9.72,0,0,1-6.26,8.83c.28.92,1.2,1.93,3.5,3.59,4.42,3.22,4.6,9.2,4.6,9.2h0v.46c0,4.78-5.8,8.74-12.88,8.74s-12.88-4-12.88-8.74c0-4.6,5.24-8.37,12-8.74v-3.77c-5.15-.64-9.2-4.69-9.2-9.57,0-5.34,4.69-9.66,10.58-9.66h.46s10.58-.83,12-.92.92,1.84.92,1.84ZM353.28,644c0,3,3.13,5.52,6.9,5.52s6.9-2.48,6.9-5.52-3.13-5.52-6.9-5.52S353.28,641,353.28,644Zm11.22-22.54c-.74-3.5-3.31-6-5.7-5.52s-3.68,3.77-2.94,7.27,3.31,6,5.7,5.52S365.24,625,364.5,621.45Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
<circle
cx={566}
cy={677.37}
r={32}
fill="url(#74b358ee-2808-4d3e-a206-0b82a517d11a)"
/>
<circle cx={566} cy={677.37} r={28} fill="#0077b5" />
<path
d="M878.63,761.13l.24-14.83s-.78-3.12-3.73-3-3.94.54-5.33,2.11L869.55,761l-7.57-.12.39-23.45,7.57.12-.06,3.48s2.58-4.8,7.64-4.34c4.69.38,8.12,3.31,8.77,9.45h.15l-.25,15.13Zm-25.29-26.9a4.54,4.54,0,1,1,4.61-4.46A4.55,4.55,0,0,1,853.34,734.23Zm3.35,26.54-7.57-.12.39-23.45,7.57.12Z"
transform="translate(-301 -64.5)"
fill="url(#823f05c8-15fb-4319-95da-2867774c7f73)"
/>
<path
d="M879.49,758.54l.24-14.83s-.78-3.12-3.73-3-3.94.54-5.33,2.11l-.26,15.59-7.57-.12.39-23.45,7.57.12-.06,3.48s2.58-4.8,7.64-4.34c4.69.38,8.12,3.31,8.77,9.45h.15l-.25,15.13Zm-25.29-26.9a4.54,4.54,0,1,1,4.61-4.46A4.55,4.55,0,0,1,854.2,731.64Zm3.35,26.54-7.57-.12.39-23.45,7.57.12Z"
transform="translate(-301 -64.5)"
fill="#fff"
/>
</svg>
);
UndrawSocialTree.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawSocialTree.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawSocialTree;