react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
523 lines (518 loc) • 31.4 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawHighFive = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="dcc22515-6e5c-427c-a472-433a07234f27"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1009.54 766.62"
>
<defs>
<linearGradient
id="43242edf-68b9-436b-b935-0b4e021271d5"
x1={625.8}
y1={769.51}
x2={625.8}
y2={88.59}
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>High five</title>
<path
d="M335.05,706.45c-8.5-.86-17.38-1.78-25.43.47s-14.72,8.82-12.33,15.1c5.34,14,36.68,4.25,51.13,13.82,5.16,3.42,7.17,8.8,11.2,13,6.52,6.82,17.73,10,28.55,11.75,65,10.51,139.1-16.54,196.07,9.51,18.45,8.44,33,21.87,53.23,27.5,26.8,7.46,56.15-.51,83.88-5.62a410.28,410.28,0,0,1,104.89-5.5c25.93,2,60.42,2.67,68.72-16.16C900.3,758.21,889,744.73,874,739s-32.56-5.55-49.31-5c-32.33,1.16-64.67,3.5-97,2.36-62.52-2.22-121.58-27-182.46-27.82C474.33,707.68,406.28,713.63,335.05,706.45Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M269.32,393c-10,10.11-10.61,25.61-10.61,25.61s15.49-.88,25.45-11S294.78,382,294.78,382,279.28,382.91,269.32,393Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M309.57,143.24c3.53,13.75,16.48,22.3,16.48,22.3s7.23-13.73,3.7-27.48-16.48-22.29-16.48-22.29S306,129.5,309.57,143.24Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M894.41,181.06c-10,10.11-10.62,25.61-10.62,25.61s15.5-.88,25.46-11,10.61-25.62,10.61-25.62S904.37,171,894.41,181.06Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M589.62,322.74c-1.16,14.14,8.27,26.46,8.27,26.46s11.33-10.61,12.49-24.76S602.11,298,602.11,298,590.78,308.59,589.62,322.74Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M917.68,521.05c-1.16,14.14,8.27,26.46,8.27,26.46s11.33-10.61,12.49-24.75-8.27-26.46-8.27-26.46S918.84,506.91,917.68,521.05Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M681.78,163.07c-64.72-1.95-126.36-20-185.22-39.8S379.4,81.58,316.23,71.1c-40.63-6.74-87.1-7.69-119.83,11.16-31.51,18.13-41.69,49.44-47.16,78.49-4.12,21.85-6.54,44.85,4.74,65.31,7.84,14.21,21.74,26.15,31.36,39.75,33.47,47.35,9.81,105.73-26.45,152-17,21.69-36.75,42.37-49.88,65.46s-19.2,49.53-7.71,73.07c11.38,23.34,38.51,40.87,67.9,53.2,59.69,25,130,32.21,198.61,36.27,151.83,9,304.46,5.1,456.69,1.2,56.34-1.44,112.92-2.9,168.34-10.44,30.78-4.18,62.55-10.82,84.9-26.86,28.36-20.36,35.39-54.83,16.38-80.36-31.88-42.81-120-53.45-142.31-99.4-12.26-25.29.33-53.46,18.16-76.92,38.24-50.32,102.33-94.47,105.7-152,2.32-39.5-28.49-79.06-76.13-97.75-49.93-19.6-119.18-17.13-156,15.3C805.59,151.93,738.93,164.78,681.78,163.07Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M896.32,351.32a9,9,0,0,0-6.14,5.41l-1-.16-3.73-.6s-19.76-1.63-23.45-1.38-6-3.39-6-3.39l-14.69-12.43-1.14-1c1.59-.6,2.58-.91,2.58-.91s-39.42-49-47.92-49.95-22.55-12.39-22.69-12.5l-.15-.78c-.31-1.65-.54-3.32-.71-5l2.09,1.28h0c0-.58,0-1.16.06-1.74h0a31.64,31.64,0,0,1,5.88-16.8c4.11-5.7,10.19-10.18,12.62-16.75a24.21,24.21,0,0,0,1.29-8.79,29.3,29.3,0,0,0-4.1-15.29,19.1,19.1,0,0,0-12.9-8.9c-1.4-.22-2.83-.25-4.21-.57-8.21-1.93-11.23-12.94-19.21-15.64-3.72-1.26-7.86-.43-11.45,1.13s-6.84,3.8-10.35,5.53-7.49,3-10.68,5.45c-.33.25-.68.55-1,.86h0l-.63.61h0a22.64,22.64,0,0,0-3.41,4.45l-.15.25c-.1.17-.19.35-.28.53s-.15.28-.21.42-.16.32-.23.48l-.21.48-.18.46c-.06.17-.13.34-.18.52s-.1.29-.14.44l-.15.53-.09.43c0,.18-.07.37-.1.55s0,.27,0,.4,0,.38,0,.57,0,.25,0,.37,0,.4,0,.61,0,.2,0,.3a6.09,6.09,0,0,0,.18.87v0c.54,1.84,2.4,3.72,3.82,5.36-.16.15-.32.29-.48.45a34.86,34.86,0,0,0-10.67,25.11,34.4,34.4,0,0,0,.57,6.21,33.32,33.32,0,0,0-5.83-3.53,50.89,50.89,0,0,0-21.69-5c-12.25-.14-29.46-4.74-29.46-4.74a11.7,11.7,0,0,1,1,2.65c-.75-.43-1.56-.89-2.45-1.37a71.82,71.82,0,0,0-23-7.7s-5.1.71-5.78-10a45.41,45.41,0,0,0-1.8-9.87,168.22,168.22,0,0,1-6.06-30L610,163.52s7.7-41,3.07-58.48c1.49-5.48.65-10.5-4.26-14.11-19.37-14.26-38.91,41.24-38.91,41.24l-7.26,7.05a15.58,15.58,0,0,0-6.16-2.35s-3.91,4-6.63,14.92c-1.44,5.79-11.28,15.46-20.18,23.25-6.32,5.53-12.42,11.28-18.51,17.05-4.5,4.28-14.53,10.4-36.41,13.86-3.43.54-6.55,1.05-9.4,1.52a29.33,29.33,0,0,0,1.1-7.94,29.78,29.78,0,0,0-23.36-28.93,7.46,7.46,0,0,0,0-2.11,8.74,8.74,0,0,0-2.21-4c-4.61-5.7-9.61-11.56-16.47-14.26a21.45,21.45,0,0,0-8.89-1.43h-1.52c-.31,0-.61,0-.92,0h0a22.78,22.78,0,0,0-16.66,8.68c-2.46,3.29-3.94,7.19-6.06,10.7-3.94,6.5-10,11.51-16.57,15.47-3.95,2.39-8.1,4.45-11.83,7.16-13.53,9.83-19.77,28-16.37,44.24,1.5,7.13,4.67,14.15,3.82,21.38-.67,5.61-3.69,10.65-6.77,15.41s-6.34,9.6-7.56,15.11.06,12,4.68,15.34c1.7,1.22,3.76,2,5.21,3.48a16.7,16.7,0,0,1,2.4,3.76,37.42,37.42,0,0,0,23.27,18.08,17,17,0,0,0,4.76.52h.17l.31,0c3.67.23,7.43-.75,8.66-4a9.08,9.08,0,0,1,.83-2.12,2.49,2.49,0,0,1,1.45-1,13.32,13.32,0,0,1,3.39,1.28A43.12,43.12,0,0,0,406.69,327a23.2,23.2,0,0,0,2.89.05,12.78,12.78,0,0,0,5.89-.84,12.62,12.62,0,0,0,4.53-3.88c.26-.33.5-.68.75-1a82.71,82.71,0,0,1-7.38,23s-6,10-5.57,20.08a20.17,20.17,0,0,0,2.25,10.6s.17-.44.52-1.13c1.72,2.88,7.36,12.09,11.06,15.32.18,9.51.14,21.42-1.05,23.87-2,4.19-8.32,34,18.86,54.33l6.27,13.73-25.81,1.83c-2.61-.36-36.36-4.9-36.53,1.71-.17,6.87,5.1,73.77,22.6,69.24,16.31-4.22,10.93-23.73,10.12-26.35l.58-.16-.64-.18,13.05-12.37a5.78,5.78,0,0,0-1-4.29l.13-.07,31.52,1.41L467.14,528s12.57,19.12,2.38,35.21-20.73,41.25-22.43,56.51c-1.39,12.48-10.63,24.74-13.94,28.78-5.91,2-28.58,10.9-19.53,24.37,10.36,15.42,44,44.77,57.6,43.76s8.15-10.9,8.15-10.9L468,694.71s-2-23.48-1.19-30.35c.44-3.57-2.19-6.14-5-7.23,1.07-7.65,3.78-22.15,9.6-30.16,8.15-11.24,34.32-60.7,34.32-60.7s8.32-7.38,6.45-29.34c-.75-8.86-1.17-16.64-1.41-22.79l29.62,1.33s31.77-3.19,10.19-37.23-67.45-67.4-67.45-67.4l-.41-21.07c2.08.52,3.3.78,3.3.78s-.18-.76-.48-2.12l.48.11s-6.63-28.69-8.67-51.5l1.87.86c19.71,22.81,33,3.53,33,3.53s41.63-58.52,37.55-55.84a3.54,3.54,0,0,1-2.74.17l3-9.56s12.29-18.78-5.55-29.34c-14.56-8.62-14.18,18.4-13.55,28.61l-.72-.61s-13.93,21-21.41,32.7-13.76,4-13.76,4l-9.45-10.65a37.41,37.41,0,0,0,2.25-13.32,22.63,22.63,0,0,0-6.39-17.28c-7.21-7.35-9.32-14.47-9.54-19.95a21.12,21.12,0,0,1,1.89-8.22l49.11-26s10.36.16,24.29-21.3a368.42,368.42,0,0,1,29.74-39.23s-.29-.42-.79-1.11c.5-.59.79-.91.79-.91s-.57-.83-1.54-2.11l7.57-8.73a112,112,0,0,0-.09,11.85l3.92,13.25,2.2,73.77s-2.38,7,12.92,14.09c12.94,6,33.44,16,39.42,18.95-.22.54-.35.83-.35.83l1.78-.12.26.12h0c29.89-2.68,28.87,27.16,28.87,27.16s2,60.7-7.13,81.83-7.82,47.28-7.82,47.28.91-4.46,6,1.37c-.1.51-.21,1.06-.33,1.63-2.92,14.63-9,45.75-10.13,58.37a204.52,204.52,0,0,1-6.63,34l-3,55.83,19.11.93-.21,2a6.28,6.28,0,0,1-3.24,4.87c-6.54,3.55-22,16-20.76,54.42l-.66,6.18a77.64,77.64,0,0,1-9.33,29.81c-.44.78-.83,1.53-1.16,2.25a1.84,1.84,0,0,1,.52-1.07s-9.93,2.06-7.89,28.89,5.1,31.52,9.18,31.85,24,5.2,22.93-4.69-2-31.86-.68-35.21,6.74-12.39,1.6-14.57h0a76.64,76.64,0,0,0,2.15-18.8s10-15.76,17.15-21.63,11-15.84,13.59-28.67c.18-.84,21.07-14.76,18-26.32-.54-2-.93-3.77-1.23-5.37-.13-.71-.24-1.38-.34-2l.37,0,4.25-25.49v24.82l2.52.33-.09,2-1.07,23.8a39.18,39.18,0,0,1-3,13.48c-4.5,10.65-12.8,34.36-10.54,60l-.24,22.86c-.72.14-11.1,2.59-9.13,28.5,2,26.82,5.09,31.52,9.17,31.85s24,5.2,22.94-4.69-2-31.86-.68-35.21,3.7-12.21-1.44-14.39a19.16,19.16,0,0,1,2.14-8.63c2.24-3.81,9.72-21.92,15.35-35.85a128.31,128.31,0,0,0,9.45-44.33c0-.17,0-.34,0-.51a41.56,41.56,0,0,1,3.25-14.93,96.28,96.28,0,0,0,5.44-16.41c.14-.67.25-1.32.35-2l4.88.65,16.66-72.1s4.56-39.08,2.33-56.73c-.09-.73-.19-1.4-.31-2.05l1,.09s3.4-8.71,2.38-45.94,6.8-49,6.8-49c4.22-13.38,8.88-17.86,11.6-19.36h0a4.91,4.91,0,0,1,2.33-.76l12.61,14.43h0l2.32,2.66a.86.86,0,0,0,0-.16l1,1.17a10.78,10.78,0,0,1-.08-1.79c6.73,3.91,22.28,13.05,31.56,19.61,12.1,8.55,15.42,7.55,26,6.66,6.42-.53,15.1-4.13,20.92-6.87l.53-.25a25.54,25.54,0,0,0,4.92,2s17.08,14.47,18.73-11.94S896.32,351.32,896.32,351.32Zm-443,307.56a24.7,24.7,0,0,1-5-2.11ZM426.58,373l.06,3.75-.26.12C426.46,375.55,426.52,374.25,426.58,373ZM693.72,707.72l0,1.46A1.07,1.07,0,0,1,693.72,707.72Z"
transform="translate(-95.23 -66.69)"
fill="url(#43242edf-68b9-436b-b935-0b4e021271d5)"
/>
<rect x={624.01} y={201.63} width={29} height={30.5} fill="#ff7590" />
<path
d="M684,620.49c-2.55,12.75-6.33,22.66-13.33,28.5s-16.83,21.5-16.83,21.5c-.17,20.83-5.67,27.16-5.67,27.16l-5.67,1.5h-14s-2.5-7-3-11.16c-.17-1.39.82-3.72,2.2-6.22a77.92,77.92,0,0,0,9.15-29.63l.65-6.15c-1.18-38.17,14-50.56,20.37-54.09a6.24,6.24,0,0,0,3.17-4.84h0l1.13-10.91L699.83,578s-.8,3.32.63,11c.29,1.59.68,3.36,1.2,5.33C704.66,605.82,684.16,619.65,684,620.49Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M747.86,594.13a97.09,97.09,0,0,1-5.33,16.31,41.88,41.88,0,0,0-3.2,14.84c0,.17,0,.34,0,.51a129.17,129.17,0,0,1-9.27,44.06c-5.53,13.84-12.86,31.85-15.06,35.64-3.66,6.33-1.5,17-1.5,17l-21.2-1.5.37-35.67c-2.21-25.47,5.93-49,10.34-59.63a39.08,39.08,0,0,0,3-13.39l1-23.66.31-7s37.48-5.33,40.64,3.17C748.83,587.06,748.62,590.41,747.86,594.13Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M700.46,589,661,587.06l1.13-10.91L699.83,578S699,581.31,700.46,589Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M747.86,594.13,707,588.64l.31-7s37.48-5.33,40.64,3.17C748.83,587.06,748.62,590.41,747.86,594.13Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M769.33,521.15,753,592.82l-48.33-6.5V561.65L700.49,587l-58-2.84,3-55.5a205.85,205.85,0,0,0,6.5-33.83c1.13-12.54,7.07-43.47,9.94-58,1-4.79,1.56-7.81,1.56-7.81s99.34,20.66,105.84,28.16c1.11,1.28,1.84,4,2.29,7.61C773.8,482.31,769.33,521.15,769.33,521.15Z"
transform="translate(-95.23 -66.69)"
fill="#bdd2e8"
/>
<path
d="M653.33,525.82s39.1-20.5,48.63-16.17Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M674.66,458.82s32.5,24.67,33.5,31.33Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M665.83,543.82s23.5-1,31,5Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M708.16,517.44S719.33,554,714.49,564s-9.83-2.34-9.83-2.34Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M692.47,708s-11,1.67-9,28.33,5,31.34,9,31.67,23.5,5.17,22.5-4.67-2-31.66-.67-35,3.63-12.13-1.41-14.3l-1.09,5.14s-10.67-9.84-17-2.67a27.7,27.7,0,0,0-1.31-5.13C692.86,709.81,691.48,709,692.47,708Z"
transform="translate(-95.23 -66.69)"
fill="#494457"
/>
<path
d="M893.78,380.82s-2.52,1.41-6.22,3.17c-5.71,2.72-14.22,6.3-20.52,6.83-10.38.88-13.63,1.88-25.5-6.62-9.11-6.52-24.36-15.61-31-19.49L807.65,363l-.29-.17,0-.12,5.51-15.14,19.5-10.37,4.84,4.15,14.41,12.35s2.25,3.62,5.88,3.37,23,1.37,23,1.37l3.66.6,7.71,1.28Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M893.78,380.82s-2.52,1.41-6.22,3.17c-3.91-2-8.77-5.75-6.9-11.92,1.69-5.55,2.15-9.88,3.54-13l7.71,1.28Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M891.16,353.82s21.75-6.25,20.13,20-18.38,11.88-18.38,11.88-14.25-3.75-11.25-13.63S883.79,356.2,891.16,353.82Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M665.66,268.82,643,278.34l-.35.15-.25-.12-1.41-.71c-5.86-2.92-26-12.91-38.67-18.84-15-7-12.67-14-12.67-14l-2.16-73.33-3.84-13.17s-2.71-44.64,19-55.83,7.67,64.66,7.67,64.66L612,182.91a168.78,168.78,0,0,0,5.95,29.77,46.24,46.24,0,0,1,1.76,9.81c.67,10.66,5.67,9.95,5.67,9.95a69.61,69.61,0,0,1,22.54,7.66,56.38,56.38,0,0,1,7.46,4.72Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M746.33,303.82l-19.34-2s5.7-8.48,8.21-16.73a28.42,28.42,0,0,0,.85-3.45c.58-3.27.43-6.3-1.06-8.49-5.66-8.33,33.67-20,33.67-20a96.07,96.07,0,0,0-.43,13.88,70.23,70.23,0,0,0,1,9.61c1.19,6.47,3.56,12.56,8.08,15.68C789.66,300.82,746.33,303.82,746.33,303.82Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M746.33,303.82l-19.34-2s5.7-8.48,8.21-16.73c2.23,3.17,3,3.1,6.13,3.73,0,0,19.52,2.89,27.92-12.18,1.19,6.47,3.56,12.56,8.08,15.68C789.66,300.82,746.33,303.82,746.33,303.82Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M810.58,364.71a10.71,10.71,0,0,0,.08,1.78l-3-3.49-.25-.29,5.51-15.14,19.5-10.37,4.84,4.15C830.33,344,810.89,352.41,810.58,364.71Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M665.66,268.82,643,278.34l-.6,0-1.75.12s.13-.29.34-.83c1.89-4.59,10.66-27,6.87-37.56a56.38,56.38,0,0,1,7.46,4.72Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M771.62,464.76c-8.82-.79-97.06-8.95-105.29-21.94a45.64,45.64,0,0,0-4.4-6c1-4.79,1.56-7.81,1.56-7.81s99.34,20.66,105.84,28.16C770.44,458.43,771.17,461.14,771.62,464.76Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M741.33,289.82s19.73,2.92,28.07-12.41c0,0,13.93,11.44,22.26,12.42s47,49.66,47,49.66-31,10-29,26l-14.67-17s-7.33-.34-13.66,20c0,0-7.67,11.66-6.67,48.66s-2.33,45.67-2.33,45.67-97.34-8.33-106-22-10-7-10-7-1.34-26,7.66-47,7-81.33,7-81.33,1-29.67-28.33-27c0,0,12.33-28.67,6.67-39.67,0,0,16.87,4.58,28.89,4.72a49.42,49.42,0,0,1,21.28,5c3.61,1.77,6.94,4,8.83,6.66,5.66,8,15,4.34,15,4.34a151.41,151.41,0,0,0,8.7,21.33c.39.73.78,1.45,1.18,2.14.58,1,1.18,2,1.78,2.82C737.39,289.26,738.07,289.17,741.33,289.82Z"
transform="translate(-95.23 -66.69)"
fill="#ff7590"
/>
<path
d="M768.23,267a34.24,34.24,0,0,1-3.54,4.25,34.89,34.89,0,0,1-25,10.54,35.91,35.91,0,0,1-3.61-.18c.58-3.27.43-6.3-1.06-8.49-5.66-8.33,33.67-20,33.67-20A96.07,96.07,0,0,0,768.23,267Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M774.66,245.82a35,35,0,1,1-35-35A34.87,34.87,0,0,1,774.66,245.82Z"
transform="translate(-95.23 -66.69)"
fill="#8e5362"
/>
<path
d="M792,325.82l.72,23.42s10.45-8.42,10.78-16.42S792,325.82,792,325.82Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M707.66,349.24s27.5,37.75,43.5,41.58S713.66,361.48,707.66,349.24Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M736.83,353.17s15.33,17.32,26.33,19.48Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M682.83,396.82s28,27.5,44,29.17Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M774.66,245.82a34.87,34.87,0,0,1-10,24.46l-3.84-2.39a10.62,10.62,0,0,1-3.74-3.25c-1.27-2.12-.9-4.78-.8-7.25.21-5.23-1.23-10.89-5.32-14.16-6.63-5.31-17.26-2.37-24-7.58a23.66,23.66,0,0,1-4.25-4.73l-6.32-8.47c-.38-.5-.84-1-1.33-1.59a35,35,0,0,1,59.54,25Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M718.57,201c3.13-2.39,6.95-3.65,10.47-5.41s6.63-4,10.15-5.5,7.59-2.38,11.24-1.13c7.83,2.69,10.79,13.63,18.84,15.55,1.36.32,2.76.35,4.13.56a18.8,18.8,0,0,1,12.65,8.85,29.46,29.46,0,0,1,4,15.21,24.37,24.37,0,0,1-1.27,8.73c-2.38,6.53-8.35,11-12.38,16.65A31.66,31.66,0,0,0,770.61,273l-9.76-6.07a10.52,10.52,0,0,1-3.74-3.25c-1.27-2.12-.9-4.78-.8-7.25.21-5.23-1.23-10.89-5.31-14.16-6.64-5.31-17.27-2.37-24-7.58a23.66,23.66,0,0,1-4.25-4.73l-6.32-8.47c-1.37-1.84-4-4.13-4.6-6.37C710.5,210.3,715.05,203.71,718.57,201Z"
transform="translate(-95.23 -66.69)"
fill="#362133"
/>
<path
d="M761.94,265.8a10.52,10.52,0,0,1-3.74-3.25c-1.27-2.12-.9-4.78-.8-7.25.21-5.23-1.23-10.89-5.32-14.16-6.63-5.31-17.26-2.37-24-7.58a23.66,23.66,0,0,1-4.25-4.73l-6.32-8.47c-1.38-1.84-4-4.13-4.6-6.37-1.09-3.86,1.67-8.89,4.62-12.11-3.31,3.06-6.94,8.87-5.71,13.2.64,2.24,3.23,4.53,4.6,6.37l6.32,8.47a23.66,23.66,0,0,0,4.25,4.73c6.71,5.21,17.34,2.27,24,7.58,4.08,3.27,5.52,8.93,5.31,14.16-.1,2.47-.47,5.13.8,7.25a10.52,10.52,0,0,0,3.74,3.25l9.76,6.07c0-.58,0-1.16.06-1.73Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M627.07,682.94s-9.74,2-7.74,28.71,5,31.34,9,31.67,23.5,5.17,22.5-4.67-2-31.66-.67-35,6.61-12.31,1.57-14.48l-4.07,5.32s-10.67-9.84-17-2.67C630.66,691.82,624.74,685.27,627.07,682.94Z"
transform="translate(-95.23 -66.69)"
fill="#494457"
/>
<path
d="M633.23,699.5c2.11,1,4.08,2.22,6.18,3.22a13.87,13.87,0,0,0,6.71,1.58,4.68,4.68,0,0,0,2.74-.95"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M697.33,725.62c1.25,1.15,2.22,2.62,3.63,3.57,2,1.34,4.56,1.42,7,1.45a2.84,2.84,0,0,0,1.2-.15,2.92,2.92,0,0,0,1.07-1l1.31-1.69"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M533,282.15s-4.5-42.66,13-32.16,5.45,29.16,5.45,29.16l-4.11,13.17Z"
transform="translate(-95.23 -66.69)"
fill="#ffc1c7"
/>
<path
d="M561,145.82,571,136s19.17-55.17,38.17-41-24.08,50-24.08,50l-11.42,13.33Z"
transform="translate(-95.23 -66.69)"
fill="#ffc1c7"
/>
<path
d="M414.66,364l-.5,11.33s9.17,16,13,17.17,3.5-33.84,3.5-33.84Z"
transform="translate(-95.23 -66.69)"
fill="#ff5374"
/>
<path
d="M414.66,364l-.5,11.33s9.17,16,13,17.17,3.5-33.84,3.5-33.84Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<polygon
points="334.76 284.87 335.44 326.63 381.93 326.63 378.43 302.3 334.76 284.87"
fill="#ffc1c7"
/>
<path
d="M440.83,455.82,443,469.15l27.17,60.34s12.33,19,2.33,35-20.33,41-22,56.16-14.83,30-14.83,30l28.67,12.17s2-23.83,10-35S508,567.49,508,567.49s8.17-7.34,6.34-29.17-1.67-37.17-1.67-37.17l-2.83-34.83Z"
transform="translate(-95.23 -66.69)"
fill="#575988"
/>
<path
d="M440.83,455.82,443,469.15l27.17,60.34s12.33,19,2.33,35-20.33,41-22,56.16-14.83,30-14.83,30l28.67,12.17s2-23.83,10-35S508,567.49,508,567.49s8.17-7.34,6.34-29.17-1.67-37.17-1.67-37.17l-2.83-34.83Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M438.16,648.82s-30.67,9.33-20.5,24.67,43.17,44.5,56.5,43.5,8-10.84,8-10.84l-11.17-11s-2-23.33-1.16-30.16-9.5-10-10.84-6S438.16,648.82,438.16,648.82Z"
transform="translate(-95.23 -66.69)"
fill="#c4747b"
/>
<path
d="M457.49,375.58l-24.31,2.69a8.72,8.72,0,0,0-7.76,8.89c.26,9.72.43,25.18-.93,28-2,4.17-8.16,33.84,18.5,54l36.17,11.5-58,4.17L423,517l9-5,110,5s31.17-3.17,10-37-66.16-67-66.16-67l-.5-26.34L482,379Z"
transform="translate(-95.23 -66.69)"
fill="#575988"
/>
<path
d="M487.66,480.15a31.24,31.24,0,0,1,25,0Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M424,484.65s-35.83-5.16-36,1.67,5,73.33,22.17,68.83,9.83-26.5,9.83-26.5l12.84-12.33s1.33-6.83-7.17-6.17Z"
transform="translate(-95.23 -66.69)"
fill="#c4747b"
/>
<path
d="M483.33,298.15l14.16,16.17s6.17,7.67,13.5-4,21-32.5,21-32.5,15.17,13.33,19.17,10.67S514.33,344,514.33,344s-13,19.16-32.34-3.5l-5.66-2.67Z"
transform="translate(-95.23 -66.69)"
fill="#ff5374"
/>
<path
d="M483.33,298.15l14.16,16.17s6.17,7.67,13.5-4,21-32.5,21-32.5,15.17,13.33,19.17,10.67S514.33,344,514.33,344s-13,19.16-32.34-3.5l-5.66-2.67Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<circle cx={344.78} cy={136.25} r={29.5} fill="#ffc1c7" />
<path
d="M440,218.82s-25.35,12-22.35,33,3.5,47.5,3.5,47.5,11.51,17-3.75,49.5c0,0-9.75,16.5-3.25,28.5,0,0,7.21-19,25.85-5s48.65,20.5,48.65,20.5-15.5-68-6-77.5c0,0,16.5-24.5,1.5-40s-7.5-30-7.5-30l48.17-25.83s10.16.16,23.83-21.17a367.33,367.33,0,0,1,29.17-39s-10.34-15.5-20-16.67c0,0-3.84,4-6.5,14.84-1.42,5.75-11.07,15.36-19.8,23.11-6.2,5.5-12.18,11.21-18.15,17-4.42,4.25-14.26,10.33-35.72,13.77C442.33,217,440,218.82,440,218.82Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M440,216.82s-25.35,12-22.35,33,3.5,47.5,3.5,47.5,11.51,17-3.75,49.5c0,0-9.75,16.5-3.25,28.5,0,0,7.21-19,25.85-5s48.65,20.5,48.65,20.5-15.5-68-6-77.5c0,0,16.5-24.5,1.5-40s-7.5-30-7.5-30l48.17-25.83s10.16.16,23.83-21.17a367.33,367.33,0,0,1,29.17-39s-10.34-15.5-20-16.67c0,0-3.84,4-6.5,14.84-1.42,5.75-11.07,15.36-19.8,23.11-6.2,5.5-12.18,11.21-18.15,17-4.42,4.25-14.26,10.33-35.72,13.77C442.33,215,440,216.82,440,216.82Z"
transform="translate(-95.23 -66.69)"
fill="#ff5374"
/>
<path
d="M461.83,342.49s19.66,29,20.16,34C482,376.49,479,345.32,461.83,342.49Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M436,244.82s13.71,16.5,33.52,2.67A42.49,42.49,0,0,1,436,244.82Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M446.63,172.09a8.85,8.85,0,0,0-2.16-4c-4.52-5.67-9.43-11.49-16.16-14.18a22.34,22.34,0,0,0-25.49,7.26c-2.42,3.26-3.86,7.14-5.95,10.63-3.86,6.46-9.83,11.44-16.25,15.38-3.87,2.37-7.95,4.42-11.6,7.11-13.27,9.77-19.4,27.83-16.06,44,1.47,7.08,4.58,14.06,3.74,21.25-.65,5.58-3.62,10.58-6.63,15.32s-6.22,9.54-7.42,15,.06,11.93,4.59,15.24c1.67,1.22,3.68,2,5.11,3.46a16.61,16.61,0,0,1,2.35,3.74,36.77,36.77,0,0,0,22.83,18c4.3,1.13,10.07.72,11.64-3.44a9,9,0,0,1,.81-2.11c1.42-2,4.55-.88,6.75.27a41.79,41.79,0,0,0,16.13,4.63,13.45,13.45,0,0,0,6.61-.79,12.21,12.21,0,0,0,4.45-3.85c5.26-6.85,6.77-15.8,7.67-24.39.59-5.59,1-11.28-.07-16.8-1.7-8.86-7.09-17.14-6.29-26.12.85-9.6,8.64-17.45,9.83-27a20.59,20.59,0,0,0-3.51-14.19,20.29,20.29,0,0,1-2.67-4.18,4.15,4.15,0,0,1,.8-4.59,7,7,0,0,1,2.08-1c6.43-2.47,9.86-8.91,10.32-15.5.18-2.5,0-4.8.69-7.24C443.87,180.23,447.2,176.11,446.63,172.09Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M444.63,172.09a8.85,8.85,0,0,0-2.16-4c-4.52-5.67-9.43-11.49-16.16-14.18a22.34,22.34,0,0,0-25.49,7.26c-2.42,3.26-3.86,7.14-5.95,10.63-3.86,6.46-9.83,11.44-16.25,15.38-3.87,2.37-7.95,4.42-11.6,7.11-13.27,9.77-19.4,27.83-16.06,44,1.47,7.08,4.58,14.06,3.74,21.25-.65,5.58-3.62,10.58-6.63,15.32s-6.22,9.54-7.42,15,.06,11.93,4.59,15.24c1.67,1.22,3.68,2,5.11,3.46a16.61,16.61,0,0,1,2.35,3.74,36.77,36.77,0,0,0,22.83,18c4.3,1.13,10.07.72,11.64-3.44a9,9,0,0,1,.81-2.11c1.42-2,4.55-.88,6.75.27a41.79,41.79,0,0,0,16.13,4.63,13.45,13.45,0,0,0,6.61-.79,12.21,12.21,0,0,0,4.45-3.85c5.26-6.85,6.77-15.8,7.67-24.39.59-5.59,1-11.28-.07-16.8-1.7-8.86-7.09-17.14-6.29-26.12.85-9.6,8.64-17.45,9.83-27a20.59,20.59,0,0,0-3.51-14.19,20.29,20.29,0,0,1-2.67-4.18,4.15,4.15,0,0,1,.8-4.59,7,7,0,0,1,2.08-1c6.43-2.47,9.86-8.91,10.32-15.5.18-2.5,0-4.8.69-7.24C441.87,180.23,445.2,176.11,444.63,172.09Z"
transform="translate(-95.23 -66.69)"
fill="#bb7684"
/>
<g opacity={0.1}>
<path
d="M385,324.7a9.43,9.43,0,0,0-.82,2.11c-.93,2.48-3.36,3.62-6.07,3.9,3.77.38,7.8-.53,9.07-3.9a9.43,9.43,0,0,1,.82-2.11,2.5,2.5,0,0,1,1-.85C387.48,323.41,385.92,323.43,385,324.7Z"
transform="translate(-95.23 -66.69)"
/>
<path
d="M444.68,172.08a8.63,8.63,0,0,0-2.16-4c-4.52-5.67-9.43-11.49-16.16-14.18a21,21,0,0,0-9.2-1.38,20.42,20.42,0,0,1,6.2,1.38c6.73,2.69,11.64,8.51,16.16,14.18a8.63,8.63,0,0,1,2.16,4c.57,4-2.75,8.15-3.85,11.85-.73,2.44-.52,4.73-.69,7.24-.47,6.58-3.89,13-10.33,15.5a7,7,0,0,0-2.08,1,4.15,4.15,0,0,0-.79,4.6,20.24,20.24,0,0,0,2.66,4.18,20.57,20.57,0,0,1,3.52,14.18c-1.2,9.57-9,17.41-9.84,27-.8,9,4.6,17.26,6.29,26.11,1.06,5.52.66,11.21.07,16.8-.9,8.59-2.4,17.55-7.67,24.39a12.17,12.17,0,0,1-4.44,3.85,9.94,9.94,0,0,1-3.27.81,12.93,12.93,0,0,0,6.27-.81A12.17,12.17,0,0,0,422,325c5.27-6.84,6.77-15.8,7.67-24.39.59-5.59,1-11.28-.07-16.8-1.69-8.85-7.09-17.14-6.29-26.11.86-9.61,8.64-17.45,9.84-27a20.57,20.57,0,0,0-3.52-14.18,20.24,20.24,0,0,1-2.66-4.18,4.15,4.15,0,0,1,.79-4.6,7,7,0,0,1,2.08-1c6.44-2.48,9.86-8.92,10.33-15.5.17-2.51,0-4.8.69-7.24C441.93,180.23,445.25,176.11,444.68,172.08Z"
transform="translate(-95.23 -66.69)"
/>
</g>
<path
d="M406.82,525a13.51,13.51,0,0,0,13.83,3.82"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M470.9,696a8.49,8.49,0,0,1-6.9,1.74"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<ellipse
cx={105.15}
cy={655.8}
rx={26.93}
ry={4.55}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse cx={842.43} cy={746.4} rx={26.93} ry={4.55} fill={props.primaryColor} />
<ellipse
cx={842.43}
cy={658.82}
rx={26.93}
ry={4.55}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse
cx={181.51}
cy={698.05}
rx={26.93}
ry={4.55}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse cx={927.6} cy={698.05} rx={40.21} ry={6.8} fill={props.primaryColor} />
<ellipse
cx={349.46}
cy={751.28}
rx={90.76}
ry={15.34}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M1039.45,753.62a11.73,11.73,0,0,0,3.84-5.79c.49-2.3-.49-5.05-2.68-5.89-2.46-.94-5.09.76-7.08,2.49s-4.28,3.68-6.89,3.32a10.47,10.47,0,0,0,3.24-9.81,4.11,4.11,0,0,0-.9-2c-1.37-1.46-3.84-.83-5.48.32-5.2,3.66-6.65,10.72-6.68,17.08-.52-2.29-.08-4.68-.09-7s-.66-5-2.64-6.23a8.07,8.07,0,0,0-4-1c-2.34-.08-4.94.15-6.54,1.86-2,2.13-1.47,5.69.26,8s4.35,3.8,6.76,5.42a15,15,0,0,1,4.84,4.61,5.08,5.08,0,0,1,.36.82h14.65A40.73,40.73,0,0,0,1039.45,753.62Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M954.29,802.21a11.71,11.71,0,0,0,3.83-5.79c.49-2.3-.48-5-2.68-5.89-2.46-.94-5.09.76-7.08,2.49s-4.28,3.68-6.89,3.32a10.47,10.47,0,0,0,3.24-9.81,4,4,0,0,0-.9-2c-1.36-1.46-3.84-.83-5.47.32-5.2,3.66-6.65,10.72-6.68,17.08-.53-2.29-.09-4.68-.1-7s-.66-5-2.64-6.23a8,8,0,0,0-4-.95c-2.34-.08-4.94.15-6.54,1.86-2,2.13-1.47,5.69.26,8s4.35,3.8,6.77,5.42a15,15,0,0,1,4.83,4.61,5.08,5.08,0,0,1,.36.82h14.65A41,41,0,0,0,954.29,802.21Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M307.24,712s-14.05-47.71,2.64-82.82A75.36,75.36,0,0,0,316,581.88a126.56,126.56,0,0,0-6.69-22.19"
transform="translate(-95.23 -66.69)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M319.66,537.5c0,5.85-10.59,22.8-10.59,22.8s-10.58-16.95-10.58-22.8a10.59,10.59,0,1,1,21.17,0Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M337.16,569.89c-3.18,4.9-21.28,13.38-21.28,13.38s.33-20,3.51-24.89a10.59,10.59,0,0,1,17.77,11.51Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M336.4,625.23c-5.22,2.64-25.13.82-25.13.82s10.37-17.09,15.59-19.72a10.59,10.59,0,0,1,9.54,18.9Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M326.39,667c-4.7,3.47-24.63,5-24.63,5s7.34-18.6,12-22.08a10.59,10.59,0,0,1,12.59,17Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M293.65,584.41c4.2,4.07,23.73,8.29,23.73,8.29s-4.78-19.41-9-23.48a10.59,10.59,0,0,0-14.75,15.19Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M282.57,633.38c5.22,2.63,25.12.81,25.12.81s-10.37-17.09-15.59-19.72a10.59,10.59,0,0,0-9.53,18.91Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M278.32,682.45c4.7,3.48,24.63,5,24.63,5s-7.34-18.6-12-22.07a10.59,10.59,0,0,0-12.59,17Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M274,709s17.11-3.4,21.68-7.93,25.09-12.45,27.37-6.79,30.8,24.91,11.41,28.31-45.63,4.53-51.33,2.27S274,709,274,709Z"
transform="translate(-95.23 -66.69)"
fill="#a8a8a8"
/>
<path
d="M334.49,720.46c-19.39,3.4-45.63,4.53-51.33,2.26-4.35-1.72-7.37-10-8.56-13.87L274,709s3.42,13.59,9.13,15.86,31.94,1.13,51.33-2.27c5.6-1,7.2-3.28,6.6-6.2C340.61,718.26,338.66,719.73,334.49,720.46Z"
transform="translate(-95.23 -66.69)"
opacity={0.2}
/>
<path
d="M943.17,659.91s5.5,7.19-2.53,18-14.65,20-12,26.77c0,0,12.12-20.15,22-20.43S954,672,943.17,659.91Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M943.17,659.91a9,9,0,0,1,1.13,2.26c9.62,11.3,14.74,21.85,5.49,22.11-8.61.25-18.94,15.65-21.42,19.54a9.24,9.24,0,0,0,.29.89s12.12-20.15,22-20.43S954,672,943.17,659.91Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M953.39,669.07c0,2.53-.29,4.58-.64,4.58s-.63-2-.63-4.58.35-1.34.7-1.34S953.39,666.54,953.39,669.07Z"
transform="translate(-95.23 -66.69)"
fill="#ffd037"
/>
<path
d="M956.89,672.09c-2.22,1.21-4.16,1.94-4.32,1.63s1.49-1.53,3.71-2.74,1.35-.33,1.52,0S959.11,670.88,956.89,672.09Z"
transform="translate(-95.23 -66.69)"
fill="#ffd037"
/>
<path
d="M914.16,659.91s-5.5,7.19,2.53,18,14.65,20,12,26.77c0,0-12.11-20.15-22-20.43S903.31,672,914.16,659.91Z"
transform="translate(-95.23 -66.69)"
fill={props.primaryColor}
/>
<path
d="M914.16,659.91a9,9,0,0,0-1.13,2.26c-9.62,11.3-14.74,21.85-5.49,22.11,8.61.25,18.94,15.65,21.42,19.54a7.16,7.16,0,0,1-.3.89s-12.11-20.15-22-20.43S903.31,672,914.16,659.91Z"
transform="translate(-95.23 -66.69)"
opacity={0.1}
/>
<path
d="M903.94,669.07c0,2.53.29,4.58.64,4.58s.63-2,.63-4.58-.35-1.34-.7-1.34S903.94,666.54,903.94,669.07Z"
transform="translate(-95.23 -66.69)"
fill="#ffd037"
/>
<path
d="M900.44,672.09c2.22,1.21,4.15,1.94,4.32,1.63s-1.49-1.53-3.71-2.74-1.35-.33-1.52,0S898.22,670.88,900.44,672.09Z"
transform="translate(-95.23 -66.69)"
fill="#ffd037"
/>
<path
d="M905.69,703.77s15.36-.48,20-3.77,23.63-7.23,24.78-2,23.08,26.29,5.74,26.43-40.29-2.7-44.91-5.51S905.69,703.77,905.69,703.77Z"
transform="translate(-95.23 -66.69)"
fill="#a8a8a8"
/>
<path
d="M956.51,722.64c-17.34.14-40.29-2.7-44.91-5.51-3.52-2.14-4.93-9.83-5.39-13.38l-.52,0s1,12.39,5.6,15.2,27.57,5.65,44.91,5.51c5,0,6.73-1.82,6.64-4.45C962.14,721.62,960.23,722.61,956.51,722.64Z"
transform="translate(-95.23 -66.69)"
opacity={0.2}
/>
</svg>
);
UndrawHighFive.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawHighFive.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawHighFive;