react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
391 lines (386 loc) • 27 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawWallPost = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="eb784e0d-05db-44e6-8395-40b319063039"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 1094 798.15"
>
<defs>
<linearGradient
id="b86fccb4-da21-4a09-8d3b-ff994f3aa5aa"
x1={639.03}
y1={672.43}
x2={639.03}
y2={50.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="d2adb5db-d5c7-49ab-bfdd-50ec6aa449ae"
x1={319.12}
y1={309.68}
x2={319.12}
y2={212.15}
xlinkHref="#b86fccb4-da21-4a09-8d3b-ff994f3aa5aa"
/>
<linearGradient
id="fd1a872a-c2fb-4cd4-906a-a62e176bbce4"
x1={332.56}
y1={304.74}
x2={332.56}
y2={246.12}
gradientTransform="matrix(-1, 0, 0, 1, 652, 0)"
xlinkHref="#b86fccb4-da21-4a09-8d3b-ff994f3aa5aa"
/>
<linearGradient
id="636ac3f3-8a9d-4cd8-9529-d45e35aeb867"
x1={803.65}
y1={796.85}
x2={803.65}
y2={184.5}
xlinkHref="#b86fccb4-da21-4a09-8d3b-ff994f3aa5aa"
/>
</defs>
<title>wall post</title>
<g opacity={0.1}>
<path
d="M119.37,170.3c10.2,17.75,4.55,40.79-6.53,58S86,259.17,73.72,275.59C49.31,308.35,43,360.08,73.78,387c6.63,5.8,14.83,10.39,18.87,18.21C98.23,416,94.1,429,89.89,440.43l-.35.94C73.63,484.5,97.07,532.3,141,545.83c24.31,7.49,46.25,19.63,62.49,39.26,14.19,17.16,22.39,38.33,31.75,58.53C252.16,680.11,274,715,304.18,741.57s69.56,44.18,109.76,42.73c91.82-3.31,159.43-100,251.16-105.09,6.61-.37,13.65-.12,19.18,3.52,7.8,5.14,10.19,15.23,13.47,24,17.37,46.43,69.67,67.83,116.5,84.09l88,30.58c47.8,16.6,98,33.45,148,25.76s98.82-48.75,96.65-99.31c-1.78-41.53-36.2-78.08-31.69-119.41,3.12-28.56,24.51-52.55,28.09-81.06,3.73-29.67-12.49-58.16-31.16-81.52-53.72-67.24-130.28-111.56-205-154.31-52.63-30.12-105.53-60.36-162.19-82-139.68-53.21-293.2-50.92-442-65.44-25.59-2.5-52.34-5.44-75.79-16.75-18-8.68-32.07-28.75-51.82-33-15.05-3.24-37.31,3.45-50.45,10.76C100.94,138.54,107.54,149.71,119.37,170.3Z"
transform="translate(-53 -50.93)"
fill={props.primaryColor}
/>
</g>
<path
d="M1040.87,50.93H237.18A28,28,0,0,0,209.3,79.08V644.28a28,28,0,0,0,27.88,28.15h803.69a28,28,0,0,0,27.88-28.15V79.08A28,28,0,0,0,1040.87,50.93Z"
transform="translate(-53 -50.93)"
fill="url(#b86fccb4-da21-4a09-8d3b-ff994f3aa5aa)"
/>
<path
d="M1065.12,110.81V637.54a27.64,27.64,0,0,1-27.64,27.64H240.89a27.64,27.64,0,0,1-27.64-27.64V110.81Z"
transform="translate(-53 -50.93)"
fill="#f6f7f9"
/>
<path
d="M421.34,382.3V665.17H240.89c-15.26,0-27.64-12.62-27.64-28.18V382.3Z"
transform="translate(-53 -50.93)"
fill="#dde1ec"
/>
<rect x={430.12} y={124.37} width={346.82} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={193.73} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={685.9} y={193.73} width={70.45} height={9.75} fill="#dde1ec" />
<g opacity={0.1}>
<rect x={224.19} y={437.04} width={70.45} height={9.75} fill={props.primaryColor} />
</g>
<rect x={685.9} y={284.77} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={685.9} y={375.81} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={685.9} y={224.08} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={807.28} y={224.08} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={685.9} y={254.42} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={807.28} y={254.42} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={807.28} y={310.78} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={807.28} y={341.13} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={807.28} y={406.16} width={70.45} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={224.08} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={254.42} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={284.77} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={315.12} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={345.46} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={375.81} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={430.12} y={406.16} width={209.17} height={9.75} fill="#dde1ec" />
<rect x={160.25} y={59.34} width={208.09} height={277.45} fill={props.primaryColor} />
<path
d="M1065.12,82.63A27.64,27.64,0,0,0,1037.48,55H240.89a27.64,27.64,0,0,0-27.64,27.64v31.43h851.87Z"
transform="translate(-53 -50.93)"
fill="#e8eaf1"
/>
<circle cx={193.85} cy={33.33} r={10.84} fill="#ff5252" />
<circle cx={229.61} cy={33.33} r={10.84} fill="#ff0" />
<circle cx={265.38} cy={33.33} r={10.84} fill="#69f0ae" />
<path
d="M378,249a60.41,60.41,0,0,1-13.52,38.17c-.33.41-.66.81-1,1.21h0a1.64,1.64,0,0,0-.18.22,61,61,0,0,1-10.47,9.59l-.5.37c-.69.49-1.39,1-2.1,1.42l-.49.31-1.05.65a5.33,5.33,0,0,1-.48.27,3.21,3.21,0,0,1-.41.25c-1.54.9-3.13,1.73-4.76,2.49-.18.1-.38.18-.57.27s-.41.2-.63.28-.65.29-1,.42a59.06,59.06,0,0,1-10.83,3.4,60.5,60.5,0,0,1-10.75,1.31h-.55l-1.43,0A60.59,60.59,0,0,1,303.11,308l-.87-.21q-3.06-.8-6-1.86c-1.19-.44-2.37-.92-3.52-1.43-.29-.13-.57-.25-.86-.39l-.87-.39-.76-.39h0l-.8-.41-.89-.47-1-.57-.16-.09a60.93,60.93,0,0,1-11.78-8.71c-.3-.29-.61-.57-.9-.88s-.63-.62-.93-.94A60.69,60.69,0,1,1,378,249Z"
transform="translate(-53 -50.93)"
fill="#fff"
/>
<path
d="M360,270.62a17.33,17.33,0,0,1-.59,2.67,2.47,2.47,0,0,1-.13.4c0-.38-.07-.78-.09-1.21h0c-.3-4.45-.56-11.48.34-15.64.85-3.91-5.34-2.72-9.47.78h0a10.89,10.89,0,0,0-2.88,3.61c-.09-.12-.18-.23-.28-.35a10.9,10.9,0,0,0-8.2-4.05,27.91,27.91,0,0,1-17.43-7.64c-.2-.81-.35-1.61-.47-2.42,0-.25-.08-.51-.11-.76a15.07,15.07,0,0,0,4.63-7.81s0-.08,0-.12a15.1,15.1,0,0,0,.38-3.32c0-.46,0-.9-.05-1.34,0-.16,0-.33-.05-.49s0-.38-.08-.56a6.61,6.61,0,0,0,.73-.38,8.38,8.38,0,0,0,3.24-3.67l0-.08a13.83,13.83,0,0,0,.64-1.66,0,0,0,0,0,0,0,20.07,20.07,0,0,0,.83-5c0-.21,0-.42,0-.65,0-1.31-.26-2.95-1.54-3.22-1.69-.36-2.92,2.19-4.63,1.92a2.6,2.6,0,0,1-1.34-.81c-1.16-1.15-1.94-2.63-3.1-3.79a10.6,10.6,0,0,0-6.62-2.81,25,25,0,0,0-7.28.67,12.26,12.26,0,0,0-3.76,1.28,4.48,4.48,0,0,0-2.25,3.09,4.41,4.41,0,0,0,0,.85c0,.42,0,.86,0,1.29a4.8,4.8,0,0,1-.07.55,4.57,4.57,0,0,1-2.31,2.76c-1.06.63-2.24,1.07-3.25,1.79a8.51,8.51,0,0,0-3.13,5,13.22,13.22,0,0,0-.35,3.39,22.43,22.43,0,0,0,.17,3.08,33.06,33.06,0,0,0,2.86,9.92,15.84,15.84,0,0,0,1.42,2.5s0,0,0,0c.14.2.28.38.43.55a15.09,15.09,0,0,0,3.23,2.73l.69.47a2,2,0,0,0,1.71.44,1.82,1.82,0,0,0,.52-.3,4,4,0,0,0,1.25-3.15v-.16a1,1,0,0,1,0,.17,1.64,1.64,0,0,1,0,.23l.1,0a14.8,14.8,0,0,1,0,1.53,5.59,5.59,0,0,1,0,.62c0,.12,0,.24,0,.35l-.16.14h0c-.33.28-.93.77-1.76,1.42h0a52.89,52.89,0,0,1-11.24,6.69,16,16,0,0,0-9.21,10.23,35.89,35.89,0,0,1-4.37,9.47c-.48.7-1.8,6-3.34,11.44.3.33.62.64.93.94s.6.59.9.88a60.93,60.93,0,0,0,11.78,8.71l.16.09,1,.57.89.47c0-.75-.1-1.44-.15-2.09,0-.39-.06-.76-.1-1.12.23-.38.43-.72.62-1,0,.29.07.61.1,1h0c.11,1,.22,2.23.34,3.64q0,.67.1,1.4c0-.49-.05-1-.09-1.4l.76.39.87.39c.28.14.56.26.86.39,1.15.51,2.33,1,3.52,1.43q2.91,1.07,6,1.86l.87.21a60.59,60.59,0,0,0,14.19,1.67l1.43,0h.55A60.5,60.5,0,0,0,330,308.34a59.06,59.06,0,0,0,10.83-3.4q.49-.2,1-.42c.22-.09.42-.18.63-.28s.39-.17.57-.27c-1-3.51-1.54-5.76-1.54-5.76l1.32-3.39.16-.41.4-1.05v0c0,.13.06.26.11.39v0a15.93,15.93,0,0,0,4.7,7.49,5.33,5.33,0,0,0,.48-.27l1.05-.65.49-.31c.72-.47,1.41-.93,2.1-1.42l.5-.37a61,61,0,0,0,10.47-9.59l.18-.22h0c.34-.4.67-.8,1-1.21Zm-8.72,4.56a1.1,1.1,0,0,1,.09.15l-.08-.07Z"
transform="translate(-53 -50.93)"
fill="url(#d2adb5db-d5c7-49ab-bfdd-50ec6aa449ae)"
/>
<path
d="M351.44,273.31v.08l.07.07C351.49,273.4,351.46,273.36,351.44,273.31Zm-61.16,30c-.1-1.4-.2-2.66-.29-3.74-.07-.76-.14-1.44-.2-2a.18.18,0,0,1,0-.08c0-.14,0-.27,0-.4a23,23,0,0,0-2.36,4.7l.16.09,1,.57.89.47.8.41q0,.67.1,1.4C290.33,304.25,290.31,303.79,290.28,303.34Zm13.31-57.17,0,0,0,0,.05.09h0a.23.23,0,0,1,0,.07A.39.39,0,0,0,303.59,246.17Z"
transform="translate(-53 -50.93)"
fill="url(#fd1a872a-c2fb-4cd4-906a-a62e176bbce4)"
/>
<path
d="M321,235.93s-3.61,16.22,6.31,24.79S303.88,276,298,268.83,302.08,258,302.08,258s5-4.06,0-16.22Z"
transform="translate(-53 -50.93)"
fill="#e0a17e"
/>
<path
d="M330,308.34a60.5,60.5,0,0,1-10.75,1.31h-.55l-1.43,0A60.59,60.59,0,0,1,303.11,308l-.87-.21q-3.06-.8-6-1.86l-1-15,4.34-20.77,2.55-12.24.72-3.42.73,1,.16.22.2.26,8,10.65,8.19-8.82.42-.46,2.25-2.43.85-.91.4,3.09,1.44,11.11,2.67,20.49Z"
transform="translate(-53 -50.93)"
fill="#f0f1f5"
/>
<path
d="M352.32,298.56c-.69.49-1.39,1-2.1,1.42l-.49.31-1.05.65a5.33,5.33,0,0,1-.48.27,3.21,3.21,0,0,1-.41.25A16.08,16.08,0,0,1,343,294.4a11,11,0,0,1-.3-1.06,1,1,0,0,1,0-.17l-.57,1.5L340.38,299s.52,2.12,1.45,5.48q-.49.23-1,.42a59.06,59.06,0,0,1-10.83,3.4,60.5,60.5,0,0,1-10.75,1.31h-.55a99.44,99.44,0,0,1-.53-14l1.32-25.17.67-12.7.37-7s.13.14.38.37.42.4.72.67h0a27,27,0,0,0,16,6.61,10.62,10.62,0,0,1,8.32,4.42,19.59,19.59,0,0,1,3.39,8.65l.3,2.75s0,0,0,0l.08.78.11,1Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M352.82,298.2l-.5.37c-.69.49-1.39,1-2.1,1.42l-.49.31-1.05.65a16.58,16.58,0,0,1-5.18-7.22v0a2.77,2.77,0,0,1-.12-.36c-.11-.35-.21-.72-.29-1.08l-.41,1.07-.56,1.45-1.28,3.34s.59,2.4,1.63,6.1c-.21.1-.41.2-.63.28s-.65.29-1,.42a59.06,59.06,0,0,1-10.83,3.4,60.5,60.5,0,0,1-10.75,1.31,99.49,99.49,0,0,1-.63-14.92l1.28-24.39.68-13,.33-6.13.06-1.27a2,2,0,0,0,.17.17,27.09,27.09,0,0,0,17,7.49,10.62,10.62,0,0,1,8.24,4.31,19.54,19.54,0,0,1,3.48,8.76l.53,4.93v.07h0l.11,1Z"
transform="translate(-53 -50.93)"
fill="#293158"
/>
<path
d="M304.2,253l0,.61-.16,2.32-.56,7.94s-.33,2.29-.57,7.45c-.35,6.8-.56,18.58.25,36.7l-.87-.21q-3.06-.8-6-1.86c-1.19-.44-2.37-.92-3.52-1.43-.29-.13-.57-.25-.86-.39-.29-4-.64-6.45-.64-6.45s-.27.34-.68,1c-.17.27-.38.6-.6,1l-.05.09h0q-.29.5-.62,1.14c-.25.5-.5,1-.74,1.63l-1-.57-.16-.09a60.93,60.93,0,0,1-11.78-8.71c1.61-5.67,3-11.37,3.5-12.1a34.76,34.76,0,0,0,4.25-9.27,15.71,15.71,0,0,1,9-10A36.5,36.5,0,0,0,304.18,253a0,0,0,0,1,0,0A0,0,0,0,0,304.2,253Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M304.21,252.72a54.08,54.08,0,0,1-12.81,8.07,15.71,15.71,0,0,0-9,10,34.76,34.76,0,0,1-4.25,9.27c-.49.73-1.89,6.44-3.5,12.12.29.3.6.59.9.88a60.93,60.93,0,0,0,11.78,8.71l.16.09a22.88,22.88,0,0,1,2.2-4.24l.05-.08c.35-.52.57-.8.57-.8s.09.66.22,1.85.3,3,.46,5.1l.87.39c.28.14.56.26.86.39,1.15.51,2.33,1,3.52,1.43q2.91,1.07,6,1.86c-.82-17.94-.64-29.76-.31-36.73.26-5.62.61-8.11.61-8.11l1.27-7.3.36-2.06.17-1Z"
transform="translate(-53 -50.93)"
fill="#293158"
/>
<path
d="M310.64,251.71a14.81,14.81,0,0,1-6.49-1.49,29.17,29.17,0,0,0-2.07-7.53L321,236.84a36.22,36.22,0,0,0-.39,11A14.82,14.82,0,0,1,310.64,251.71Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<circle cx={257.64} cy={185.01} r={14.87} fill="#e0a17e" />
<g opacity={0.1}>
<path
d="M340.86,304.94c-1.17-4.11-1.82-6.81-1.82-6.81l2.25-5.86a12.65,12.65,0,0,0,.77,2.4l.05.13-1.28,3.34s.59,2.4,1.63,6.1c-.21.1-.41.2-.63.28S341.18,304.81,340.86,304.94Z"
transform="translate(-53 -50.93)"
/>
</g>
<path
d="M358.41,276.94s-1.35-13.07,0-19.38-15.77.9-12.17,9.46a73.58,73.58,0,0,0,7.21,13.52Z"
transform="translate(-53 -50.93)"
fill="#e0a17e"
/>
<path
d="M363.29,288.6a61.05,61.05,0,0,1-10.47,9.59l-.5.37c-.69.49-1.39,1-2.1,1.42a42.26,42.26,0,0,1-4.3-6.13l-.13-.23,3.61-18.93.38.39c.16.15.37.35.62.55h0l.05,0c1.87,1.6,5.82,4,7.72-1.58a16.85,16.85,0,0,0,.69-3l.37,1.38h0l.22.81,4,15.09h0Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M363.29,288.6a61,61,0,0,1-10.47,9.59l-.5.37c-.69.49-1.39,1-2.1,1.42l-.49.31a43.62,43.62,0,0,1-3.94-5.78l.13-.67,3.48-18.26s.18.21.49.5l.62.55c.26.22.56.46.89.68a0,0,0,0,1,0,0c2.07,1.42,5.22,2.49,6.82-2.5a16.89,16.89,0,0,0,.64-2.84l.46,1.7Z"
transform="translate(-53 -50.93)"
fill="#293158"
/>
<path
d="M363.29,288.6a61,61,0,0,1-10.47,9.59l-.5.37c-.69.49-1.39,1-2.1,1.42l-.49.31a43.62,43.62,0,0,1-3.94-5.78l.13-.67,3.48-18.26s.18.21.49.5l.62.55c.26.22.56.46.89.68a0,0,0,0,1,0,0c2.07,1.42,5.22,2.49,6.82-2.5a16.89,16.89,0,0,0,.64-2.84l.46,1.7Z"
transform="translate(-53 -50.93)"
opacity={0.02}
/>
<path
d="M289.79,297.58l-.05.08c0-.05,0-.11,0-.15.63-2.19,1.2-3.67,1.71-4.11,0,0,.67,4.45,1.27,11.12-.29-.13-.57-.25-.86-.39l-.87-.39c-.15-2.15-.31-3.9-.46-5.1s-.22-1.85-.22-1.85S290.14,297.06,289.79,297.58Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M310.82,231.84a4.08,4.08,0,0,1,2.55-.46,2.91,2.91,0,0,1,1,.7c1.17,1.11,2.33,2.4,3.91,2.74a7.56,7.56,0,0,0,2.93-.13,14,14,0,0,0,4.82-1.47c3.35-2,4.42-6.33,4.63-10.22.07-1.31-.2-3-1.49-3.28-1.64-.35-2.84,2.14-4.5,1.87a2.51,2.51,0,0,1-1.3-.79c-1.13-1.13-1.9-2.58-3-3.72a10.31,10.31,0,0,0-6.44-2.76,24.08,24.08,0,0,0-7.09.67,11.65,11.65,0,0,0-3.65,1.25,4.39,4.39,0,0,0-2.2,3c-.11.87.12,1.77-.05,2.63a4.42,4.42,0,0,1-2.24,2.71c-1,.62-2.18,1-3.16,1.76a8.37,8.37,0,0,0-3.05,4.86,16.46,16.46,0,0,0-.16,5.83,32.28,32.28,0,0,0,2.78,9.72,13.77,13.77,0,0,0,1.81,3,16.81,16.81,0,0,0,3.65,3,2.22,2.22,0,0,0,1.83.55,1.59,1.59,0,0,0,.51-.3c1.28-1.07,1.4-3,1-4.63s-1.08-3.18-1.16-4.84a2.33,2.33,0,0,1,.26-1.35,6,6,0,0,1,.9-.91,5.44,5.44,0,0,0,1-1.69,16.53,16.53,0,0,0,1.55-4.86,6.55,6.55,0,0,0-.87-4A5.17,5.17,0,0,0,310.82,231.84Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M310.82,231.32a4.08,4.08,0,0,1,2.55-.46,2.91,2.91,0,0,1,1,.7c1.17,1.11,2.33,2.4,3.91,2.74a7.56,7.56,0,0,0,2.93-.13,14,14,0,0,0,4.82-1.47c3.35-2,4.42-6.33,4.63-10.22.07-1.31-.2-3-1.49-3.28-1.64-.35-2.84,2.14-4.5,1.87a2.51,2.51,0,0,1-1.3-.79c-1.13-1.13-1.9-2.58-3-3.72a10.31,10.31,0,0,0-6.44-2.76,24.08,24.08,0,0,0-7.09.67,11.65,11.65,0,0,0-3.65,1.25,4.39,4.39,0,0,0-2.2,3c-.11.87.12,1.77-.05,2.63a4.42,4.42,0,0,1-2.24,2.71c-1,.62-2.18,1-3.16,1.76a8.37,8.37,0,0,0-3.05,4.86,16.46,16.46,0,0,0-.16,5.83,32.28,32.28,0,0,0,2.78,9.72,13.77,13.77,0,0,0,1.81,3,16.81,16.81,0,0,0,3.65,3,2.22,2.22,0,0,0,1.83.55,1.59,1.59,0,0,0,.51-.3c1.28-1.07,1.4-3,1-4.63s-1.08-3.18-1.16-4.84a2.33,2.33,0,0,1,.26-1.35,6,6,0,0,1,.9-.91,5.44,5.44,0,0,0,1-1.69,16.53,16.53,0,0,0,1.55-4.86,6.55,6.55,0,0,0-.87-4A5.17,5.17,0,0,0,310.82,231.32Z"
transform="translate(-53 -50.93)"
fill="#463e3b"
/>
<ellipse cx={176} cy={557.1} rx={25.19} ry={9.25} fill="#cd9494" />
<ellipse cx={176} cy={556.07} rx={12.85} ry={4.72} opacity={0.05} />
<path
d="M203.8,606s27.76,15.42,50.38,2.06c0,0-3.08,53.47-18.51,58.61H215.12S197.64,630.64,203.8,606Z"
transform="translate(-53 -50.93)"
fill="#ff7361"
/>
<path
d="M250.75,508c7.07,25.83-23.07,99.41-23.07,99.41s-63.39-48-70.46-73.82A48.48,48.48,0,1,1,250.75,508Z"
transform="translate(-53 -50.93)"
fill={props.primaryColor}
/>
<path
d="M250.75,508c7.07,25.83-23.07,99.41-23.07,99.41s-63.39-48-70.46-73.82A48.48,48.48,0,1,1,250.75,508Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M191.45,474.17s39.46,59.57,36.49,133.37"
transform="translate(-53 -50.93)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M260.82,555.2S225,535.73,229.57,607.59c0,0,29.85-1.07,40.44-25.42a21.12,21.12,0,0,0-8.66-26.67Z"
transform="translate(-53 -50.93)"
fill={props.primaryColor}
/>
<path
d="M261.41,555.32s-4.62,37.3-31.84,52.27"
transform="translate(-53 -50.93)"
fill="none"
stroke="#535461"
strokeMiterlimit={10}
/>
<path
d="M250.82,609.77c-1,12.3-5.31,50.5-18.22,54.81H214.17c.59,1.31.95,2.06.95,2.06h20.57C251.1,661.49,254.19,608,254.19,608A37.44,37.44,0,0,1,250.82,609.77Z"
transform="translate(-53 -50.93)"
opacity={0.05}
/>
<rect x={430.12} y={472.81} width={209.17} height={121.39} fill="#dde1ec" />
<path
d="M1035.83,284.14a8.76,8.76,0,0,0,0-1.18c-.36-4.88-5-8.41-9.6-10.29s-9.74-2.8-13.81-5.65c-6.88-4.82-9-13.83-9.62-22.07-.19-2.56-.27-5.12-.28-7.69s.16-5.41.4-8.11c.4-4.48,1.06-9.12,1-13.61a26.15,26.15,0,0,0-2.4-12.45c-4.08-8.06-13.24-12.18-21.72-15.69-3.26-1.35-6.6-2.72-10.14-2.87-3.74-.16-7.38,1.05-10.92,2.25-5.62,1.9-11.32,4.37-17.13,5.66-3.26.72-6.83.18-10,1.33-6.22,2.28-7.55,7.87-7.45,14,0,.39,0,.77,0,1.16-.62-.57-1.26-1.11-1.91-1.63l-.38-.3q-1-.81-2.13-1.53l-.36-.23a35.84,35.84,0,0,0-4.79-2.61l-.25-.11q-1.25-.55-2.54-1l-.16-.06a36.46,36.46,0,0,0-5.46-1.44h0a36.37,36.37,0,0,0-32.52,10.22l-6.87,7h0c-31.23-7-32.63,20.13-32.63,20.13l.23-.05-.08.19A96.44,96.44,0,0,0,837,247.67L595.83,494l-24.38,75.56,13.69-4.88,62.54-22.34L871.62,313.58c16.76,11.91,34.18,27.87,34.18,27.87S895,347.16,899,373.32c4.89,32-2.46,77.55-2.46,77.55v29.46l1.38-.38c-.17,1-.35,2-.52,3.15a168.08,168.08,0,0,0-.86,44.72c3.7,31.26,18.48,73.94,18.48,73.94s5.54,15,6.78,27.05a25.22,25.22,0,0,0,1.58,6.95,55.26,55.26,0,0,1,4.32,20.87c0,13.08,1.71,32.71,9.5,52.74,6.25,16.08,8.56,25.5,9.25,31-4.43,5.86-10.22,12.25-14.79,12.89-8.62,1.2-25.26,2.4-14.17,16.83a10.21,10.21,0,0,0,1.29,1.37c-8.42,1.36-17.68,4.36-8.68,16.06,11.09,14.43,76.39,7.82,76.39,7.82s.42-8,0-16.82c4.58-.32,7.41-.61,7.41-.61s1.85-34.87-6.16-39.08a16.9,16.9,0,0,0-4.32,1.06c-.86-4.82-1.52-10.81-1.93-15.25l3.17-.24V672.1s-3.7-32.46-17.25-46.89a29.15,29.15,0,0,1-4.43-6c.1-4.17.11-10,.06-16.73a13.89,13.89,0,0,1,1.91-2.52s7.39-9,32.65-66.13c14.9-33.69,11.58-53.14,6.35-63.44-1-3.66-3.6-14.11-7-33.35-4.31-24.65.62-48.7.62-48.7s16-41.48,23.41-58.31a27.39,27.39,0,0,0,2.08-12.85c1.93-1.41,2.86-3.76,3.69-6l7.59-20.25c.82-2.19,1.66-4.47,1.48-6.8ZM932.75,247.68a30.8,30.8,0,0,0,2.75,3.66h0s-1.13-1.18-3-3.08C932.59,248.07,932.67,247.87,932.75,247.68Zm-37.32,41.57,20.89-21.34c7.22,6.6,14.95,13.34,21.41,18.89a61.84,61.84,0,0,1-2.44,8.37c-2.8,1.39-6.5,1.84-11-.61C917.16,290.71,904,289.57,895.43,289.25Z"
transform="translate(-53 -50.93)"
fill="url(#636ac3f3-8a9d-4cd8-9529-d45e35aeb867)"
/>
<path
d="M878.62,210.5S863.13,219.44,867.9,232c0,0,16.09,4.77,22.64,16.69s57.21,54.82,57.21,54.82L984.69,285s-12.85-17.16-53.5-29.14c0,0-24-25.69-32.31-30.45S878.62,210.5,878.62,210.5Z"
transform="translate(-53 -50.93)"
fill="#febdd5"
/>
<path
d="M878.62,210.5S863.13,219.44,867.9,232c0,0,16.09,4.77,22.64,16.69s57.21,54.82,57.21,54.82L984.69,285s-12.85-17.16-53.5-29.14c0,0-24-25.69-32.31-30.45S878.62,210.5,878.62,210.5Z"
transform="translate(-53 -50.93)"
opacity={0.05}
/>
<path
d="M602.62,496.37,871.4,215a34.68,34.68,0,0,1,49-1.12h0a34.68,34.68,0,0,1,1.12,49L652.78,544.29l-73.74,27Z"
transform="translate(-53 -50.93)"
fill={props.primaryColor}
/>
<path
d="M905.75,208.89h0a34.68,34.68,0,0,1,1.12,49L638.1,539.26l-55.36,20.25L579,571.27l73.74-27L921.55,263a34.68,34.68,0,0,0-1.12-49h0a34.52,34.52,0,0,0-20.31-9.41A34.82,34.82,0,0,1,905.75,208.89Z"
transform="translate(-53 -50.93)"
fill="#fff"
opacity={0.1}
/>
<polygon
points="549.62 445.45 599.78 493.36 539.28 515.5 526.04 520.34 534.43 493.71 549.62 445.45"
fill="#efc8c4"
/>
<path
d="M587.43,544.63a14.75,14.75,0,0,1,5.16,2.07c1.82,1.31,3.14,3.58,2.64,5.76a13.82,13.82,0,0,1-2.08,3.77,11.77,11.77,0,0,0-.87,10.2L579,571.27Z"
transform="translate(-53 -50.93)"
fill="#727a9c"
/>
<path
d="M975.16,718.8s1.79,26.22,4.77,29.2-26.82,4.77-26.82,4.77l4.17-34Z"
transform="translate(-53 -50.93)"
fill="#ffb9b9"
/>
<path
d="M975.16,718.8s1.79,26.22,4.77,29.2-26.82,4.77-26.82,4.77l4.17-34Z"
transform="translate(-53 -50.93)"
opacity={0.05}
/>
<path
d="M981.71,739.06s-4.17,0-19.07,7.75c0,0-10.13-1.79-14.3-16.09,0,0-12.51,21.45-20.86,22.64s-24.43,2.38-13.71,16.69,73.89,7.75,73.89,7.75S989.46,743.23,981.71,739.06Z"
transform="translate(-53 -50.93)"
fill="#cbcdda"
/>
<path
d="M981.71,739.06s-4.17,0-19.07,7.75c0,0-10.13-1.79-14.3-16.09,0,0-12.51,21.45-20.86,22.64s-24.43,2.38-13.71,16.69,73.89,7.75,73.89,7.75S989.46,743.23,981.71,739.06Z"
transform="translate(-53 -50.93)"
opacity={0.05}
/>
<path
d="M972.77,759.32l-4.17,11.32-27.41-7.75,1.56-11.24.38-2.71,1-7.5s23.24-6,23.24-3a46.23,46.23,0,0,0,1.53,7.26c1,3.66,2.15,7.84,3,10.59C972.42,758.13,972.77,759.32,972.77,759.32Z"
transform="translate(-53 -50.93)"
fill="#ffb9b9"
/>
<path
d="M957.82,603.91c-1.88,3.18-4,9.14-.05,16.58a28.87,28.87,0,0,0,4.28,5.94c13.11,14.3,16.69,46.48,16.69,46.48v51.84l-8.94.69-14.3,1.1L934,638.36s-12.51-64.36-6.55-75.68,11.32-82.23,11.32-82.23l4.95-5.12,11.74-12.16h34a22.84,22.84,0,0,1,6.61,7.39c5.7,9.44,10.82,29.07-4.82,65.31-24.43,56.61-31.58,65.55-31.58,65.55A13.73,13.73,0,0,0,957.82,603.91Z"
transform="translate(-53 -50.93)"
fill="#4c4c78"
/>
<path
d="M957.82,603.91c-1.88,3.18-4,9.14-.05,16.58a28.87,28.87,0,0,0,4.28,5.94c13.11,14.3,16.69,46.48,16.69,46.48v51.84l-8.94.69-14.3,1.1L934,638.36s-12.51-64.36-6.55-75.68,11.32-82.23,11.32-82.23l4.95-5.12,11.74-12.16h34a22.84,22.84,0,0,1,6.61,7.39c5.7,9.44,10.82,29.07-4.82,65.31-24.43,56.61-31.58,65.55-31.58,65.55A13.73,13.73,0,0,0,957.82,603.91Z"
transform="translate(-53 -50.93)"
opacity={0.05}
/>
<path
d="M968.94,745.72l-25.81,3.22,1-7.5s23.24-6,23.24-3A46.23,46.23,0,0,0,968.94,745.72Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M956.09,527.52s1.48,46.91,1.73,76.39c.05,6.67,0,12.45-.05,16.58a36.74,36.74,0,0,1-.48,6.54c-1.79,5.36,1.79,17.28,1.79,17.28,14.9,39.33,10.73,73.89,10.73,73.89v26.22L941.19,748s4.77-3.58-8.34-38.14c-7.53-19.86-9.16-39.31-9.19-52.28a55.94,55.94,0,0,0-4.18-20.68A25.52,25.52,0,0,1,918,630c-1.19-11.92-6.55-26.82-6.55-26.82s-14.3-42.31-17.88-73.3a170.67,170.67,0,0,1,.83-44.33,110.63,110.63,0,0,1,2.15-11.09s58.25-36.66,80.25-11.32a28.69,28.69,0,0,1,5,8.34,55.06,55.06,0,0,1,2.81,9.28C991.37,514.42,956.09,527.52,956.09,527.52Z"
transform="translate(-53 -50.93)"
fill="#4c4c78"
/>
<circle cx={901.3} cy={185.2} r={30.39} fill="#ffb9b9" />
<path
d="M937.62,255.19s12.51,35.16,0,53.63,39.92,12.51,39.92,12.51l20.26-24.43s-23.84,0-25-41.71S937.62,255.19,937.62,255.19Z"
transform="translate(-53 -50.93)"
fill="#ffb9b9"
/>
<path
d="M997.8,477.46a78.2,78.2,0,0,1-13.28,3.33c-7.42,1.14-16.17,1.19-21.29-3.33-3-2.68-10.51-3-19.49-2.15-18.91,1.81-44.51,8.87-49.41,10.26a110.63,110.63,0,0,1,2.15-11.09s58.25-36.66,80.25-11.32h12.71a22.84,22.84,0,0,1,6.61,7.39C997.16,475.29,997.8,477.46,997.8,477.46Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M972.77,759.32l-4.17,11.32-27.41-7.75,1.56-11.24c4.71,10.42,12.74,11.83,12.74,11.83,8.66-4.5,13.7-6.39,16.4-7.18C972.42,758.13,972.77,759.32,972.77,759.32Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M974.56,756.34s-4.17,0-19.07,7.75c0,0-10.13-1.79-14.3-16.09,0,0-12.51,21.45-20.86,22.64S895.9,773,906.63,787.33s73.89,7.75,73.89,7.75S982.31,760.51,974.56,756.34Z"
transform="translate(-53 -50.93)"
fill="#cbcdda"
/>
<path
d="M833.19,241.95s1.35-26.89,31.56-19.95L857,236.53Z"
transform="translate(-53 -50.93)"
fill="#ffb9b9"
/>
<path
d="M974,304.06s-29.2-4.77-36.95-10.73c0,0-6,11.32-16.69,5.36s-35.75-5.36-35.75-5.36-20.86-11.32-25-36.95c0,0-4.17-15.49-3-19.66,0,0-15.49-16.09-23.24,5.36,3,14.9,5.36,13.71,4.77,25.62l9.53,26.22s.6,8.94,17.88,20.86,36.95,30.39,36.95,30.39-10.43,5.66-6.55,31.58c4.73,31.68-2.38,76.87-2.38,76.87v29.2s59.59-17.28,69.72-8.34,34.56,0,34.56,0-3-10.13-7.15-34.56.6-48.27.6-48.27,15.49-41.12,22.64-57.8-5.36-39.33-17.88-47.67-17.17-3.33-17.17-3.33S1000.78,298.7,974,304.06Z"
transform="translate(-53 -50.93)"
fill="#febdd5"
/>
<path
d="M921.43,228.69a10.54,10.54,0,0,0,.62,3.64,11.48,11.48,0,0,0,2.79,3.47c4.46,4.36,8.38,9.54,9.95,15.58,1.06,4.09,1,8.37.94,12.6-.26,17.11-1,35.58-11.54,49-3.88,4.95-8.88,8.88-13.57,13.07A4.09,4.09,0,0,0,909.2,328a3.57,3.57,0,0,0,.44,2.36c2.18,4.53,6.77,7.31,11.12,9.83,2,1.15,4.08,2.34,6.38,2.41,5.42.18,9-5.55,13.93-7.8,7.18-3.28,15.23,1.28,22.36,4.68a78.79,78.79,0,0,0,16.14,5.63c7.63,1.76,16.25,2.19,22.67-2.28a17.31,17.31,0,0,0,7.06-11.05c.52-2.91.44-6.29,2.64-8.26,1.14-1,2.69-1.44,3.91-2.34,1.91-1.4,2.81-3.75,3.62-6l7.34-20.07a16.49,16.49,0,0,0,1.43-6.74c-.35-4.83-4.81-8.34-9.28-10.2s-9.42-2.77-13.36-5.6c-6.65-4.78-8.71-13.71-9.31-21.88a105.34,105.34,0,0,1,.12-16.85c.73-8.31,2.35-17.17-1.35-24.65-3.95-8-12.81-12.07-21-15.55-3.15-1.34-6.39-2.69-9.81-2.84-3.62-.16-7.14,1-10.56,2.23-5.44,1.89-11,4.33-16.57,5.61-3.15.72-6.61.18-9.65,1.32C916.3,204.16,921.43,219.7,921.43,228.69Z"
transform="translate(-53 -50.93)"
opacity={0.1}
/>
<path
d="M921.43,227.5a10.54,10.54,0,0,0,.62,3.64,11.48,11.48,0,0,0,2.79,3.47c4.46,4.36,8.38,9.54,9.95,15.58,1.06,4.09,1,8.37.94,12.6-.26,17.11-1,35.58-11.54,49-3.88,4.95-8.88,8.88-13.57,13.07a4.09,4.09,0,0,0-1.43,1.91,3.57,3.57,0,0,0,.44,2.36c2.18,4.53,6.77,7.31,11.12,9.83,2,1.15,4.08,2.34,6.38,2.41,5.42.18,9-5.55,13.93-7.8,7.18-3.28,15.23,1.28,22.36,4.68a78.79,78.79,0,0,0,16.14,5.63c7.63,1.76,16.25,2.19,22.67-2.28a17.31,17.31,0,0,0,7.06-11.05c.52-2.91.44-6.29,2.64-8.26,1.14-1,2.69-1.44,3.91-2.34,1.91-1.4,2.81-3.75,3.62-6l7.34-20.07a16.49,16.49,0,0,0,1.43-6.74c-.35-4.83-4.81-8.34-9.28-10.2s-9.42-2.77-13.36-5.6c-6.65-4.78-8.71-13.71-9.31-21.88a105.34,105.34,0,0,1,.12-16.85c.73-8.31,2.35-17.17-1.35-24.65-3.95-8-12.81-12.07-21-15.55-3.15-1.34-6.39-2.69-9.81-2.84-3.62-.16-7.14,1-10.56,2.23-5.44,1.89-11,4.33-16.57,5.61-3.15.72-6.61.18-9.65,1.32C916.3,203,921.43,218.51,921.43,227.5Z"
transform="translate(-53 -50.93)"
fill="#b96b6b"
/>
<path
d="M897.41,390.13S902.16,389,926,385.4s65.55,4.77,65.55,4.77"
transform="translate(-53 -50.93)"
opacity={0.05}
/>
</svg>
);
UndrawWallPost.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawWallPost.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawWallPost;