react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
834 lines (829 loc) • 35.3 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawCautiousDog = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="78959f6b-6b81-463e-a7ed-f3ac2b26adb7"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 921 798.79"
>
<defs>
<linearGradient
id="4a1f3905-675e-4cb4-9a95-a4e3d3d94ba2"
x1={460.5}
y1={798.79}
x2={460.5}
y2={347.79}
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="be7ca847-3496-48b5-b94f-36037deb42a9"
x1={465.42}
y1={671.63}
x2={465.42}
y2={96.38}
xlinkHref="#4a1f3905-675e-4cb4-9a95-a4e3d3d94ba2"
/>
<clipPath
id="db8cd32f-d5c9-4ed5-a4b9-a3c7efedf8cf"
transform="translate(-139.5 -19.25)"
>
<path
id="ea848399-108c-42c8-bc20-d554308f50be"
data-name="<Clipping Path>"
d="M280.75,153.83s73-26.94,116.73,58.36S472.68,361.48,531,397.39c0,0,37-19.08,41.53,20.2l80.81-6.73s19.43,4.25,37.75,36.42a142.3,142.3,0,0,1,18.37,70.44v28.95l25.82,16.84s18,29.18,0,52.75S542.27,632,542.27,632s14.59,41.53-88.67,23.57S333.5,634.22,263.91,477.09c0,0,5.61,76.32,15.71,98.77s-6.73,68.47-62.85,22.45C173.47,562.79,168.26,449.74,168.14,400a281.61,281.61,0,0,0-4.88-51.67h0C147.61,265.6,194.48,183.16,274.13,156Q277.38,154.85,280.75,153.83Z"
fill="#f3ad55"
/>
</clipPath>
<clipPath
id="0c669763-5ee6-4554-9902-39f6d5eb037e"
transform="translate(-139.5 -19.25)"
>
<path
id="72eb7311-4454-4fda-bce9-f78cffeba103"
data-name="<Clipping Path>"
d="M226.52,181.35S225.38,97,262.42,89.48s39.28-19.08,78.57,21c7,7.14,13.17,13,18.59,17.91a66.6,66.6,0,0,0,63.72,14.26h0s-73,153.9-138.84,11Z"
fill="#f3ad55"
/>
</clipPath>
<linearGradient
id="e5b008d9-c45d-4476-abe9-4d32fab0fb0d"
x1={698.5}
y1={638.79}
x2={941.5}
y2={638.79}
xlinkHref="#4a1f3905-675e-4cb4-9a95-a4e3d3d94ba2"
/>
</defs>
<title>cautious dog 1</title>
<g opacity={0.7}>
<ellipse
cx={460.5}
cy={573.29}
rx={460.5}
ry={225.5}
fill="url(#4a1f3905-675e-4cb4-9a95-a4e3d3d94ba2)"
/>
</g>
<ellipse cx={460.5} cy={573.29} rx={440.57} ry={215.74} fill={props.primaryColor} />
<g opacity={0.5}>
<path
d="M746.19,574.63s-.71-.11-1.95-.22l-10.47-6.83-1.67-1.14.06,0L730,565l-9.48-6.49V529.65a143.52,143.52,0,0,0-2.17-24.88l-.19.07a140,140,0,0,0-11.62-36.35l.05.06c20.88-24,21.56-65.73,21.56-65.73l-62,21.38a16,16,0,0,0-1.7-.53l-80.35,6.7-.81-5.58-.18.1v0h0c-7.21-31.65-40.39-14.56-40.39-14.56-58.08-35.74-89.35-99.4-132.91-184.29a158.11,158.11,0,0,0-9.52-16.17c21.22-20.65,35.2-49.73,35.2-49.73l-2,.61c1.33-2.5,2-4,2-4a66.28,66.28,0,0,1-63.41-14.19c-5.39-4.85-11.53-10.72-18.49-17.82-39.09-39.84-41.32-28.29-78.18-20.85s-35.72,89.43-35.72,89.43h0c0,.89,0,1.62,0,2.16a169.34,169.34,0,0,0-63,165.72L182,389s-7.82,175.35,48,221.14,72.6,0,62.55-22.34-15.64-98.29-15.64-98.29c69.25,156.36,86,159.72,188.75,177.59S553.9,643.7,553.9,643.7s156.17,7,188-12.15l.23.05S773,612.61,746.19,574.63Z"
transform="translate(-139.5 -19.25)"
fill="url(#be7ca847-3496-48b5-b94f-36037deb42a9)"
/>
</g>
<path
id="1edf8a48-79e1-4628-af80-3c4411e374b6"
data-name="<Clipping Path>"
d="M280.75,153.83s73-26.94,116.73,58.36S472.68,361.48,531,397.39c0,0,37-19.08,41.53,20.2l80.81-6.73s19.43,4.25,37.75,36.42a142.3,142.3,0,0,1,18.37,70.44v28.95l25.82,16.84s18,29.18,0,52.75S542.27,632,542.27,632s14.59,41.53-88.67,23.57S333.5,634.22,263.91,477.09c0,0,5.61,76.32,15.71,98.77s-6.73,68.47-62.85,22.45C173.47,562.79,168.26,449.74,168.14,400a281.61,281.61,0,0,0-4.88-51.67h0C147.61,265.6,194.48,183.16,274.13,156Q277.38,154.85,280.75,153.83Z"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<g clipPath="url(#db8cd32f-d5c9-4ed5-a4b9-a3c7efedf8cf)">
<path
d="M283.93,633.29l-89.42-26.94S251,548,294,573.8,283.93,633.29,283.93,633.29Z"
transform="translate(-139.5 -19.25)"
fill="#fbdca3"
/>
<path
d="M451.92,667.71s20.58-80.06,102.51-29.93S451.92,667.71,451.92,667.71Z"
transform="translate(-139.5 -19.25)"
fill="#fbdca3"
/>
</g>
<path
d="M550.5,499.91s-77.07-2.17,21.14-87.88Z"
transform="translate(-139.5 -19.25)"
fill="#795548"
/>
<path
d="M653.39,412l64-22.07S657.13,418,661.24,426.58Z"
transform="translate(-139.5 -19.25)"
fill="#fbdca3"
/>
<path
d="M695.7,456s-27.91-31.45-36.89-31.07c0,0,13.28-16.27,58.55-35C717.36,389.91,716.68,431.85,695.7,456Z"
transform="translate(-139.5 -19.25)"
fill="#ef8343"
/>
<path
d="M226.52,184.72s-1.15-84.39,35.89-91.87,39.28-19.08,78.57,21S393.36,155,393.36,155l29.93-9s-73,153.9-138.84,11Z"
transform="translate(-139.5 -19.25)"
opacity={0.1}
/>
<path
id="5d3617d0-6429-4d59-b345-a3de73ec9e9e"
data-name="<Clipping Path>"
d="M226.52,181.35S225.38,97,262.42,89.48s39.28-19.08,78.57,21c7,7.14,13.17,13,18.59,17.91a66.6,66.6,0,0,0,63.72,14.26h0s-73,153.9-138.84,11Z"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<g clipPath="url(#0c669763-5ee6-4554-9902-39f6d5eb037e)">
<path
d="M205.1,141.61a322.3,322.3,0,0,0,74.07-26.28c5.78-2.89,18.54-6.15,25-7,15.21-1.91,21.88,9.55,31.7,21.32s16.3,38.11,30.51,43.85c17.45,7,37.33,0,53.78-9.12,11.65-6.47,25.33-26.74,35.59-35.25-3.85-13.22-8.07-28.53-11.92-41.75-3.94-13.56-8.27-27.76-18.41-37.58C416.29,41,403.72,37,391.52,33.55Q366.06,26.46,340,21.7c-11.45-2.09-23.36-3.82-34.63-.88C292,24.31,281.2,33.94,271,43.25L209.71,98.94c-5.56,5.06-11.41,10.58-13.15,17.9C194.89,123.9,199.29,137.24,205.1,141.61Z"
transform="translate(-139.5 -19.25)"
fill="#fbdca3"
/>
</g>
<path
d="M735.51,562.57s-34-5.24-49.39,19.45,45.27,37.79,45.27,37.79S762.45,600.74,735.51,562.57Z"
transform="translate(-139.5 -19.25)"
fill="#58555d"
/>
<circle cx={513.7} cy={518.63} r={9.35} fill="#58555d" />
<path
d="M709.32,546.11s-17.58.37-16.46,10.1,30.68-.37,30.68-.37Z"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<path
d="M709.69,543.2V528.83a9.35,9.35,0,1,0,0,14.37Z"
transform="translate(-139.5 -19.25)"
fill="#58555d"
/>
<path
d="M573.5,410s-146.82,70.09-55.91,210"
transform="translate(-139.5 -19.25)"
opacity={0.1}
/>
<path
d="M575.5,411s-146.82,70.09-55.91,210"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<path
d="M467.94,453s18.33-41.15,62.11-54.62"
transform="translate(-139.5 -19.25)"
opacity={0.1}
/>
<path
d="M468.94,454s18.33-41.15,62.11-54.62"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<path
d="M568.94,537s18.33-41.15,62.11-54.62"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<path
d="M675.88,498.71s17.51,17.68,8.57,62.6"
transform="translate(-139.5 -19.25)"
opacity={0.1}
/>
<path
d="M674.53,499.11s17.51,17.68,8.57,62.6"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<path
d="M578.93,461l-7.11-49s-34.42,41.9-21.33,87.92Z"
transform="translate(-139.5 -19.25)"
fill="#ef8343"
/>
<path
d="M550.5,499.91s-77.07-2.17,21.14-87.88Z"
transform="translate(-139.5 -19.25)"
fill="#fbdca3"
/>
<g opacity={0.1}>
<path
d="M200.3,311.52c24.1,21.76,52.71,40.61,59.86,130.2"
transform="translate(-139.5 -19.25)"
/>
</g>
<path
d="M197.3,311.52c24.1,21.76,52.71,40.61,59.86,130.2"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<g opacity={0.1}>
<path
d="M310.63,470.79c31.39,8.29,65.46,11.94,112.88,88.28"
transform="translate(-139.5 -19.25)"
/>
</g>
<path
d="M308,472.17c31.39,8.29,65.46,11.94,112.88,88.28"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<path
d="M435.5,575s26,38,53,41"
transform="translate(-139.5 -19.25)"
opacity={0.1}
/>
<path
d="M436.5,572s26,38,53,41"
transform="translate(-139.5 -19.25)"
fill="#f3ad55"
/>
<g opacity={0.5}>
<path
d="M941.5,724.91l-7.87-11.81L918,661.44l-6.43-22.85H905a10.27,10.27,0,0,0-4.94-10.39c0-.34.05-.68.05-1a10.36,10.36,0,0,0-2.3-6.52h0a10.47,10.47,0,0,0-1.6-1.6l-.07-.05q-.39-.31-.8-.58l-.23-.14c-.23-.14-.47-.27-.71-.4l-.31-.15-.68-.29-.36-.13c-.23-.08-.46-.15-.7-.21L892,617c-.25-.06-.51-.1-.77-.13l-.35-.05a10.51,10.51,0,0,0-1.15-.07,10.35,10.35,0,0,0-6.23,2.08,10.39,10.39,0,0,0-1.67-3h0a10.45,10.45,0,0,0-1.6-1.6l-.07-.05q-.39-.31-.8-.57l-.23-.14c-.23-.14-.46-.27-.7-.4l-.32-.15-.68-.29-.36-.13c-.23-.08-.46-.14-.7-.21l-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a9.79,9.79,0,0,0-2.36,0,10.39,10.39,0,0,0-1.08-11.4h0a10.47,10.47,0,0,0-1.44-1.47,10.39,10.39,0,0,0,.64-13.75h0a10.47,10.47,0,0,0-1.6-1.6l-.07-.05q-.39-.31-.8-.57l-.23-.14c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.36-.13c-.23-.08-.46-.15-.7-.21l-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a10.51,10.51,0,0,0-1.15-.07c-.28,0-.55,0-.82,0a10.46,10.46,0,0,0-.67-.95h0a10.47,10.47,0,0,0-1.6-1.6l-.07-.05q-.39-.31-.8-.57l-.23-.14c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.36-.13c-.23-.08-.46-.15-.7-.21l-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a10.51,10.51,0,0,0-1.15-.07,10.34,10.34,0,0,0-8.92,5.07h0c-.25-.06-.51-.1-.77-.13l-.35-.05a10.51,10.51,0,0,0-1.15-.07l-.52,0a10.38,10.38,0,0,0-1.78-9.75h0a10.47,10.47,0,0,0-1.6-1.6l-.07-.05q-.39-.31-.8-.57l-.23-.14c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.36-.13-.7-.21-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a10.51,10.51,0,0,0-1.15-.07,10.4,10.4,0,0,0-9,5.25l-.54-.38-.23-.14c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.25-.1a10.4,10.4,0,0,0,2.25-15.12h0a10.46,10.46,0,0,0-1.6-1.6l-.07-.05q-.39-.31-.8-.57l-.23-.14c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.36-.13-.7-.21-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a10.39,10.39,0,0,0-11.56,10.35c0,.1,0,.19,0,.29-.24.06-.48.11-.71.18a10.38,10.38,0,0,0-7.25,11.09c0,.12,0,.23.05.35l0,.25-.12-.07L795,575c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.36-.13-.7-.21-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a10.39,10.39,0,0,0-11.49,11.5c0,.12,0,.23.05.35s.08.51.13.77.06.25.1.38.13.47.21.7l.13.36q.13.35.29.69l.15.31c.12.24.26.48.4.71l.14.23q.27.41.57.8l.06.07.15.18-.19,0c-.25-.06-.51-.1-.77-.13l-.35-.05a10.51,10.51,0,0,0-1.15-.07,10.31,10.31,0,0,0-10.3,8.93l-.08,0-.23-.14c-.23-.14-.46-.27-.71-.4l-.31-.15-.68-.29-.36-.13c-.23-.08-.46-.14-.7-.21l-.38-.1c-.25-.06-.51-.1-.77-.13l-.35-.05a10.39,10.39,0,0,0-11.49,11.49c0,.12,0,.23.05.35s.08.51.13.77.06.25.1.38.13.47.21.7l.13.36q.13.35.29.69l.15.31c.12.24.26.48.4.71l.14.23q.27.42.57.8l.05.07,0,.06a10.35,10.35,0,0,0-1.54,5.44,10.51,10.51,0,0,0,.07,1.15c0,.12,0,.23.05.35s.08.51.13.77.06.25.1.38.13.47.21.7l.13.36q.13.35.29.69l.15.31c.12.24.26.48.4.71l.14.23h0A10.39,10.39,0,0,0,745.54,636a10.51,10.51,0,0,0,.07,1.15c0,.12,0,.23.05.35s.08.51.13.77.06.24.09.37H730.26L707.79,713l-9.29,12ZM801.62,607.22l-.19-.32.48-.12C801.8,606.93,801.71,607.07,801.62,607.22Zm48.81-9.67.17-.28.38.08C850.8,597.42,850.61,597.48,850.43,597.56Z"
transform="translate(-139.5 -19.25)"
fill="url(#e5b008d9-c45d-4476-abe9-4d32fab0fb0d)"
/>
</g>
<circle cx={606.76} cy={647.21} r={9.86} fill="#795548" />
<path
d="M737.93,668a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,737.93,668Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={640.88} cy={649.48} r={9.86} fill="#795548" />
<path
d="M772,670.25a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,772,670.25Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={660.59} cy={651} r={9.86} fill="#795548" />
<path
d="M791.75,671.77a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,791.75,671.77Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={670.44} cy={647.21} r={9.86} fill="#795548" />
<path
d="M801.6,668a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,801.6,668Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={747.01} cy={647.21} r={9.86} fill="#795548" />
<path
d="M878.17,668a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,878.17,668Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={708.35} cy={646.45} r={9.86} fill="#795548" />
<path
d="M839.51,667.22a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,839.51,667.22Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={621.17} cy={638.11} r={9.86} fill="#795548" />
<path
d="M752.33,658.88a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,754.5,665,9.81,9.81,0,0,1,752.33,658.88Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={700.77} cy={617.64} r={9.86} fill="#795548" />
<path
d="M831.93,638.41a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,831.93,638.41Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={670.44} cy={594.9} r={9.86} fill="#795548" />
<circle cx={680.26} cy={579.74} r={9.86} fill="#795548" />
<path
d="M801.6,615.67a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,801.6,615.67Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={638.6} cy={602.48} r={9.86} fill="#795548" />
<path
d="M769.77,623.25a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,769.77,623.25Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={618.89} cy={616.88} r={9.86} fill="#795548" />
<path
d="M750.05,637.65a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,750.05,637.65Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={678.02} cy={622.19} r={9.86} fill="#795548" />
<path
d="M809.19,643a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,809.19,643Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={700.01} cy={575.19} r={9.86} fill="#795548" />
<path
d="M831.17,596a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,831.17,596Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={675.75} cy={565.33} r={9.86} fill="#795548" />
<path
d="M806.91,586.1a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,806.91,586.1Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={650.73} cy={567.61} r={9.86} fill="#795548" />
<path
d="M781.89,588.38a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,781.89,588.38Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={650.73} cy={583.53} r={9.86} fill="#795548" />
<path
d="M781.89,604.3a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,781.89,604.3Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={691.67} cy={608.54} r={9.86} fill="#795548" />
<path
d="M822.83,629.31a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,825,635.48,9.81,9.81,0,0,1,822.83,629.31Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={703.04} cy={603.24} r={9.86} fill="#795548" />
<path
d="M834.2,624a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,834.2,624Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={638.6} cy={637.35} r={9.86} fill="#795548" />
<circle cx={638.6} cy={637.35} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M769.77,658.12a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,769.77,658.12Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={669.69} cy={632.05} r={9.86} fill="#795548" />
<circle cx={669.69} cy={632.05} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M800.85,652.82a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,803,659,9.81,9.81,0,0,1,800.85,652.82Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={658.31} cy={641.14} r={9.86} fill="#795548" />
<circle cx={658.31} cy={641.14} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M789.48,661.91a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,789.48,661.91Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={621.17} cy={648.72} r={9.86} fill="#795548" />
<circle cx={621.17} cy={648.72} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M752.33,669.49a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,752.33,669.49Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={631.02} cy={641.14} r={9.86} fill="#795548" />
<circle cx={631.02} cy={641.14} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M762.18,661.91a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,762.18,661.91Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={631.02} cy={624.46} r={9.86} fill="#795548" />
<circle cx={631.02} cy={624.46} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M762.18,645.23a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,762.18,645.23Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={649.98} cy={609.3} r={9.86} fill="#795548" />
<circle cx={649.98} cy={609.3} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M781.14,630.07a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,781.14,630.07Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={683.33} cy={646.45} r={9.86} fill="#795548" />
<circle cx={683.33} cy={646.45} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M814.49,667.22a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,814.49,667.22Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={710.62} cy={616.13} r={9.86} fill="#795548" />
<circle cx={710.62} cy={616.13} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M841.78,636.9a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,844,643.06,9.81,9.81,0,0,1,841.78,636.9Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={710.62} cy={570.64} r={9.86} fill="#795548" />
<circle cx={710.62} cy={570.64} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M841.78,591.41a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,844,597.58,9.81,9.81,0,0,1,841.78,591.41Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={720.48} cy={589.59} r={9.86} fill="#795548" />
<circle cx={720.48} cy={589.59} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M851.64,610.36a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,851.64,610.36Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={730.33} cy={604} r={9.86} fill="#795548" />
<circle cx={730.33} cy={604} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M861.49,624.77a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,861.49,624.77Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={683.33} cy={587.32} r={9.86} fill="#795548" />
<circle cx={683.33} cy={587.32} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M814.49,608.09a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,814.49,608.09Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={653.77} cy={594.9} r={9.86} fill="#795548" />
<circle cx={653.77} cy={594.9} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M784.93,615.67a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,784.93,615.67Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={672.72} cy={583.53} r={9.86} fill="#795548" />
<circle cx={672.72} cy={583.53} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M803.88,604.3a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,803.88,604.3Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={690.15} cy={575.19} r={9.86} fill="#795548" />
<circle cx={690.15} cy={575.19} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M821.31,596a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,821.31,596Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={640.88} cy={583.53} r={9.86} fill="#795548" />
<circle cx={640.88} cy={583.53} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M772,604.3a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,772,604.3Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={675.75} cy={615.37} r={9.86} fill="#795548" />
<circle cx={675.75} cy={615.37} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M806.91,636.14a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,806.91,636.14Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={634.06} cy={614.61} r={9.86} fill="#795548" />
<circle cx={634.06} cy={614.61} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M765.22,635.38a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,765.22,635.38Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={697.73} cy={629.01} r={9.86} fill="#795548" />
<circle cx={697.73} cy={629.01} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M828.9,649.78a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,828.9,649.78Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={712.9} cy={634.32} r={9.86} fill="#795548" />
<circle cx={712.9} cy={634.32} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M844.06,655.09a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,844.06,655.09Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={725.78} cy={644.17} r={9.86} fill="#795548" />
<circle cx={725.78} cy={644.17} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M856.94,664.94a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,856.94,664.94Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={747.01} cy={631.29} r={9.86} fill="#795548" />
<circle cx={747.01} cy={631.29} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M878.17,652.06a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,878.17,652.06Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={735.64} cy={619.92} r={9.86} fill="#795548" />
<circle cx={735.64} cy={619.92} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M866.8,640.69a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,869,646.85,9.81,9.81,0,0,1,866.8,640.69Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={665.89} cy={557.75} r={9.86} fill="#795548" />
<circle cx={665.89} cy={557.75} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M797.06,578.52a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,797.06,578.52Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={626.47} cy={601.72} r={9.86} fill="#795548" />
<circle cx={626.47} cy={601.72} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M757.64,622.49a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,757.64,622.49Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={611.31} cy={629.77} r={9.86} fill="#795548" />
<circle cx={611.31} cy={629.77} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M742.47,650.54a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,742.47,650.54Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={658.31} cy={619.92} r={9.86} fill="#795548" />
<circle cx={658.31} cy={619.92} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M789.48,640.69a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,789.48,640.69Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={659.83} cy={579.74} r={9.86} fill="#795548" />
<circle cx={659.83} cy={579.74} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M791,600.51a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,791,600.51Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={663.62} cy={569.12} r={9.86} fill="#795548" />
<circle cx={663.62} cy={569.12} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M794.78,589.89a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,797,596.06,9.81,9.81,0,0,1,794.78,589.89Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={650.73} cy={631.29} r={9.86} fill="#795548" />
<path
d="M781.89,652.06a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,781.89,652.06Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={625.72} cy={590.35} r={9.86} fill="#795548" />
<path
d="M756.88,611.12a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,756.88,611.12Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={637.85} cy={619.16} r={9.86} fill="#795548" />
<path
d="M769,639.93a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,769,639.93Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={673.48} cy={547.9} r={9.86} fill="#795548" />
<path
d="M804.64,568.67a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,804.64,568.67Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={672.72} cy={569.88} r={9.86} fill="#795548" />
<path
d="M803.88,590.65a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,803.88,590.65Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={690.15} cy={562.3} r={9.86} fill="#795548" />
<path
d="M821.31,583.07a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,821.31,583.07Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={682.57} cy={604.75} r={9.86} fill="#795548" />
<circle cx={687.92} cy={600.29} r={9.86} fill="#795548" />
<path
d="M813.73,625.52a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,813.73,625.52Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={677.27} cy={632.05} r={9.86} fill="#795548" />
<path
d="M808.43,652.82a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,810.6,659,9.81,9.81,0,0,1,808.43,652.82Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={681.06} cy={612.34} r={9.86} fill="#795548" />
<path
d="M812.22,633.11a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,812.22,633.11Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={698.49} cy={595.66} r={9.86} fill="#795548" />
<circle cx={750.23} cy={617.96} r={9.86} fill="#795548" />
<path
d="M829.65,616.43a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,829.65,616.43Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={688.64} cy={622.19} r={9.86} fill="#795548" />
<path
d="M819.8,643a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,822,649.13,9.81,9.81,0,0,1,819.8,643Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={719.72} cy={575.19} r={9.86} fill="#795548" />
<path
d="M850.88,596a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,850.88,596Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={712.14} cy={589.59} r={9.86} fill="#795548" />
<path
d="M843.3,610.36a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,843.3,610.36Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={718.2} cy={603.24} r={9.86} fill="#795548" />
<path
d="M849.36,624a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,849.36,624Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={733.36} cy={631.29} r={9.86} fill="#795548" />
<path
d="M864.53,652.06a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,864.53,652.06Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={745.49} cy={608.54} r={9.86} fill="#795548" />
<circle cx={640.23} cy={595.16} r={9.86} fill="#795548" />
<path
d="M876.65,629.31a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,876.65,629.31Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={720.48} cy={619.16} r={9.86} fill="#795548" />
<path
d="M851.64,639.93a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,851.64,639.93Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={721.99} cy={631.29} r={9.86} fill="#795548" />
<path
d="M853.15,652.06a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,853.15,652.06Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={693.19} cy={639.63} r={9.86} fill="#795548" />
<path
d="M824.35,660.4a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,824.35,660.4Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={660.59} cy={607.79} r={9.86} fill="#795548" />
<path
d="M791.75,628.56a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,791.75,628.56Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={670.44} cy={607.03} r={9.86} fill="#795548" />
<path
d="M801.6,627.8a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,803.78,634,9.81,9.81,0,0,1,801.6,627.8Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={649.98} cy={619.16} r={9.86} fill="#795548" />
<path
d="M781.14,639.93a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,781.14,639.93Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={735.64} cy={644.17} r={9.86} fill="#795548" />
<circle cx={735.64} cy={644.17} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M866.8,664.94a9.85,9.85,0,0,1,16-7.68A9.85,9.85,0,1,0,869,671.11,9.81,9.81,0,0,1,866.8,664.94Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={725.78} cy={608.54} r={9.86} fill="#795548" />
<circle cx={725.78} cy={608.54} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M856.94,629.31a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,856.94,629.31Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<circle cx={697.73} cy={583.53} r={9.86} fill="#795548" />
<circle cx={697.73} cy={583.53} r={9.86} fill="#fff" opacity={0.1} />
<path
d="M828.9,604.3a9.85,9.85,0,0,1,16-7.68,9.85,9.85,0,1,0-13.85,13.85A9.81,9.81,0,0,1,828.9,604.3Z"
transform="translate(-139.5 -19.25)"
fill="#fff"
opacity={0.05}
/>
<polygon
points="789.92 696.13 572.39 696.13 595.58 619.37 766.73 619.37 789.92 696.13"
fill="#f55f44"
/>
<polygon
points="602.11 625.9 760.52 626.23 759.22 619.7 595.58 619.37 572.39 696.13 580.89 696.13 602.11 625.9"
fill="#fff"
opacity={0.05}
/>
<polygon
points="795.47 701.03 565.53 701.03 574.67 689.27 787.63 689.27 795.47 701.03"
fill={props.primaryColor}
/>
<polygon
points="795.47 701.03 565.53 701.03 574.67 689.27 787.63 689.27 795.47 701.03"
fill="#f55f44"
/>
<polygon
points="795.47 701.03 565.53 701.03 574.67 689.27 787.63 689.27 795.47 701.03"
opacity={0.1}
/>
<polygon
points="759.5 618.75 779.17 689.27 788.5 689.75 766.5 618.75 759.5 618.75"
opacity={0.05}
/>
</svg>
);
UndrawCautiousDog.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawCautiousDog.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawCautiousDog;