react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
304 lines (298 loc) • 28.4 kB
JavaScript
import React from 'react';
import PropTypes from 'prop-types';
const UndrawCreditCard = props => (
<svg className={props.class} id='e9df7128-f90d-48f2-af2a-c80f8452c1a7' dataName='Layer 1' xmlns='http://www.w3.org/2000/svg'
xmlnsXlink='http://www.w3.org/1999/xlink' style={{height:props.height,width:'100%'}}
viewBox='0 0 882.5 686.51'>
<defs>
<linearGradient id="5a15c0c4-f6d1-40d6-9bac-8202a6edfd59" x1="560.63"
y1="784.03" x2="560.63" y2="573.72" 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="227e45eb-ee74-46dc-b876-0d193f7e7a0b" x1="425.22"
y1="487.8" x2="425.22" xlinkHref="#5a15c0c4-f6d1-40d6-9bac-8202a6edfd59"
/>
<linearGradient id="a853fb8d-2b8c-44a9-a23e-77c77a519af1" x1="808.39"
y1="362.48" x2="808.39" y2="315.28" gradientUnits="userSpaceOnUse">
<stop offset="0" stopOpacity="0.12" />
<stop offset="0.55" stopOpacity="0.09" />
<stop offset="1" stopOpacity="0.02" />
</linearGradient>
<linearGradient id="0f81e42c-d8b8-4b6c-862e-4b218f0ffc25" x1="808.39"
y1="446.62" x2="808.39" y2="399.42" xlinkHref="#a853fb8d-2b8c-44a9-a23e-77c77a519af1"
/>
<linearGradient id="783708c8-9659-46f2-bd72-ba8277d3ac92" x1="635.55"
y1="277.3" x2="635.55" y2="252.67" xlinkHref="#a853fb8d-2b8c-44a9-a23e-77c77a519af1"
/>
<linearGradient id="a1ae0234-a586-4cb6-99c7-0e8aa4d3f826" x1="875.32"
y1="446.62" x2="875.32" y2="399.42" xlinkHref="#a853fb8d-2b8c-44a9-a23e-77c77a519af1"
/>
<linearGradient id="5620fde9-a651-4919-b705-7babd58731f6" x1="875.32"
y1="362.48" x2="875.32" y2="315.28" xlinkHref="#a853fb8d-2b8c-44a9-a23e-77c77a519af1"
/>
<linearGradient id="abf35d66-8f61-4b87-95bb-db3baf9815c5" x1="713.96"
y1="277.3" x2="713.96" y2="252.67" xlinkHref="#a853fb8d-2b8c-44a9-a23e-77c77a519af1"
/>
<linearGradient id="2bf556ed-678b-49a1-9277-c2e12ee91ba0" x1="190.06"
y1="555.46" x2="190.06" y2="555.12" xlinkHref="#5a15c0c4-f6d1-40d6-9bac-8202a6edfd59"
/>
<linearGradient id="127f5fdc-f51f-46e4-9a64-0adfb297010f" x1="230.49"
y1="770.65" x2="230.49" y2="548.93" xlinkHref="#5a15c0c4-f6d1-40d6-9bac-8202a6edfd59"
/>
<linearGradient id="7720de28-d318-47dd-b651-90cb043782be" x1="1098.09"
y1="200.15" x2="1098.09" y2="199.87" gradientTransform="rotate(-6.74 4180.955 1285.783)"
xlinkHref="#5a15c0c4-f6d1-40d6-9bac-8202a6edfd59" />
<linearGradient id="6be30b07-31e3-43de-a343-f0abadb78875" x1="1064.87"
y1="383.99" x2="1064.87" y2="194.73" gradientTransform="rotate(-6.74 4180.955 1285.783)"
xlinkHref="#5a15c0c4-f6d1-40d6-9bac-8202a6edfd59" />
</defs>
<path d="M589.32,776.61c-.49-.48-1-1-1.36-1.41a6,6,0,0,1-1.41-2.71h.36l.17-.77a73.9,73.9,0,0,0-22.17-69.9.81.81,0,0,0,.1-.18,77.15,77.15,0,0,0,.88-45.84A132.9,132.9,0,0,0,577.75,638c12.23-9.35,24.93-22.88,28.84-40.46a50.94,50.94,0,0,0,1-5.78c1-1,2.42-3.17.92-7.12a6.79,6.79,0,0,0-.44-.93c-.05-.09-.11-.18-.17-.26a5.77,5.77,0,0,0-.35-.51l-.23-.26a5.22,5.22,0,0,0-.37-.37l-.26-.22-.4-.28-.28-.17-.43-.21-.27-.12-.48-.16-.24-.07q-.34-.09-.68-.14h0a10.7,10.7,0,0,0-4.53.45s-3.6,6.24-2.19,8.62c-1.09,1.38-4,5.07-8,9.81A54,54,0,0,0,588,588a51,51,0,0,0-1.47-5.68c.53-1.32.9-3.88-2.1-6.86a6.83,6.83,0,0,0-.78-.67l-.26-.17a5.85,5.85,0,0,0-.53-.32l-.31-.14c-.16-.07-.33-.14-.49-.19l-.32-.09-.48-.1-.32,0-.48,0h-.3l-.51.05-.25,0q-.35.06-.68.16h0a10.7,10.7,0,0,0-3.94,2.28s-.7,7.17,1.56,8.76C575.29,589.14,570,610,563,627a80,80,0,0,1-7.37,5.66v-1.54a8,8,0,0,0,0-.85h0a7.93,7.93,0,0,0-.13-.81l.13-.07.54-.3.78-.48.5-.32q.56-.39,1.08-.81l.41-.35c.25-.21.48-.43.72-.65L560,626q.43-.44.83-.92l.29-.35q.38-.47.72-1l.29-.43q.31-.48.59-1l.18-.32c.23-.43.44-.87.64-1.32l.16-.4q.22-.54.4-1.11c0-.13.09-.26.13-.39.15-.48.28-1,.38-1.48,0-.1,0-.2.05-.3q.12-.64.2-1.29c0-.15,0-.29,0-.44,0-.53.08-1.06.08-1.61a17.55,17.55,0,0,0-2.26-8.62l.83-.22.61-.19c.23-.08.34-.15.31-.2-.43-.58-.87-1.13-1.32-1.67l-.44-.5c-.31-.36-.63-.71-1-1l-.51-.52c-.32-.31-.64-.62-1-.91l-.5-.45c-.4-.35-.8-.67-1.21-1l-.26-.21c-.49-.36-1-.7-1.47-1l-.56-.34c-.32-.2-.65-.39-1-.57l-.65-.34-.91-.44-.67-.3c-.32-.13-.65-.26-1-.37l-.61-.22c-.49-.16-1-.3-1.47-.43l-.76-.17-.81-.17-.82-.13-.75-.09-.84-.07-.73,0-.84,0q-.7,0-1.39.07h0c-10.88.89-20.4,10.39-20.4,25.48V631.6h17v5.68a17.63,17.63,0,0,0-10.24,16v48.37L515,767.95h-.07l0,.18h0l-2.8,12.48L533.34,784a1.09,1.09,0,0,0,.67-1.25,3.93,3.93,0,0,0-.25-1,16.83,16.83,0,0,0-1.21-2.38c-.75-1.29-1.64-2.67-2.24-3.92a8.75,8.75,0,0,1-.69-2,7.71,7.71,0,0,1-.14-1.08l15.61-51.3-.07,0,.37-1.21s19.92,8.54,25,25.61c4.15,13.84,1.57,22.81.45,25.71h-.07v.17c-.22.55-.38.86-.38.86h.38v9.39h21.53C593.94,780.77,591.44,778.68,589.32,776.61Z"
transform="translate(-167.1 -115.97)" fill="url(#5a15c0c4-f6d1-40d6-9bac-8202a6edfd59)"
/>
<path d="M553.72,675.35s37.14-39.05,25-76.58l-9.74,2s-13.07,55-27,62.89S553.72,675.35,553.72,675.35Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M553.72,675.35s37.14-39.05,25-76.58l-9.74,2s-13.07,55-27,62.89S553.72,675.35,553.72,675.35Z"
transform="translate(-167.1 -115.97)" opacity="0.05" />
<path d="M577.24,599.64l1.62-.33c12.1,37.53-25,76.58-25,76.58l-1.14-.19C557,671,588.53,634.64,577.24,599.64Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M578.28,599.75s2.7-3.36-1.53-7.57-9.41.78-9.41.78-.74,7.47,1.75,8.65S578.28,599.75,578.28,599.75Z"
transform="translate(-167.1 -115.97)" fill="#985454" />
<path d="M577.19,600s2.7-3.36-1.53-7.57a5.29,5.29,0,0,0-4.51-1.65,5.36,5.36,0,0,1,5.59,1.43c4.23,4.21,1.53,7.57,1.53,7.57a29.92,29.92,0,0,1-6.22,2A32.67,32.67,0,0,0,577.19,600Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<rect x="24.01" width="802.42" height="487.8" rx="27.5" ry="27.5" fill="url(#227e45eb-ee74-46dc-b876-0d193f7e7a0b)"
/>
<rect x="33.12" y="4.97" width="781.64" height="470.08" rx="27.5" ry="27.5"
fill="#fff" />
<rect x="94.16" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="123.31" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="152.46" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="203.48" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="232.63" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="261.78" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="312.8" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="341.95" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="371.1" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="422.12" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="451.27" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="480.42" y="78.76" width="22.78" height="64.68" fill="#e0e0e0"
/>
<rect x="94.16" y="404.9" width="198.6" height="29.15" fill="#bdbdbd"
/>
<rect x="94.16" y="355.71" width="344.36" height="29.15" fill="#e0e0e0"
/>
<path d="M827.51,361.28a4.8,4.8,0,0,1,4.62-5H839v-41h-61.2v47.2h49.72Z"
transform="translate(-167.1 -115.97)" fill="url(#a853fb8d-2b8c-44a9-a23e-77c77a519af1)"
/>
<path d="M832.13,405.58a4.8,4.8,0,0,1-4.62-5v-1.2H777.79v47.2H839v-41Z"
transform="translate(-167.1 -115.97)" fill="url(#0f81e42c-d8b8-4b6c-862e-4b218f0ffc25)"
/>
<rect x="610.69" y="252.67" width="49.72" height="24.63" fill="url(#783708c8-9659-46f2-bd72-ba8277d3ac92)"
/>
<path d="M856.2,400.62a4.8,4.8,0,0,1-4.62,5h-6.85v41h61.2v-47.2H856.2Z"
transform="translate(-167.1 -115.97)" fill="url(#a1ae0234-a586-4cb6-99c7-0e8aa4d3f826)"
/>
<path d="M844.72,315.28v41h6.85a4.8,4.8,0,0,1,4.62,5v1.2h49.72v-47.2Z"
transform="translate(-167.1 -115.97)" fill="url(#5620fde9-a651-4919-b705-7babd58731f6)"
/>
<rect x="689.1" y="252.67" width="49.72" height="24.63" fill="url(#abf35d66-8f61-4b87-95bb-db3baf9815c5)"
/>
<path d="M827.72,361.75a4.41,4.41,0,0,1,4.41-4.4h6.54V320.91H780.29v41.91h47.43Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M832.13,401.07a4.41,4.41,0,0,1-4.41-4.4v-1.06H780.29v41.91h58.37V401.07Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<rect x="613.19" y="252.31" width="47.43" height="21.86" fill={props.accentColor}
/>
<path d="M855.08,396.67a4.41,4.41,0,0,1-4.41,4.4h-6.54v36.44h58.37V395.61H855.08Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M844.14,320.91v36.44h6.54a4.41,4.41,0,0,1,4.41,4.4v1.06h47.43V320.91Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<rect x="687.98" y="252.31" width="47.43" height="21.86" fill={props.accentColor}
/>
<path d="M190.23,555.46l.09-.3S189.21,555,190.23,555.46Z" transform="translate(-167.1 -115.97)"
fill="url(#2bf556ed-678b-49a1-9277-c2e12ee91ba0)" opacity="0.2" />
<path d="M293.42,573.82a7.22,7.22,0,0,0-.39-1c0-.1-.11-.19-.16-.29a6.15,6.15,0,0,0-.33-.56c-.07-.1-.15-.19-.22-.29a5.55,5.55,0,0,0-.36-.42l-.26-.25c-.13-.12-.26-.23-.4-.33l-.28-.2-.44-.26-.28-.15-.5-.21-.25-.1q-.36-.12-.71-.2h0a11.31,11.31,0,0,0-4.81.13s-4.59,6.77-2.82,9.2l-.58-.18s-34.09,38-53.32,45.1q-.74-.5-1.53-.94v-7.11a8.4,8.4,0,0,0,0-.89v0a8.33,8.33,0,0,0-.14-.85l.14-.08.57-.32.83-.5.53-.34q.59-.41,1.15-.86l.43-.37c.26-.22.51-.45.76-.69l.44-.43q.46-.47.88-1l.31-.38q.4-.49.76-1l.31-.46q.33-.5.63-1l.19-.34c.24-.45.47-.92.67-1.4l.17-.42q.23-.58.43-1.17c0-.14.09-.27.14-.41.16-.51.29-1,.4-1.56,0-.1,0-.21.06-.32q.13-.67.21-1.36c0-.15,0-.31,0-.46.05-.56.09-1.13.09-1.7a18.56,18.56,0,0,0-4.14-11.71c1.46-2.28,2.41-3.62,2.41-3.62-.88-.6-1.74-1.16-2.6-1.68l-.83-.49c-.57-.34-1.15-.68-1.71-1l-1-.51c-.51-.27-1-.53-1.53-.78l-1-.45c-.49-.22-1-.44-1.45-.63l-1-.38c-.48-.19-1-.36-1.44-.52l-.9-.3c-.49-.16-1-.29-1.47-.42l-.8-.22c-.55-.13-1.09-.25-1.63-.35l-.58-.12c-.73-.13-1.46-.23-2.18-.3h0a26,26,0,0,0-13.09,2c.22-5.24,1.1-9.55,2.94-12.22l-.45-.15-.16.15s-.54.12-1.37.27a11.44,11.44,0,0,0-.71,1.33,15.23,15.23,0,0,1,2.09-5.21l-.45-.15c.65-.66,3-3.55-.16-8.27-3.61-5.41-10.23-1.2-10.23-1.2a28,28,0,0,0-1,5.46c-.51-.2-.86-.36-1.1-.48a136.34,136.34,0,0,0-5.14,34.34c-11.92,16.93-16.86,41.92-17.82,47.31h0l-.07.43v0c-.07.39-.1.6-.1.6l31,.72c0,.11,0,.21,0,.32V688.3L175.45,736S184,736.31,197,738l-3.57,25.52h0l-1.19,7.16h21.48c2.39-4.77-9.55-7.16-9.55-7.16h-.27l4.66-23.81q3.09.52,6.35,1.14a62.21,62.21,0,0,0,9.67,1.09h0a51.4,51.4,0,0,0,8.05-.35c1.57,12.91-.49,20.62-.89,21.94h-.13l-1.19,7.16h21.48c2.08-4.16-6.73-6.51-9-7l.1-.7a119.82,119.82,0,0,0,.85-24.31,29.42,29.42,0,0,0,7.64-4.56l0,0,.3-.26,0,0,.09-.09-16-44.87c3-12.7-7.42-26-1.86-32.71s2.15-15.18,1.54-16.63c15-6.56,45.39-23,53.91-51.47a53.85,53.85,0,0,0,1.52-6.1S295.29,580.05,293.42,573.82Z"
transform="translate(-167.1 -115.97)" fill="url(#127f5fdc-f51f-46e4-9a64-0adfb297010f)"
opacity="0.2" />
<path d="M193.64,563.8s-16.29,51.37,11,79.81l7.89-6s-16.14-56.07-7.11-69.24C189.5,563,193.64,563.8,193.64,563.8Z"
transform="translate(-167.1 -115.97)" fill="#ff5252" />
<path d="M204.9,568.33s3.31-2.76,0-7.73-9.38-1.1-9.38-1.1-2.21,7.17,0,8.83S204.9,568.33,204.9,568.33Z"
transform="translate(-167.1 -115.97)" fill="#f6b9ad" />
<rect x="210.69" y="611.65" width="15.45" height="22.9" rx="7.06" ry="7.06"
transform="rotate(-180 134.865 565.12)" fill="#f6b9ad" />
<path d="M211.45,640.88s-15.94-55.38-7.26-69c.77-.14,1.26-.25,1.26-.25l.14-.14.41.14c-9,13.17,7.11,69.24,7.11,69.24l-7.89,6-.69-.74Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<circle cx="51.04" cy="486.58" r="17.11" fill="#f6b9ad" />
<path d="M224.21,626.83v-7.45a7.67,7.67,0,0,0-.18-1.62,17.11,17.11,0,0,0-6.86-32.29l1,0A17.11,17.11,0,0,1,226,617.76a7.67,7.67,0,0,1,.18,1.62v7.45a7.67,7.67,0,0,1-8.69,7.66A7.75,7.75,0,0,0,224.21,626.83Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M200.76,687.81s33,3.73,34.22,0c3.94-12.07-6.62-25.07-1.32-31.43,5.48-6.57,1.32-15.47,1.32-15.47a17.11,17.11,0,0,0-17.11-17.11h0a17.11,17.11,0,0,0-17.11,17.11Z"
transform="translate(-167.1 -115.97)" fill="#ff5252" />
<path d="M233.7,656.38c5.48-6.57,1.32-15.47,1.32-15.47a17.11,17.11,0,0,0-17.11-17.11c-.37,0-.73,0-1.1.06a17.09,17.09,0,0,1,16,17.05s4.16,8.9-1.32,15.47c-5.31,6.37,5.25,19.37,1.32,31.43-.38,1.15-3.78,1.59-8.3,1.65,5.58.06,10.06-.32,10.49-1.65C239,675.74,228.4,662.74,233.7,656.38Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M228,686.72h0c12.07,17.08,17.37,42.87,13.93,67.69l-.1.74H231.52s3.19-9.38,0-25.94a41,41,0,0,0-15.6-24.83L206,755.15h-9.57L206,686.72Z"
transform="translate(-167.1 -115.97)" fill="#f6b9ad" />
<path d="M286,588.3s4-1.67,2.26-7.39-8.65-3.8-8.65-3.8-4.21,6.21-2.59,8.44S286,588.3,286,588.3Z"
transform="translate(-167.1 -115.97)" fill="#f6b9ad" />
<path d="M227.44,643.66S278.7,627.05,286,588.3l-9.5-2.91s-37.73,42.12-53.69,42.42S227.44,643.66,227.44,643.66Z"
transform="translate(-167.1 -115.97)" fill="#ff5252" />
<path d="M284.22,588.34l1.58.49c-7.26,38.76-58.53,55.37-58.53,55.37l-.91-.71C232.39,641.37,277.45,624.49,284.22,588.34Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<g opacity="0.2" fill="#fff">
<path d="M213.73,704.37l-9.93,50.77H206l9.64-49.29A23.69,23.69,0,0,0,213.73,704.37Z"
transform="translate(-167.1 -115.97)" />
<path d="M228,686.72h-2.19c12.07,17.08,17.37,42.87,13.93,67.69l-.1.74h2.19l.1-.74C245.35,729.59,240,703.79,228,686.72Z"
transform="translate(-167.1 -115.97)" />
</g>
<path d="M284.91,588s4-1.67,2.26-7.39A5.29,5.29,0,0,0,284,577a5.36,5.36,0,0,1,4.23,3.92c1.71,5.72-2.26,7.39-2.26,7.39a29.92,29.92,0,0,1-6.42-1.21A32.67,32.67,0,0,0,284.91,588Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M200.76,685.94,180,729.75a257.3,257.3,0,0,1,36.14,4.38c23,4.38,33.95-6.57,33.95-6.57l-14.83-41.61Z"
transform="translate(-167.1 -115.97)" fill="#263238" />
<path d="M206.28,754.94s11,2.19,8.76,6.57H195.33l1.1-6.57Z" transform="translate(-167.1 -115.97)"
fill="#ff5252" />
<path d="M241.32,754.94s11,2.19,8.76,6.57H230.37l1.1-6.57Z" transform="translate(-167.1 -115.97)"
fill="#ff5252" />
<path d="M233.66,588.48S207.37,625.71,219.42,641l-47.09-1.1S185.47,555.63,233.66,588.48Z"
transform="translate(-167.1 -115.97)" fill="#fccc63" />
<path d="M233.66,588.48c-6.79-4.63-12.88-6.93-18.34-7.47a46.36,46.36,0,0,1,12.87,6.38s-26.28,37.23-14.24,52.57l-41.45-1c-.11.62-.16,1-.16,1l47.09,1.1C207.37,625.71,233.66,588.48,233.66,588.48Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M235.25,685.94H232l14.83,41.61s-7.08,7.06-21.79,7.57c16.94.54,25.07-7.57,25.07-7.57Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M206.28,754.94h-2.19s11,2.19,8.76,6.57H215C217.23,757.13,206.28,754.94,206.28,754.94Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M241.32,754.94h-2.19s11,2.19,8.76,6.57h2.19C252.27,757.13,241.32,754.94,241.32,754.94Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M991.73,569.28l.1.24C992.63,569,991.73,569.28,991.73,569.28Z"
transform="translate(-167.1 -115.97)" fill="url(#7720de28-d318-47dd-b651-90cb043782be)"
opacity="0.2" />
<path d="M1004.32,753l17.37-5L1018,737.52h0l-.05-.15-.06,0-19.36-56.17-5-42.05a15.62,15.62,0,0,0-.27-1.59c15.81-27.08,0-64.77-1.41-68.05-.18.12-.46.28-.86.5a23.06,23.06,0,0,0-1.38-4.39s-5.85-2.82-8.29,2c-2.13,4.19.07,6.34.68,6.82l-.35.17a12.61,12.61,0,0,1,2.22,4.08,9.47,9.47,0,0,0-.72-1c-.7,0-1.16-.09-1.16-.09l-.14-.11-.35.17c2.21,2.53,3.44,7.28,4,13.09a19,19,0,0,0-2.45-2.26,19.33,19.33,0,0,0-13.35-3.8h0l-.87.1h0q-.74.1-1.46.27l-.36.08-.61.16-.7.22-.5.17-.86.34-.32.14c-.35.16-.7.33-1,.51a18.88,18.88,0,0,1-3.57,1.79c-.17.05-.35.08-.52.12h0a6.27,6.27,0,0,1-4.22-.68l-.43-.26a5.8,5.8,0,0,1-.48-.35,2.78,2.78,0,0,0,0,1.21,3.67,3.67,0,0,0,1.56,2.32,3.47,3.47,0,0,0,.72.38,2.93,2.93,0,0,0,1.19.19,2.69,2.69,0,0,0,.41-.05l-.1.06c-.24.15-.48.29-.73.41l-.05,0c-.27.13-.54.25-.81.36l0,0a9.5,9.5,0,0,1-4.35.58h0l-.48-.06c-.24,0-.48-.07-.71-.13a5.26,5.26,0,0,0,.3.45l.11.13.23.28.13.14.25.25.14.13.3.24.12.09.44.29.15.08.32.17.21.09.28.12.23.08.28.09.23.07.32.07.39.07.29,0,.28,0h.78l.29,0,.24,0,.28,0h0a5.45,5.45,0,0,0,1.58-.59c-.31.19-.63.36-1,.53h0l-.48.24-.5.24-.49.22-.51.21-.49.19-.53.19-.49.16-.56.17-.47.13-.61.15-.44.1-.7.13-.37.06-1.06.14h0a4.61,4.61,0,0,1,1.75.67,4.41,4.41,0,0,0,1.08.42,3.93,3.93,0,0,0,.5,0h.62l.41,0,.53-.07.4,0,.48,0a7.16,7.16,0,0,1,2.93.57,5.1,5.1,0,0,1,1.33.91c-.12.26-.24.53-.35.8s-.18.47-.26.7q-.24.71-.42,1.44a15.41,15.41,0,0,0-.31,5.38c0,.33.09.66.15,1l.05.27q.08.39.18.77l0,.2q.13.47.28.93l.07.18q.13.38.28.75l.09.22a15.32,15.32,0,0,0,.88,1.73l.1.17q.23.38.48.74l0,.07q.29.41.6.8l0,.06q.29.36.6.7l.07.08a15.52,15.52,0,0,0,1.45,1.39l0,0a15.49,15.49,0,0,0,4.46,2.59,6.9,6.9,0,0,0,0,.72h0a7,7,0,0,0,0,.74l.68,5.74q-.46.32-.9.67c-14.35-4.58-39.84-46.07-39.84-46.07l-.49.06c1.8-1.72-.94-7.92-.94-7.92a9.35,9.35,0,0,0-4-.82l-.27,0h-.12l-.21,0-.13,0-.2,0-.14,0-.19,0-.14,0-.2.06-.13,0-.21.09-.11,0-.31.16h0l-.29.18-.1.07-.2.15-.11.09-.17.16-.11.11-.16.17-.11.12-.16.2-.1.13-.16.25-.08.12c-.08.13-.15.26-.23.4-2.44,4.8.82,6.93.82,6.93a44.62,44.62,0,0,0,.34,5.19c3.57,32.07,40.79,52.84,42.69,53.88-.53,2.09-4.81,20.58,5,41.85a.72.72,0,0,0,.1.14,64.7,64.7,0,0,0-12.09,63.05l.22.65.32,0a4.41,4.41,0,0,1-.06.45,5,5,0,0,1-.23.79,6,6,0,0,1-.66,1.26l0,0c-.29.43-.64.87-1,1.32l-.38.47c-1.54,1.86-3.09,3.67-1.72,4.17h0l1-.12L970.75,755l-1-8.16.33,0s-.16-.24-.42-.7l0-.15h-.06c-1.28-2.41-4.44-9.95-2.25-22.4,2.7-15.37,19.14-24.84,19.14-24.84l.44,1-.06,0,18.85,43c0,.17,0,.35,0,.54a7.3,7.3,0,0,1-.15,1.28,7.94,7.94,0,0,1-.26,1c-.63,1.83-1.84,4-2.29,5.63a5.15,5.15,0,0,0-.15.67,2,2,0,0,0,0,.77.89.89,0,0,0,.66.66h0l.24-.07.52-.15ZM984.08,626.7q-.55-.23-1.11-.41l-.63-5.37a6.92,6.92,0,0,0-.26-1.21,15.45,15.45,0,0,0,3-2.49C984.78,620.66,984.42,623.88,984.08,626.7Z"
transform="translate(-167.1 -115.97)" fill="url(#6be30b07-31e3-43de-a343-f0abadb78875)"
opacity="0.2" />
<path d="M919.73,588.71s-3.61-2.35-.91-7.67,9.19-2.2,9.19-2.2,3,6.87,1,8.77S919.73,588.71,919.73,588.71Z"
transform="translate(-167.1 -115.97)" fill="#ca7070" />
<path id="4d99488d-df05-4ea4-b0bc-86897bea43e0" data-name="<Path>"
d="M975.29,768.13l-15.11,1.78a5,5,0,0,1-1,4c-1.76,2.59-5.51,5.91-3.47,6.65l20.73-2.45Z"
transform="translate(-167.1 -115.97)" fill="#00695c" />
<path d="M960.31,773.83a5,5,0,0,0,1-4l-1.1.13a5,5,0,0,1-1,4c-1.76,2.59-5.51,5.91-3.47,6.65l1.1-.13C954.81,779.74,958.56,776.42,960.31,773.83Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path id="4d5dc8b9-511c-4b13-afe4-1a204679192b" data-name="<Path>"
d="M1028.72,758.65l-13.89,4a7.25,7.25,0,0,1-.05,5.05c-1.16,3.39-4.15,7.93-2,8.56l20.08-5.73Z"
transform="translate(-167.1 -115.97)" fill="#00695c" />
<path d="M999.72,572.47s22.2,49.1-1.58,80.55l-8.54-5.07s9.45-57.58-1.07-69.59C1003.74,571.22,999.72,572.47,999.72,572.47Z"
transform="translate(-167.1 -115.97)" fill="#00695c" />
<path d="M989.08,578.29s-3.61-2.35-.91-7.67,9.19-2.2,9.19-2.2,3,6.87,1,8.77S989.08,578.29,989.08,578.29Z"
transform="translate(-167.1 -115.97)" fill="#ca7070" />
<path d="M1015.88,767.57a7.25,7.25,0,0,0,.05-5.05l12.85-3.69-.06-.17-13.89,4a7.25,7.25,0,0,1-.05,5.05c-1.16,3.39-4.15,7.93-2,8.56l.84-.24C1012,775.09,1014.76,770.81,1015.88,767.57Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<rect x="974.35" y="622.82" width="15.45" height="22.9" rx="7.06" ry="7.06"
transform="rotate(-6.74 -86.378 1995.015)" fill="#ca7070" />
<path d="M991.08,651.11s9.33-56.87-.88-69.36c-.78,0-1.28-.1-1.28-.1l-.16-.12-.39.18c10.52,12,1.07,69.59,1.07,69.59l8.54,5.07c.2-.27.4-.54.59-.82Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<circle cx="979.94" cy="613.82" r="17.11" transform="rotate(-6.74 -88.5 1974.61)"
fill="#ca7070" />
<path d="M976.76,638.65l-.87-7.4a7.67,7.67,0,0,1,0-1.63,17.11,17.11,0,0,1,3-32.87l-1,.08a17.11,17.11,0,0,0-4,33,7.67,7.67,0,0,0,0,1.63l.87,7.4a7.67,7.67,0,0,0,9.53,6.59A7.75,7.75,0,0,1,976.76,638.65Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M1007.2,696.46s-32.33,7.57-34,4c-11.57-25-5.5-46.58-5.5-46.58a17.11,17.11,0,0,1,15-19h0a17.11,17.11,0,0,1,19,15Z"
transform="translate(-167.1 -115.97)" fill="#00695c" />
<path d="M1007.2,696.46,1030,762.67l-14.8,1.75-21.3-48.61s-18.21,10.49-21.2,27.51,3,25.76,3,25.76L959.88,771l-.25-.72a71.15,71.15,0,0,1,13.59-69.76h0"
transform="translate(-167.1 -115.97)" fill="#263238" />
<path d="M975.14,700.25c-11.57-25-5.5-46.58-5.5-46.58a17.11,17.11,0,0,1,13.89-18.83c-.37,0-.73,0-1.1.09h0a17.11,17.11,0,0,0-15,19s-6.07,21.56,5.5,46.58c.59,1.27,5.11,1.12,10.68.4C979.11,701.38,975.65,701.35,975.14,700.25Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M967.42,653.65s-47.47-25.51-47.68-64.94l9.86-1.17s29.59,48.18,45.24,51.34S967.42,653.65,967.42,653.65Z"
transform="translate(-167.1 -115.97)" fill="#00695c" />
<g opacity="0.2" fill="#fff">
<path d="M994.35,717l20.91,47.72,2.19-.26-21.3-48.61S995.47,716.22,994.35,717Z"
transform="translate(-167.1 -115.97)" />
<path d="M975.45,700.49h0l-2.19.26h0a71.15,71.15,0,0,0-13.59,69.76l.25.72,2.19-.26-.25-.72A71.15,71.15,0,0,1,975.45,700.49Z"
transform="translate(-167.1 -115.97)" />
</g>
<path d="M921.44,589.06l-1.64.19c.21,39.43,47.68,64.94,47.68,64.94l1-.54C963,650.51,921.64,625.84,921.44,589.06Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M965.49,607.84c1.36,2,2,4.35,2.79,6.6,1.69,4.63,4.67,9.1,9.19,11.06a17.37,17.37,0,0,0,7.88,1.18c4.07-.22,8.36-1.53,10.89-4.73a14.09,14.09,0,0,0,2.63-7.36,23.68,23.68,0,0,0-8.74-20.89c-6.26-4.8-15.35-5.76-22.27-2a20.92,20.92,0,0,1-3.95,2,6.91,6.91,0,0,1-6.25-1.29,3.82,3.82,0,0,0,4.25,4.48,10.66,10.66,0,0,1-8.07,1.4,6.93,6.93,0,0,0,9.06,2.45,23.34,23.34,0,0,1-9.59,3.16c.71-.07,2.24,1.06,3.13,1.21a18.81,18.81,0,0,0,3.28-.15A6.37,6.37,0,0,1,965.49,607.84Z"
transform="translate(-167.1 -115.97)" fill="#263238" />
<g opacity="0.2" fill="#fff">
<path d="M961.9,596.89a10.55,10.55,0,0,1-3.9,1.5,10.62,10.62,0,0,0,5-1.63,3.87,3.87,0,0,1-4.34-3.68,6.5,6.5,0,0,1-1-.67A3.82,3.82,0,0,0,961.9,596.89Z"
transform="translate(-167.1 -115.97)" />
<path d="M965,593.57a20.92,20.92,0,0,0,3.95-2,19,19,0,0,1,6.39-2.09,19.24,19.24,0,0,0-7.48,2.21,20.92,20.92,0,0,1-3.95,2c-.19.06-.39.09-.58.13A6.59,6.59,0,0,0,965,593.57Z"
transform="translate(-167.1 -115.97)" />
<path d="M957.53,605c-.89-.15-2.42-1.28-3.13-1.21a23.34,23.34,0,0,0,9.59-3.16,6.11,6.11,0,0,1-2.15.72,23.35,23.35,0,0,1-8.54,2.57c.71-.07,2.24,1.06,3.13,1.21a7.35,7.35,0,0,0,2.3-.09A4.8,4.8,0,0,1,957.53,605Z"
transform="translate(-167.1 -115.97)" />
<path d="M986.45,626.55a17.37,17.37,0,0,1-7.88-1.18c-4.52-2-7.5-6.43-9.19-11.06-.82-2.25-1.42-4.63-2.79-6.6a6.37,6.37,0,0,0-5.78-2.88,11,11,0,0,0-1.63.15c.18,0,.35,0,.54,0a6.37,6.37,0,0,1,5.78,2.88c1.36,2,2,4.35,2.79,6.6,1.69,4.63,4.67,9.1,9.19,11.06a17.37,17.37,0,0,0,7.88,1.18c.63,0,1.27-.1,1.91-.19Z"
transform="translate(-167.1 -115.97)" />
<path d="M961.14,601.39a7,7,0,0,1-6-2.9,10.21,10.21,0,0,1-1.32-.2A7,7,0,0,0,961.14,601.39Z"
transform="translate(-167.1 -115.97)" />
</g>
<path d="M920.83,588.58s-3.61-2.35-.91-7.67a5.29,5.29,0,0,1,3.77-3,5.36,5.36,0,0,0-4.86,3.1c-2.71,5.32.91,7.67.91,7.67a29.92,29.92,0,0,0,6.53,0A32.67,32.67,0,0,1,920.83,588.58Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path id="f4b599d8-1b16-43a9-9308-cf9102d9bdf1" data-name="<Path>"
d="M570.49,768.38H585.7a5,5,0,0,0,1.44,3.91c2.05,2.37,6.16,5.22,4.23,6.2H570.49Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M586,772.29a5,5,0,0,1-1.44-3.91h1.1a5,5,0,0,0,1.44,3.91c2.05,2.37,6.16,5.22,4.23,6.2h-1.1C592.19,777.51,588.08,774.66,586,772.29Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path id="0e0e20dd-ea7e-4aa3-ac26-380ed6cfbd4b" data-name="<Path>"
d="M516.31,765.24l14.26,2.33a7.25,7.25,0,0,0,.65,5c1.55,3.23,5,7.38,2.95,8.27l-20.61-3.33Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M530.12,772.59a7.25,7.25,0,0,1-.65-5l-13.2-2.16,0-.17,14.26,2.33a7.25,7.25,0,0,0,.65,5c1.55,3.23,5,7.38,2.95,8.27l-.86-.14C534.86,779.6,531.6,775.67,530.12,772.59Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<rect x="540.32" y="624.8" width="15.45" height="22.9" rx="7.06" ry="7.06"
transform="rotate(-180 464.495 578.265)" fill="#985454" />
<circle cx="380.67" cy="499.72" r="17.11" fill="#985454" />
<path d="M553.84,640v-7.45a7.67,7.67,0,0,0-.18-1.62,17.11,17.11,0,0,0-6.86-32.29l1,0a17.11,17.11,0,0,1,7.83,32.32,7.67,7.67,0,0,1,.18,1.62V640a7.67,7.67,0,0,1-8.69,7.66A7.75,7.75,0,0,0,553.84,640Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M530.39,701s33,3.73,34.22,0c8.55-26.21,0-46.91,0-46.91a17.11,17.11,0,0,0-17.11-17.11h0A17.11,17.11,0,0,0,530.39,654Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M530.39,701l-14.9,68.43h14.9l15.45-50.77s19.32,8.28,24.28,24.83,0,25.94,0,25.94h16l.16-.74A71.15,71.15,0,0,0,564.6,701h0"
transform="translate(-167.1 -115.97)" fill="#263238" />
<path d="M562.67,701c8.55-26.21,0-46.91,0-46.91a17.11,17.11,0,0,0-16-17.07c.37,0,.73,0,1.1,0h0A17.11,17.11,0,0,1,564.88,654s8.55,20.69,0,46.91c-.44,1.33-4.95,1.71-10.56,1.65C558.87,702.54,562.29,702.11,562.67,701Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<g opacity="0.2" fill="#fff">
<path d="M545.55,719.82l-15.17,49.84h-2.21l15.45-50.77S544.36,719.2,545.55,719.82Z"
transform="translate(-167.1 -115.97)" />
<path d="M562.39,701.23h2.21a71.15,71.15,0,0,1,21.68,67.69l-.16.74h-2.21l.16-.74A71.15,71.15,0,0,0,562.39,701.23Z"
transform="translate(-167.1 -115.97)" />
</g>
<path d="M551.79,653.76s49.94-20.25,54.4-59.43l-9.68-2.22S561.9,636.83,546,638.27,551.79,653.76,551.79,653.76Z"
transform="translate(-167.1 -115.97)" fill={props.accentColor} />
<path d="M604.45,594.5l1.61.37c-4.46,39.18-54.4,59.43-54.4,59.43l-1-.65C556.56,651.12,600.29,631,604.45,594.5Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M605.35,595s3.84-1.95,1.73-7.53-8.9-3.17-8.9-3.17-3.76,6.5-2,8.61S605.35,595,605.35,595Z"
transform="translate(-167.1 -115.97)" fill="#985454" />
<path d="M604.27,594.78s3.84-1.95,1.73-7.53a5.29,5.29,0,0,0-3.43-3.36,5.36,5.36,0,0,1,4.5,3.61c2.12,5.58-1.73,7.53-1.73,7.53a29.92,29.92,0,0,1-6.49-.74A32.67,32.67,0,0,0,604.27,594.78Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
<path d="M549,610,548,633H523.86V620.86c0-24.52,25.92-33.83,40.52-14.12C564.74,607.22,549,610,549,610Z"
transform="translate(-167.1 -115.97)" fill="#263238" />
<path d="M543.64,596.16c6.15.51,12.46,3.85,17.45,10.59.36.48-15.33,3.29-15.33,3.29l-1.1,23H548l1.1-23s15.69-2.8,15.33-3.29C558.49,598.8,550.77,595.57,543.64,596.16Z"
transform="translate(-167.1 -115.97)" fill="#fff" opacity="0.2" />
</svg>
);
UndrawCreditCard.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawCreditCard.defaultProps = {
primaryColor:'#6c68fb',
height:'100%',
class:''
};
export default UndrawCreditCard;