UNPKG

react-undraw-illustrations

Version:

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

611 lines (606 loc) 32.1 kB
import React from "react"; import PropTypes from "prop-types"; const UndrawChef = props => ( <svg style={{height:props.height, width:'100%'}} className={props.class} id="0cf6a949-7c1c-4833-8260-d1ee44b789da" data-name="Layer 1" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 943.47 819.5" > <defs> <linearGradient id="87b97b19-da95-49ff-b734-457e8a90150d" x1={262.65} y1={854.48} x2={262.65} y2={218.92} 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>chef</title> <ellipse cx={377.4} cy={747.78} rx={324} ry={11.55} fill={props.primaryColor} opacity={0.1} /> <path d="M418.86,72.68c31.93-28.45,82.05-34.25,127.67-32,143.3,7.12,272.66,76.3,384.55,154.56,40.5,28.33,80.38,58.86,106.68,97.87C1091.28,372.53,1075.4,482.54,1001,548c-25.32,22.25-56,39.32-87.54,54.44-56,26.9-116.49,48.49-180.08,54.64-45.36,4.38-91.26.81-136.35-5.3C471,634.67,347.4,596.89,243.76,532.26c-45.45-28.35-88.29-63.59-107-109.45S130,318.84,176.4,291.7c19.2-11.23,42.15-16.3,64.62-21.06,33.07-7,66.68-13.91,96.52-28.16,30.83-14.71,67.33-43.17,61.23-75.74C392.22,131.79,387,101.1,418.86,72.68Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} opacity={0.1} /> <ellipse cx={126.74} cy={802.04} rx={86.65} ry={17.46} fill={props.primaryColor} opacity={0.1} /> <ellipse cx={856.81} cy={756.44} rx={86.65} ry={7.67} fill={props.primaryColor} opacity={0.1} /> <rect x={256.74} y={160.2} width={256.77} height={56.73} fill="#464a5f" /> <rect x={256.74} y={160.2} width={256.77} height={1.47} opacity={0.1} /> <rect x={244.22} y={34.57} width={282.93} height={125.62} fill="#65617d" /> <path d="M139.1,34.57H248.64a0,0,0,0,1,0,0V300.19a0,0,0,0,1,0,0H119.7a0,0,0,0,1,0,0V54a19.4,19.4,0,0,1,19.4-19.4Z" fill="#65617d" /> <rect x={139.04} y={51.33} width={93.2} height={235.04} opacity={0.1} /> <rect x={137.57} y={49.86} width={93.2} height={235.04} fill="#d1d9ec" /> <circle cx={230.77} cy={272.93} r={9.49} opacity={0.1} /> <circle cx={230.77} cy={271.45} r={9.49} fill="#464a5f" /> <path d="M520.15,34.57H628.7A20.4,20.4,0,0,1,649.09,55V300.19a0,0,0,0,1,0,0H520.15a0,0,0,0,1,0,0V34.57A0,0,0,0,1,520.15,34.57Z" fill="#65617d" /> <rect x={539.49} y={51.33} width={93.2} height={235.04} opacity={0.1} /> <rect x={538.02} y={49.86} width={93.2} height={235.04} fill="#d1d9ec" /> <circle cx={631.23} cy={272.93} r={9.49} opacity={0.1} /> <circle cx={631.23} cy={271.45} r={9.49} fill="#464a5f" /> <rect x={267.06} y={51.33} width={100.66} height={100.66} opacity={0.1} /> <rect x={265.59} y={49.86} width={100.66} height={100.66} fill="#d1d9ec" /> <circle cx={366.25} cy={152} r={6.08} opacity={0.1} /> <circle cx={366.25} cy={150.53} r={6.08} fill="#464a5f" /> <rect x={527.49} y={91.58} width={100.66} height={100.66} transform="translate(1027.38 243.58) rotate(-180)" opacity={0.1} /> <rect x={528.96} y={90.11} width={100.66} height={100.66} transform="translate(1030.32 240.64) rotate(-180)" fill="#d1d9ec" /> <circle cx={400.7} cy={152} r={6.08} opacity={0.1} /> <circle cx={400.7} cy={150.53} r={6.08} fill="#464a5f" /> <rect x={381.63} y={34.57} width={4.05} height={125.62} opacity={0.1} /> <rect x={265.59} y={208.09} width={16.95} height={5.16} opacity={0.1} /> <rect x={265.59} y={206.61} width={16.95} height={5.16} fill="#53526b" /> <rect x={390.11} y={201.82} width={88.78} height={11.42} opacity={0.1} /> <rect x={390.11} y={200.35} width={88.78} height={11.42} fill="#53526b" /> <circle cx={440.82} cy={207.53} r={2.21} opacity={0.1} /> <circle cx={440.82} cy={206.06} r={2.21} fill="#b65256" /> <circle cx={453.47} cy={207.53} r={2.21} opacity={0.1} /> <circle cx={453.47} cy={206.06} r={2.21} fill="#ffd77c" /> <rect x={90.42} y={470.32} width={587.96} height={250.51} fill="#65617d" /> <rect x={90.42} y={470.32} width={587.96} height={5.16} opacity={0.1} /> <rect x={82.68} y={460.74} width={603.44} height={13.26} fill="#65617d" /> <rect x={82.68} y={460.74} width={603.44} height={2.21} opacity={0.1} /> <rect x={71.5} y={457.06} width={625.79} height={4.42} fill="#65617d" /> <rect x={109.2} y={479.16} width={128.94} height={39.79} opacity={0.1} /> <rect x={110.68} y={477.69} width={128.94} height={39.79} fill="#d1d9ec" /> <rect x={109.2} y={537} width={128.94} height={80.68} opacity={0.1} /> <rect x={110.68} y={535.52} width={128.94} height={80.68} fill="#d1d9ec" /> <rect x={109.2} y={629.83} width={128.94} height={80.68} opacity={0.1} /> <rect x={110.68} y={628.36} width={128.94} height={80.68} fill="#d1d9ec" /> <rect x={155.25} y={495.37} width={36.84} height={7.37} opacity={0.1} /> <rect x={155.25} y={493.9} width={36.84} height={7.37} fill="#464a5f" /> <rect x={543.18} y={479.16} width={128.94} height={39.79} opacity={0.1} /> <rect x={544.65} y={477.69} width={128.94} height={39.79} fill="#d1d9ec" /> <rect x={544.65} y={530.74} width={128.94} height={173.15} fill="#d1d9ec" /> <rect x={589.23} y={493.9} width={36.84} height={7.37} fill="#464a5f" /> <rect x={155.25} y={575.31} width={36.84} height={7.37} opacity={0.1} /> <rect x={155.25} y={573.84} width={36.84} height={7.37} fill="#464a5f" /> <rect x={155.25} y={660.78} width={36.84} height={7.37} opacity={0.1} /> <rect x={155.25} y={659.31} width={36.84} height={7.37} fill="#464a5f" /> <rect x={563.62} y={548.97} width={93.94} height={139.62} opacity={0.1} /> <rect x={562.15} y={547.5} width={93.94} height={139.62} fill={props.primaryColor} opacity={0.3} /> <rect x={82.68} y={718.36} width={603.44} height={25.05} opacity={0.1} /> <rect x={82.68} y={719.36} width={603.44} height={25.05} fill="#65617d" /> <rect x={250.67} y={490.64} width={282.93} height={182.36} fill="#464a5f" /> <path d="M382.25,545.63s158.78,16.21,275.19.73v14.37s-119,14.74-275.19-2.58Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M382.25,544.15s158.78,16.21,275.19.74v14.37s-119,14.73-275.19-2.58Z" transform="translate(-128.27 -40.25)" fill="#d1d9ec" /> <rect x={282.53} y={538.9} width={219.2} height={104.26} fill={props.primaryColor} opacity={0.3} /> <rect x={250.67} y={490.64} width={282.93} height={5.53} opacity={0.1} /> <rect x={246.25} y={452.7} width={291.77} height={42} fill="#464a5f" /> <circle cx={270.19} cy={471.85} r={10.68} opacity={0.1} /> <circle cx={270.19} cy={470.38} r={10.68} fill="#d1d9ec" /> <circle cx={296.35} cy={471.85} r={10.68} opacity={0.1} /> <circle cx={296.35} cy={470.38} r={10.68} fill="#d1d9ec" /> <circle cx={488.65} cy={471.85} r={10.68} opacity={0.1} /> <circle cx={488.65} cy={470.38} r={10.68} fill="#d1d9ec" /> <circle cx={514.81} cy={471.85} r={10.68} opacity={0.1} /> <circle cx={514.81} cy={470.38} r={10.68} fill="#d1d9ec" /> <rect x={350.14} y={460.06} width={81.42} height={25.42} opacity={0.1} /> <rect x={351.61} y={458.59} width={78.84} height={25.42} fill="#53526b" /> <rect x={270.19} y={457.39} width={2.95} height={25.97} opacity={0.1} /> <rect x={268.72} y={457.39} width={2.95} height={25.97} fill="#53526b" /> <rect x={514.81} y={457.39} width={2.95} height={25.97} opacity={0.1} /> <rect x={513.34} y={457.39} width={2.95} height={25.97} fill="#53526b" /> <rect x={615.45} y={499.12} width={2.95} height={25.97} transform="translate(414.54 -326.49) rotate(45)" opacity={0.1} /> <rect x={615.45} y={497.64} width={2.95} height={25.97} transform="translate(413.49 -326.92) rotate(45)" fill="#53526b" /> <rect x={423.14} y={499.12} width={2.95} height={25.97} transform="translate(808.45 47.24) rotate(90)" opacity={0.1} /> <rect x={423.14} y={497.64} width={2.95} height={25.97} transform="translate(806.98 45.76) rotate(90)" fill="#53526b" /> <rect x={250.67} y={668.69} width={282.93} height={4.3} opacity={0.1} /> <rect x={246.25} y={670.17} width={291.77} height={75.03} fill="#464a5f" /> <path d="M361.6,428.53c-1.41-2.74-8.87-19.71-8.87-19.71l-12.49-32.38s-8.87-13.65-8.87-16.19-16.13-12.68-16.13-12.68-13.1-3.9-14.11-4.29-16.53-5.53-16.53-5.53-6.11-8-7-5.93h0l-.09-.15a20.7,20.7,0,0,1-2.33-7.52c0-.23-.07-.48-.1-.72a29.9,29.9,0,0,0,13.13-24.63A30.29,30.29,0,0,0,288,295a2.21,2.21,0,0,1,.34-.18c.25-.11.19-.2,0-.29l.19-.09c.34-.15.12-.26-.21-.39h0c.46-.2-.12-.33-.58-.54,0-.13-.05-.27-.08-.4a2.4,2.4,0,0,0,.19-.8l.12.06a3.3,3.3,0,0,0,0-1.53,1.76,1.76,0,0,1-.1.3,3.92,3.92,0,0,0-.32-1.4,4,4,0,0,0-.85-.91l-.08-.06.86-8.75c12.6-.6,14.81-22,11.94-23.23s0-3.78,0-8.94-9.51-10.92-9.51-10.92-4,2-10.17-7.94-29-11.52-30.52-8.94-11.72,6-25,9.73-10.83,19.46-8.62,22.84a19.26,19.26,0,0,1,3.1,9.33c0,2,4.2,10.32,4.2,10.32-1.33,2.89,2,18.72,3,23.22,0,.14,0,.28,0,.42l0,0a2.53,2.53,0,0,0-.13.22,2.58,2.58,0,0,0-.2,1.5,3.08,3.08,0,0,0,.22,1.63,29.79,29.79,0,0,0,10.55,22.2c0,.27,0,.54.05.82.18,3.68.29,8,.1,12.18,0,.21,0,.42,0,.63a4.81,4.81,0,0,0-3.38,2.66c-1.25,2.41-8.5,6.11-8.5,6.11s-12.7.59-13.91,2.93-19.55,10.14-19.55,10.14-9.68,5.66-8.27,12.1c.74,3.36-1.33,8.59-3.47,12.81a61.35,61.35,0,0,0-13.92-3.47l10.28,9.83-.34.53-5.85,20.68s-2,7.22-4,9,1.81,17.75,1.81,17.75-2.21,11.32-4,14.24,2.82,10.15,2.82,10.15l9.28,21.06L200,487.83l4.28.91c-.08.5-.16,1-.25,1.51-1.19,6.71-2.74,12.88-4.64,14.55-4.63,4.1-4.43,22.43-4.43,22.43l.2,25.95s1.61,32,.81,33.16c-.51.74.51,1.94,3.2,3-.07.49-.15,1-.22,1.47-.76,5.31-1.1,11.36.64,14a10.68,10.68,0,0,1,1.21,4.68c0,2.54,3.83,7.81,3.83,7.81s-3,21.65,2,29.06,9.27,20.87,6.85,24c0,0-4.23,9.17-2.21,13.27s0,6.44-2.63,7.41-2.39,9-2.39,9l4.81,38s2.62,7.81.41,10.54-2.22,16.38,1.21,21.07S207.81,783,207.81,783s-5,7.22,3,9.56c0,0,1.61.39-1.41,3.51s-3.63,7-1.61,8.39a10.42,10.42,0,0,0,1.31.65c-.08.46-.16.94-.26,1.45-.77,4.07-2.23,9.38-4.88,11.94a85.1,85.1,0,0,0-13.2,17.59c-2.77,5.25-4,10.15-.91,12.46,7.26,5.46,16.53,7.21,22,5.07s13.1-8.78,13.1-8.78l1.82-7.61s-1.21-4.68,4.83-6.44,11.69-8,11.69-8V812.65a41.74,41.74,0,0,0,4.24-2.76s2.82-9.95,0-13.26-3.83-4.49-.2-6.64,4.12-6.82,1.45-10.92-6.9-10.14-3.27-18.73,5-34.92,5-34.92-1.69-17.94,0-22-1.94-12.29-1.94-12.29S249.73,681,252,676.27s4-29.46,4-29.46,4-10.53,4-17.36-6.24-23.21,3-27.51c0,0,4,3.52,2.42,17.56,0,0,4.63,16.39,4.63,21.46s3.43,23.41,3.43,23.41.4,5.85,1.81,8,0,8,0,8,5.24,4.88,3.83,8,.24,10.16.24,10.16l-1.25,43.68s-3.62,18.73,4.84,30c0,0-3,16.58-4.84,17.75s6.66,11.32,6.66,11.32-2.35,6.57,2.42,6.89v10.86a23.09,23.09,0,0,0,6.65,7.41c4.43,3.12,2.62,13.85,2.62,13.85s5.64,13.66,20.56,10.73,16.93-4.29,16.12-9.17c-.29-1.78-.93-5-1.86-8.56-1.6-6.26-4.06-13.82-7-17.55-4.63-5.88-8.46-18.17-8.46-18.17s-1.82-4.1,0-5.46,1-3.9,1-3.9,1.76-5.07.17-8.19,3.05-9.56,3.05-9.56l-1.41-30,1.41-43.7s-6.25-7.22-3.63-11.51-3-10.34-3-10.34-.61-.19,1-5.07a12.15,12.15,0,0,0-.41-8.78s-3.42-12.09,2.62-21.26c0,0,2.62-12.1,3.43-18.34.56-4.34,4-20.54,6.11-30l.34-1.54c3,.16,5.24.35,5.24.35s-4.63-32.19,0-38.82-3.63-57.35-3.63-57.35-2-8.86-3.19-17.91c-.07-.51-.13-1-.2-1.54a95.36,95.36,0,0,1,11.25-.25c9.68.58,19.15-3.12,19.35-6.83s5.45-18.34,6.25-21.65S363,431.26,361.6,428.53Z" transform="translate(-128.27 -40.25)" fill="url(#87b97b19-da95-49ff-b734-457e8a90150d)" /> <path d="M244,804.84V822.9s-5.44,6.22-11.27,8-4.66,6.41-4.66,6.41l-1.74,7.57s-7.39,6.6-12.63,8.74-14.18.39-21.17-5.05c-3-2.29-1.79-7.18.88-12.4a84.48,84.48,0,0,1,12.72-17.51c2.55-2.55,4-7.84,4.7-11.89.56-3,.73-5.39.73-5.39Z" transform="translate(-128.27 -40.25)" fill="#4c495a" /> <path d="M244,818.32v4.58s-5.44,6.22-11.27,8-4.66,6.41-4.66,6.41l-1.74,7.57s-7.39,6.6-12.63,8.74-14.18.39-21.17-5.05c-3-2.29-1.79-7.18.88-12.4-.13,5.49,1.5,11.65,9.41,11.43A40.14,40.14,0,0,0,226.32,839s-.2-12.81,8.74-15.73A27.08,27.08,0,0,0,244,818.32Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M315.07,851.07c-14.37,2.91-19.81-10.69-19.81-10.69s1.75-10.68-2.52-13.79a22.89,22.89,0,0,1-6.41-7.38V801.35l17.48-12.43,9.46,8.37.64.56s3.69,12.24,8.16,18.09c2.83,3.71,5.2,11.24,6.75,17.48.89,3.58,1.51,6.75,1.79,8.52C331.39,846.79,329.45,848.15,315.07,851.07Z" transform="translate(-128.27 -40.25)" fill="#4c495a" /> <path d="M315.07,851.07c-14.37,2.91-19.81-10.69-19.81-10.69s1.75-10.68-2.52-13.79a22.89,22.89,0,0,1-6.41-7.38v-6.92c2.77,2.93,8,8.6,9.13,11,1.55,3.3,1.75,15.35,8.93,17.48s21.17,4.08,22.34-1.36a29.73,29.73,0,0,1,2.09-6c.89,3.58,1.51,6.75,1.79,8.52C331.39,846.79,329.45,848.15,315.07,851.07Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M211.55,801.35,244,804.84v9.55c-3.66,2.17-8.9,4.47-11.85,2.1-4.35-3.48-17.28-7.9-21.32-9.75C211.38,803.7,211.55,801.35,211.55,801.35Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M313.91,799.4c-4.47-1.55-12.43,5.25-22.92,9.52a10.89,10.89,0,0,1-4.66,1v-8.61l17.48-12.43,9.46,8.37A12,12,0,0,0,313.91,799.4Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M325.37,585.57s-.62,2.85-1.49,7c-2,9.44-5.36,25.58-5.89,29.9-.78,6.21-3.3,18.25-3.3,18.25-5.83,9.13-2.53,21.17-2.53,21.17a12.49,12.49,0,0,1,.39,8.74c-1.55,4.86-1,5-1,5s5.44,6,2.91,10.3,3.5,11.46,3.5,11.46l-1.36,43.5L318,770.85s-4.47,6.41-2.94,9.52-.17,8.16-.17,8.16.78,2.52-1,3.88,0,5.44,0,5.44c-4.47-1.55-12.43,5.24-22.92,9.52s-7-5.83-7-5.83-8.16-10.1-6.41-11.27,4.66-17.67,4.66-17.67c-8.16-11.26-4.66-29.91-4.66-29.91l1.2-43.49s-1.59-7-.23-10.11-3.69-8-3.69-8,1.36-5.82,0-8-1.75-8-1.75-8-3.3-18.26-3.3-23.31-4.47-21.36-4.47-21.36c1.56-14-2.33-17.48-2.33-17.48-8.93,4.27-2.91,20.58-2.91,27.38s-3.88,17.29-3.88,17.29-1.75,24.66-3.89,29.32S249,691.8,249,691.8s3.5,8.16,1.86,12.24,0,22,0,22-1.28,26.22-4.77,34.76.58,14.57,3.15,18.65,2.09,8.74-1.41,10.87-2.52,3.31.2,6.61,0,13.21,0,13.21-11.07,8.74-15.93,4.85-20.39-8.93-22.33-10.29-1.36-5.25,1.55-8.35,1.36-3.5,1.36-3.5c-7.77-2.33-2.91-9.52-2.91-9.52s8-8.54,4.66-13.2-3.3-18.26-1.17-21-.39-10.49-.39-10.49l-4.63-37.87s-.22-8,2.3-8.94,4.47-3.3,2.53-7.38,2.13-13.2,2.13-13.2c2.34-3.11-1.74-16.51-6.6-23.89s-1.94-28.94-1.94-28.94-3.69-5.25-3.69-7.77a10.87,10.87,0,0,0-1.17-4.66c-1.67-2.67-1.35-8.69-.62-14,.71-5.11,1.79-9.52,1.79-9.52Z" transform="translate(-128.27 -40.25)" fill="#5f5d7e" /> <path d="M287.3,365.51,249,374.45S230.2,358.52,234.86,350c1.6-2.93,2.31-7.94,2.55-13.24.19-4.14.08-8.47-.09-12.13-.28-5.29-.71-9.2-.71-9.2s39.23-22.14,37.87,0a56.27,56.27,0,0,0,.26,11.07A21.13,21.13,0,0,0,277,334c2.1,3.73,4.69,3.79,4.69,3.79Z" transform="translate(-128.27 -40.25)" fill="#fdc2cc" /> <path d="M274.74,326.47a30.08,30.08,0,0,1-37.42-1.87c-.28-5.29-.71-9.2-.71-9.2s39.23-22.14,37.87,0A56.27,56.27,0,0,0,274.74,326.47Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <circle cx={128.93} cy={260.98} r={30.1} fill="#fdc2cc" /> <path d="M287.3,365.51,249,374.45S230.2,358.52,234.86,350c1.6-2.93,2.31-7.94,2.55-13.24a19.5,19.5,0,0,0,7,11.69c8.74,5.83,7.38,13,7.38,13l15.73-.58c-1-6.41,4.86-9.9,6.8-10.68s1-4.27,1-4.27L277,334c2.1,3.73,4.69,3.79,4.69,3.79Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M325.37,585.57s-.62,2.85-1.49,7c-4.23-.22-9.82-.39-12.3.18-4.27,1-21.37,1.36-21.37,1.36l-42.34,1.5v-1.3a124.83,124.83,0,0,0-14.56,1c-7.19,1-18.45-.39-25.64-1.56a27.58,27.58,0,0,1-6.45-1.74c.71-5.11,1.79-9.52,1.79-9.52Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M322.07,462.23c-.62,3.63-.17,9.65.61,15.58,1.17,9,3.08,17.83,3.08,17.83s8,50.5,3.49,57.1,0,38.65,0,38.65-13.4-1.16-17.67-.19-21.37,1.36-21.37,1.36l-42.34,1.5v-1.31a124.83,124.83,0,0,0-14.56,1c-7.19,1-18.45-.39-25.64-1.55s-10.1-3.5-9.32-4.66-.78-33-.78-33l-.19-25.83s-.2-18.26,4.27-22.34c1.82-1.66,3.32-7.8,4.47-14.49,1.64-9.67,2.52-20.47,2.52-20.47l-29.52-79-.58-1.56s8.54-13.21,7.18-19.62,8-12,8-12,17.67-7.77,18.84-10.1,13.4-2.91,13.4-2.91,7-3.69,8.19-6.08a4.61,4.61,0,0,1,3.26-2.65,19.56,19.56,0,0,0,7,11.84c8.74,5.82,7.38,13,7.38,13l15.73-.58c-1-6.41,4.86-9.91,6.8-10.68s1-4.28,1-4.28l1.82-12.57c.84-2.09,6.72,5.91,6.72,5.91s15,5.11,15.93,5.5,13.6,4.27,13.6,4.27,15.53,10.1,15.53,12.62,8.55,16.13,8.55,16.13-.1.54-.29,1.53C335.15,390.77,323.49,453.88,322.07,462.23Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <path d="M259.92,430.77s-33.6-8.93-36.91-11.07-22.72,10.29,1,27.19c0,0,29,6,36.73,0S259.92,430.77,259.92,430.77Z" transform="translate(-128.27 -40.25)" fill="#fdc2cc" /> <path d="M332.55,377.55l4.08.2,12,32.24s7.19,16.9,8.55,19.62.78,14,0,17.28-5.83,17.87-6,21.56-9.32,7.38-18.65,6.8-31.07,2.33-31.07,2.33-23.23-2.43-37.49,4.85c0,0-9.12-18.84-8.15-54,0,0,16.12-1,20.2.58s23.89,6,26.41,3.69,14,4.28,14,4.28a9.82,9.82,0,0,0,0-8.16c-1.94-4.66-5.24-19.23-1-23.89S332.55,377.55,332.55,377.55Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M322.68,477.81c-9.64.65-20.42,2.1-20.42,2.1s-23.23-2.43-37.49,4.85c0,0-9.13-18.84-8.16-54,0,0,16.12-1,20.2.58s23.89,6,26.42,3.69,14,4.28,14,4.28a9.86,9.86,0,0,0,0-8.16c-1.94-4.66-5.24-19.23-1-23.89s17.09-27.39,17.09-27.39l3.79.18c-2,10.71-13.63,73.82-15.05,82.17C321.45,465.86,321.9,471.88,322.68,477.81Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M333.33,378.33l4.08.2,12,32.24s7.19,16.89,8.55,19.61.77,14,0,17.29-5.83,17.87-6,21.56-9.33,7.38-18.65,6.79-31.07,2.34-31.07,2.34-23.24-2.43-37.49,4.85c0,0-9.13-18.84-8.16-54,0,0,16.12-1,20.2.58s23.89,6,26.42,3.69,14,4.27,14,4.27a9.83,9.83,0,0,0,0-8.15c-1.94-4.67-5.24-19.23-1-23.89S333.33,378.33,333.33,378.33Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <rect x={305.37} y={403.71} width={5.7} height={51.3} transform="translate(215.98 916.42) rotate(-148.23)" fill="#dfe6f5" /> <ellipse cx={328.21} cy={397.09} rx={16.42} ry={11.51} transform="translate(-310.45 426.84) rotate(-58.23)" fill="#dfe6f5" /> <ellipse cx={328.21} cy={397.09} rx={11.78} ry={8.26} transform="translate(-310.45 426.84) rotate(-58.23)" opacity={0.1} /> <rect x={286.47} y={443.93} width={5.7} height={31.92} transform="translate(164.93 962.96) rotate(-148.23)" fill="#53526b" /> <path d="M250,473.89l11.85-3.3s58.46,1.55,38.84-22.53c0,0-10.29-9.91-31.85-1.95s-27.58,8.94-27.58,8.94Z" transform="translate(-128.27 -40.25)" fill="#fdc2cc" /> <circle cx={113} cy={329.73} r={2.33} opacity={0.1} /> <circle cx={153.01} cy={328.37} r={2.33} opacity={0.1} /> <circle cx={113} cy={328.95} r={2.33} fill="#fff" /> <circle cx={116.31} cy={361.97} r={2.33} opacity={0.1} /> <circle cx={154.18} cy={359.64} r={2.33} opacity={0.1} /> <circle cx={116.31} cy={361.19} r={2.33} fill="#fff" /> <circle cx={153.21} cy={472.11} r={2.33} opacity={0.1} /> <circle cx={122.53} cy={472.11} r={2.33} opacity={0.1} /> <circle cx={153.21} cy={471.33} r={2.33} fill="#fff" /> <circle cx={124.86} cy={511.13} r={2.33} opacity={0.1} /> <circle cx={154.18} cy={508.8} r={2.33} opacity={0.1} /> <circle cx={124.86} cy={510.36} r={2.33} fill="#fff" /> <circle cx={122.53} cy={471.33} r={2.33} fill="#fff" /> <circle cx={154.18} cy={508.02} r={2.33} fill="#fff" /> <circle cx={153.01} cy={327.59} r={2.33} fill="#fff" /> <circle cx={154.18} cy={358.86} r={2.33} fill="#fff" /> <path d="M285.94,480.88s.39,53.22,1.56,62.73C287.5,543.61,287.92,483.39,285.94,480.88Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M295.85,505.55c-.8,0,15.92,62.34,16.7,66.81S300.51,505.55,295.85,505.55Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M309.05,495.45c0,.58,9.33,33.79,14,35.54S309.05,495.45,309.05,495.45Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M345.76,430.77s-19.81.88-20.39,3.74S345.76,430.77,345.76,430.77Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M310.8,684s-14.18,6-12,6.4S310.8,684,310.8,684Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M281.47,675.1c-.55-1.24,9.52,5,9.52,5.83S282.25,676.85,281.47,675.1Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M294.68,695.49s11.07-.55,11.85,3.71S294.68,695.49,294.68,695.49Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M215.05,695.47s12-2.35,13,0S215.05,695.47,215.05,695.47Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M219.52,768.72s.79,9.9-2.13,12.23S219.52,768.72,219.52,768.72Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M218.05,789.69c3.8.39,23.8-3.11,23.61,0S218.05,789.69,218.05,789.69Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M309.83,777.65s-6.82-1-5.16,3.55Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M183,390h-3.69l-5.63,20.59s-1.94,7.19-3.88,8.94,1.74,17.67,1.74,17.67-2.13,11.27-3.88,14.18,2.72,10.1,2.72,10.1l8.93,21,23.7,6.22s41.76,9.13,43.7,10.49,3.69-.59,5-13.21,5.05-37.1,8-38.26c0,0-23.31,2.52-25.25,2.13s-11.26.2-11.26.2-12.24-.78-14.18.39,2.52-5.64,2.52-5.64a18.74,18.74,0,0,0,0-9.51C210.19,430,209.42,370.56,183,390Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M258.94,450c-2.91,1.16-6.6,25.64-8,38.26s-3.11,14.57-5,13.21c-1.58-1.11-29.41-7.34-39.81-9.64,1.64-9.67,2.52-20.47,2.52-20.47l-29.52-79h3.11c26.41-19.43,27.19,40,28.55,45.25a18.74,18.74,0,0,1,0,9.51s-4.47,6.8-2.53,5.64,14.18-.39,14.18-.39,9.32-.58,11.27-.19S258.94,450,258.94,450Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M182.23,390.76h-3.69l-5.64,20.59s-1.94,7.18-3.88,8.93S170.77,438,170.77,438s-2.14,11.26-3.89,14.18,2.72,10.09,2.72,10.09l8.94,21,23.69,6.22s41.76,9.12,43.7,10.48,3.69-.58,5-13.2,5-37.1,8-38.26c0,0-23.3,2.52-25.24,2.13s-11.27.2-11.27.2-12.24-.78-14.18.38,2.53-5.64,2.53-5.64a18.73,18.73,0,0,0,0-9.51C209.42,430.77,208.64,371.34,182.23,390.76Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <path d="M194.85,461.07s-10.68,20.2-12.62,17.87S194.85,461.07,194.85,461.07Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M183.78,449.57s-9.9,8.2-5.24,10.33S183.78,449.57,183.78,449.57Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M193.1,439.51c.78.2,14.38,2.9,14.57,4.07S193.1,439.51,193.1,439.51Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M287.39,297.23a2,2,0,0,0-1.33,2.08c-.79.7-1.91-.12-2.55-1s-1.39-2-2.38-1.86a8.36,8.36,0,0,0-1.36.57c-1.55.49-2.86-1.33-3.73-2.93l-4.55-8.41c-3,1.77-6.63-.08-9.64-1.91s-6.6-3.68-9.65-1.92c-4.47,2.58-4.63,11.18-9.26,13.3-1.49.69-3.22.54-4.61,1.48s-2.1,2.73-2.72,4.44a4.64,4.64,0,0,1-1.52,2.51,3.28,3.28,0,0,1-1.57.38,6.68,6.68,0,0,1-4-.57,3.41,3.41,0,0,1-1.4-4,1.71,1.71,0,0,1,.13-.23,14,14,0,0,0,1.33-1.92c.47-1.23-.2-2.67,0-4,.24-2.28,2.66-3.49,3.07-5.73.17-.88,0-1.82.15-2.7a3.57,3.57,0,0,1,.1-.35l-1.42,1c1.59-1.85,2.39-4.43,3.55-6.69a20.61,20.61,0,0,1,12.57-10.23c5.07-1.47,10.42-1.07,15.53.18a51.33,51.33,0,0,1,13.83,5.69,13.85,13.85,0,0,1,4,3.28,25.08,25.08,0,0,1,2.38,4.4c1.51,3.12,5.63,6,2.35,6.45-2.73.36-.24,2.27,1.19,3.56a3.73,3.73,0,0,1,.82.91,3.2,3.2,0,0,1-.17,3.11C285.91,296.75,288.15,296.89,287.39,297.23Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M287.39,296.46a2,2,0,0,0-1.33,2.08c-.79.7-1.91-.13-2.55-1s-1.39-2-2.38-1.86a8.36,8.36,0,0,0-1.36.57c-1.55.5-2.86-1.33-3.73-2.93-1.52-2.8-3-5.61-4.55-8.4-3,1.76-6.63-.09-9.64-1.92s-6.6-3.68-9.65-1.92c-4.47,2.58-4.63,11.18-9.26,13.31-1.49.68-3.22.53-4.61,1.47s-2.1,2.73-2.72,4.45a4.61,4.61,0,0,1-1.52,2.5,3.29,3.29,0,0,1-1.57.39,6.75,6.75,0,0,1-4-.57,3.43,3.43,0,0,1-1.4-4,1.71,1.71,0,0,1,.13-.23c.39-.68,1-1.16,1.33-1.92.47-1.23-.2-2.67,0-4,.24-2.29,2.66-3.49,3.07-5.74.17-.88,0-1.82.15-2.7a3.37,3.37,0,0,1,.1-.34l-1.42,1c1.59-1.86,2.39-4.44,3.55-6.69a20.63,20.63,0,0,1,12.57-10.24c5.07-1.47,10.42-1.07,15.53.18a51,51,0,0,1,13.83,5.7,13.65,13.65,0,0,1,4,3.27,25.08,25.08,0,0,1,2.38,4.4c1.51,3.13,5.63,6,2.35,6.45-2.73.37-.24,2.28,1.19,3.57a3.56,3.56,0,0,1,.82.9,3.2,3.2,0,0,1-.17,3.11C285.91,296,288.15,296.11,287.39,296.46Z" transform="translate(-128.27 -40.25)" fill="#865a61" /> <path d="M285.81,291.26l-.31,3.27s-32.6-41.32-58,5.34c0,0-.12-.57-.33-1.53.39-.68,1-1.16,1.33-1.92.47-1.23-.2-2.67,0-4,.24-2.29,2.66-3.49,3.07-5.74.17-.88,0-1.82.15-2.7a3.37,3.37,0,0,1,.1-.34l-1.42,1c1.59-1.86,2.39-4.44,3.55-6.69a20.63,20.63,0,0,1,12.57-10.24c5.07-1.47,10.42-1.07,15.53.18a51,51,0,0,1,13.83,5.7,13.65,13.65,0,0,1,4,3.27,25.08,25.08,0,0,1,2.38,4.4c1.51,3.13,5.63,6,2.35,6.45C281.89,288.06,284.38,290,285.81,291.26Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <g opacity={0.1}> <path d="M286.61,296a1.61,1.61,0,0,0-.37,1.35c-.79.7-1.9-.13-2.54-1s-1.4-2-2.38-1.86a8,8,0,0,0-1.36.57c-1.56.5-2.87-1.33-3.74-2.93l-4.54-8.41c-3,1.77-6.63-.08-9.64-1.91s-6.61-3.68-9.65-1.92c-4.47,2.58-4.63,11.18-9.26,13.3-1.5.69-3.23.54-4.61,1.48s-2.11,2.73-2.72,4.44a4.7,4.7,0,0,1-1.52,2.51,3.22,3.22,0,0,1-1.57.38,6.66,6.66,0,0,1-4-.56,3.69,3.69,0,0,1-1.52-2.14,3.5,3.5,0,0,0,1.52,3.69,6.74,6.74,0,0,0,4,.57,3.46,3.46,0,0,0,1.57-.38,4.74,4.74,0,0,0,1.52-2.51c.61-1.72,1.35-3.51,2.72-4.45s3.11-.79,4.61-1.47c4.63-2.12,4.79-10.72,9.26-13.3,3-1.77,6.63.09,9.65,1.92s6.6,3.67,9.64,1.91l4.54,8.4c.87,1.6,2.18,3.43,3.74,2.93a8.85,8.85,0,0,1,1.36-.56c1-.13,1.72,1,2.38,1.85s1.75,1.72,2.54,1a2,2,0,0,1,1.33-2.08C288.18,296.58,286.89,296.43,286.61,296Z" transform="translate(-128.27 -40.25)" /> <path d="M284.07,288.27a2.75,2.75,0,0,1,.74-.18c1.44-.2,1.45-.87.88-1.82a2.3,2.3,0,0,1-.88.26C283.25,286.74,283.39,287.46,284.07,288.27Z" transform="translate(-128.27 -40.25)" /> <path d="M287.05,294.78a3.54,3.54,0,0,0,0-1.52,2.28,2.28,0,0,1-.39.85C286.4,294.42,286.7,294.62,287.05,294.78Z" transform="translate(-128.27 -40.25)" /> <path d="M228.72,292.54a2.51,2.51,0,0,0,0,.27,8.74,8.74,0,0,0,.15,2.09A7.56,7.56,0,0,0,228.72,292.54Z" transform="translate(-128.27 -40.25)" /> <path d="M231.88,283.06a12.08,12.08,0,0,1-1.31,1.95l1.26-.86A6.58,6.58,0,0,1,231.88,283.06Z" transform="translate(-128.27 -40.25)" /> </g> <path d="M227.54,299.09s-4.69-21-3.2-24.32c0,0-4-8.3-4-10.28a19.68,19.68,0,0,0-3-9.29c-2.13-3.36-4.47-19,8.31-22.73s22.59-7.12,24.08-9.69,23.44-1,29.41,8.9,9.8,7.9,9.8,7.9,9.16,5.74,9.16,10.88-2.77,7.71,0,8.89.64,22.54-11.51,23.13l-1.06,11.27S252.9,252.43,227.54,299.09Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <path d="M228.94,236.55s-2.82,16.51,2.33,22Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M242.14,232.76s-7.18,17.68-5.43,21.08Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M248.36,227.13s-4.86,23-2.53,24.86Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M256.71,233.34s-6,14.77-3.59,16.8Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M268.07,235.09s-7.09,12-5.63,14.18Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M282.64,246.84s-7.58,2-6,4.47Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M289.83,259.37s-6.8,3.3-5.54,5.05Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <path d="M224.34,274.77s43.42-17.63,62.22,7.71C286.56,282.48,263.74,263.08,224.34,274.77Z" transform="translate(-128.27 -40.25)" opacity={0.1} /> <polygon points="80.39 379.43 86.44 373.31 103.54 390.22 97.49 396.34 81.76 380.79 80.39 379.43" fill="#53526b" /> <path d="M169,380.45s26.47,2.25,51.12,30l-10.27,10.39Z" transform="translate(-128.27 -40.25)" fill="#dfe6f5" /> <path d="M248.39,430.05s-25.45-9.28-27.95-11.5-17.22,10.69.73,28.24c0,0,22,6.25,27.82,0S248.39,430.05,248.39,430.05Z" transform="translate(-128.27 -40.25)" fill="#fdc2cc" /> <rect x={858.05} y={511.12} width={5.17} height={116.44} fill="#535461" /> <path d="M1024,667.45l-.33,5.25-.45,7.4-.19,3.08-.46,7.41-.2,3.09-.46,7.4-5.21,84.19a14.27,14.27,0,0,1-14.24,13.38h-27.1a14.26,14.26,0,0,1-14.23-13.38l-5.22-84.19-.46-7.4-.19-3.09-.47-7.41-.18-3.08-.46-7.4-.33-5.25a7.38,7.38,0,0,1,7.37-7.84h55.45A7.38,7.38,0,0,1,1024,667.45Z" transform="translate(-128.27 -40.25)" fill="#65617d" /> <polygon points="895.4 632.45 894.94 639.85 826.33 639.85 825.87 632.45 895.4 632.45" fill="#9d9cb5" /> <polygon points="894.75 642.93 894.29 650.34 826.98 650.34 826.52 642.93 894.75 642.93" fill="#9d9cb5" /> <polygon points="894.09 653.43 893.64 660.83 827.63 660.83 827.17 653.43 894.09 653.43" fill="#9d9cb5" /> <path d="M946.24,595c30.12,21.79,42.66,55.87,42.66,55.87s-36.29-1.24-66.41-23S879.83,572,879.83,572,916.12,573.22,946.24,595Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <path d="M879.83,572s37.67,20.91,49.75,38.22,59.32,40.68,59.32,40.68" transform="translate(-128.27 -40.25)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={2} /> <path d="M965.68,551.11c16.39,11.86,23.22,30.41,23.22,30.41s-19.75-.68-36.15-12.53-23.22-30.41-23.22-30.41S949.29,539.25,965.68,551.11Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <path d="M929.53,538.58S950,550,956.61,559.38s32.29,22.14,32.29,22.14" transform="translate(-128.27 -40.25)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={2} /> <path d="M1012.72,580.58c-18.83,20.69-22.81,47.74-22.81,47.74s26.55-6.52,45.38-27.21,22.81-47.74,22.81-47.74S1031.55,559.88,1012.72,580.58Z" transform="translate(-128.27 -40.25)" fill={props.primaryColor} /> <path d="M1058.1,553.37s-24.53,21.21-30.76,35.83-37.43,39.12-37.43,39.12" transform="translate(-128.27 -40.25)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={2} /> </svg> ); UndrawChef.propTypes = { /** * Hex color */ primaryColor: PropTypes.string, /** * percentage */ height: PropTypes.string, /** * custom class for svg */ class: PropTypes.string }; UndrawChef.defaultProps = { primaryColor: "#6c68fb", height: "250px", class: "" }; export default UndrawChef;