react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
651 lines (646 loc) • 28.5 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawStreetFood = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="e2331fcb-09a1-43a6-a836-11e9ed08f05e"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1007.23 501.78"
>
<defs>
<linearGradient
id="a20a9297-c234-4a70-9006-58f7c2427dc2"
x1={288.71}
y1={421.5}
x2={288.71}
y2={341.93}
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="714ebb76-d382-48fe-8fed-47a040c65ba8"
x1={-728.17}
y1={677.83}
x2={-728.17}
y2={365.17}
gradientTransform="matrix(-1, 0, 0, 1, -554, 0)"
xlinkHref="#a20a9297-c234-4a70-9006-58f7c2427dc2"
/>
</defs>
<title>street_food</title>
<ellipse cx={525.47} cy={364.13} rx={481.76} ry={137.65} opacity={0.1} />
<path
d="M976.47,370.83s19.42,19.42,8.46,48.24,18.8,76.75,18.8,76.75l-.91-.15c-39.89-7-59.71-52.66-37.53-86.55C973.53,396.51,980.3,381.73,976.47,370.83Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M976.47,370.83s11,23.81,0,43.23-1.88,73.93,27.25,81.76"
transform="translate(-96.38 -199.11)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M941.88,449.38s22.16-3.53,24.18,16.33,42.62,22.61,42.62,22.61l-.76.51c-33.52,22-65.56,14-60.73-15.2C949,462.77,948.83,451.86,941.88,449.38Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M941.88,449.38s22.16-3.53,24.18,16.33,42.62,22.61,42.62,22.61l-.76.51c-33.52,22-65.56,14-60.73-15.2C949,462.77,948.83,451.86,941.88,449.38Z"
transform="translate(-96.38 -199.11)"
fill="#f5f5f5"
opacity={0.2}
/>
<path
d="M941.88,449.38s17.2,3.78,15.79,19.42,25.55,34.39,51,19.53"
transform="translate(-96.38 -199.11)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<polygon
points="803.37 376.43 755.5 372.89 126.14 372.89 126.14 280.7 803.37 280.7 803.37 376.43"
fill="#f5f5f5"
/>
<path
d="M216,244H174.66V219.66a17,17,0,0,1,17-17H199a17,17,0,0,1,17,17Z"
transform="translate(-96.38 -199.11)"
fill="#ededf4"
/>
<path
d="M925.16,435.49V576.14l-46.16-.6c0-1,.07-2,.07-2.94a91,91,0,1,0-182,0c0,.2,0,.4,0,.59L651,572.59H412.22a91,91,0,0,0-.56-10c-.17-1.6-.38-3.17-.65-4.73A89.41,89.41,0,0,0,408.27,546c-.48-1.6-1-3.17-1.58-4.73a91.58,91.58,0,0,0-5.32-11.82c-.86-1.61-1.78-3.18-2.74-4.73a91.18,91.18,0,0,0-8.71-11.82q-2.13-2.45-4.41-4.73a91,91,0,0,0-128.59,0q-2.29,2.29-4.41,4.73a91.18,91.18,0,0,0-8.71,11.82c-1,1.55-1.88,3.12-2.74,4.73a91.58,91.58,0,0,0-5.32,11.82c-.57,1.56-1.1,3.13-1.58,4.73a89.41,89.41,0,0,0-2.74,11.82c-.27,1.56-.48,3.13-.65,4.73a91,91,0,0,0-.56,10h-91V261.75H781l63.67,138.83L923.8,434.9Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M57,33.09h602.6a25,25,0,0,1,25,25v4.55a0,0,0,0,1,0,0H42.82a0,0,0,0,1,0,0V47.26A14.17,14.17,0,0,1,57,33.09Z"
fill="#f5f5f5"
/>
<path
d="M636.78,232.2H490.22v-5.52a27.58,27.58,0,0,1,27.58-27.58h84.7Z"
transform="translate(-96.38 -199.11)"
fill="#ededf4"
/>
<rect
x={29.82}
y={327.38}
width={82.73}
height={56.73}
rx={11}
ry={11}
opacity={0.1}
/>
<polygon
points="553.99 372.89 485.44 372.89 485.44 62.05 620.17 62.05 620.17 277.15 553.99 372.89"
opacity={0.1}
/>
<rect
x={28.64}
y={329.75}
width={82.73}
height={56.73}
rx={11}
ry={11}
fill="#f5f5f5"
/>
<rect
x={803.96}
y={325.02}
width={44.91}
height={66.19}
rx={13.83}
ry={13.83}
opacity={0.1}
/>
<rect
x={806.32}
y={326.2}
width={44.91}
height={66.19}
rx={13.83}
ry={13.83}
fill="#f5f5f5"
/>
<rect x={127.91} y={94.55} width={270.65} height={146.55} fill="#1a2246" />
<rect x={256.15} y={106.96} width={143.01} height={126.46} fill="#f5f5f5" />
<polygon
points="256.15 208.01 358.97 131.78 373.16 135.33 256.15 219.83 256.15 208.01"
fill="#fff"
/>
<polygon
points="256.15 177.28 311.7 117.6 337.7 123.51 256.15 200.33 256.15 177.28"
fill="#fff"
/>
<rect
x={504.94}
y={85.1}
width={99.28}
height={137.1}
rx={16}
ry={16}
fill="#f5f5f5"
/>
<rect x={585.31} y={234.01} width={13} height={28.37} fill="#1a2246" />
<path
d="M740.78,303.7v97.9a5.52,5.52,0,0,0,5.52,5.52h60.25a5.52,5.52,0,0,0,4.7-8.41L751,300.81A5.52,5.52,0,0,0,740.78,303.7Z"
transform="translate(-96.38 -199.11)"
fill="#f5f5f5"
/>
<polygon
points="536.85 85.1 504.94 113.46 504.94 128.24 550.44 85.1 536.85 85.1"
fill="#fff"
/>
<polygon
points="504.94 145.36 504.94 162.51 580.58 85.1 565.8 85.1 504.94 145.36"
fill="#fff"
/>
<polygon
points="664.4 117.6 644.4 145.36 644.4 156.01 670.95 128.24 664.4 117.6"
fill="#fff"
/>
<polygon
points="680.05 145.36 644.4 175.81 644.4 184.38 688.04 156.01 680.05 145.36"
fill="#fff"
/>
<circle cx={224.83} cy={373.48} r={63.82} fill="#1a2246" />
<circle cx={224.83} cy={373.48} r={35.46} fill="#fff" />
<circle cx={224.24} cy={372.89} r={9.46} fill="#1a2246" />
<circle cx={691.68} cy={373.48} r={63.82} fill="#1a2246" />
<circle cx={691.68} cy={373.48} r={35.46} fill="#fff" />
<circle cx={692.27} cy={372.89} r={9.46} fill="#1a2246" />
<rect x={42.23} y={275.97} width={443.21} height={4.73} opacity={0.1} />
<polyline
points="820.5 280.7 617.81 280.7 620.17 277.15 620.17 275.97 820.5 275.97"
opacity={0.1}
/>
<polyline
points="820.5 260.61 620.17 260.61 620.17 255.88 820.5 255.88"
opacity={0.1}
/>
<polyline
points="820.5 240.51 620.17 240.51 620.17 235.79 819.14 235.79"
opacity={0.1}
/>
<path
d="M279.6,491.63a90.64,90.64,0,0,0-8.11,4.73H138.61v-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M581.82,491.63v4.73H370.94a90.64,90.64,0,0,0-8.11-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M256.92,508.18q-2.29,2.29-4.41,4.73H138.61v-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M581.82,508.18v4.73H389.92q-2.13-2.45-4.41-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M243.8,524.72c-1,1.55-1.88,3.12-2.74,4.73H138.61v-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M581.82,524.72v4.73H401.37c-.86-1.61-1.78-3.18-2.74-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M235.74,541.27c-.57,1.56-1.1,3.13-1.58,4.73H209.52v-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M581.82,541.27V546H408.27c-.48-1.6-1-3.17-1.58-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M231.41,557.82c-.27,1.56-.48,3.13-.65,4.73H209.52v-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M581.82,557.82v4.73H411.66c-.17-1.6-.38-3.17-.65-4.73Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M483.72,420h-7.09V403l3-5.91a.66.66,0,0,1,1.18,0l3,5.91Z"
transform="translate(-96.38 -199.11)"
fill="#fe5858"
/>
<rect x={380.25} y={203.91} width={7.09} height={0.71} opacity={0.1} />
<path
d="M494.36,420h-7.09V403l3-5.91a.66.66,0,0,1,1.18,0l3,5.91Z"
transform="translate(-96.38 -199.11)"
fill="#f1c413"
/>
<rect x={390.89} y={203.91} width={7.09} height={0.71} opacity={0.1} />
<path
d="M315.26,397.59a3,3,0,0,0-.15-.45c.41-4.24,1.61-18.28-.12-21.64-1.35-2.62-5-2.6-9.31-1.7,0-.45.06-.9.06-1.36V358.09a16.43,16.43,0,0,0-16.67-16.17h-2.7a16.43,16.43,0,0,0-16.67,16.17v14.35c0,.42,0,.84.05,1.26-4.67.32-9.1,3.24-8.07,13.73v11.93h.94a10.76,10.76,0,0,0,1,.6l2.2,20.27H273l-.09,1h28.1c2.3.17,4.59.29,6.38.28a13.26,13.26,0,0,0,3.45-.28c3.08-1,3.08-7,3.08-7l1-14.93A2,2,0,0,0,315.26,397.59Zm-40.54,3.66.1,0,0,.19-.1-.08Zm26.93,2.5.51,7.54h-.51ZM273,410.29l1.72-8.78.11,0h0l-.83,8.89Z"
transform="translate(-96.38 -199.11)"
fill="url(#a20a9297-c234-4a70-9006-58f7c2427dc2)"
/>
<rect
x={174.04}
y={143.06}
width={34.6}
height={46.21}
rx={14.64}
ry={14.64}
fill="#965d7b"
/>
<path
d="M279.57,375.54s-18.81-9-16.84,11.68V399h12.79l-2,21.65h27.55V399s10.82,1,12.79-1c0,0,2-18.7,0-22.63s-8.91-1.84-15.8.12S279.57,375.54,279.57,375.54Z"
transform="translate(-96.38 -199.11)"
fill="#fc6681"
/>
<path
d="M264.49,399l2.17,20.68h21.65s8.86-5.9,3.94-7.87-7.87-1-7.87-1l-10.82-1L275.61,399Z"
transform="translate(-96.38 -199.11)"
fill="#f7c4a7"
/>
<path
d="M313.42,398l-1,15.76s0,5.9-3,6.89-18.7-1-18.7-1-5.9,0-4.92-4.92,5.9-5.9,7.87-5.9,4.92,2,4.92,2h3L300.82,399Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M313.92,398l-1,15.76s0,5.9-3,6.89-18.7-1-18.7-1-5.9,0-4.92-4.92,5.9-5.9,7.87-5.9,4.92,2,4.92,2h3L301.31,399Z"
transform="translate(-96.38 -199.11)"
fill="#f7c4a7"
/>
<path
d="M263,398.52s4,4,12.3,2.62C276.19,401,264.49,396.79,263,398.52Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M300.08,402.47s15.32-.25,14.09-5.19-13.1-2.22-13.1-2.22Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M263,398.27s4.94,4.94,15.07,2S264.49,396.54,263,398.27Z"
transform="translate(-96.38 -199.11)"
fill="#fc6681"
/>
<path
d="M299.83,402.23s15.32-.25,14.09-5.19-13.1-2.22-13.1-2.22Z"
transform="translate(-96.38 -199.11)"
fill="#fc6681"
/>
<path
d="M278.47,361.86s3,10.82,1,13.78,6.2,9.07,9.75,9c2.11,0,9.58-5.26,8.95-9-.51-3.07-4.92-11.81-3.94-15.74Z"
transform="translate(-96.38 -199.11)"
fill="#f7c4a7"
/>
<path
d="M287.82,375.41a13.72,13.72,0,0,0,9-3.38c-1.41-3.86-3.32-8.91-2.64-11.64l-15.74,2s1.75,6.41,1.66,10.71A13.71,13.71,0,0,0,287.82,375.41Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<circle cx={191.44} cy={162.03} r={13.78} fill="#f7c4a7" />
<path
d="M279.43,367.21c-.34-1.3-.87-2.54-1.14-3.85a10.61,10.61,0,0,1,6.5-11.76,4.26,4.26,0,0,1,2.13-.31c2.92.47,3.35,5,6.12,6.07.55.21,1.15.25,1.71.44a5.36,5.36,0,0,1,3,3.53,12.53,12.53,0,0,1,.64,5.19c-.15,1.67-.63,3.3-.76,5a6.12,6.12,0,0,0,1.3,4.7,8,8,0,0,0,2,1.4c.51.28,1.15.56,1.63.24a1.38,1.38,0,0,0,.46-.66c.72-1.77.37-3.76.2-5.66a57.26,57.26,0,0,1,.09-8.76c.15-2.36.3-4.81-.56-7a15.3,15.3,0,0,0-2.56-4,17.9,17.9,0,0,0-3.11-3.2,12.91,12.91,0,0,0-7.56-2.26,37.84,37.84,0,0,0-7.94,1c-1.91.39-4,.88-5.15,2.43a8.1,8.1,0,0,0-1.16,2.8l-.79,2.88a38.27,38.27,0,0,0-1.75,9.4c0,2.33.36,7.37,3,8.38C279.16,374.54,280,369.45,279.43,367.21Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M279.43,366.72c-.34-1.3-.87-2.54-1.14-3.85a10.61,10.61,0,0,1,6.5-11.76,4.26,4.26,0,0,1,2.13-.31c2.92.47,3.35,5,6.12,6.07.55.21,1.15.25,1.71.44a5.36,5.36,0,0,1,3,3.53,12.53,12.53,0,0,1,.64,5.19c-.15,1.67-.63,3.3-.76,5a6.12,6.12,0,0,0,1.3,4.7,8,8,0,0,0,2,1.4c.51.28,1.15.56,1.63.24a1.38,1.38,0,0,0,.46-.66c.72-1.77.37-3.76.2-5.66a57.26,57.26,0,0,1,.09-8.76c.15-2.36.3-4.81-.56-7a15.3,15.3,0,0,0-2.56-4,17.9,17.9,0,0,0-3.11-3.2,12.91,12.91,0,0,0-7.56-2.26,37.84,37.84,0,0,0-7.94,1c-1.91.39-4,.88-5.15,2.43a8.1,8.1,0,0,0-1.16,2.8l-.79,2.88a38.27,38.27,0,0,0-1.75,9.4c0,2.33.36,7.37,3,8.38C279.16,374,280,369,279.43,366.72Z"
transform="translate(-96.38 -199.11)"
fill="#965d7b"
/>
<path
d="M223.71,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M266.26,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M308.8,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M351.35,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M393.9,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M436.45,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M479,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M521.54,340.35s11.82,17.73,20.09,1.18"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M223.71,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M266.26,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M308.8,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M351.35,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M393.9,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M436.45,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M479,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M521.54,340.35s11.82,17.73,20.09,1.18"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<polygon
points="444.66 141.83 85.37 141.83 111.37 85.1 417.48 85.1 444.66 141.83"
fill={props.primaryColor}
/>
<polygon
points="444.66 141.83 85.37 141.83 111.37 85.1 417.48 85.1 444.66 141.83"
opacity={0.1}
/>
<path
d="M181.16,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M181.16,340.35s11.82,24.82,43.14,0"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<rect x={119.64} y={241.11} width={290.75} height={21.27} fill="#ededf4" />
<rect x={98.37} y={219.83} width={332.11} height={28.37} fill="#ededf4" />
<rect x={119.64} y={248.2} width={290.75} height={3.55} opacity={0.1} />
<path
d="M1026.59,492.1s-13.94-2.79-17.65-6.5-20.44-10.22-22.3-5.57-25.09,20.44-9.29,23.23,37.17,3.72,41.81,1.86S1026.59,492.1,1026.59,492.1Z"
transform="translate(-96.38 -199.11)"
fill="#a8a8a8"
/>
<path
d="M977.34,501.53c15.8,2.79,37.17,3.72,41.81,1.86,3.54-1.42,6-8.21,7-11.38l.46.1s-2.79,11.15-7.43,13-26,.93-41.81-1.86c-4.56-.8-5.86-2.69-5.37-5.09C972.36,499.73,973.95,500.93,977.34,501.53Z"
transform="translate(-96.38 -199.11)"
opacity={0.2}
/>
<path
d="M1065.25,571.08s13.21-44.87-2.48-77.89a70.87,70.87,0,0,1-5.73-44.46,119.19,119.19,0,0,1,6.29-20.87"
transform="translate(-96.38 -199.11)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
strokeWidth={2}
/>
<path
d="M1053.57,407c0,5.5,10,21.44,10,21.44s10-15.95,10-21.44a10,10,0,0,0-19.91,0Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1037.11,437.45c3,4.62,20,12.59,20,12.59s-.31-18.8-3.3-23.41a10,10,0,1,0-16.72,10.82Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1037.83,489.5c4.91,2.48,23.63.77,23.63.77s-9.76-16.07-14.67-18.55a10,10,0,1,0-9,17.78Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1047.24,528.76c4.42,3.27,23.16,4.75,23.16,4.75s-6.9-17.49-11.32-20.76a10,10,0,0,0-11.84,16Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1078,451.11c-3.94,3.83-22.32,7.8-22.32,7.8s4.5-18.25,8.44-22.08A10,10,0,1,1,1078,451.11Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1088.45,497.16c-4.91,2.48-23.63.77-23.63.77s9.76-16.07,14.67-18.55a10,10,0,0,1,9,17.78Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1092.44,543.31c-4.42,3.27-23.16,4.75-23.16,4.75s6.9-17.49,11.32-20.76a10,10,0,0,1,11.84,16Z"
transform="translate(-96.38 -199.11)"
fill={props.primaryColor}
/>
<path
d="M1094,566.72s-24.15-4.83-30.59-11.27-35.42-17.71-38.64-9.66-43.47,35.42-16.1,40.25,64.4,6.44,72.44,3.22S1094,566.72,1094,566.72Z"
transform="translate(-96.38 -199.11)"
fill="#a8a8a8"
/>
<path
d="M1008.67,583c27.37,4.83,64.4,6.44,72.44,3.22,6.13-2.45,10.39-14.23,12.07-19.72l.81.17s-4.83,19.32-12.88,22.54-45.08,1.61-72.44-3.22c-7.9-1.39-10.16-4.67-9.31-8.81C1000,579.93,1002.79,582,1008.67,583Z"
transform="translate(-96.38 -199.11)"
opacity={0.2}
/>
<path
d="M97.15,485.42s-.55,5.4,2.74,8.11c0,0,10.19,13.42,15.26,21-.29,2.06-.49,3.31-.49,3.31h0l0,.28.13,0-.13.84.14,0c-2.89,10.35-4,25.44-4,25.44l0,.58c0,.32,0,.5,0,.5s1.18,17.26,1.22,30.64c0,6.51-.33,11.93-1.22,13.68-1.13,2.22-1.51,13.12-1.5,25.49,0,17.94.84,39.47,1.5,42.07a2.68,2.68,0,0,0,.78,1.25c-1,4-2.91,9.61-5.71,10.64a5.36,5.36,0,0,0-3.49,4.64s0,0,0,.06,0,.22,0,.34v.08q0,.15,0,.3l0,.1c0,.1,0,.19.07.29l0,.1c0,.09.06.19.1.28l0,.09c0,.1.09.19.14.28l0,.07a3.38,3.38,0,0,0,.5.65l0,0,.27.24.11.08.25.17.15.09.26.14.18.08.28.11.2.07.31.09.22.06.35.07.23,0,.42,0,.21,0,.68,0c7.12,0,10.95-1.62,13.14-4.86l4.38-1.08,0-.12v0l0-.13,0-.09,0-.09,0-.13,0-.17,0-.21,0-.09,0-.21h0l.1-.52V670l.05-.29v0c.05-.31.11-.64.17-1v-.06c.06-.36.11-.74.17-1.14v0c.06-.4.11-.81.16-1.24v-.05c0-.42.09-.85.13-1.29v-.07l0-.43v-.05q0-.42.06-.84v-.06q0-.2,0-.4v-.13q0-.39,0-.78l.43,0,3.83-60.53,13.68-54,6.56,45.33c0,1.49,0,4.51,0,8.35,0,12.91.25,36.7,2.23,39.83.85,1.35,1.18,3.91,1.21,6.8a102.91,102.91,0,0,1-1.21,13.2h.16c-.1.69-.16,1.09-.16,1.09l.5,0c-.36,3.54-.46,7.38-.49,9.21h0v.25c0,.52,0,.83,0,.83s9.31,1.08,10.95,1.08c9.18,0,20.8,4.32,24.63,1.62l.33-.26.07-.06.2-.19.05-.06.15-.19,0-.05a1.52,1.52,0,0,0,.11-.2v0a1.2,1.2,0,0,0,.06-.21v0a1.08,1.08,0,0,0,0-.22h0a1.14,1.14,0,0,0,0-.23h0c-.53-1.91-5.95-3.58-9.75-5.25-3.28-1.44-6.07-6.95-7.57-10.47a2.47,2.47,0,0,0,.55-2.16,2.55,2.55,0,0,0-.09-1.42c-2-6-2.64-56.6-2.73-64.39l4.92-35.06a22.8,22.8,0,0,0,.56-6.39c.07-8-1.55-21.71-2.55-29.26l1.44,0-.18-1.08h.18l-2.19-13V488.13l2.74-29.73,3.28,2.16c.25,0,.72-.36,1.33-1,7,3.07,16,7,21.11,9.06,9.31,3.78,9.85,0,9.85,0l18.06-35.13s31.75-13,21.35-18.38-25.18,5.4-27.37,10.81-14.78,22.7-17.52,25.94-4.38,1.08-7.12-1.62a77.49,77.49,0,0,0-7.31-5.68l.2-.27a8.18,8.18,0,0,1-2.88-2.17c-4.34-4.89-13.68-14.72-19-15.12-6.63-.5-15.15-7.09-16.29-8a25.81,25.81,0,0,1,.06-4.78h.05c0-.18,0-.37.06-.55a16.81,16.81,0,0,0,13.38-16.38c0-.42,0-.84-.05-1.26a.5.5,0,0,0,.3,0c.7-.2,1.08-6.84,1.08-7.75a5.72,5.72,0,0,1,.41-1.8c.23-.5.61-.93.83-1.44a2.92,2.92,0,0,0,.19-1.39,6.66,6.66,0,0,0-.78-3.07,53.48,53.48,0,0,0-5.86-10.82,3.59,3.59,0,0,0-1.33-1.21,4.87,4.87,0,0,0-1.91-.21c-3,0-5.8-1.44-8.65-2.39s-6.22-1.39-8.68.31-3.39,5.07-6,6.42c-.72.36-1.52.55-2.23.94A8.59,8.59,0,0,0,131,376a18,18,0,0,0-3.51,5.77,15.13,15.13,0,0,0-.48,4.49c0,.5,0,1,0,1.51,0,3,.32,6.44,2.77,8.21a5.76,5.76,0,0,1,1.42,1.47,4.46,4.46,0,0,1,.66,2.43c.12,1.67.78,3.34.9,5a3.38,3.38,0,0,0,.48,1.81,1.2,1.2,0,0,0,1.67.32l.1-.42c.18.26.36.52.55.77-.63,3.58-1.62,7.45-3.2,10H132a12.53,12.53,0,0,0-7.25,2.38c-6.15,4.37-18.81,7.89-18.81,7.89a5.79,5.79,0,0,0-1.73,3.4,103.35,103.35,0,0,0-5.64,16.6h0c-1.05,4.06-1.71,7.46-1.61,8.69l0,.22.08,0v0l-.09.48,1.94.47C97.38,465.58,95.22,480.08,97.15,485.42Zm12-2.7a112.89,112.89,0,0,0,3.73-10.92c1.21,3.66,2.39,6.55,3.39,7.68s1.33,4,1.36,7.88-.36,8.49-.8,12.94A117.29,117.29,0,0,1,109.19,482.72Z"
transform="translate(-96.38 -199.11)"
fill="url(#714ebb76-d382-48fe-8fed-47a040c65ba8)"
/>
<path
d="M171.13,652.53s3.73,11.19,8.52,13.32,12.25,4.26,8.52,6.92-15-1.6-24-1.6c-1.6,0-10.65-1.07-10.65-1.07s0-14.38,2.13-17S171.13,652.53,171.13,652.53Z"
transform="translate(-96.38 -199.11)"
fill="#59495d"
/>
<path
d="M114.14,652.53s-2.13,12.78-6.39,14.38-5.33,8.52,1.6,8.52,10.65-1.6,12.78-4.79l4.26-1.07s2.66-12.25,0-15.45Z"
transform="translate(-96.38 -199.11)"
fill="#59495d"
/>
<path
d="M171.13,652.53s3.73,11.19,8.52,13.32,12.25,4.26,8.52,6.92-15-1.6-24-1.6c-1.6,0-10.65-1.07-10.65-1.07s0-14.38,2.13-17S171.13,652.53,171.13,652.53Z"
transform="translate(-96.38 -199.11)"
fill="#59495d"
/>
<path
d="M114.14,652.53s-2.13,12.78-6.39,14.38-5.33,8.52,1.6,8.52,10.65-1.6,12.78-4.79l4.26-1.07s2.66-12.25,0-15.45Z"
transform="translate(-96.38 -199.11)"
fill="#59495d"
/>
<path
d="M184.45,441.6s10.12,6.92,12.78,9.59,4.26,4.79,6.92,1.6,14.91-20.24,17-25.57,16.51-16,26.63-10.65-20.77,18.11-20.77,18.11L209.48,469.3s-.53,3.73-9.59,0S169.53,456,169.53,456Z"
transform="translate(-96.38 -199.11)"
fill="#f0b9bb"
/>
<path
d="M172.2,514.58s4.79,33,2.66,39.42l-4.79,34.62s.53,58.06,2.66,64.45S153.55,660,153.55,660s2.66-16.51,0-20.77-2.13-47.41-2.13-47.41L145,547.07l-13.32,53.26L128,660s-14.38-.53-15.45-4.79-2.66-60.19,0-65.52,0-44.74,0-44.74,2.13-30.36,8.52-34.09S172.2,514.58,172.2,514.58Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M172.2,513.51s4.79,33,2.66,39.42l-4.79,34.62s.53,58.06,2.66,64.45-19.18,6.92-19.18,6.92,2.66-16.51,0-20.77-2.13-47.41-2.13-47.41L145,546l-13.32,53.26L128,658.92s-14.38-.53-15.45-4.79-2.66-60.19,0-65.52,0-44.74,0-44.74,2.13-30.36,8.52-34.09S172.2,513.51,172.2,513.51Z"
transform="translate(-96.38 -199.11)"
fill="#524d64"
/>
<path
d="M137.57,400.06s-1.07,25.57-10.12,20.77l8,24,18.11-1.07,10.65-14.38-8-4.79s-5.86,2.13-1.6-17.58Z"
transform="translate(-96.38 -199.11)"
fill="#f0b9bb"
/>
<path
d="M153,421.36s9.05,7.46,16,8c5.19.4,14.28,10.09,18.5,14.91a8,8,0,0,0,2.8,2.14s-10.65,14.91-12.25,14.91l-3.2-2.13-2.66,29.3v17.58l2.13,12.78s-33.56.53-36.75-2.13-21.31,2.13-21.31,2.13,5.33-34.62,1.6-38.88-10.12-34.09-10.12-34.09-4.26-12.25,0-16c0,0,12.31-3.46,18.3-7.77a12.09,12.09,0,0,1,7.05-2.35h.39s.36,8,8.35,9.59S154.88,428,153,421.36Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M153,420.3s9.05,7.46,16,8c5.19.4,14.28,10.09,18.5,14.91a8,8,0,0,0,2.8,2.14s-10.65,14.91-12.25,14.91l-3.2-2.13-2.66,29.3V505l2.13,12.78s-33.56.53-36.75-2.13-21.31,2.13-21.31,2.13,5.33-34.62,1.6-38.88-10.12-34.09-10.12-34.09-4.26-12.25,0-16c0,0,12.31-3.46,18.3-7.77a12.09,12.09,0,0,1,7.05-2.35h.39s.36,8,8.35,9.59S154.88,427,153,420.3Z"
transform="translate(-96.38 -199.11)"
fill="#e2e8f0"
/>
<path
d="M116.8,459.71s-16-2.13-17.58-2.13,5.33-26.1,9.05-28.76,8.52,9.59,8.52,9.59Z"
transform="translate(-96.38 -199.11)"
fill="#e2e8f0"
/>
<g opacity={0.1}>
<path
d="M154.92,422c.65,4.76-2.74,7.21-8.28,6.95,5.08-.28,7.84-3.2,6.38-8.4C153,420.56,153.74,421.15,154.92,422Z"
transform="translate(-96.38 -199.11)"
/>
<path
d="M176.46,458.38l2.43,1.62a1.75,1.75,0,0,1-.83.51l-1.69-1.13Z"
transform="translate(-96.38 -199.11)"
/>
<path
d="M107.75,445.07s8,29.83,11.72,34.09c3.49,4-.95,34.54-1.53,38.47l-1.66.42s5.33-34.62,1.6-38.88S107.75,445.07,107.75,445.07Z"
transform="translate(-96.38 -199.11)"
/>
<path
d="M139.17,515.91c2.23,1.86,19.18,2.16,29.27,2.17-9.78,0-28.52-.22-30.86-2.17a5.49,5.49,0,0,0-3.11-.79C136.63,515,138.37,515.24,139.17,515.91Z"
transform="translate(-96.38 -199.11)"
/>
</g>
<path
d="M101.89,452.79s-5.33,25.57-2.66,33c0,0-.53,5.33,2.66,8,0,0,17.58,23.44,17.58,25.57s5.33,12.25,14.38,3.73c0,0,4.26-5.86-5.33-10.65s-17.58-29.3-17.58-29.3,8-19.71,4.79-26.1S101.89,452.79,101.89,452.79Z"
transform="translate(-96.38 -199.11)"
fill="#f0b9bb"
/>
<polygon
points="22.28 263.53 2.57 258.74 4.18 249.95 12.69 248.62 23.88 252.34 22.28 263.53"
opacity={0.1}
/>
<polygon
points="22.28 263 2.57 258.2 4.18 249.41 12.69 248.08 23.88 251.81 22.28 263"
fill="#e2e8f0"
/>
<path
d="M137.57,400.59l17,6.92a74.82,74.82,0,0,0-1.36,8.16,16.52,16.52,0,0,1-16.66-6.27A77.39,77.39,0,0,0,137.57,400.59Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<circle cx={53.44} cy={199.88} r={16.51} fill="#f0b9bb" />
<path
d="M167.63,390.13a5.7,5.7,0,0,1,.39-1.77c.23-.49.6-.92.8-1.42.51-1.24,0-2.63-.57-3.86a52.92,52.92,0,0,0-5.71-10.66,3.51,3.51,0,0,0-1.29-1.19,4.69,4.69,0,0,0-1.86-.21c-2.93,0-5.64-1.42-8.41-2.35s-6-1.37-8.45.3-3.29,5-5.88,6.33c-.7.36-1.48.54-2.17.93a8.41,8.41,0,0,0-2.34,2.29,13.32,13.32,0,0,0-3.87,11.06c0,3,.31,6.34,2.69,8.09a5.65,5.65,0,0,1,1.38,1.45,4.44,4.44,0,0,1,.64,2.39c.12,1.65.76,3.29.88,4.94a3.36,3.36,0,0,0,.47,1.79,1.16,1.16,0,0,0,1.63.32l1.67-6.87a9.37,9.37,0,0,1,1.55-3.82c1.24-1.52,3.45-2.28,4.11-4.14.47-1.33.06-3.05,1.1-4a3.39,3.39,0,0,1,1.53-.66,36.23,36.23,0,0,1,14.61-.45,4.18,4.18,0,0,1,1.49.47,4.48,4.48,0,0,1,1.58,2.48c.35,1,1.64,6.59,3,6.21C167.26,397.56,167.63,391,167.63,390.13Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M167.63,389.59a5.7,5.7,0,0,1,.39-1.77c.23-.49.6-.92.8-1.42.51-1.24,0-2.63-.57-3.86a52.92,52.92,0,0,0-5.71-10.66,3.51,3.51,0,0,0-1.29-1.19,4.69,4.69,0,0,0-1.86-.21c-2.93,0-5.64-1.42-8.41-2.35s-6-1.37-8.45.3-3.29,5-5.88,6.33c-.7.36-1.48.54-2.17.93a8.41,8.41,0,0,0-2.34,2.29A13.32,13.32,0,0,0,128.27,389c0,3,.31,6.34,2.69,8.09a5.65,5.65,0,0,1,1.38,1.45A4.44,4.44,0,0,1,133,401c.12,1.65.76,3.29.88,4.94a3.36,3.36,0,0,0,.47,1.79A1.16,1.16,0,0,0,136,408l1.67-6.87a9.37,9.37,0,0,1,1.55-3.82c1.24-1.52,3.45-2.28,4.11-4.14.47-1.33.06-3.05,1.1-4a3.39,3.39,0,0,1,1.53-.66,36.23,36.23,0,0,1,14.61-.45,4.18,4.18,0,0,1,1.49.47,4.48,4.48,0,0,1,1.58,2.48c.35,1,1.64,6.59,3,6.21C167.26,397,167.63,390.49,167.63,389.59Z"
transform="translate(-96.38 -199.11)"
fill="#575168"
/>
<ellipse cx={42.52} cy={199.08} rx={1.6} ry={3.73} fill="#f0b9bb" />
<path
d="M164.21,670.11c8.93,0,20.24,4.26,24,1.6a2.67,2.67,0,0,0,.87-.92c.31.63.1,1.29-.87,2-3.73,2.66-15-1.6-24-1.6-1.6,0-10.65-1.07-10.65-1.07s0-.4,0-1.06C153.77,669.07,162.63,670.11,164.21,670.11Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<path
d="M109.34,674.37c6.92,0,10.65-1.6,12.78-4.79l4.26-1.07a57.74,57.74,0,0,0,1.18-9.49,54.47,54.47,0,0,1-1.18,10.56l-4.26,1.07c-2.13,3.2-5.86,4.79-12.78,4.79-3.86,0-5.24-2.16-5-4.34C104.63,672.86,106.12,674.37,109.34,674.37Z"
transform="translate(-96.38 -199.11)"
opacity={0.1}
/>
<rect
x={119.2}
y={519.64}
width={19.18}
height={7.46}
transform="translate(325.21 776.75) rotate(160.92)"
fill="#524d64"
/>
<rect
x={119.2}
y={519.64}
width={19.18}
height={7.46}
transform="translate(325.21 776.75) rotate(160.92)"
opacity={0.1}
/>
</svg>
);
UndrawStreetFood.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawStreetFood.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawStreetFood;