react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
473 lines (468 loc) • 29.2 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawEmails = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="71f7c613-2b64-40c8-917c-08a5745b7a35"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 907.32 801.69"
>
<defs>
<linearGradient
id="85787def-b0d2-4962-ac73-8730601d5a2d"
x1={448.29}
y1={834.48}
x2={448.29}
y2={252.89}
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>emails</title>
<ellipse
cx={289.44}
cy={770.81}
rx={80.14}
ry={23.48}
fill={props.primaryColor}
opacity={0.1}
/>
<ellipse
cx={477.27}
cy={657.23}
rx={345.18}
ry={16.65}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M426.5,80.42c30.79-27.43,79.11-33,123.09-30.84,138.16,6.86,262.87,73.56,370.74,149,39,27.31,77.5,56.74,102.85,94.35,51.6,76.56,36.3,182.63-35.46,245.7-24.41,21.46-54,37.91-84.39,52.5-54,25.93-112.31,46.74-173.62,52.67-43.72,4.22-88,.79-131.45-5.11C476.81,622.23,357.6,585.81,257.69,523.5,213.87,496.17,172.57,462.2,154.5,418s-6.5-100.23,38.25-126.4c18.5-10.83,40.63-15.71,62.29-20.3,31.89-6.76,64.29-13.42,93.06-27.16,29.73-14.18,64.92-41.62,59-73C400.82,137.41,395.75,107.82,426.5,80.42Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.1}
/>
<rect
x={127.24}
y={109.51}
width={705.42}
height={547.72}
rx={22.82}
ry={22.82}
fill="#474157"
/>
<rect x={184.01} y={158.92} width={592.93} height={446.8} fill="#ededf4" />
<circle cx={160.88} cy={382.32} r={9.72} fill="#e6e8ec" />
<circle cx={803.22} cy={383.37} r={16.03} fill="#e6e8ec" />
<path
d="M669.93,405.24a.84.84,0,0,1,1.36.66v28.76a6.75,6.75,0,0,1-6.75,6.75H606a6.75,6.75,0,0,1-6.75-6.75V405.91a.85.85,0,0,1,1.37-.66c3.15,2.45,7.32,5.56,21.67,16,3,2.16,8,6.72,13,6.69s10.13-4.61,13-6.69C662.61,410.81,666.78,407.69,669.93,405.24Zm-34.64,18.17c3.26,0,8-4.11,10.32-5.82,18.66-13.55,20.08-14.73,24.39-18.1a3.39,3.39,0,0,0,1.29-2.66v-2.67a6.75,6.75,0,0,0-6.75-6.75H606a6.75,6.75,0,0,0-6.75,6.75v2.67a3.41,3.41,0,0,0,1.29,2.66c4.31,3.36,5.73,4.55,24.39,18.1,2.36,1.71,7.06,5.87,10.32,5.82Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
/>
<path
d="M530,308.18H474.56a6.4,6.4,0,0,0-6.39,6.4V353a6.4,6.4,0,0,0,6.39,6.4H530a6.41,6.41,0,0,0,6.4-6.4V314.58A6.41,6.41,0,0,0,530,308.18Zm0,6.4V320c-3,2.43-7.76,6.22-17.94,14.19-2.25,1.77-6.69,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-15-11.76-17.95-14.19v-5.44ZM474.56,353V328.23c3.06,2.43,7.39,5.85,14,11,2.92,2.29,8,7.35,13.74,7.32s10.73-5,13.74-7.32c6.6-5.17,10.93-8.59,14-11V353Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M476,415H420.56a6.39,6.39,0,0,0-6.39,6.4V459.8a6.4,6.4,0,0,0,6.39,6.4H476a6.41,6.41,0,0,0,6.4-6.4V421.41A6.4,6.4,0,0,0,476,415Zm0,6.4v5.44c-3,2.43-7.76,6.22-17.94,14.19-2.25,1.77-6.69,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-15-11.76-17.95-14.19v-5.44ZM420.56,459.8V435.06c3.06,2.43,7.39,5.84,14,11,2.92,2.3,8,7.36,13.74,7.33s10.73-5,13.74-7.32c6.6-5.17,10.93-8.59,14-11V459.8Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M536.42,511.69H481a6.41,6.41,0,0,0-6.4,6.4v38.39a6.41,6.41,0,0,0,6.4,6.4h55.46a6.4,6.4,0,0,0,6.39-6.4V518.09A6.4,6.4,0,0,0,536.42,511.69Zm0,6.4v5.44c-3,2.43-7.76,6.22-17.94,14.19-2.25,1.77-6.7,6-9.79,6s-7.54-4.19-9.79-6C488.72,529.75,484,526,481,523.53v-5.44ZM481,556.48V531.74c3.06,2.43,7.39,5.85,14,11,2.91,2.29,8,7.35,13.74,7.32s10.73-5,13.74-7.32c6.6-5.17,10.93-8.59,14-11v24.74Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M648,243.75H592.56a6.39,6.39,0,0,0-6.39,6.4v38.39a6.4,6.4,0,0,0,6.39,6.4H648a6.41,6.41,0,0,0,6.4-6.4V250.15A6.4,6.4,0,0,0,648,243.75Zm0,6.4v5.44c-3,2.43-7.76,6.21-17.94,14.19-2.25,1.77-6.69,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-15-11.76-18-14.19v-5.44Zm-55.46,38.39V263.8c3.06,2.43,7.39,5.84,14,11,2.92,2.3,8,7.36,13.74,7.33s10.73-5,13.74-7.33c6.6-5.17,10.93-8.58,14-11v24.74Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M648,574.81H592.56a6.4,6.4,0,0,0-6.39,6.4V619.6a6.4,6.4,0,0,0,6.39,6.4H648a6.41,6.41,0,0,0,6.4-6.4V581.21A6.41,6.41,0,0,0,648,574.81Zm0,6.4v5.44c-3,2.43-7.76,6.22-17.94,14.19-2.25,1.77-6.69,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-15-11.76-18-14.19v-5.44ZM592.56,619.6V594.86c3.06,2.43,7.39,5.85,14,11,2.92,2.29,8,7.35,13.74,7.32s10.73-5,13.74-7.32c6.6-5.17,10.93-8.59,14-11V619.6Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M712.17,314.58V353a6.4,6.4,0,0,0,6.39,6.4H774a6.41,6.41,0,0,0,6.4-6.4V314.58a6.41,6.41,0,0,0-6.4-6.4H718.56A6.4,6.4,0,0,0,712.17,314.58Zm61.85,0V320c-3,2.43-7.76,6.22-17.94,14.19-2.25,1.77-6.7,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-15-11.76-18-14.19v-5.44ZM718.56,353V328.23c3.06,2.43,7.39,5.85,14,11,3,2.36,8.05,7.35,13.74,7.32s10.83-5,13.74-7.32c6.6-5.17,10.93-8.59,14-11V353Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M762.43,417.33v38.39a6.4,6.4,0,0,0,6.4,6.4h55.45a6.41,6.41,0,0,0,6.4-6.4V417.33a6.41,6.41,0,0,0-6.4-6.4H768.83A6.4,6.4,0,0,0,762.43,417.33Zm61.85,0v5.44c-3,2.43-7.76,6.22-17.94,14.19-2.24,1.77-6.69,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-14.95-11.76-17.94-14.19v-5.44Zm-55.45,38.39V431c3,2.43,7.38,5.85,14,11,3,2.36,8,7.35,13.73,7.32s10.83-5,13.74-7.32c6.6-5.17,10.94-8.59,14-11v24.74Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M705.77,518.09v38.39a6.4,6.4,0,0,0,6.4,6.4h55.45a6.41,6.41,0,0,0,6.4-6.4V518.09a6.41,6.41,0,0,0-6.4-6.4H712.17A6.4,6.4,0,0,0,705.77,518.09Zm61.85,0v5.44c-3,2.43-7.76,6.22-17.94,14.19-2.25,1.77-6.69,6-9.79,6s-7.54-4.19-9.78-6c-10.19-8-15-11.76-17.94-14.19v-5.44Zm-55.45,38.39V531.74c3.05,2.43,7.38,5.85,14,11,3,2.36,8,7.35,13.73,7.32s10.83-5,13.74-7.32c6.6-5.17,10.93-8.59,14-11v24.74Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
opacity={0.2}
/>
<path
d="M585.9,400.58l-.93-.38a23.46,23.46,0,0,0-2.89-3.4s-25.47-8.54-30.65-11.69a20.87,20.87,0,0,0-10.6-2.92l-9.24-1.57s-5.19-1.12-7.67-2-7-2.69-7-2.69-5.41-2.25-6.32-3.6-5.41-2.47-5.41-2.47l-9.24-7s-7.44-4.5-8.57-8.77-5.41-16.18-19.83-8.54c0,0-7.22-2-9-4.27s-18.7.22-18.7.22l-5.27-9a77.22,77.22,0,0,1-.42-15.19c0-.48.08-1,.13-1.45a26.8,26.8,0,0,0,8.17-32.17c-.15-.34-.32-.68-.48-1a9,9,0,0,0,.87-2.49c0-.22.07-.44.1-.66A11.8,11.8,0,0,0,443,278a11.68,11.68,0,0,0-.38-2.88l-.21-.7a11.66,11.66,0,0,0-3.66-5.37c-1.67-1.36-3.77-2.29-5-4-1.81-2.58-1.34-6.23-3-8.88a7.38,7.38,0,0,0-.54-.71l-.15-.16c-.17-.18-.35-.34-.53-.5l-.11-.09c-2.45-2-6.27-2.17-9.46-1.36-3.85,1-7.42,3-11.36,3.58-3.13.42-6.29-.17-9.44-.37s-6.52,0-9.11,1.84c-3.19,2.23-4.49,6.34-7.28,9.06s-7.24,4-9.68,7.21a8.83,8.83,0,0,0-1.19,8.35c1,2.57,3.19,4.64,3.69,7.35.56,3-1,6.32.05,9.05v0a5,5,0,0,0,.28.57h0a2.69,2.69,0,0,1,.4,0l.31,0h.08l.38.07h0a2.54,2.54,0,0,1,.37.1,5.5,5.5,0,0,1,3.34,3.62c.65,2.13.29,4.43,0,6.64s-.61,4.53.18,6.61a2.08,2.08,0,0,0,.13.3h0a2.38,2.38,0,0,0,.25.44l.06.08a1.94,1.94,0,0,0,.34.36h0a4.05,4.05,0,0,0,1.93.55h0c.23,0,.46.08.68.13s.3.08.44.12l.21.06c.19.06.37.12.56.2h.05c.2.09.4.17.59.27h0a8.59,8.59,0,0,1,2.72,2c.31.34.6.71.9,1.06h0l.43.45a4.74,4.74,0,0,0,.49.4,4.15,4.15,0,0,0,2.48.65,13,13,0,0,0,3.3-.64l.09.84c.18,1.6.34,3.18.47,4.72,0,.22,0,.43.05.64a32.48,32.48,0,0,0-8,10l.3,1q-.17.19-.3.39v4.49s-23.9,4.27-26.61,6.3-7.66,2.24-7.66,2.24-13.53-.67-13.53,11.91c0,0-.45,5.84-3.15,6.07s-4.06,3.82-4.06,3.82l-13.75,14.83-20.07,16.18s-8.91,8.38-11.19,11.86a2.65,2.65,0,0,0-.53,1.18S264.28,447,290.9,458.36l.83.34L315,476.13,344,492.53l.87-1.23.46.31,3.49,2.3,4.46-7.19.59.13c1.64.38,3.6,1.18,4.5,2.84,1.33,2.46,9.36,7.67,14.25,8.18l-.18.54-2.74,8.73s-5.41,6.29-4.28,8.54-2,18.88-2,18.88,5,2,7.44,3.37a7.32,7.32,0,0,0,1.46.4c0,.44-.09.89-.14,1.32a8,8,0,0,1-1.55,4.35c-2.71,2.69-2.48,8.09-2.48,8.09s-1.36,7.86,0,8.76-.61,2.92-.61,2.92,2.1,6.74,0,9.44-6.43,39.1,1.59,56.85c0,0,7.15,15.28,3.31,20.68s-8.71,22.7-8,25.84-1.05,10.79-1.05,10.79,2.93,16,.9,19.32-7.44,54.61-.9,67c0,0-6.54,8.32-9.92,8.32s2.93,13,5.63,15.51,3.92,14.6,3.92,14.6l.39.18c.11.48.24,1,.37,1.51,1.43,5.57,3.88,13.22,6.6,13.37,4.28.22,20.74-.9,21.41-4.95s-.23-10.79,3.15-12.81,15.11-7.86,7.9-21.79a16.44,16.44,0,0,0-2.65-.08h-.06l1.35-30,5.41-43.82s4.74-15.06,5.42-17.08-1.13-5.39-1.13-5.39l1.27-12.14s-.82-13.48,1.88-15.28,1.13-8.53,1.13-8.53,2.26-7.87,2.48-12.14a52.26,52.26,0,0,1,1.58-9.22s.9-4,2.48-9.43a67,67,0,0,0,2-12.14s6.08-7.64,5.41-13.71.45-15.73,2.7-13.71,3.61,9,3.61,9l3.38,18.88s5.86,18.65,5.18,21.35,1.81,12.58,1.81,12.58-.45,11.46.9,14.16,0,8.09,0,8.09,4.51,11.46,3.83,13.71.07,15.5.07,15.5l1.29,9.89s1.35,7.87,0,12.14,5.9,60,7.91,64.5-1.15,13.7-1.15,13.7-2.48,7.42,8.11,13l3.16,12.81.23.07c0,.45.07.92.14,1.38.89,5.92,5.38,12,21.95,6.87,0,0,5-1.74,6.31-5.36s11.72-7.45,11.72-7.45,9.12-10.41,1.13-17.75a7.42,7.42,0,0,0-8.39-1.64,15.87,15.87,0,0,1,1.4-8.48c2.48-5.16-2.48-16.18-4.05-18s2-10.11,2-10.11a54.93,54.93,0,0,0-2.48-6.74c-.9-1.58-1.8-42.48-1.8-42.48s-1.8-22.47-6.54-31.91c0,0,1.13-6.74,1.58-9.66s-.45-51.46-.45-51.46,9.69-16,2.93-39.78a66.88,66.88,0,0,1,.9-10.34c.9-4.94-1.35-13.71-1.35-13.71s2.48-12.36-2.25-16c-2-1.48-2.84-4.87-3.2-8.35,0-.44-.07-.88-.1-1.31,6.32-1.67,10.94-3.52,11.41-5.39,1.58-6.29-8.79-36-8.79-36L480,454.33s4.74-16.63,2.71-21.8,4.51-18.21,4.51-18.21-2.94-8.53-.91-10.78a2.38,2.38,0,0,0,.36-.63l4.83,3.55s8.12,2.25,10.08,4.49,10.66,1.58,10.66,1.58,8.55-.25,14,.84a8,8,0,0,1,4,1.63c2.71,2.93,11.73,4,13.53,2.7.68-.52,2-.51,3.49-.31a30.88,30.88,0,0,1,4.85,1.21l30,3.82a24.46,24.46,0,0,0,1.94-1.79l.39.3c24.27,17.67,25.18.37,25.18.37s8.56,2.24,8.56-3C618.15,414.13,595.66,404.54,585.9,400.58Zm-223,71.74-.64-.05.43-.69-2.39-1.12-.51-.24.9-1.29L337,454.76a8.71,8.71,0,0,1-3.61-4c-1.35-2.92-7.21-3.59-7.21-3.59l-6.65-5.85s7.78-9.44,10-9.44,6.09-2.79,6.09-2.79l9.51-6.42.18.23s8.34,10.33,9,12.13,8.11,9.66,8.11,9.66,7.9,9.89,11.5,20.9a29.37,29.37,0,0,0,4.54,4.95c-6.18.68-13.56,2-13.56,2Z"
transform="translate(-146.34 -49.15)"
fill="url(#85787def-b0d2-4962-ac73-8730601d5a2d)"
/>
<path
d="M436,320.78c-1.14,14.1,2.95,28.53,2.95,28.53s-43.3,2.68-40.18-3.12a8.41,8.41,0,0,0,.71-3,63.57,63.57,0,0,0-.22-10.73c-.13-1.53-.29-3.1-.46-4.7-.58-5.23-1.35-10.61-2-14.84-.11-.65-.21-1.28-.3-1.87-.61-3.73-1.06-6.19-1.06-6.19s33.29-9.79,43.36-6.45c2.84.94,3.84,2.91,1.73,6.45a35.46,35.46,0,0,0-4.37,14.44C436.05,319.82,436,320.3,436,320.78Z"
transform="translate(-146.34 -49.15)"
fill="#be6f72"
/>
<path
d="M618.15,421.08c0,5.24-8.48,3-8.48,3s-.9,17.19-24.93-.37c-.61-.45-1.24-.92-1.89-1.42l-1-19.42v-1.12s1.7.67,4.37,1.75C595.88,407.45,618.15,417,618.15,421.08Z"
transform="translate(-146.34 -49.15)"
fill="#be6f72"
/>
<path
d="M397.18,809.56c-3.35,2-2.45,8.71-3.12,12.72s-17,5.14-21.21,4.92c-2.69-.15-5.12-7.75-6.53-13.28-.81-3.18-1.29-5.68-1.29-5.68s27-10.73,29.25-16.09c1.42-3.42,5.41-4.2,8.09-4.31a16.83,16.83,0,0,1,2.62.07C412.14,801.75,400.52,807.55,397.18,809.56Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M511.68,819.83s-10.26,3.79-11.6,7.4-6.25,5.33-6.25,5.33c-16.41,5.11-20.85-.95-21.73-6.83a21.78,21.78,0,0,1,.52-8.13l24.11-10.08s3.27-5.06,7.68-6.92a7.33,7.33,0,0,1,8.39,1.6C520.71,809.49,511.68,819.83,511.68,819.83Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M402.37,787.84l-.51,11.24c-7.13,4.9-8,14.5-8,14.5a35.25,35.25,0,0,1-27.51.34c-.81-3.18-1.29-5.68-1.29-5.68s27-10.73,29.25-16.09C395.7,788.73,399.69,788,402.37,787.84Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M504.76,803.54c-8.48,27.1-29.61,22.94-32.66,22.19a21.78,21.78,0,0,1,.52-8.13l24.11-10.08s3.27-5.06,7.68-6.92A13.72,13.72,0,0,0,504.76,803.54Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M505.88,792.15a15.76,15.76,0,0,0-1.12,10.05c-9.15,29.24-33,22.09-33,22.09l-3.13-12.72c-10.49-5.58-8-12.94-8-12.94s3.13-9.16,1.14-13.62-9.18-59.82-7.84-64.06,0-12.05,0-12.05l-1.27-9.83s-.74-13.16-.07-15.4-3.79-13.61-3.79-13.61,1.34-5.36,0-8-.89-14.06-.89-14.06-2.46-9.82-1.79-12.5-5.13-21.2-5.13-21.2l-3.35-18.75s-1.34-6.92-3.58-8.93-3.34,7.59-2.67,13.62S426,613.81,426,613.81a66.17,66.17,0,0,1-2,12.06c-1.56,5.35-2.45,9.37-2.45,9.37a51.9,51.9,0,0,0-1.57,9.15c-.22,4.24-2.45,12.06-2.45,12.06s1.56,6.69-1.12,8.47-1.86,15.18-1.86,15.18l-1.26,12.06s1.78,3.35,1.11,5.35-5.35,17-5.35,17L403.65,758l-1.79,39.74c-7.13,4.9-8,14.5-8,14.5a35,35,0,0,1-28.27,0s-1.2-12-3.87-14.5-8.93-15.4-5.58-15.4,9.82-8.27,9.82-8.27c-6.47-12.27-1.12-63.16.89-66.51s-.89-19.2-.89-19.2,1.78-7.59,1.05-10.71,4.08-20.31,7.88-25.67-3.27-20.54-3.27-20.54c-7.95-17.63-3.65-53.79-1.57-56.47s0-9.37,0-9.37,1.94-2,.59-2.9,0-8.7,0-8.7-.23-5.36,2.45-8a7.84,7.84,0,0,0,1.53-4.32,51.22,51.22,0,0,0,0-9.74l30.8-18.08,38.61-3.13,47.32,14.73a56.16,56.16,0,0,0,0,10c.35,3.45,1.22,6.82,3.16,8.29,4.69,3.58,2.23,15.85,2.23,15.85s2.23,8.71,1.34,13.62a66.65,66.65,0,0,0-.89,10.27c6.69,23.66-2.91,39.51-2.91,39.51s.9,48.21.45,51.11-1.56,9.59-1.56,9.59c4.69,9.38,6.47,31.7,6.47,31.7s.89,40.62,1.79,42.19a54.63,54.63,0,0,1,2.45,6.7s-3.57,8.25-2,10S508.33,787,505.88,792.15Z"
transform="translate(-146.34 -49.15)"
fill="#5f5d7e"
/>
<path
d="M440.48,304.9a35.46,35.46,0,0,0-4.37,14.44c-.06.48-.1,1-.14,1.44-4.48,3.42-11.39,1.69-17.47,1.69-2.14,0-1.63-3.15-3.63-3.62-7.17-1.73-14.51.32-18.12-5.89-.11-.65-.21-1.28-.3-1.87-.61-3.73-1.06-6.19-1.06-6.19s33.29-9.79,43.36-6.45C441.59,299.39,442.59,301.36,440.48,304.9Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M446.49,298.22a26.68,26.68,0,0,1-26.68,26.68,27.39,27.39,0,0,1-6.24-.73,26.69,26.69,0,1,1,32.92-25.95Z"
transform="translate(-146.34 -49.15)"
fill="#be6f72"
/>
<path
d="M432.74,336.87c-10.32-3.17-24.51,2.16-33.29,6.36a63.57,63.57,0,0,0-.22-10.73c5.9-4.93,15.21-8.57,28.21-2,1.19.61,2.41,1.3,3.67,2.07Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M432.74,337.54c-13.84-4.26-34.65,6.8-40,9.88l-1-3.4-.29-.95s11.37-24.39,36.06-11.9c1.19.61,2.41,1.3,3.67,2.07Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
/>
<path
d="M491.34,535.43c-14.81,3.94-39.18,6.89-40.59,6.73-2-.22-19.87,3.8-19.87,3.8.67-2.24-5.35-26.34-5.35-26.34l-4.25,27.68s-38.74-4-46.68-5.66a51.22,51.22,0,0,0,0-9.74l30.8-18.08,38.61-3.13,47.32,14.73A56.16,56.16,0,0,0,491.34,535.43Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M502.53,528.77C501,535,452.75,541,450.75,540.82s-19.87,3.8-19.87,3.8c.67-2.24-5.35-26.34-5.35-26.34L421.28,546s-45.53-4.69-48-6-7.37-3.34-7.37-3.34,3.12-16.52,2-18.75,4.24-8.49,4.24-8.49l2.72-8.66,8.21-26.16a12.61,12.61,0,0,1-1.38-.91,27.88,27.88,0,0,1-5.31-5.56C372.85,457.12,365,447.3,365,447.3s-7.36-7.81-8-9.6-8.93-12.05-8.93-12.05L323.3,393.73,336.91,379s1.34-3.57,4-3.79,3.13-6,3.13-6c0-12.5,13.39-11.83,13.39-11.83s4.91-.22,7.58-2.23,26.35-6.26,26.35-6.26v-3.79c19.86-26.34,45-9.22,45-9.22l5.23,9s16.73-2.45,18.51-.22,8.93,4.23,8.93,4.23c14.29-7.58,18.52,4.25,19.64,8.49s8.49,8.7,8.49,8.7-7.6,38.17-9.61,40.4.9,10.72.9,10.72S482,430.12,484,435.24s-2.68,21.66-2.68,21.66l12.5,36.16S504.09,522.52,502.53,528.77Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M441.61,346.19c-12.49-19.2-50.23,4-50.23,4v-3.79c19.86-26.34,45-9.22,45-9.22Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M432.74,337.54c-13.84-4.26-34.65,6.8-40,9.88l-1.32.77V344.4l.29-.38c12.38-16.11,26.74-15.54,35.77-12.85,1.19.61,2.41,1.3,3.67,2.07Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M441.61,344.85c-12.49-19.19-50.23,4-50.23,4v-3.79c19.86-26.34,45-9.22,45-9.22Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M432.22,489.26l-6.69,29,1.28,5.25S434,493.28,432.22,489.26Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M480.66,441.05s-3.35,27-25.23,34.82C455.43,475.87,473.51,459.58,480.66,441.05Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M390,465.16s26.56-11.39,26.56-6.7S390,465.16,390,465.16Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M446.73,442.17s18.53-13.17,22.54-9.82S446.73,442.17,446.73,442.17Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M584.74,423.72c-.61-.45-1.24-.92-1.89-1.42l-1-19.42v-1.12s1.7.67,4.37,1.75C589.28,408.05,592.48,416,584.74,423.72Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M582.44,425.2l-29.69-3.79a31.08,31.08,0,0,0-4.8-1.2c-1.42-.2-2.78-.21-3.46.3-1.78,1.34-10.71.23-13.39-2.68a8,8,0,0,0-4-1.62c-5.41-1.07-13.87-.83-13.87-.83s-8.61.67-10.56-1.56-10-4.46-10-4.46l-8.48-6.26,5.35-38.83,7.6,1.78,9.14,6.92s4.47,1.12,5.36,2.46,6.25,3.57,6.25,3.57,4.46,1.78,6.92,2.68,7.59,2,7.59,2l9.15,1.57a20.61,20.61,0,0,1,10.5,2.9c5.12,3.13,30.35,11.61,30.35,11.61S597,413.15,582.44,425.2Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M552,413.85a13.83,13.83,0,0,1-4,5.69c-1.42-.2-2.78-.21-3.46.3-1.78,1.34-10.71.23-13.39-2.67a7.91,7.91,0,0,0-4-1.63c-.69-5-2.51-25.45,14.73-24.12C561.43,392.92,552,413.85,552,413.85Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M552,414.52a13.83,13.83,0,0,1-4,5.69c-1.42-.2-2.78-.21-3.46.3-1.78,1.34-10.71.23-13.39-2.68a8,8,0,0,0-4-1.62c-.69-4.95-2.51-25.45,14.73-24.12C561.43,393.59,552,414.52,552,414.52Z"
transform="translate(-146.34 -49.15)"
fill="#5f5d7e"
/>
<ellipse cx={431.49} cy={362.94} rx={1} ry={1.67} fill={props.primaryColor} />
<ellipse cx={433.5} cy={363.61} rx={1} ry={1.67} fill={props.primaryColor} />
<ellipse cx={435.51} cy={364.24} rx={1} ry={1.67} fill={props.primaryColor} />
<path
d="M507.36,375.85s1.67,1.17-1.42,4.77S507.36,375.85,507.36,375.85Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M523.35,384.64s4.52,16.48.67,19.33S523.35,384.64,523.35,384.64Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<circle cx={247.27} cy={498.59} r={1.67} fill={props.primaryColor} />
<circle cx={327.01} cy={496.81} r={1.67} fill={props.primaryColor} />
<path
d="M382.89,587s17,15.62,39.29,0C422.18,587,397.47,592,382.89,587Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M445.61,591.71s28.8,1.79,35.94-4.68S445.61,591.71,445.61,591.71Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M376.64,627.87c.45,1.12,10.05,29.47,23.66,29.69Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M492.49,599.08S480.21,652,466.37,658.9Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M361,786.8s25.89,5.35,22.77,7.81S365,796.39,365,796.39Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M484.9,775.86s9.15,10.49,12.27,4.69S484.9,775.86,484.9,775.86Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M468.38,798.18c2-.22,10.05,1.12,16.52,0s-15-3.56-17.64.45S468.38,798.18,468.38,798.18Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M444.19,287.38a6.4,6.4,0,0,1-1,1.28c-.89.88-2,1.49-2.84,2.44-1.7,1.95-1.55,4.66-1.62,7.35a15.49,15.49,0,0,1-.33,3.22A9,9,0,0,1,432,308.2a13.09,13.09,0,0,0-5.49-5.61,2.31,2.31,0,0,0-1.38-.38,2.39,2.39,0,0,0-1.38,1,17.5,17.5,0,0,0-3.83,9.14,17.89,17.89,0,0,0,.12,4.9c.2,1.12,1.5,3.55,1,4.59-.78,1.56-4.67,2-7.48,2.34-1,.11-1.81.21-2.34.33q-5.93,1.32-11.74,3.1l-.72.2c-.66-6-1.6-12.27-2.32-16.71a26.68,26.68,0,1,1,47.74-23.71Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M423.12,302.53a2.36,2.36,0,0,1,1.38-1,2.3,2.3,0,0,1,1.38.37,13.23,13.23,0,0,1,5.5,5.61,9,9,0,0,0,6.37-6.53c.83-3.55-.44-7.81,1.95-10.58.81-.94,1.95-1.55,2.84-2.43a8.15,8.15,0,0,0,2.14-4.74,11.64,11.64,0,0,0-4.12-10.33c-1.66-1.36-3.73-2.28-5-4-1.8-2.56-1.32-6.19-3-8.82-2.13-3.31-6.87-3.78-10.69-2.8s-7.34,3-11.24,3.55c-3.1.42-6.23-.16-9.35-.36s-6.46,0-9,1.82c-3.16,2.22-4.44,6.3-7.2,9s-7.18,4-9.6,7.16a8.81,8.81,0,0,0-1.17,8.3c1,2.55,3.16,4.61,3.65,7.3.6,3.19-1.29,6.79.34,9.6,2.2-.26,4.19,1.64,4.83,3.76s.29,4.4,0,6.59-.6,4.5.18,6.57a2.67,2.67,0,0,0,.77,1.17,3.89,3.89,0,0,0,1.91.54,8.72,8.72,0,0,1,5.2,2.8A10.82,10.82,0,0,0,393,327c1.67,1.14,3.92.56,5.86,0q5.81-1.77,11.74-3.1c2.07-.47,8.78-.58,9.83-2.67.52-1-.78-3.47-1-4.59a17.67,17.67,0,0,1,3.7-14Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M378.79,500.06c-.79.84-2.2,1-3.89.63l8.21-26.16a12.61,12.61,0,0,1-1.38-.91c3.63-.39,6.81-.56,7.78-.09C392.1,474.79,381.89,496.8,378.79,500.06Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M378.13,499.39C375,502.66,362.64,495.12,361,492c-.89-1.65-2.83-2.44-4.45-2.82a13.64,13.64,0,0,0-2.58-.35l8.71-14.32,2.8.24,2.05.18s18.75-3.35,21.35-2.09S381.22,496.13,378.13,499.39Z"
transform="translate(-146.34 -49.15)"
fill="#be6f72"
/>
<path
d="M365.44,474.77l-8.93,14.43a13.64,13.64,0,0,0-2.58-.35l8.71-14.32Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<polygon
points="218.89 424.88 205.16 447.06 201.71 444.77 199.72 443.46 211.94 421.62 216.52 423.76 218.89 424.88"
fill={props.primaryColor}
/>
<polygon
points="216.52 423.76 201.71 444.77 199.72 443.46 211.94 421.62 216.52 423.76"
opacity={0.1}
/>
<path
d="M363.25,471.4l-16.52,23.44-28.79-16.29-23-17.31-.82-.34c-26.36-11.26-2.31-38.15-2.31-38.15a2.7,2.7,0,0,1,.52-1.17c2.26-3.46,11.09-11.78,11.09-11.78l19.87-16.07,8-2.45,18.53,32.81-11.38,7.71s-3.8,2.78-6,2.78-9.94,9.37-9.94,9.37l6.59,5.81s5.8.67,7.14,3.56a8.64,8.64,0,0,0,3.58,4Z"
transform="translate(-146.34 -49.15)"
fill="#464a5f"
/>
<path
d="M309.23,433.46s17.19-2.87,18.08-1.66S309.23,433.46,309.23,433.46Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M309.23,442.17a26.85,26.85,0,0,0,7.15.89C320.62,443.06,309.23,442.17,309.23,442.17Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M294.8,460.9c-26.36-11.26-2.31-38.15-2.31-38.15a2.7,2.7,0,0,1,.52-1.17c4.87-.81,12.27,1.13,13.38,19.89C307.05,452.69,301.61,458.26,294.8,460.9Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M294.13,460.9c-26.36-11.26-2.31-38.15-2.31-38.15a2.7,2.7,0,0,1,.52-1.17c4.87-.81,12.27,1.13,13.38,19.89C306.38,452.69,300.94,458.26,294.13,460.9Z"
transform="translate(-146.34 -49.15)"
fill="#5f5d7e"
/>
<g opacity={0.1}>
<path
d="M377.81,302.46a4.8,4.8,0,0,0,.48,1.18,3.58,3.58,0,0,1,1.53.16A4.88,4.88,0,0,0,377.81,302.46Z"
transform="translate(-146.34 -49.15)"
/>
<path
d="M383.94,320.93l-.54-.07a2.22,2.22,0,0,0,.64.87,3.89,3.89,0,0,0,1.91.54,8.54,8.54,0,0,1,2.51.79A8.75,8.75,0,0,0,383.94,320.93Z"
transform="translate(-146.34 -49.15)"
/>
<path
d="M440.56,272.92c-1.66-1.36-3.73-2.28-5-4-1.8-2.56-1.32-6.19-3-8.82a6.51,6.51,0,0,0-2.89-2.41,6.12,6.12,0,0,1,.88,1.07c1.7,2.63,1.22,6.26,3,8.82,1.24,1.75,3.31,2.67,5,4a11.64,11.64,0,0,1,4.12,10.33,8.15,8.15,0,0,1-2.14,4.74c-.89.88-2,1.49-2.84,2.43-2.38,2.77-1.12,7-1.95,10.58a9,9,0,0,1-5.38,6.2,13.55,13.55,0,0,1,1,1.67,9,9,0,0,0,6.37-6.53c.83-3.55-.44-7.81,1.95-10.58.81-.94,1.95-1.55,2.84-2.43a8.15,8.15,0,0,0,2.14-4.74A11.64,11.64,0,0,0,440.56,272.92Z"
transform="translate(-146.34 -49.15)"
/>
<path
d="M423.87,300.58a2.3,2.3,0,0,0-1.38-.37,2.36,2.36,0,0,0-1.38,1,17.67,17.67,0,0,0-3.7,14c.19,1.13,1.49,3.56,1,4.59-1.05,2.09-7.76,2.2-9.83,2.67q-5.93,1.32-11.74,3.1a9.09,9.09,0,0,1-4.77.53,4.89,4.89,0,0,0,.92.84c1.67,1.14,3.92.56,5.86,0q5.81-1.77,11.74-3.1c2.07-.47,8.78-.58,9.83-2.67.52-1-.78-3.47-1-4.59a17.67,17.67,0,0,1,3.7-14,2.36,2.36,0,0,1,1.38-1,2.25,2.25,0,0,1,1.37.36A13.36,13.36,0,0,0,423.87,300.58Z"
transform="translate(-146.34 -49.15)"
/>
</g>
<ellipse
cx={86.6}
cy={749.25}
rx={33.42}
ry={5.65}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M239.84,727.05s6.14,8-2.83,20.14-16.37,22.35-13.38,29.9c0,0,13.54-22.5,24.55-22.82S252,740.58,239.84,727.05Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
/>
<path
d="M239.84,727.05a10,10,0,0,1,1.26,2.52c10.74,12.63,16.47,24.41,6.14,24.7-9.63.28-21.17,17.48-23.93,21.83.09.33.2.66.32,1,0,0,13.54-22.5,24.55-22.82S252,740.58,239.84,727.05Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M251.25,737.28c0,2.82-.32,5.11-.71,5.11s-.71-2.29-.71-5.11.4-1.5.79-1.5S251.25,734.46,251.25,737.28Z"
transform="translate(-146.34 -49.15)"
fill="#ffd037"
/>
<path
d="M255.16,740.65c-2.48,1.35-4.64,2.17-4.83,1.83s1.68-1.72,4.16-3.07,1.5-.37,1.69,0S257.64,739.3,255.16,740.65Z"
transform="translate(-146.34 -49.15)"
fill="#ffd037"
/>
<path
d="M207.43,727.05s-6.14,8,2.83,20.14,16.36,22.35,13.37,29.9c0,0-13.53-22.5-24.54-22.82S195.31,740.58,207.43,727.05Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
/>
<path
d="M207.43,727.05a10,10,0,0,0-1.26,2.52C195.43,742.2,189.7,754,200,754.27c9.62.28,21.17,17.48,23.93,21.83a9.57,9.57,0,0,1-.33,1s-13.53-22.5-24.54-22.82S195.31,740.58,207.43,727.05Z"
transform="translate(-146.34 -49.15)"
opacity={0.1}
/>
<path
d="M196,737.28c0,2.82.32,5.11.71,5.11s.71-2.29.71-5.11-.4-1.5-.79-1.5S196,734.46,196,737.28Z"
transform="translate(-146.34 -49.15)"
fill="#ffd037"
/>
<path
d="M192.11,740.65c2.48,1.35,4.64,2.17,4.82,1.83s-1.67-1.72-4.15-3.07-1.5-.37-1.69,0S189.63,739.3,192.11,740.65Z"
transform="translate(-146.34 -49.15)"
fill="#ffd037"
/>
<path
d="M198,776s17.16-.53,22.33-4.21,26.39-8.08,27.68-2.17,25.78,29.36,6.41,29.52-45-3-50.17-6.16S198,776,198,776Z"
transform="translate(-146.34 -49.15)"
fill="#5f5d7e"
/>
<path
d="M254.74,797.13c-19.37.15-45-3-50.17-6.17-3.93-2.39-5.5-11-6-14.94l-.58,0s1.09,13.84,6.25,17,30.8,6.32,50.17,6.16c5.59,0,7.52-2,7.42-5C261,796,258.9,797.09,254.74,797.13Z"
transform="translate(-146.34 -49.15)"
opacity={0.2}
/>
<ellipse
cx={705.22}
cy={772.9}
rx={35.2}
ry={5.95}
fill={props.primaryColor}
opacity={0.1}
/>
<path
d="M827.93,794.41s20.07-.62,26.12-4.93,30.89-9.45,32.39-2.54,30.17,34.37,7.5,34.55-52.66-3.53-58.7-7.21S827.93,794.41,827.93,794.41Z"
transform="translate(-146.34 -49.15)"
fill="#5f5d7e"
/>
<path
d="M894.35,819.08c-22.67.19-52.67-3.53-58.71-7.21-4.6-2.8-6.43-12.85-7-17.49l-.67,0s1.27,16.19,7.31,19.87,36,7.39,58.7,7.21c6.55,0,8.81-2.38,8.68-5.83C901.71,817.74,899.22,819,894.35,819.08Z"
transform="translate(-146.34 -49.15)"
opacity={0.2}
/>
<ellipse cx={834.62} cy={795.21} rx={38.34} ry={6.48} fill={props.primaryColor} />
<path
d="M996.81,833.76a11.23,11.23,0,0,0,3.66-5.52c.47-2.19-.46-4.81-2.56-5.62-2.34-.89-4.85.73-6.75,2.38s-4.08,3.51-6.57,3.16a10,10,0,0,0,3.09-9.35,3.85,3.85,0,0,0-.86-1.9c-1.3-1.39-3.66-.8-5.22.3-5,3.49-6.34,10.22-6.37,16.29-.5-2.19-.08-4.47-.09-6.71s-.63-4.73-2.52-5.94a7.64,7.64,0,0,0-3.84-.9c-2.23-.08-4.71.14-6.24,1.77-1.89,2-1.4,5.43.25,7.66s4.15,3.62,6.45,5.16a14.37,14.37,0,0,1,4.61,4.4,4,4,0,0,1,.34.79h14A38.7,38.7,0,0,0,996.81,833.76Z"
transform="translate(-146.34 -49.15)"
fill={props.primaryColor}
/>
</svg>
);
UndrawEmails.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawEmails.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawEmails;