UNPKG

react-undraw-illustrations

Version:

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

324 lines (319 loc) 18.1 kB
import React from "react"; import PropTypes from "prop-types"; const UndrawSocialIdeas = props => ( <svg style={{height:props.height, width:'100%'}} className={props.class} id="028cd87a-0b35-461a-bfe3-3b7f66159f45" data-name="Layer 1" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 1061.37 862.18" > <defs> <linearGradient id="9d8dd509-b6b1-49aa-9217-31324d378028" x1={589.43} y1={881.09} x2={589.43} y2={18.91} 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> </defs> <title>social_ideas</title> <path d="M209.12,550.42s-58.69-115-32.93-212.55c10.81-41,8.83-84.27-7.08-123.52A329,329,0,0,0,141.4,161" transform="translate(-69.31 -18.91)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={2} /> <path d="M157.27,99.37c2.8,14.92-16.09,63.24-16.09,63.24s-35.12-38.19-37.92-53.1a27.48,27.48,0,0,1,54-10.14Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M217.42,173.62c-5.76,14-47.88,44.34-47.88,44.34s-8.73-51.14-3-65.19a27.48,27.48,0,1,1,50.85,20.85Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M242,315.17c-12.06,9.22-63.71,14.1-63.71,14.1s18.28-48.56,30.34-57.77A27.48,27.48,0,0,1,242,315.17Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M236.42,426.46C226.09,437.58,176,451.12,176,451.12s9.81-50.95,20.14-62.07a27.48,27.48,0,0,1,40.27,37.4Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M113.37,231.48c12.65,8.39,64.51,9.8,64.51,9.8s-21.5-47.22-34.15-55.61a27.48,27.48,0,1,0-30.37,45.81Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M108.54,361.72c14.58,4.22,64.49-10,64.49-10s-34.64-38.62-49.22-42.84a27.48,27.48,0,0,0-15.27,52.79Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M121.21,488.94c13.66,6.62,65.24,1.09,65.24,1.09s-27.62-43.92-41.27-50.54a27.48,27.48,0,1,0-24,49.45Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M157.27,99.37c2.8,14.92-16.09,63.24-16.09,63.24s-35.12-38.19-37.92-53.1a27.48,27.48,0,0,1,54-10.14Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M217.42,173.62c-5.76,14-47.88,44.34-47.88,44.34s-8.73-51.14-3-65.19a27.48,27.48,0,1,1,50.85,20.85Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M242,315.17c-12.06,9.22-63.71,14.1-63.71,14.1s18.28-48.56,30.34-57.77A27.48,27.48,0,0,1,242,315.17Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M236.42,426.46C226.09,437.58,176,451.12,176,451.12s9.81-50.95,20.14-62.07a27.48,27.48,0,0,1,40.27,37.4Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M113.37,231.48c12.65,8.39,64.51,9.8,64.51,9.8s-21.5-47.22-34.15-55.61a27.48,27.48,0,1,0-30.37,45.81Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M108.54,361.72c14.58,4.22,64.49-10,64.49-10s-34.64-38.62-49.22-42.84a27.48,27.48,0,0,0-15.27,52.79Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M121.21,488.94c13.66,6.62,65.24,1.09,65.24,1.09s-27.62-43.92-41.27-50.54a27.48,27.48,0,1,0-24,49.45Z" transform="translate(-69.31 -18.91)" fill="#fc6681" /> <path d="M987.94,336.08S1062.43,219,1071.43,169s26-96,26-96" transform="translate(-69.31 -18.91)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={2} /> <path d="M1114.43,173l-47,4S1092.43,220,1114.43,173Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M1032.43,147l37.22,29.81S1021.43,196,1032.43,147Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M1120.43,132l-42.32,5.67S1115.43,168,1120.43,132Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M1050.43,117l27.94,19.61S1044.43,151,1050.43,117Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M1088.74,99.19S1123.43,90,1128.43,92s2,24-12,25S1088.74,99.19,1088.74,99.19Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M1065.43,73s22,21,23,26-18,17-28,0S1065.43,73,1065.43,73Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <circle cx={1037.11} cy={56.09} r={10} fill="#ffd037" /> <circle cx={1019.11} cy={51.09} r={10} fill="#ffd037" /> <path d="M1108.88,283.77c-3.89-48.19-25.81-94.63-60.21-121.83-36.82-29.12-83.33-34.56-125.23-52-43.27-18.06-81.76-49.11-124.61-68.47a254.8,254.8,0,0,0-219.77,5c-46.64,23.54-93.9,78.57-145.84,82.71-37,2.95-111.12-34.12-140,.95-5.27,6.4-7.31,15.4-9.58,23.87-18.3,68.19-63.37,123-114.69,162.24-21.74,16.6-48.2,38.86-43.45,68.61,2.56,16,13.8,27.74,22.16,40.76,17.51,27.25,23.19,64.3,14.84,96.92-.17.65-.35,1.3-.53,2l-21.84,11.1c-11.56,5.87-24,12.74-28.75,24.81-4.88,12.52.25,26.69,7.12,38.25,4.92,8.27,10.8,16.17,14.93,24.78a66.73,66.73,0,0,0,1.26,8.4,64.78,64.78,0,0,0,4,12.14c.37,13.57-4.77,27.29-12,39-9,14.61-21,27.07-31.11,40.9C81.53,743,71,765.4,69.49,789.12s6.93,48.74,25.3,63.82c16.86,13.84,39.64,18,61.42,19q8.28.41,16.55.35c38.84,0,77.48-7.14,115.75-14.28l41.41-7.72c19-3.55,38.85-7.55,57-14.38a91.33,91.33,0,0,1-2.21,11.3,108,108,0,0,0-3.9,33.29v0H584.65c0,.17.07.34.11.51H711.08l-.22-.51h.22s-1.93-6.08-4.51-17.15a37.6,37.6,0,0,0,8.21-5.4,40,40,0,0,0,13.74-15.4s6.08-108.84.14-170.65c65.47-43.56,121.68-107.38,190.43-144.61C954.83,508,993.73,496,1026.84,471.06a201.3,201.3,0,0,0,47.36-51.26C1099.26,381.19,1112.77,332,1108.88,283.77Z" transform="translate(-69.31 -18.91)" fill="url(#9d8dd509-b6b1-49aa-9217-31324d378028)" /> <path d="M300.61,138c-5.14,6.24-7.12,15-9.34,23.27-17.84,66.49-61.78,120-111.83,158.18-21.19,16.18-47,37.89-42.36,66.89,2.49,15.58,13.45,27,21.61,39.74,17.08,26.57,22.61,62.7,14.47,94.5-9.26,36.19-35.12,70-27.11,106.56,4.94,22.56,21.7,38.56,37.82,52.34q37.71,32.23,77.83,60.37c17.93,12.58,37,24.82,57.89,26.41,18.4,1.41,36.42-5.58,53.88-12.49,15.26-6,30.91-12.31,43.23-24.4,8-7.89,14.46-18.08,23.39-24.53,21-15.17,47.94-5.55,72,.91a250.72,250.72,0,0,0,171.6-15.71c82.89-39,146.07-120.75,227.12-164.64,34.86-18.88,72.78-30.59,105.06-54.9a196.26,196.26,0,0,0,46.18-50c24.44-37.65,37.61-85.65,33.82-132.63s-25.17-92.27-58.7-118.79c-35.9-28.39-81.24-33.69-122.1-50.74-42.19-17.61-79.71-47.88-121.49-66.76a248.43,248.43,0,0,0-214.28,4.84c-45.47,22.95-91.55,76.61-142.2,80.64C401,140,328.79,103.85,300.61,138Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M705.64,390.83c0,.68,0,1.35,0,2,0,20.59-15.67,44.32-44.32,44.32a44,44,0,0,1-23.92-7,32.22,32.22,0,0,0,3.76.19,31.2,31.2,0,0,0,19.34-6.65A15.6,15.6,0,0,1,646,412.92a19.64,19.64,0,0,0,2.94.24,16.47,16.47,0,0,0,4.1-.53,15.58,15.58,0,0,1-12.49-15.29v-.19a15.69,15.69,0,0,0,7,2,15.6,15.6,0,0,1-4.82-20.83,44.28,44.28,0,0,0,32.12,16.3,17.58,17.58,0,0,1-.39-3.57,15.59,15.59,0,0,1,27-10.66,30.67,30.67,0,0,0,9.89-3.76,15.53,15.53,0,0,1-6.85,8.58,31.23,31.23,0,0,0,9-2.41,33.48,33.48,0,0,1-7.81,8.05Z" transform="translate(-69.31 -18.91)" opacity={0.2} /> <path d="M583.88,402.41C551.3,497.68,555,529.81,555,529.81l7,54s-141,20-119-46c12.61-37.84,9.78-98.7,5.06-143.73-3.51-33.52-8.06-58.27-8.06-58.27l162,17C595,371,589,387.47,583.88,402.41Z" transform="translate(-69.31 -18.91)" fill="#ffd5d8" /> <path d="M602,352.81c-7,18.17-13,34.66-18.16,49.6a107,107,0,0,1-135.78-8.33c-3.51-33.52-8.06-58.27-8.06-58.27Z" transform="translate(-69.31 -18.91)" opacity={0.1} /> <circle cx={451.73} cy={294.9} r={107} fill="#ffd5d8" /> <path d="M593,589.81l-63-27,11-84a136,136,0,0,1,27.07,6c24.26,7.86,57,25.61,63.89,64.83a1.42,1.42,0,0,1,0,.2C643,613.81,593,589.81,593,589.81Z" transform="translate(-69.31 -18.91)" fill="#ffd5d8" /> <path d="M632,549.61l-8.46,12.7-33.88,2.26V541.8s-8.12-26.49-8.12-28.49S568,487.56,568,487.56l-5.46-4.25,5.57,1.47C592.37,492.64,625.16,510.39,632,549.61Z" transform="translate(-69.31 -18.91)" opacity={0.05} /> <path d="M562.54,483.31l19.5,36.5v45l27,7-17-47S572.54,487.31,562.54,483.31Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M386,869.81v0a105.35,105.35,0,0,1,3.8-32.46c12.76-46.89-8.8-199.5-8.8-199.5s6-130,86-152c76.39-21,130,65.57,134.66,73.43.23.37.34.57.34.57l31.8-13.91.2-.09c0,.16,0,.33,0,.5.25,7.11,5.72,21.13,13.29,37.34a474,474,0,0,1,29.88,83.75,484.53,484.53,0,0,1,14.41,96.5C694.69,827.79,708,869.81,708,869.81Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M677.22,667.4l4.32,28.91-80-137,.16-.07,31.84-13.93.3.59.21.41c.25,7.11,5.72,21.13,13.29,37.34A474,474,0,0,1,677.22,667.4Z" transform="translate(-69.31 -18.91)" opacity={0.1} /> <path d="M471.59,165.76C429.43,161,384.82,171.34,352,198.23s-52,71.12-44.63,112.9c6.17,34.76,29.47,68.11,21.16,102.41-7.89,32.58-40.9,51.56-70.78,66.75L153.36,533.35c-11.27,5.73-23.44,12.42-28,24.19-4.76,12.21.24,26,6.94,37.29s15.25,21.81,18.38,34.54c4,16.23-1.66,33.46-10.39,47.7s-20.46,26.4-30.33,39.88C96.23,735.65,86,757.52,84.48,780.64s6.76,47.52,24.66,62.23c16.43,13.5,38.64,17.51,59.89,18.56,42.62,2.1,85-5.76,127-13.58l40.37-7.53c37.17-6.93,77.46-15.63,101.64-44.71,28-33.62,24.77-82.48,19.27-125.86S446.59,578.25,472,542.63c16.61-23.33,44.42-37.8,57.63-63.21,24.18-46.47-11-103.71.35-154.84,3.22-14.48,10.1-27.87,14.39-42.07,7.63-25.27,8.44-61.7-4.64-85.76C527.7,174.7,494.27,168.31,471.59,165.76Z" transform="translate(-69.31 -18.91)" opacity={0.1} /> <path d="M469.59,165.76C427.43,161,382.82,171.34,350,198.23s-52,71.12-44.63,112.9c6.17,34.76,29.47,68.11,21.16,102.41-7.89,32.58-40.9,51.56-70.78,66.75L151.36,533.35c-11.27,5.73-23.44,12.42-28,24.19-4.76,12.21.24,26,6.94,37.29s15.25,21.81,18.38,34.54c4,16.23-1.66,33.46-10.39,47.7s-20.46,26.4-30.33,39.88C94.23,735.65,84,757.52,82.48,780.64s6.76,47.52,24.66,62.23c16.43,13.5,38.64,17.51,59.89,18.56,42.62,2.1,85-5.76,127-13.58l40.37-7.53c37.17-6.93,77.46-15.63,101.64-44.71,28-33.62,24.77-82.48,19.27-125.86S444.59,578.25,470,542.63c16.61-23.33,44.42-37.8,57.63-63.21,24.18-46.47-11-103.71.35-154.84,3.22-14.48,10.1-27.87,14.39-42.07,7.63-25.27,8.44-61.7-4.64-85.76C525.7,174.7,492.27,168.31,469.59,165.76Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M469.59,165.76C427.43,161,382.82,171.34,350,198.23s-52,71.12-44.63,112.9c6.17,34.76,29.47,68.11,21.16,102.41-7.89,32.58-40.9,51.56-70.78,66.75L151.36,533.35c-11.27,5.73-23.44,12.42-28,24.19-4.76,12.21.24,26,6.94,37.29s15.25,21.81,18.38,34.54c4,16.23-1.66,33.46-10.39,47.7s-20.46,26.4-30.33,39.88C94.23,735.65,84,757.52,82.48,780.64s6.76,47.52,24.66,62.23c16.43,13.5,38.64,17.51,59.89,18.56,42.62,2.1,85-5.76,127-13.58l40.37-7.53c37.17-6.93,77.46-15.63,101.64-44.71,28-33.62,24.77-82.48,19.27-125.86S444.59,578.25,470,542.63c16.61-23.33,44.42-37.8,57.63-63.21,24.18-46.47-11-103.71.35-154.84,3.22-14.48,10.1-27.87,14.39-42.07,7.63-25.27,8.44-61.7-4.64-85.76C525.7,174.7,492.27,168.31,469.59,165.76Z" transform="translate(-69.31 -18.91)" opacity={0.1} /> <path d="M562.54,483.31l75,137.69,52-26.69s-93-126-105-124S562.54,483.31,562.54,483.31Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <path d="M701,579.81l-17-50s-12-123-59-127,12,131,12,131,21,39,13,68S701,579.81,701,579.81Z" transform="translate(-69.31 -18.91)" fill="#ffd5d8" /> <path d="M461.09,673.47,578,814.81s112,80,143,21c0,0,13-161-2-199s-20-62-20-62-62,24-66,7l1.5,162.5S564,484.81,496,516.81q-1.42.67-2.8,1.35C435,547.1,419.62,623.35,461.09,673.47Z" transform="translate(-69.31 -18.91)" opacity={0.1} /> <path d="M465.09,670.47,582,811.81s112,80,143,21c0,0,9-161-6-199s-16-62-16-62-62,24-66,7l2.5,201.5S568,481.81,500,513.81q-1.42.67-2.8,1.35C439,544.1,423.62,620.35,465.09,670.47Z" transform="translate(-69.31 -18.91)" fill={props.primaryColor} /> <circle cx={692.23} cy={115.4} r={8} fill="#fff" /> <circle cx={666.23} cy={226.4} r={4} fill="#fff" /> <circle cx={516.23} cy={115.4} r={4} fill="#fff" /> <circle cx={183.69} cy={278.09} r={4} fill="#fff" /> <circle cx={415.23} cy={567.4} r={4} fill="#fff" /> <circle cx={144.23} cy={383.4} r={4} fill="#fff" /> <circle cx={839.23} cy={145.4} r={4} fill="#fff" /> <circle cx={612.23} cy={307.4} r={4} fill="#fff" /> <circle cx={954.23} cy={255.4} r={4} fill="#fff" /> <circle cx={692.69} cy={553.09} r={4} fill="#fff" /> <polygon points="839.23 264.21 830.92 264.21 830.92 255.9 829.53 255.9 829.53 264.21 821.23 264.21 821.23 265.6 829.53 265.6 829.53 273.9 830.92 273.9 830.92 265.6 839.23 265.6 839.23 264.21" fill="#fff" /> <polygon points="423.23 760.6 419.54 760.6 419.54 756.9 418.92 756.9 418.92 760.6 415.23 760.6 415.23 761.21 418.92 761.21 418.92 764.9 419.54 764.9 419.54 761.21 423.23 761.21 423.23 760.6" fill="#fff" /> <polygon points="588.23 647.6 584.53 647.6 584.53 643.9 583.92 643.9 583.92 647.6 580.23 647.6 580.23 648.21 583.92 648.21 583.92 651.9 584.53 651.9 584.53 648.21 588.23 648.21 588.23 647.6" fill="#fff" /> <polygon points="834.23 417.6 830.53 417.6 830.53 413.9 829.92 413.9 829.92 417.6 826.23 417.6 826.23 418.21 829.92 418.21 829.92 421.9 830.53 421.9 830.53 418.21 834.23 418.21 834.23 417.6" fill="#fff" /> <polygon points="666.23 475.6 662.53 475.6 662.53 471.9 661.92 471.9 661.92 475.6 658.23 475.6 658.23 476.21 661.92 476.21 661.92 479.9 662.53 479.9 662.53 476.21 666.23 476.21 666.23 475.6" fill="#fff" /> <polygon points="191.23 413.6 187.53 413.6 187.53 409.9 186.92 409.9 186.92 413.6 183.23 413.6 183.23 414.21 186.92 414.21 186.92 417.9 187.53 417.9 187.53 414.21 191.23 414.21 191.23 413.6" fill="#fff" /> <polygon points="592.23 178.6 588.53 178.6 588.53 174.9 587.92 174.9 587.92 178.6 584.23 178.6 584.23 179.21 587.92 179.21 587.92 182.9 588.53 182.9 588.53 179.21 592.23 179.21 592.23 178.6" fill="#fff" /> <polygon points="269.23 143.6 265.54 143.6 265.54 139.9 264.92 139.9 264.92 143.6 261.23 143.6 261.23 144.21 264.92 144.21 264.92 147.9 265.54 147.9 265.54 144.21 269.23 144.21 269.23 143.6" fill="#fff" /> <path d="M790.31,172.4l-5.77,14.73v60.22H805v10.88h11.53l10.88-10.88h16.67l22.42-22.42V172.4Zm68.55,48.68L846,233.9h-20.5l-10.88,10.88V233.9h-17.3V180.08h61.5ZM846,194.81v22.4h-7.68v-22.4Zm-20.5,0v22.4h-7.68v-22.4Z" transform="translate(-69.31 -18.91)" opacity={0.2} /> <path d="M928.21,362.86,911.76,356l22-52.95,16.45,6.83ZM945,299.27a10.36,10.36,0,1,1,13.52-5.65A10.4,10.4,0,0,1,945,299.27Zm44.78,89.17-16.41-6.82,10.71-25.77c2.55-6.14,5.7-14.07-2.72-17.57s-12.63,2.58-15.5,9.48L954.94,374l-16.43-6.83,22-52.95,15.77,6.55-3,7.22.23.1c3.92-3.25,11.11-5.41,19.11-2.08,16.64,6.91,15.15,19.14,9.24,33.38l-12.09,29.08Z" transform="translate(-69.31 -18.91)" opacity={0.2} /> <path d="M641.6,85.86A16.36,16.36,0,1,0,658,102.21,16.33,16.33,0,0,0,641.6,85.86Zm0,27a10.63,10.63,0,1,1,10.63-10.63,10.65,10.65,0,0,1-10.63,10.63Zm20.84-27.66a3.82,3.82,0,1,1-3.82-3.82A3.81,3.81,0,0,1,662.44,85.19Zm10.83,3.87c-.24-5.11-1.41-9.64-5.15-13.37s-8.26-4.9-13.37-5.15c-5.27-.3-21.06-.3-26.32,0-5.1.24-9.62,1.41-13.37,5.14s-4.9,8.26-5.15,13.37c-.3,5.27-.3,21.06,0,26.32.24,5.11,1.41,9.64,5.15,13.37s8.26,4.9,13.37,5.15c5.27.3,21.06.3,26.32,0,5.11-.24,9.64-1.41,13.37-5.15s4.9-8.26,5.15-13.37c.3-5.27.3-21,0-26.31Zm-6.8,32a10.77,10.77,0,0,1-6.06,6.06c-4.2,1.67-14.17,1.28-18.81,1.28s-14.62.37-18.81-1.28a10.77,10.77,0,0,1-6.06-6.06c-1.67-4.2-1.28-14.17-1.28-18.81s-.37-14.62,1.28-18.81a10.77,10.77,0,0,1,6.06-6.06c4.2-1.67,14.17-1.28,18.81-1.28s14.62-.37,18.81,1.28a10.77,10.77,0,0,1,6.06,6.06c1.67,4.2,1.28,14.17,1.28,18.81S668.13,116.84,666.47,121Z" transform="translate(-69.31 -18.91)" opacity={0.2} /> <path d="M858.54,454v58.71a3.64,3.64,0,0,1-3.64,3.64H838.08V490.75h8.57l1.28-10h-9.87v-6.36c0-2.89.8-4.85,4.94-4.85h5.27v-8.91a70.91,70.91,0,0,0-7.69-.4c-7.6,0-12.82,4.64-12.82,13.17v7.35h-8.6v10h8.6v25.56H796.18a3.65,3.65,0,0,1-3.64-3.64V454a3.65,3.65,0,0,1,3.64-3.64h58.71A3.65,3.65,0,0,1,858.54,454Z" transform="translate(-69.31 -18.91)" opacity={0.2} /> <path d="M1023.19,196.07a10.49,10.49,0,0,0-5.44-8.95c-5.92-3.23-31.29-9.34-31.29-9.34s-25.38-6.11-32.12-5.93a10.49,10.49,0,0,0-8.91,5.49c-3.23,6-6.43,19.25-6.43,19.25s-3.2,13.29-3,20.07a10.33,10.33,0,0,0,5.46,8.83c5.92,3.23,31.29,9.34,31.29,9.34s25.38,6.11,32.12,5.93a10.33,10.33,0,0,0,8.89-5.38c3.23-6,6.43-19.25,6.43-19.25S1023.36,202.85,1023.19,196.07Zm-54.82,20.37,5.81-24.13,18.31,17.17-24.11,7Z" transform="translate(-69.31 -18.91)" opacity={0.2} /> </svg> ); UndrawSocialIdeas.propTypes = { /** * Hex color */ primaryColor: PropTypes.string, /** * percentage */ height: PropTypes.string, /** * custom class for svg */ class: PropTypes.string }; UndrawSocialIdeas.defaultProps = { primaryColor: "#6c68fb", height: "250px", class: "" }; export default UndrawSocialIdeas;