UNPKG

react-undraw-illustrations

Version:

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

529 lines (524 loc) 19.4 kB
import React from "react"; import PropTypes from "prop-types"; const UndrawWoman = props => ( <svg style={{height:props.height, width:'100%'}} className={props.class} id="a236847f-4365-42a4-83dd-641223201d9d" data-name="Layer 1" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 671.26 727.78" > <defs> <linearGradient id="90e388cb-57cf-47db-85f3-30f135f3e82c" x1={467} y1={460.13} x2={467} y2={283} 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="2abb81ba-b0e8-44a9-a2e2-198db3a70a8d" x1={139.14} y1={646.22} x2={166.86} y2={646.22} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <linearGradient id="1a516461-5496-4a40-a9b0-59b30917967b" x1={207.95} y1={646.22} x2={235.66} y2={646.22} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <linearGradient id="d5798ae0-9dec-433e-afb4-048c5b77d7af" x1={435.67} y1={574.16} x2={560.61} y2={574.16} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <linearGradient id="0bda958f-23d7-4b37-97b4-e217478a8043" x1={432} y1={769.59} x2={475.73} y2={769.59} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <linearGradient id="49bbdd5f-fb0a-4c27-bcf2-23f3ad83c4a2" x1={517.27} y1={769.59} x2={561} y2={769.59} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <linearGradient id="b0e441c9-4147-449b-bf7e-89341bf6ad6a" x1={188.06} y1={206.65} x2={188.06} y2={0} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <linearGradient id="eea7ddc8-7f72-48a2-af46-391804db1359" x1={802.38} y1={792.69} x2={802.38} y2={485} xlinkHref="#90e388cb-57cf-47db-85f3-30f135f3e82c" /> <clipPath id="79dac33e-92ac-4184-81eb-ef3e37f924c2" transform="translate(-308.88 -88.69)" > <path id="688de962-afa5-402f-8da8-a7c1e4dc5246" data-name="<Clipping Path>" d="M885.31,613.86c-18.85-10.21-66.93-14.76-69.3-16.17-4.45-2.65-5.27-9.17-6.11-16.84-.3-2.74-1.1-1.12-4.21-.86-25.61,2.06-127,8.75-140.17-14.35-14.57,17.59-24.41,40.72-26.72,66.65C633.7,689.41,667,739.62,714.27,748.74a185.65,185.65,0,0,0,57.91,14.55c29.67,2.64,58-2.33,81.67-12.53a33.82,33.82,0,0,0,19.72,8.8c20.84,1.86,37-36.75,39.14-61.17.08-.94.14-1.85.18-2.72a67.15,67.15,0,0,0,4.43-18.6C927.25,643.52,911.83,628.22,885.31,613.86Z" fill="#ffcc80" /> </clipPath> </defs> <title>girl and dog</title> <path d="M613.46,399.86c.12-.43.22-.86.3-1.29,0-.15,0-.31.07-.47s.09-.6.12-.9,0-.42,0-.64,0-.52,0-.78,0-.41,0-.62,0-.56-.06-.84,0-.34-.07-.52c0-.32-.1-.64-.16-1,0,0,0-.1,0-.14L591.35,292.12c-14.46,2-6.77.24-14.46,2s0,0-13.49,4.39L569,323.79l-20.07-30.16a14.22,14.22,0,0,0-10.2-6.35A92.78,92.78,0,0,1,524,284.5a37.58,37.58,0,0,0-10.52-1.5h-34a37.58,37.58,0,0,0-10.52,1.5,92.78,92.78,0,0,1-14.75,2.78,14.22,14.22,0,0,0-10.2,6.35l-51.57,77.5-49.8-65.81c-11.91,7.81-5.68,2.89-11.91,7.81s0,0-10.72,10.09l61.78,81.63a14.19,14.19,0,0,0,10,5.56l.34,0c.29,0,.59,0,.88,0h.75l.47,0c.39,0,.78-.07,1.16-.13h.05a14.24,14.24,0,0,0,9.7-6.28L440,353l5.25,84.1c0,12.67,11.16,23,23.58,23h55.3c12.42,0,22.58-10.36,22.58-23L551,353l36.8,51,.14.19c.11.16.23.31.34.47s.38.51.58.75l.15.17a14.22,14.22,0,0,0,5.45,3.88l.16.06c.36.14.72.27,1.09.38l.55.14c.25.06.5.13.75.18s.49.08.74.11l.62.08.71,0,.71,0,.55,0c.31,0,.61,0,.91-.06l.34,0c.38-.05.77-.12,1.15-.2h.05l.1,0q.65-.15,1.28-.36l0,0a14.06,14.06,0,0,0,3.41-1.69,14.51,14.51,0,0,0,5.79-8.18Z" transform="translate(-308.88 -88.69)" fill="url(#90e388cb-57cf-47db-85f3-30f135f3e82c)" /> <rect x={139.14} y={628.95} width={27.71} height={34.53} fill="url(#2abb81ba-b0e8-44a9-a2e2-198db3a70a8d)" /> <rect x={207.95} y={628.95} width={27.71} height={34.53} fill="url(#1a516461-5496-4a40-a9b0-59b30917967b)" /> <path d="M520,419H474.67c-29.16,0-39,23.61-39,51.49l8.8,258.8h39.83V525.88a12.91,12.91,0,0,1,11.47-12.73c7.89-.91,14.66,5,14.66,12.4V729.3h39.83l10.36-258.8C560.61,442.62,549.2,419,520,419Z" transform="translate(-308.88 -88.69)" fill="url(#d5798ae0-9dec-433e-afb4-048c5b77d7af)" /> <path d="M475.73,752.17V787h-39.4a4.12,4.12,0,0,1-3-7.13c7.9-7.28,17.95-18.75,14.68-27.7" transform="translate(-308.88 -88.69)" fill="url(#0bda958f-23d7-4b37-97b4-e217478a8043)" /> <path d="M517.27,752.17V787h39.4a4.12,4.12,0,0,0,3-7.13c-7.9-7.28-17.95-18.75-14.68-27.7" transform="translate(-308.88 -88.69)" fill="url(#49bbdd5f-fb0a-4c27-bcf2-23f3ad83c4a2)" /> <rect x={141.08} y={625.82} width={26.22} height={34.17} fill="#ffd9cb" /> <rect x={206.19} y={625.82} width={26.22} height={34.17} fill="#ffd9cb" /> <path d="M518.11,419H475.18c-27.59,0-36.91,23.36-36.91,50.95l8.33,256.09h37.69V524.76a12.58,12.58,0,0,1,10.85-12.6A12.39,12.39,0,0,1,509,524.43V726.05H546.7L556.5,470C556.5,442.37,545.7,419,518.11,419Z" transform="translate(-308.88 -88.69)" fill="#212121" /> <path d="M476.18,748.68v34.46H438.9a4.1,4.1,0,0,1-2.83-7.05c7.48-7.2,17-18.55,13.89-27.41" transform="translate(-308.88 -88.69)" fill="#212121" /> <path d="M515.49,748.68v34.46h37.28a4.1,4.1,0,0,0,2.83-7.05c-7.48-7.2-17-18.55-13.89-27.41" transform="translate(-308.88 -88.69)" fill="#212121" /> <ellipse cx={188.06} cy={103.32} rx={98.06} ry={103.32} fill="url(#b0e441c9-4147-449b-bf7e-89341bf6ad6a)" /> <ellipse cx={188.06} cy={103.32} rx={93.17} ry={98.17} fill={props.primaryColor} /> <ellipse cx={186.69} cy={110.54} rx={76.85} ry={78.64} fill={props.primaryColor} /> <ellipse cx={187.69} cy={107.54} rx={76.85} ry={78.64} opacity={0.3} /> <rect x={544.35} y={253.71} width={55.2} height={27.31} rx={4.47} ry={4.47} transform="translate(-150.8 655.45) rotate(-74.09)" fill="#bdbdbd" /> <rect x={327.11} y={275.98} width={5.69} height={24.46} rx={1.99} ry={1.99} transform="translate(-403.71 92.33) rotate(-26.97)" fill="#ffcfbe" /> <rect x={317.15} y={280.65} width={5.69} height={24.08} rx={1.99} ry={1.99} transform="translate(-402.35 334.78) rotate(-60)" fill="#ffcfbe" /> <path d="M321.67,298.67c-2.25,1.27-13.93,8.9,1.1,22.86a5.38,5.38,0,0,0,6.86.37l10.6-7.85a5.39,5.39,0,0,0,1.89-6.07l-3-8.84a8.42,8.42,0,0,0-13.36-3.73l-3.29,2.74A5.16,5.16,0,0,1,321.67,298.67Z" transform="translate(-308.88 -88.69)" fill="#ffcfbe" /> <rect x={274.41} y={176.06} width={5.69} height={15.73} rx={1.99} ry={1.99} fill="#ffcfbe" /> <path d="M573.39,277s-19.78.34-7.19,25.29l21-4.28,2.23-21a3,3,0,0,0-3.8-3.25Z" transform="translate(-308.88 -88.69)" fill="#ffcfbe" /> <rect x={573.6} y={255.21} width={5.69} height={25.22} rx={1.99} ry={1.99} transform="translate(-368.05 182.11) rotate(-25.19)" fill="#ffcfbe" /> <rect x={569.17} y={258.48} width={5.69} height={21.81} rx={1.99} ry={1.99} transform="translate(-369.13 180.38) rotate(-25.19)" fill="#ffcfbe" /> <rect x={565.07} y={263.64} width={5.69} height={20.68} rx={1.99} ry={1.99} transform="translate(-371.48 179.07) rotate(-25.19)" fill="#ffcfbe" /> <rect x={561.37} y={270.28} width={5.69} height={18.18} rx={1.99} ry={1.99} transform="translate(-374.13 178.01) rotate(-25.19)" fill="#ffcfbe" /> <path d="M611.51,397.6c.12-.41.22-.83.29-1.25,0-.15,0-.3.07-.45s.09-.58.12-.87,0-.41,0-.62,0-.5,0-.76,0-.4,0-.6,0-.54-.06-.82,0-.33-.07-.5-.09-.62-.16-.93c0,0,0-.09,0-.14l-22.07-97.51c-14.3,1.94-6.7.23-14.3,1.94s0,0-13.34,4.25l5.55,24.51-19.85-29.24a14.11,14.11,0,0,0-10.09-6.16,93.41,93.41,0,0,1-14.59-2.7,37.87,37.87,0,0,0-10.4-1.45H479a37.87,37.87,0,0,0-10.4,1.45,93.41,93.41,0,0,1-14.59,2.7,14.11,14.11,0,0,0-10.09,6.16l-51,75.14L343.65,306c-11.78,7.57-5.62,2.8-11.78,7.57s0,0-10.6,9.79l61.1,79.14a14.11,14.11,0,0,0,9.9,5.39l.34,0c.29,0,.58,0,.87,0h.75l.46,0c.39,0,.77-.07,1.15-.13h.05a14.11,14.11,0,0,0,9.6-6.09L442,347.89l4.16,85.81A22.39,22.39,0,0,0,468.46,456h54.69a22.39,22.39,0,0,0,22.33-22.33l4.16-85.81,36.49,53.75.14.18.34.46c.19.25.37.49.57.72l.15.16a14.06,14.06,0,0,0,5.39,3.76l.16.06c.36.13.71.26,1.08.37l.55.14c.25.06.49.13.74.17s.49.08.73.11l.62.08.7,0,.7,0,.55,0c.3,0,.6,0,.9-.06l.34,0c.38-.05.76-.11,1.13-.19H601l.1,0q.64-.15,1.27-.35l0,0a13.95,13.95,0,0,0,9.1-9.56Z" transform="translate(-308.88 -88.69)" fill={props.primaryColor} /> <circle cx={186.94} cy={109.75} r={67.43} fill="#e53935" /> <rect x={174.3} y={160.81} width={27.51} height={50.99} rx={13.76} ry={13.76} fill="#ffe0b2" /> <circle cx={186.94} cy={121.44} r={52.15} fill="#ffe0b2" /> <circle cx={169.55} cy={107.05} r={3.15} fill="#db7657" /> <circle cx={204.32} cy={107.05} r={3.15} fill="#db7657" /> <path d="M508.7,227.67c0,4.21-5.77,7.63-12.89,7.63s-12.89-3.42-12.89-7.63S508.7,223.46,508.7,227.67Z" transform="translate(-308.88 -88.69)" fill="#fff" /> <path d="M470,153.49s-8.39,42,81.52,33.57l-22.18-36.56Z" transform="translate(-308.88 -88.69)" fill="#e53935" /> <ellipse cx={443.66} cy={206.98} rx={5.39} ry={9.29} transform="translate(-352.62 72.32) rotate(-19.62)" fill="#ffcfbe" /> <rect x={181.54} y={103.91} width={13.04} height={6.29} fill={props.primaryColor} /> <circle cx={267.29} cy={163.25} r={2.81} fill="#fff" /> <path d="M493.61,354.53a20.23,20.23,0,0,0-28.53,28.68l28.68,28.53,28.53-28.68a20.23,20.23,0,0,0-28.68-28.53Z" transform="translate(-308.88 -88.69)" fill="#fff" /> <ellipse cx={547.96} cy={206.98} rx={9.29} ry={5.39} transform="translate(-139.89 564.92) rotate(-70.38)" fill="#ffcfbe" /> <circle cx={167.46} cy={191.79} r={3.82} fill="#fff" /> <rect x={165.66} y={191.79} width={3.3} height={39.11} rx={1.15} ry={1.15} fill="#fff" /> <circle cx={210.56} cy={191.79} r={3.82} fill="#fff" /> <rect x={208.91} y={191.79} width={3.3} height={32.59} rx={1.15} ry={1.15} fill="#fff" /> <circle cx={158.53} cy={107.05} r={25.39} fill={props.primaryColor} /> <circle cx={158.53} cy={107.05} r={17.79} opacity={0.3} /> <circle cx={217.29} cy={107.05} r={25.39} fill={props.primaryColor} /> <circle cx={217.29} cy={107.05} r={17.79} opacity={0.3} /> <path d="M970.43,596c-6.5-7.62-24.81-2.67-40.9,11-6.18,5.27-10.17,12.2-12.75,18.74-5.95-5.3-13.38-10-21.9-14.63-20.05-10.86-71.22-15.71-73.73-17.2-4.73-2.82-5.61-9.75-6.5-17.92a5.57,5.57,0,0,0-.18-1l.28-.17a130.27,130.27,0,0,0-12.49-17.35,45.73,45.73,0,0,0,5.37-3.86c12.2-10.2,10.63-32.16,10.63-32.16s-21.34-5.42-33.54,4.78a44,44,0,0,0-8.13,8.9,78.56,78.56,0,0,0-34.28-11.86,86.52,86.52,0,0,0-32,3.15,44.22,44.22,0,0,0,2.48-11.27c1.41-15.84-15.22-30.26-15.22-30.26s-18.92,11.25-20.34,27.09c-1,11.14,2.09,21.14,7.42,26.4A108.5,108.5,0,0,0,661,559.89c-15.5,18.72-26,43.33-28.43,70.92-2.89,32.42,5.84,62.75,22.25,85.46-1.12.44-2.26.91-3.4,1.44-11.54,5.36-19.22,13.3-17.16,17.74s13.09,3.7,24.62-1.66a56.44,56.44,0,0,0,7.4-4.13c12.91,12.73,28.82,21.62,46.59,25q5.36,2.35,11,4.4a54.33,54.33,0,0,0-6.5,8.75c-6.57,10.89-8.49,21.77-4.3,24.3S726,787.91,732.59,777a50,50,0,0,0,5.76-13.31,204.89,204.89,0,0,0,36.16,6.49c31.57,2.81,61.72-2.48,86.89-13.33a36.29,36.29,0,0,0,18.2,9c-3.33,7.21-3.95,13.39-1,15.43,4,2.81,13.18-3.34,20.5-13.75,4.29-6.11,7-12.31,7.66-17,9.54-13.89,16-34.24,17.32-49.42.09-1,.15-2,.2-2.9a71.45,71.45,0,0,0,4.72-19.79c4.06-13.74,4.12-24.59,1.06-33.63,7.51-1.34,16.1-4.21,23.07-10.15C969.15,621,976.93,603.66,970.43,596Z" transform="translate(-308.88 -88.69)" fill="url(#eea7ddc8-7f72-48a2-af46-391804db1359)" /> <ellipse cx={660.02} cy={721.52} rx={21.65} ry={8.33} transform="translate(-551.35 256.38) rotate(-24.91)" fill="#795548" /> <ellipse cx={725.65} cy={765.41} rx={21.65} ry={8.33} transform="translate(-613.39 902.93) rotate(-58.91)" fill="#795548" /> <ellipse cx={882.42} cy={756.02} rx={21.65} ry={8.33} transform="translate(-552.36 954.69) rotate(-54.91)" fill="#795548" /> <path id="d4cc6ab4-d149-430e-920c-3c3981f4b132" data-name="<Clipping Path>" d="M885.31,613.86c-18.85-10.21-66.93-14.76-69.3-16.17-4.45-2.65-5.27-9.17-6.11-16.84-.3-2.74-1.1-1.12-4.21-.86-25.61,2.06-127,8.75-140.17-14.35-14.57,17.59-24.41,40.72-26.72,66.65C633.7,689.41,667,739.62,714.27,748.74a185.65,185.65,0,0,0,57.91,14.55c29.67,2.64,58-2.33,81.67-12.53a33.82,33.82,0,0,0,19.72,8.8c20.84,1.86,37-36.75,39.14-61.17.08-.94.14-1.85.18-2.72a67.15,67.15,0,0,0,4.43-18.6C927.25,643.52,911.83,628.22,885.31,613.86Z" transform="translate(-308.88 -88.69)" fill="#ffcc80" /> <g clipPath="url(#79dac33e-92ac-4184-81eb-ef3e37f924c2)"> <path d="M821.84,617.72c8.63,18.48,29,33.07,48.84,28.48,10-2.31,18.33-8.93,26.31-15.36l83.15-67c-1.88,1.51-23.53-4.42-27.16-4.77a263.68,263.68,0,0,0-30.12-1c-19.94.34-39.8,2.33-59.71,3.2-10.43.45-41.57-5.39-48.26,3C807.09,574.1,817.22,607.84,821.84,617.72Z" transform="translate(-308.88 -88.69)" fill="#ffa726" /> <path d="M789.52,662.89c-7.81,2.91-14.78,9.55-15.64,17.84a4.18,4.18,0,0,0,.39,2.67,4.66,4.66,0,0,0,2.89,1.65,97.68,97.68,0,0,0,40.33,2.36c6-.9,12.77-3.16,14.69-8.88,1.47-4.38-.69-9.32-4.09-12.44C818.51,657.29,800.85,658.66,789.52,662.89Z" transform="translate(-308.88 -88.69)" fill="#ffa726" /> <path d="M917.51,656.66c-7.3,3.18-13.65,9.67-14.49,17.58-.6,5.62,1.6,11.19,4.5,16a56.75,56.75,0,0,0,34.42,25.64,7,7,0,0,0,4.47.07,7.38,7.38,0,0,0,3.05-3.27c2.49-4.16,4.9-8.56,5.42-13.38,1.24-11.38-8.09-21.36-9.18-32.76C944,649.06,933.3,649.77,917.51,656.66Z" transform="translate(-308.88 -88.69)" fill="#ffa726" /> <path d="M663.67,671.55c-.18,4.32-.6,8.73-2.36,12.68-1.91,4.28-5.28,7.75-8.87,10.77a75.19,75.19,0,0,1-40.36,17.19c-1.8.19-3.88.21-5.1-1.13a5.66,5.66,0,0,1-1-4c.26-9.32,4.09-18.1,6.49-27.11,3.59-13.45,2-103.41,15.6-101,10.58,1.91,23.63,33.46,27,42.19A125.21,125.21,0,0,1,663.67,671.55Z" transform="translate(-308.88 -88.69)" fill="#ffa726" /> <path d="M690.69,747.19c9.11-10.12,20-19.54,33.33-22.46,14.18-3.11,29.33,1.82,40.74,10.79s19.47,21.6,25.44,34.83c3.38,7.48,6.21,15.48,5.89,23.69s-4.36,16.69-11.71,20.34c-6,3-13.21,2.36-19.7.65-19.3-5.11-35.31-18.91-54.41-24.75-8.93-2.73-35.83-3-40.64-12.32C665.46,769.88,685.11,753.38,690.69,747.19Z" transform="translate(-308.88 -88.69)" fill="#ffa726" /> </g> <path d="M810,579.77c-15-25-39.66-45.91-68.08-48.45-29.42-2.62-57.07,11-76.41,34.31C680.34,591.71,737,624.34,810,579.77Z" transform="translate(-308.88 -88.69)" fill="#ffa726" /> <ellipse cx={697.51} cy={522.2} rx={27.06} ry={16.78} transform="translate(-193.44 1081.9) rotate(-84.91)" fill="#ffa726" /> <ellipse cx={792.55} cy={546.97} rx={27.06} ry={16.78} transform="translate(-475.19 547.16) rotate(-39.91)" fill="#ffa726" /> <ellipse cx={719.1} cy={572.48} rx={14.61} ry={11.36} transform="translate(-223.84 1149.23) rotate(-84.91)" fill="#faf8e4" /> <ellipse cx={751.19} cy={572.08} rx={14.61} ry={11.36} transform="translate(-194.2 1180.83) rotate(-84.91)" fill="#faf8e4" /> <circle cx={719.1} cy={572.48} r={8.12} transform="translate(-223.84 1149.23) rotate(-84.91)" fill="#040000" /> <circle cx={751.19} cy={572.08} r={8.12} transform="translate(-194.2 1180.83) rotate(-84.91)" fill="#040000" /> <path d="M770.37,654.61h0a13.8,13.8,0,0,1-18.65-3.68c-.26-.37-.49-.76-.72-1.15-1.86-3.19-11.26-19-17.23-22.88-6.65-4.26,25.3-22.35,23.31-14.78s17.55,23.44,17.55,23.44A13.8,13.8,0,0,1,770.37,654.61Z" transform="translate(-308.88 -88.69)" fill="#ef5350" /> <path d="M940,635.94c-15.12,12.9-38.44,10.38-38.44,10.38s1.2-23.43,16.32-36.32,32.33-17.55,38.44-10.38S955.12,623,940,635.94Z" transform="translate(-308.88 -88.69)" fill="#ffcc80" /> <ellipse cx={738.01} cy={604.46} rx={39.51} ry={23.94} transform="translate(-363.85 -14.52) rotate(-5.55)" fill={props.primaryColor} /> <ellipse cx={738.01} cy={604.46} rx={39.51} ry={23.94} transform="translate(-363.85 -14.52) rotate(-5.55)" fill="#ffa726" /> <ellipse cx={737.95} cy={595.38} rx={32.47} ry={12.99} transform="translate(-362.97 -14.57) rotate(-5.55)" fill="#ffa726" /> <ellipse cx={737.95} cy={595.38} rx={32.47} ry={12.99} transform="translate(-362.97 -14.57) rotate(-5.55)" opacity={0.5} /> <path d="M852.59,751.18s-27-28.76,15.08-62.5" transform="translate(-308.88 -88.69)" fill="none" stroke="#000" strokeMiterlimit={10} strokeWidth={5} opacity={0.1} /> <path d="M769.94,648.33c-3.77-3.11-7.58-6.25-10.61-10.11-2.72-3.46-4.33-7.67-7.42-10.85-1-1-2.63.39-1.66,1.39,3.29,3.39,5,7.94,8,11.57a75.51,75.51,0,0,0,10.43,9.77C769.76,651,771,649.21,769.94,648.33Z" transform="translate(-308.88 -88.69)" opacity={0.1} /> <circle cx={751.04} cy={570.71} r={2.71} transform="translate(-192.97 1179.43) rotate(-84.91)" fill="#faf8e4" /> <circle cx={719.24} cy={567.88} r={2.71} transform="translate(-219.12 1145.17) rotate(-84.91)" fill="#faf8e4" /> </svg> ); UndrawWoman.propTypes = { /** * Hex color */ primaryColor: PropTypes.string, /** * percentage */ height: PropTypes.string, /** * custom class for svg */ class: PropTypes.string }; UndrawWoman.defaultProps = { primaryColor: "#6c68fb", height: "250px", class: "" }; export default UndrawWoman;