react-native-svg#Use TypeScript Examples
The following examples show how to use
react-native-svg#Use.
You can vote up the ones you like or vote down the ones you don't like,
and go to the original project or source file by following the links above each example. You may check out the related API usage on the sidebar.
Example #1
| Source File: Afghanistan.tsx From react-native-crypto-wallet-app with MIT License | 5 votes |
|
function SvgAfganistan(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#afganistan_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="afganistan_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#afganistan_svg__a)">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
<Mask id="afganistan_svg__b" width={56} height={40} x={-8} y={0} maskUnits="userSpaceOnUse">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
</Mask>
<G mask="url(#afganistan_svg__b)">
<Path fill="#1AB11F" d="M19 0h29v40H19z" />
<Path fill="#262626" fillRule="evenodd" d="M-8 40h19V0H-8v40z" clipRule="evenodd" />
<Path fill="#DC0D18" fillRule="evenodd" d="M10 40h19V0H10v40z" clipRule="evenodd" />
<Path
fill="#fff"
d="M17.09 22.43l.348-.569-.347.57zm-.693 1.14l-.347.569.347-.57zm6.434-.147l.372.554-.372-.554zm-.743-1.106l.371.553-.371-.553zM15.333 18c0-.736-.597-1.333-1.333-1.333V18h1.333zm2.105 3.861c-1.242-.756-2.105-2.189-2.105-3.861H14c0 2.136 1.103 4 2.744 5l.694-1.139zm.444 1.833a1.333 1.333 0 00-.444-1.833L16.744 23l1.138.694zm-1.832.445c.629.383 1.449.184 1.832-.445L16.744 23l-.694 1.139zM12.667 18c0 2.599 1.344 4.896 3.383 6.139L16.744 23C15.104 22 14 20.136 14 18h-1.333zM14 16.667c-.736 0-1.333.597-1.333 1.333H14v-1.333zM26.333 18c0-.736-.597-1.333-1.333-1.333V18h1.333zm-3.13 5.977c1.896-1.274 3.13-3.487 3.13-5.977H25c0 2.046-1.013 3.844-2.54 4.87l.743 1.107zm-1.85-.364c.41.612 1.239.774 1.85.364l-.744-1.107-1.106.743zm.363-1.85a1.333 1.333 0 00-.363 1.85l1.106-.743-.743-1.107zM23.666 18c0 1.602-.791 2.985-1.95 3.763l.743 1.107C23.987 21.844 25 20.046 25 18h-1.333zM25 16.667c-.736 0-1.333.597-1.333 1.333H25v-1.333z"
opacity={0.75}
/>
<Path
fill="#fff"
fillOpacity={0.5}
fillRule="evenodd"
d="M19.5 21c1.38 0 2.5-1.79 2.5-4s-1.12-4-2.5-4-2.5 1.79-2.5 4 1.12 4 2.5 4z"
clipRule="evenodd"
/>
</G>
</G>
<Defs>
<Pattern
id="afganistan_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#afganistan_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #2
| Source File: Albania.tsx From react-native-crypto-wallet-app with MIT License | 5 votes |
|
function SvgAlbania(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#albania_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="albania_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#albania_svg__a)">
<Mask id="albania_svg__b" width={56} height={40} x={-8} y={0} maskUnits="userSpaceOnUse">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
</Mask>
<G mask="url(#albania_svg__b)">
<Path fill="#EE343C" d="M-8 0h56v40H-8z" />
<Path
fill="#262626"
fillRule="evenodd"
d="M16.959 8.915a.667.667 0 00-.848-.084l-2.53 1.71a.667.667 0 00.071 1.146l3.863 1.957a.667.667 0 01.365.595v1.577a.667.667 0 01-.667.667H15.42a.667.667 0 01-.3-.072l-4.664-2.362a.667.667 0 00-.776.126l-1.636 1.658a.667.667 0 00.173 1.063l3.413 1.729c.454.23.493.862.072 1.147L10.029 20.9a.667.667 0 00.24 1.206l3.547.718a.667.667 0 01.27 1.185l-2.49 1.891c-.508.387-.234 1.198.404 1.198h.557a.67.67 0 00.164-.02l3.494-.886a.667.667 0 01.721 1.013l-.996 1.514a.667.667 0 00.557 1.033h2.21c.288 0 .544.185.634.458l.525 1.598c.201.611 1.066.611 1.267 0l.526-1.598a.667.667 0 01.633-.458h2.21c.531 0 .849-.59.557-1.033l-.996-1.514a.667.667 0 01.72-1.012l3.495.885a.67.67 0 00.164.02h.557c.639 0 .912-.811.404-1.198l-2.49-1.891a.667.667 0 01.27-1.185l3.547-.718a.667.667 0 00.24-1.206L29.3 19.77a.667.667 0 01.072-1.146l3.412-1.73a.667.667 0 00.173-1.062l-1.636-1.658a.667.667 0 00-.776-.126l-4.663 2.362a.667.667 0 01-.301.072h-1.794a.667.667 0 01-.667-.667V14.24c0-.252.141-.481.365-.595l3.863-1.957a.666.666 0 00.072-1.147l-2.531-1.71a.667.667 0 00-.848.085l-3.066 3.106a.667.667 0 01-.949 0L16.96 8.915z"
clipRule="evenodd"
/>
</G>
</G>
<Defs>
<Pattern
id="albania_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#albania_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #3
| Source File: Angola.tsx From react-native-crypto-wallet-app with MIT License | 5 votes |
|
/* SVGR has dropped some elements not supported by react-native-svg: filter */
function SvgAngola(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#angola_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="angola_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#angola_svg__a)">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
<Mask id="angola_svg__b" width={56} height={40} x={-8} y={0} maskUnits="userSpaceOnUse">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
</Mask>
<G mask="url(#angola_svg__b)">
<Path fill="url(#angola_svg__paint0_linear)" d="M-8 0h56v40H-8z" />
<G filter="url(#angola_svg__filter0_d)">
<Path fill="#262626" fillRule="evenodd" d="M-8 40h56V21H-8v19z" clipRule="evenodd" />
</G>
<G filter="url(#angola_svg__filter1_d)">
<Path fill="#DD2137" fillRule="evenodd" d="M-8 21h56V0H-8v21z" clipRule="evenodd" />
</G>
<G filter="url(#angola_svg__filter2_d)">
<Path
fill="#F8D84B"
fillRule="evenodd"
d="M24.78 22.909a8.297 8.297 0 00.761-1.925c1.118-4.329-1.357-8.778-5.528-9.938-.695-.193-1.41.235-1.596.957-.186.721.226 1.463.922 1.656 2.78.773 4.43 3.74 3.685 6.625-.102.396-.244.77-.42 1.119l-4.003-2.77a1.274 1.274 0 00-1.807.376c-.399.621-.237 1.46.362 1.875l3.669 2.539a5.04 5.04 0 01-4.184.686c-.695-.193-1.41.235-1.596.956-.187.722.226 1.463.921 1.656 2.606.725 5.257-.006 7.152-1.712l1.856 1.285a1.274 1.274 0 001.807-.375c.4-.622.237-1.462-.361-1.876l-1.64-1.134zm-6.901-5.855c.72 0 1.303-.605 1.303-1.352 0-.747-.584-1.352-1.303-1.352-.72 0-1.303.605-1.303 1.352 0 .747.583 1.352 1.303 1.352z"
clipRule="evenodd"
/>
</G>
</G>
</G>
<Defs>
<LinearGradient
id="angola_svg__paint0_linear"
x1={-8}
x2={-8}
y1={0}
y2={40}
gradientUnits="userSpaceOnUse"
>
<Stop stopColor="#FF323E" />
<Stop offset={1} stopColor="#FD0D1B" />
</LinearGradient>
<Pattern
id="angola_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#angola_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #4
| Source File: Argentine.tsx From react-native-crypto-wallet-app with MIT License | 5 votes |
|
function SvgArgentine(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#argentine_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="argentine_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#argentine_svg__a)">
<Rect
width={55.5}
height={39.5}
x={-7.75}
y={0.25}
fill="#fff"
stroke="#F5F5F5"
strokeWidth={0.5}
rx={1.75}
/>
<Mask id="argentine_svg__b" width={56} height={40} x={-8} y={0} maskUnits="userSpaceOnUse">
<Rect
width={55.5}
height={39.5}
x={-7.75}
y={0.25}
fill="#fff"
stroke="#fff"
strokeWidth={0.5}
rx={1.75}
/>
</Mask>
<G mask="url(#argentine_svg__b)">
<Path
fill="#88BBE8"
fillRule="evenodd"
d="M-8 13h56V0H-8v13zM-8 40h56V27H-8v13z"
clipRule="evenodd"
/>
<Path
fill="#F4B32E"
stroke="#DB7A2C"
strokeWidth={0.667}
d="M20 24.333a4.333 4.333 0 100-8.666 4.333 4.333 0 000 8.666z"
/>
</G>
</G>
<Defs>
<Pattern
id="argentine_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#argentine_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #5
| Source File: Armenia.tsx From react-native-crypto-wallet-app with MIT License | 5 votes |
|
function SvgArmenia(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#armenia_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="armenia_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#armenia_svg__a)">
<Rect width={59} height={43} x={-9} y={-3} fill="#fff" rx={2} />
<Mask id="armenia_svg__b" width={59} height={43} x={-9} y={-3} maskUnits="userSpaceOnUse">
<Rect width={59} height={43} x={-9} y={-3} fill="#fff" rx={2} />
</Mask>
<G fillRule="evenodd" clipRule="evenodd" mask="url(#armenia_svg__b)">
<Path fill="#1047B9" d="M-9 28h59V13H-9v15z" />
<Path fill="#F01C31" d="M-9 13h59V0H-9v13z" />
<Path fill="#FECB2F" d="M-9 40h59V27H-9v13z" />
</G>
</G>
<Defs>
<Pattern
id="armenia_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#armenia_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #6
| Source File: Azerbaijan.tsx From react-native-crypto-wallet-app with MIT License | 5 votes |
|
/* SVGR has dropped some elements not supported by react-native-svg: filter */
function SvgAzerbaijan(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#azerbaijan_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="azerbaijan_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#azerbaijan_svg__a)">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
<Mask id="azerbaijan_svg__b" width={56} height={40} x={-8} y={0} maskUnits="userSpaceOnUse">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
</Mask>
<G mask="url(#azerbaijan_svg__b)">
<Path fill="#24AAD5" fillRule="evenodd" d="M-8 13h56V0H-8v13z" clipRule="evenodd" />
<Path fill="#21BF75" fillRule="evenodd" d="M-8 40h56V27H-8v13z" clipRule="evenodd" />
<Path fill="#ED1845" fillRule="evenodd" d="M-8 27h56V13H-8v14z" clipRule="evenodd" />
<G filter="url(#azerbaijan_svg__filter0_d)">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 23.5c.823 0 1.587-.248 2.223-.674a3.333 3.333 0 110-6.652A4 4 0 1020 23.5zm4-4a1.333 1.333 0 11-2.667 0 1.333 1.333 0 012.667 0z"
clipRule="evenodd"
/>
</G>
</G>
</G>
<Defs>
<Pattern
id="azerbaijan_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#azerbaijan_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #7
| Source File: hotel.tsx From react-native-paper-onboarding with MIT License | 5 votes |
|
HotelSVG = ({ color = '#fff' }: SVGProps) => (
<Svg width={197} height={199} viewBox="0 0 197 199">
<Defs>
<Path id="prefix__a" d="M0 0h197v199H0z" />
<Path
d="M94.09.797c51.914 0 94 42.086 94 94 0 24.413-9.307 46.652-24.566 63.364l31.386 31.382a5.011 5.011 0 01.004 7.078 5 5 0 01-7.078-.004l-31.435-31.44c-16.587 14.697-38.407 23.62-62.311 23.62-51.914 0-94-42.086-94-94s42.086-94 94-94zm0 10c-46.39 0-84 37.61-84 84s37.61 84 84 84 84-37.61 84-84-37.61-84-84-84z"
id="prefix__c"
/>
<Path id="prefix__e" d="M0 0h57v12H0z" />
<Path
d="M6.848 1.785c0-.2.035-.387.109-.558.074-.176.172-.325.293-.454.121-.132.266-.234.43-.304.16-.074.34-.11.527-.11.191 0 .371.036.531.11.164.07.309.172.434.304.125.13.223.278.293.454.07.171.105.359.105.558V9.57c0 .203-.035.387-.105.563a1.414 1.414 0 01-.727.758c-.16.074-.34.109-.531.109a1.25 1.25 0 01-.527-.11 1.344 1.344 0 01-.43-.304 1.473 1.473 0 01-.395-1.016l-.007-3.023H3.074V9.57c0 .203-.035.387-.105.563a1.414 1.414 0 01-.727.758c-.164.074-.34.109-.531.109a1.281 1.281 0 01-.957-.414A1.473 1.473 0 01.355 9.57V1.785c0-.2.04-.387.11-.558.07-.176.168-.325.289-.454A1.281 1.281 0 011.71.36c.191 0 .367.036.531.11.164.07.309.172.434.304.125.13.222.278.293.454.07.171.105.359.105.558v2.676h3.774V1.785zm9.117 3.906c0 1.211.195 2.125.578 2.743.387.617.988.925 1.812.925.805 0 1.403-.308 1.801-.921.395-.618.594-1.532.594-2.747 0-.586-.05-1.109-.145-1.566-.093-.457-.238-.84-.437-1.152a1.97 1.97 0 00-.742-.715c-.301-.164-.656-.246-1.07-.246-.41 0-.766.082-1.067.246-.3.164-.55.402-.746.715-.195.312-.34.695-.434 1.152-.097.457-.144.98-.144 1.566zm-2.848 0c0-.808.11-1.55.324-2.234a4.835 4.835 0 01.98-1.766A4.444 4.444 0 0116.056.535c.652-.281 1.418-.418 2.3-.418.852 0 1.606.133 2.262.403.653.27 1.2.648 1.64 1.136.438.492.77 1.078.997 1.762.223.684.336 1.441.336 2.273 0 .813-.11 1.563-.328 2.247a4.858 4.858 0 01-.989 1.761 4.509 4.509 0 01-1.64 1.149c-.656.273-1.414.41-2.278.41-.847 0-1.593-.133-2.246-.399a4.448 4.448 0 01-1.644-1.12 4.821 4.821 0 01-1.008-1.759c-.227-.683-.34-1.445-.34-2.289zm13.66-3.394a1.067 1.067 0 01-.965-.59.906.906 0 010-.754 1.052 1.052 0 01.965-.594h6.688a1.046 1.046 0 01.734.285.93.93 0 01.227.31.854.854 0 01.086.378.825.825 0 01-.086.375.914.914 0 01-.227.305 1.046 1.046 0 01-.734.285H31.5V9.57c0 .203-.035.387-.105.563a1.414 1.414 0 01-.727.758c-.16.074-.34.109-.531.109a1.25 1.25 0 01-.528-.11 1.344 1.344 0 01-.43-.304 1.473 1.473 0 01-.394-1.016V2.297h-2.008zM39.11 11c-.246 0-.457-.05-.625-.152a1.25 1.25 0 01-.406-.403 1.677 1.677 0 01-.219-.55 3.014 3.014 0 01-.066-.618v-6.98c0-.277.016-.535.05-.77.036-.238.11-.441.227-.613s.29-.305.516-.402c.223-.098.523-.149.906-.149h4.703a1.05 1.05 0 01.723.285.96.96 0 01.223.305.916.916 0 010 .742.988.988 0 01-.547.5c-.125.051-.258.075-.399.075h-3.773v2.375h3.441c.145 0 .278.023.403.07.12.05.23.117.324.207a.893.893 0 01.219.305.842.842 0 01.082.367.917.917 0 01-.3.672 1.023 1.023 0 01-.325.199c-.125.05-.258.074-.403.074h-3.441v2.563h3.957c.129 0 .254.027.367.074.117.05.219.117.305.207.09.086.156.187.207.3a.98.98 0 01.07.372.98.98 0 01-.07.37.941.941 0 01-.512.5.895.895 0 01-.367.075h-5.27zm16.364-1.95a1.014 1.014 0 01.691.285 1.014 1.014 0 01.285.692 1.014 1.014 0 01-.285.688 1.014 1.014 0 01-.691.285h-5.016c-.262 0-.484-.059-.66-.172a1.271 1.271 0 01-.422-.453 2.137 2.137 0 01-.219-.64A4.582 4.582 0 0149.094 9V1.785a1.466 1.466 0 01.394-1.012 1.27 1.27 0 01.43-.304c.164-.074.34-.11.531-.11.192 0 .367.036.531.11.165.07.31.172.434.304.125.13.223.278.293.454.07.171.105.359.105.558l.008 7.266h3.653z"
id="prefix__g"
/>
</Defs>
<G fill="none" fillRule="evenodd">
<G opacity={0.5}>
<Mask id="prefix__b" fill={color}>
<Use xlinkHref="#prefix__a" />
</Mask>
<G mask="url(#prefix__b)">
<Mask id="prefix__d" fill={color}>
<Use xlinkHref="#prefix__c" />
</Mask>
<Path
fill={color}
fillRule="nonzero"
mask="url(#prefix__d)"
d="M-45.918 94.797L94.09-45.211l174.863 174.863L128.945 269.66z"
/>
</G>
</G>
<Path
d="M53 86a2 2 0 011.996-2h76.008c1.101 0 1.996.902 1.996 2v19a2 2 0 01-1.996 2H54.996A2.003 2.003 0 0153 105V86zM57 107h72v40H57zM57 84h72V48c0-2.21-1.797-4-4-4H61c-2.21 0-4 1.797-4 4v36zM62 44h62v-3c0-1.656-1.352-3-2.992-3H64.992A3 3 0 0062 41v3z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M78 147h30v-26.008a1.996 1.996 0 00-1.992-1.992H79.992A1.996 1.996 0 0078 120.992V147zM93 120v26"
stroke={color}
strokeWidth={2}
/>
<G transform="translate(66 90)">
<Mask id="prefix__f" fill={color}>
<Use xlinkHref="#prefix__e" />
</Mask>
<G mask="url(#prefix__f)">
<Mask id="prefix__h" fill={color}>
<Use xlinkHref="#prefix__g" />
</Mask>
<Path
fill={color}
fillRule="nonzero"
mask="url(#prefix__h)"
d="M-4.645-4.883H61.45v21.14H-4.645z"
/>
</G>
</G>
<Path
d="M67 60c0-3.313 2.691-6 6-6 3.313 0 6 2.676 6 6v13.008c0 .547-.457.992-1.004.992h-9.992A1.006 1.006 0 0167 73.008V60zM87 60c0-3.313 2.691-6 6-6 3.313 0 6 2.676 6 6v13.008c0 .547-.457.992-1.004.992h-9.992A1.006 1.006 0 0187 73.008V60zM107 60c0-3.313 2.691-6 6-6 3.313 0 6 2.676 6 6v13.008c0 .547-.457.992-1.004.992h-9.992a1.006 1.006 0 01-1.004-.992V60z"
stroke={color}
strokeWidth={2}
/>
<Path
stroke={color}
strokeWidth={2}
strokeLinecap="round"
d="M47 147h92M82 163h12M73 155h10M93 155h20M98 133v2M88 133v2"
/>
<Path stroke={color} strokeWidth={2} d="M58 111h70" />
</G>
</Svg>
)
Example #8
| Source File: store.tsx From react-native-paper-onboarding with MIT License | 5 votes |
|
StoreSVG = ({ color = '#fff' }: SVGProps) => (
<Svg width={197} height={199} viewBox="0 0 197 199">
<Defs>
<Path
d="M94.09 10.797c-46.392 0-84 37.609-84 84 0 46.392 37.608 84 84 84s84-37.608 84-84c0-46.391-37.608-84-84-84zm0-10c51.915 0 94 42.086 94 94 0 24.4-9.296 46.629-24.54 63.337l-.026.027 31.385 31.383a4.999 4.999 0 11-7.071 7.071L156.4 165.18l-.047.042c-16.22 14.352-37.436 23.187-60.708 23.564l-1.555.013c-51.914 0-94-42.086-94-94 0-51.915 42.086-94 94-94z"
id="prefix__a"
/>
<Path
d="M4.947.116a8.21 8.21 0 011.663.19c.288.064.565.146.831.246s.502.217.707.352c.205.134.37.286.494.457.125.171.187.362.187.572a.808.808 0 01-.256.6.879.879 0 01-.6.234.86.86 0 01-.404-.095 9.526 9.526 0 00-.64-.3 4.839 4.839 0 00-.59-.205 4.068 4.068 0 00-.604-.117 5.892 5.892 0 00-.685-.037c-.235 0-.465.02-.692.062-.227.042-.43.108-.608.198-.178.09-.323.206-.432.348a.823.823 0 00-.165.52.82.82 0 00.234.593c.156.162.36.3.612.418.251.117.536.22.853.308.317.087.637.178.96.27.517.157.987.323 1.41.498.422.176.783.386 1.083.63.3.245.533.534.696.868.164.335.246.736.246 1.205 0 .513-.102.974-.304 1.384-.203.41-.495.76-.876 1.048-.38.288-.84.509-1.38.663-.54.153-1.146.23-1.82.23a8.927 8.927 0 01-2.066-.241 7.04 7.04 0 01-.923-.286 4.026 4.026 0 01-.754-.38 1.915 1.915 0 01-.505-.466.901.901 0 01-.183-.538c0-.122.025-.242.076-.36.052-.116.118-.223.198-.318.08-.095.171-.172.271-.23a.584.584 0 01.297-.088c.088 0 .173.014.256.044.083.029.167.064.253.106.085.041.173.086.264.135.09.05.186.093.289.132.337.152.715.288 1.135.41.42.122.86.183 1.318.183.25 0 .485-.023.707-.07.222-.046.418-.116.586-.212.169-.095.302-.218.4-.37a.992.992 0 00.146-.549 1.02 1.02 0 00-.33-.765 1.615 1.615 0 00-.359-.25 3.438 3.438 0 00-.432-.186l-.33-.117A3.164 3.164 0 015 6.778a2.516 2.516 0 00-.19-.063l-.382-.11a4.31 4.31 0 01-.212-.054 2.417 2.417 0 01-.293-.103 3.326 3.326 0 00-.154-.055l-.688-.242a8.018 8.018 0 01-1.143-.505 3.011 3.011 0 01-.776-.593c-.2-.22-.348-.47-.443-.751a3.045 3.045 0 01-.143-.978c0-.488.101-.93.304-1.325A2.87 2.87 0 011.75.988 4.228 4.228 0 013.127.343a6.737 6.737 0 011.82-.227zm22.185 0c.855 0 1.61.135 2.263.403a4.414 4.414 0 011.641 1.139c.44.49.772 1.078.996 1.761.225.684.337 1.44.337 2.27 0 .816-.11 1.566-.33 2.25a4.81 4.81 0 01-.988 1.761c-.44.49-.986.873-1.64 1.146-.655.274-1.414.41-2.279.41-.844 0-1.593-.132-2.245-.395a4.455 4.455 0 01-1.644-1.124 4.806 4.806 0 01-1.007-1.755c-.227-.683-.34-1.447-.34-2.292 0-.806.108-1.55.325-2.234a4.858 4.858 0 01.978-1.765A4.473 4.473 0 0124.833.534c.654-.279 1.42-.418 2.3-.418zm-8.357.242c.19 0 .368.037.531.11.164.073.308.174.433.304a1.467 1.467 0 01.4 1.014l-.001 7.786c0 .2-.036.387-.107.56-.07.173-.168.325-.292.454-.125.13-.269.23-.433.304-.163.073-.34.11-.53.11-.191 0-.368-.037-.532-.11a1.33 1.33 0 01-.428-.304 1.458 1.458 0 01-.396-1.014l-.007-3.025h-3.772v3.025c0 .2-.035.387-.106.56-.07.173-.169.325-.293.454-.125.13-.269.23-.432.304-.164.073-.34.11-.531.11-.19 0-.368-.037-.531-.11a1.33 1.33 0 01-.429-.304 1.458 1.458 0 01-.395-1.014V1.786a1.468 1.468 0 01.395-1.014c.122-.13.265-.231.429-.304.163-.074.34-.11.53-.11.191 0 .368.037.532.11.163.073.307.174.432.304.124.13.222.28.293.454.07.173.106.36.106.56V4.46h3.772V1.787c0-.2.037-.387.11-.56.073-.173.17-.325.293-.454.122-.13.265-.231.428-.304.164-.074.341-.11.531-.11zm19.776 0a8.77 8.77 0 011.622.146c.52.098.98.27 1.38.517.401.246.72.582.96 1.007.24.425.36.962.36 1.611 0 .562-.105 1.049-.312 1.461-.208.413-.5.756-.88 1.03a3.963 3.963 0 01-1.365.611 7.218 7.218 0 01-1.765.201h-1.678v2.63c0 .2-.036.387-.11.56a1.477 1.477 0 01-.296.454c-.124.13-.268.23-.432.304-.164.073-.34.11-.531.11-.19 0-.367-.037-.531-.11a1.33 1.33 0 01-.429-.304 1.46 1.46 0 01-.395-1.014v-7.2c0-.278.018-.54.055-.787a1.56 1.56 0 01.234-.641c.12-.18.296-.324.528-.429.231-.105.545-.157.94-.157h2.645zM27.132 2.013c-.41 0-.765.082-1.065.246a2 2 0 00-.744.714c-.195.312-.34.697-.436 1.153a7.706 7.706 0 00-.142 1.564c0 1.21.192 2.125.578 2.743.386.617.989.926 1.81.926.805 0 1.406-.307 1.801-.922.396-.616.593-1.531.593-2.747 0-.586-.047-1.107-.143-1.564-.095-.456-.24-.84-.435-1.153a2 2 0 00-.744-.714c-.3-.164-.658-.246-1.073-.246zm11.096-.007h-1.355v3.303h1.231c.313 0 .598-.027.857-.08.259-.054.48-.143.663-.268.183-.124.326-.29.428-.494.103-.205.154-.481.154-.828 0-.342-.049-.611-.146-.81a1.257 1.257 0 00-.407-.479 1.714 1.714 0 00-.622-.264 3.703 3.703 0 00-.803-.08z"
id="prefix__c"
/>
</Defs>
<G fill="none" fillRule="evenodd">
<G opacity={0.5}>
<Mask id="prefix__b" fill={color}>
<Use xlinkHref="#prefix__a" />
</Mask>
<Path
fill={color}
mask="url(#prefix__b)"
d="M-45.917 94.797L94.09-45.21l174.863 174.863L128.946 269.66z"
/>
</G>
<Path
d="M127.562 90h-75.57c-.54 0-.992.449-.992 1.002v5.068c0 3.267 2.659 5.93 5.939 5.93a5.943 5.943 0 005.866-5h.289a5.944 5.944 0 005.865 5 5.943 5.943 0 005.867-5h.288a5.944 5.944 0 005.866 5 5.943 5.943 0 005.866-5h.289a5.944 5.944 0 005.866 5c2.49 0 4.63-1.537 5.51-3.715A5.946 5.946 0 00104.02 102a5.943 5.943 0 005.866-5h.289a5.944 5.944 0 005.866 5 5.943 5.943 0 005.866-5h.288a5.944 5.944 0 005.866 5c3.273 0 5.939-2.655 5.939-5.93v-5.068c0-.546-.444-1.002-.992-1.002h-5.446z"
stroke={color}
strokeWidth={2}
strokeLinejoin="round"
/>
<Path
stroke={color}
strokeWidth={2}
d="M104.071 102v34M130.071 102v34M126.071 102v34M59.071 102v34M55.071 102v34"
/>
<Path
stroke={color}
strokeWidth={2}
strokeLinecap="round"
d="M48.071 137h92M83.071 153h12M74.071 145h10M94.071 145h20M108.071 122v2"
/>
<Path
d="M109.071 114.01c0-.558.456-1.01 1.003-1.01h9.995a1 1 0 011.002 1.01v1.98a1.01 1.01 0 01-1.002 1.01h-9.995a1 1 0 01-1.003-1.01v-1.98z"
stroke={color}
strokeWidth={2}
/>
<Path
stroke={color}
strokeWidth={2}
strokeLinejoin="round"
d="M111.071 113l3.965-5h0l3.964 5"
/>
<Path
stroke={color}
strokeWidth={2}
d="M60 125h44M51 90c0-.552.323-1.297.74-1.68L63.34 77.68c.409-.376 1.183-.68 1.742-.68h54.997c.553 0 1.333.309 1.733.68l11.457 10.64c.404.376.732 1.133.732 1.68h0-83 0zM110.071 71v7M75.071 71v7M65 55c0-2.21 1.799-4 4-4h47a4 4 0 014 4v13c0 2.21-1.799 4-4 4H69a4 4 0 01-4-4V55z"
/>
<G transform="translate(71 56)">
<Mask id="prefix__d" fill={color}>
<Use xlinkHref="#prefix__c" />
</Mask>
<Path
fill={color}
mask="url(#prefix__d)"
d="M-4.564-4.884h52.436v21.14H-4.564z"
/>
</G>
</G>
</Svg>
)
Example #9
| Source File: Australia.tsx From react-native-crypto-wallet-app with MIT License | 4 votes |
|
function SvgAustralia(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#australia_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="australia_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#australia_svg__a)">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
<Mask id="australia_svg__b" width={56} height={40} x={-8} y={0} maskUnits="userSpaceOnUse">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
</Mask>
<G mask="url(#australia_svg__b)">
<Path fill="#0A17A7" d="M-8 0h56v40H-8z" />
<Path
fill="#FF2E3B"
stroke="#fff"
strokeWidth={0.667}
d="M-8-.333h-.927l.715.59L1 7.87v2.24l-9.19 6.329-.143.1v2.05l.505-.305 10.587-6.38h2.47l9.163 6.31a.667.667 0 00.378.118h.303c.625 0 .907-.782.425-1.18L7 10.129v-2.24l9.045-6.23a.666.666 0 00.288-.548V-.59l-.505.305L5.24 6.095H2.77l-9.249-6.37-.085-.058H-8z"
/>
<Path
fill="url(#australia_svg__paint0_linear)"
fillRule="evenodd"
d="M-8 7v5.6h9.21v7.733c0 .369.299.667.667.667h3.93a.667.667 0 00.667-.667V12.6h9.86a.667.667 0 00.666-.667V7.667A.667.667 0 0016.333 7h-9.86V0H1.212v7H-8z"
clipRule="evenodd"
/>
<Path
fill="url(#australia_svg__paint1_linear)"
fillRule="evenodd"
d="M-8 7.714H2.667V0h2.666v7.714H16v2.572H5.333V18H2.667v-7.714H-8V7.714z"
clipRule="evenodd"
/>
<Path
fill="#fff"
fillRule="evenodd"
d="M3.5 32.804L1.337 34l.413-2.533L0 29.674l2.418-.37L3.5 27l1.082 2.304 2.418.37-1.75 1.793L5.663 34 3.5 32.804zM32 35.414L30 36l.586-2L30 32l2 .586L34 32l-.586 2L34 36l-2-.586zM32 9.414L30 10l.586-2L30 6l2 .586L34 6l-.586 2L34 10l-2-.586zM40 17.414L38 18l.586-2L38 14l2 .586L42 14l-.586 2L42 18l-2-.586zM24 19.414L22 20l.586-2L22 16l2 .586L26 16l-.586 2L26 20l-2-.586zM36 23.707L35 24l.293-1L35 22l1 .293L37 22l-.293 1L37 24l-1-.293z"
clipRule="evenodd"
/>
</G>
</G>
<Defs>
<LinearGradient
id="australia_svg__paint0_linear"
x1={-8}
x2={-8}
y1={0}
y2={21}
gradientUnits="userSpaceOnUse"
>
<Stop stopColor="#fff" />
<Stop offset={1} stopColor="#F0F0F0" />
</LinearGradient>
<LinearGradient
id="australia_svg__paint1_linear"
x1={-8}
x2={-8}
y1={0}
y2={18}
gradientUnits="userSpaceOnUse"
>
<Stop stopColor="#FF2E3B" />
<Stop offset={1} stopColor="#FC0D1B" />
</LinearGradient>
<Pattern
id="australia_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#australia_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #10
| Source File: UnitedStates.tsx From react-native-crypto-wallet-app with MIT License | 4 votes |
|
/* SVGR has dropped some elements not supported by react-native-svg: filter */
function SvgUnitedstates(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 40 40"
width="24"
height="24"
{...props}
>
<Path
fill="url(#united_states_svg__pattern0)"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
<Mask id="united_states_svg__a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse">
<Path
fill="#fff"
fillRule="evenodd"
d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z"
clipRule="evenodd"
/>
</Mask>
<G mask="url(#united_states_svg__a)">
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
<Mask
id="united_states_svg__b"
width={56}
height={40}
x={-8}
y={0}
maskUnits="userSpaceOnUse"
>
<Rect width={56} height={40} x={-8} fill="#fff" rx={2} />
</Mask>
<G mask="url(#united_states_svg__b)">
<Path
fill="#D02F44"
fillRule="evenodd"
d="M48 0H-8v2.667h56V0zm0 5.333H-8V8h56V5.333zm-56 5.334h56v2.666H-8v-2.666zM48 16H-8v2.667h56V16zm-56 5.333h56V24H-8v-2.667zm56 5.334H-8v2.666h56v-2.666zM-8 32h56v2.667H-8V32zm56 5.333H-8V40h56v-2.667z"
clipRule="evenodd"
/>
<Path fill="#46467F" d="M-8 0h24v19H-8z" />
<G filter="url(#united_states_svg__filter0_d)">
<Path
fill="url(#united_states_svg__paint0_linear)"
fillRule="evenodd"
d="M-2.286 4.3c0 .718-.607 1.3-1.357 1.3S-5 5.018-5 4.3c0-.718.608-1.3 1.357-1.3.75 0 1.357.582 1.357 1.3zm5.429 0c0 .718-.608 1.3-1.357 1.3-.75 0-1.357-.582-1.357-1.3 0-.718.607-1.3 1.357-1.3s1.357.582 1.357 1.3zm4.071 1.3c.75 0 1.357-.582 1.357-1.3 0-.718-.607-1.3-1.357-1.3s-1.357.582-1.357 1.3c0 .718.608 1.3 1.357 1.3zM14 4.3c0 .718-.608 1.3-1.357 1.3-.75 0-1.357-.582-1.357-1.3 0-.718.607-1.3 1.357-1.3S14 3.582 14 4.3zM-.929 8.2C-.179 8.2.43 7.618.43 6.9c0-.718-.608-1.3-1.358-1.3-.75 0-1.357.582-1.357 1.3 0 .718.608 1.3 1.357 1.3zm6.786-1.3c0 .718-.607 1.3-1.357 1.3s-1.357-.582-1.357-1.3c0-.718.607-1.3 1.357-1.3s1.357.582 1.357 1.3zM9.93 8.2c.75 0 1.357-.582 1.357-1.3 0-.718-.608-1.3-1.357-1.3-.75 0-1.358.582-1.358 1.3 0 .718.608 1.3 1.358 1.3zM14 9.5c0 .718-.608 1.3-1.357 1.3-.75 0-1.357-.582-1.357-1.3 0-.718.607-1.3 1.357-1.3S14 8.782 14 9.5zm-6.786 1.3c.75 0 1.357-.582 1.357-1.3 0-.718-.607-1.3-1.357-1.3s-1.357.582-1.357 1.3c0 .718.608 1.3 1.357 1.3zM3.143 9.5c0 .718-.608 1.3-1.357 1.3-.75 0-1.357-.582-1.357-1.3 0-.718.607-1.3 1.357-1.3s1.357.582 1.357 1.3zm-6.786 1.3c.75 0 1.357-.582 1.357-1.3 0-.718-.607-1.3-1.357-1.3S-5 8.782-5 9.5c0 .718.608 1.3 1.357 1.3zM.43 12.1c0 .718-.608 1.3-1.358 1.3-.75 0-1.357-.582-1.357-1.3 0-.718.608-1.3 1.357-1.3.75 0 1.358.582 1.358 1.3zM4.5 13.4c.75 0 1.357-.582 1.357-1.3 0-.718-.607-1.3-1.357-1.3s-1.357.582-1.357 1.3c0 .718.607 1.3 1.357 1.3zm6.786-1.3c0 .718-.608 1.3-1.357 1.3-.75 0-1.358-.582-1.358-1.3 0-.718.608-1.3 1.358-1.3.75 0 1.357.582 1.357 1.3zm1.357 3.9c.75 0 1.357-.582 1.357-1.3 0-.718-.608-1.3-1.357-1.3-.75 0-1.357.582-1.357 1.3 0 .718.607 1.3 1.357 1.3zM8.57 14.7c0 .718-.607 1.3-1.357 1.3s-1.357-.582-1.357-1.3c0-.718.608-1.3 1.357-1.3.75 0 1.357.582 1.357 1.3zM1.786 16c.75 0 1.357-.582 1.357-1.3 0-.718-.608-1.3-1.357-1.3-.75 0-1.357.582-1.357 1.3 0 .718.607 1.3 1.357 1.3zm-4.072-1.3c0 .718-.607 1.3-1.357 1.3S-5 15.418-5 14.7c0-.718.608-1.3 1.357-1.3.75 0 1.357.582 1.357 1.3z"
clipRule="evenodd"
/>
</G>
</G>
</G>
<Defs>
<LinearGradient
id="united_states_svg__paint0_linear"
x1={-5}
x2={-5}
y1={3}
y2={16}
gradientUnits="userSpaceOnUse"
>
<Stop stopColor="#fff" />
<Stop offset={1} stopColor="#F0F0F0" />
</LinearGradient>
<Pattern
id="united_states_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.0039)" xlinkHref="#united_states_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #11
| Source File: Social.tsx From react-native-crypto-wallet-app with MIT License | 4 votes |
|
function SvgSocial(props: SvgProps) {
return (
<Svg
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
fill="none"
viewBox="0 0 254 256"
{...props}
>
<Path
fill="#E0E9F8"
d="M126.533 255.074c69.883 0 126.534-4.434 126.534-9.904 0-5.469-56.651-9.903-126.534-9.903C56.651 235.267 0 239.701 0 245.17c0 5.47 56.65 9.904 126.533 9.904z"
/>
<Path
fill="#FA968C"
d="M190.115 221.254s-2.063 5.135-2.476 5.982c-.34.699-1.012 1.143-1.651 1.587-.204.142-.418.476-.6.758-.145.226-.152.503-.06.756 1.62 4.416 6.567 6.191 6.682 5.86.209-.598-.524-1.802-1.561-2.404-1.044-.606-1.646-1.761-1.692-2.968a5.593 5.593 0 01.615-2.766l2.016-3.824-1.273-2.981zM197.229 227.683l1.234 5.485a7.193 7.193 0 01-.667 4.955v.001a1.572 1.572 0 00.856 2.223c2.929 1.045 8.608 3.032 8.861 2.817 1.29-1.094-2.122-2.897-4.643-4.793-1.701-1.278-2.351-7.235-2.502-11.804l-2.705.681a.626.626 0 00-.434.435z"
/>
<Path
fill="#0E538C"
d="M202.418 240.154c1.212.399 2.541.528 3.76.679.14.017.273.071.385.157 1.168.906 1.758 1.817 1.074 2.397-.276.234-6.948-2.129-9.55-3.063a.943.943 0 01-.509-1.337l.495-.928c1.36.866 2.809 1.589 4.345 2.095zM199.531 166.621c-3.226.44-5.974 4.158-5.407 8.31.326 2.386 2.546 10.926 4.988 17.677.937 2.59.554 5.528-1.201 7.651a6.765 6.765 0 00-.732 1.068c-1.018 1.874-4.936 12.948-7.236 20.337.183.968.76 2.194 1.484 2.621 4.047-6.275 10.627-17.729 11.71-19.723.602-1.108 1.259-2.388 1.738-3.591 2.62-3.468 2.113-22.842 1.587-26.694-.566-4.151-3.705-8.096-6.931-7.656zM200.409 134.892s2.794 1.758 2.454 4.127c0 0 1.493-1.057 1.83-4.696.235-2.523-4.284.569-4.284.569z"
/>
<Path
fill="#EFA8A0"
d="M206.08 149.326c-.054 1.553.074 3.083.622 4.283.532 1.195 1.485 2.068 2.882 2.482 1.383.428 3.043.377 4.67.081 1.635-.309 3.27-.863 4.842-1.586l.006-.003a.584.584 0 01.58 1.007c-1.486 1.047-3.103 1.951-4.879 2.583-1.769.631-3.723 1.011-5.816.718a7.415 7.415 0 01-3.06-1.147 7.688 7.688 0 01-2.339-2.432c-1.156-1.932-1.479-4.025-1.57-5.986a2.034 2.034 0 114.064-.029l-.002.029z"
/>
<Path
fill="#FDB32A"
d="M203.537 161.601c1.118-3.369 3.366-10.502 3.174-12.834a2.875 2.875 0 00-2.87-2.638h-9.725a2.976 2.976 0 00-2.978 2.89c-.082 2.817 1.215 9.227 1.946 12.582h10.453z"
/>
<Path
fill="#0E538C"
d="M200.308 227.752a.503.503 0 00.233-.446c-.206-7.152-.64-16.269-.798-18.016-.018-.2-.042-.397-.071-.591 1.532-8.455 1.764-26.632 1.917-29.815.2-4.186-2.321-8.908-5.573-9.063-3.252-.156-6.781 3.21-7.825 7.045-.689 2.531 1.975 15.997 4.862 25.757.608 2.054.703 4.215.397 6.336-.211 1.466-.275 2.977-.171 4.133.155 1.719 2.081 8.721 3.887 14.716.052.173.191.31.368.349.935.206 1.91.121 2.774-.405z"
/>
<Path
fill="#FDB32A"
d="M191.971 165.872a9.226 9.226 0 00.443-4.408c-.49-3.447-1.347-9.939-1.269-12.695a2.719 2.719 0 012.723-2.639h1.442c.549 1.273 1.713 2.258 3.523 2.258 1.806 0 2.97-.984 3.52-2.258h1.354c-1.471 3.15-.942 7.306 1.589 9.731a81.503 81.503 0 00-1.162 4.693 9.17 9.17 0 00.5 5.487c1.243 2.983 2.228 7.766 1.934 9.662-10.229 2.899-17.303-2.232-17.303-2.232l2.706-7.599z"
/>
<Path fill="#FAB9AF" d="M200.409 146.799l-4.411-.464 1.396-4.827 2.853.353.162 4.938z" />
<Path
fill="#FA968C"
d="M200.247 141.861l-2.853-.353-.436 1.507c.638.72 1.46 2.276 2.497 2.276.33 0 .63-.093.9-.264l-.108-3.166z"
/>
<Path
fill="#FAB9AF"
d="M200.345 144.195c-.968 0-2.016-.485-3.46-1.746-.829-.724-1.443-1.986-1.443-2.84v-4.717h7.263s.545 2.505.016 4.99c-.396 1.865-1.614 4.313-2.376 4.313z"
/>
<Path
fill="#FAB9AF"
d="M196.674 138.717c0 .921-.44 1.667-.983 1.667-.544 0-1.143-1.206-1.143-2.127 0-.921.599-1.206 1.143-1.206.542 0 .983.746.983 1.666z"
/>
<Path
fill="#0E538C"
d="M194.547 135.464a2.666 2.666 0 012.667-2.667l2.452.001a4.01 4.01 0 001.977-.521c.864-.491 1.958-.327 2.548.473.638.865.913 2.024-.704 3.097-.804.533-1.979-.058-2.762.198-.048-.001-.091-.01-.142-.01h-2.16c-.751 0-1.325.614-1.348 1.365a.88.88 0 01-.881.855h-.095l-.346-1.109-1.207 1.627v-3.309h.001z"
/>
<Path
fill="#0E538C"
d="M202.164 134.81c-.243 1.077.116 1.667-3.417 3.349-3.532 1.682-4.65.963-5.753 2.774 0 0 .482-3 2.433-4.03 1.951-1.029 5.335-1.702 6.42-4.086 0 0 .483 1.256.317 1.993z"
/>
<Path
fill="#0E538C"
d="M201.485 135.01s.134 3.631 3.306 5.374c0 0-1.398-2.744-1.302-4.538.094-1.794-2.214-2.076-2.004-.836zM184.16 231.596a.646.646 0 01-.008-.842c.168-.2.616-.748.953-1.159a.31.31 0 01.521.071c1.128 2.358 3.011 4.198 5.466 4.535.796.538 1.304 1.755 1.139 2.228-.039.111-1.128.127-2.274-.529-5.086-2.912-5.797-4.304-5.797-4.304z"
/>
<Path
fill="#FAB9AF"
d="M195.062 147.747l-.009.301c-.001.122 0 .245.004.373.004.252.018.509.041.765.046.513.133 1.021.242 1.518.231.987.583 1.933 1.115 2.742a7.276 7.276 0 002 2.099c.816.571 1.779.981 2.809 1.299 1.029.329 2.157.453 3.29.554 1.144.049 2.31.054 3.488-.034 2.355-.167 4.732-.587 7.108-1.088l.008-.002a.582.582 0 01.343 1.109c-2.288.948-4.66 1.742-7.145 2.255-2.478.528-5.096.74-7.796.288a12.113 12.113 0 01-3.96-1.41 10.659 10.659 0 01-3.273-2.911c-.876-1.193-1.462-2.546-1.857-3.915a14.517 14.517 0 01-.476-3.15 9.778 9.778 0 01-.006-.543c.004-.196.006-.346.027-.614a2.03 2.03 0 014.051.212l-.004.152z"
/>
<Path
fill="#0E538C"
d="M218.751 156.854h-2.441a.984.984 0 01-.984-.983v-5.561c0-.543.441-.984.984-.984h2.441c.543 0 .984.441.984.984v5.561a.984.984 0 01-.984.983z"
/>
<Path fill="#F7F7F7" d="M216.132 151.057a.364.364 0 100-.729.364.364 0 000 .729z" />
<Path
fill="#FCD434"
d="M226.146 114.805c-3.51 1.481-7.082 6.499-3.477 13.654 3.605 7.156 16.244 2.657 16.77-2.611.674-6.735-4.295-14.841-13.293-11.043z"
/>
<Path
fill="#FDBD1A"
d="M225.429 124.968c-2.205-6.401 2.089-10.287 2.105-10.301-.42.126-.85.277-1.289.455-3.579 1.455-7.223 6.381-3.546 13.405 2.044 3.904 6.935 4.274 10.968 2.944-.001 0-6.03-.09-8.238-6.503z"
/>
<Path
fill="#F7F7F7"
d="M223.964 117.957s1.407-2.276 5.099-3.051c3.693-.775 3.561.533 1.49 1.096-2.071.563-8.311 4.567-6.589 1.955z"
opacity={0.4}
/>
<Path
fill="#F24D54"
d="M227.312 122.167s1.62-6.035-.851-7.241c-2.47-1.205-3.056 2.176-3.056 2.176s-3.002.376-3.071 2.607c-.069 2.231 6.978 2.458 6.978 2.458zM233.76 119.667s-3.887-2.965-3.381-4.82c.505-1.856 2.441-2.479 3.717-1.099 1.848-1.45 4.082-.505 3.693 1.416-.389 1.921-4.029 4.503-4.029 4.503z"
/>
<Path
fill="#782D10"
d="M228.667 126.85c-.034.357 1.615 1.912 4.392.688 2.778-1.224 2.348-3.35 2.07-3.675-.279-.324-2.258 2.089-3.663 2.373-1.406.283-2.739-.008-2.799.614z"
/>
<Path
fill="#F24D54"
d="M232.833 127.167s.836-1.925 2.5-1.638c-.593 1.058-2.105 1.509-2.5 1.638z"
/>
<Path
fill="#FAB9AF"
d="M54.012 234.971l.012 3.426a7.485 7.485 0 01-.281 2.063l-.298 1.055a1.354 1.354 0 001.307 1.723c2.334-.008 6.323-.002 7.35 0 .169 0 .334-.114.348-.281.087-1.001-2.803-1.671-4.98-2.513-1.657-.642-1.569-3.622-1.364-5.362a1.048 1.048 0 00-1.131-1.162 1.05 1.05 0 00-.963 1.051zM37.97 234.009l-1.18 3.921c-.052.173-.13.337-.231.488l-.837 1.243a1.415 1.415 0 00.76 2.144s1.689.594 3.428 1.166c1.78.585 4.02.096 4.02-.374 0-1.044-.973-.216-2.603-1.306a27.014 27.014 0 01-1.614-1.142c-1.403-1.102-.178-3.891.682-5.462a.963.963 0 00-.649-1.4l-.407-.086a1.171 1.171 0 00-1.368.808z"
/>
<Path
fill="#0E538C"
d="M50.031 188.157l12.935-1.085s1.302 9.414-1.967 26.455c-1.533 7.992-4.727 23.263-4.727 23.263-.792.346-1.597.433-2.417.229 0 0-.243-6.736-.391-13.991-.142-6.957-.18-14.391-.624-16.823-.906-4.969-2.809-18.048-2.809-18.048z"
/>
<Path
fill="#0E538C"
d="M52.701 188.322c1.335 7.167 4.319 17.883-1.428 27.951-5.746 10.068-11.781 20.535-11.781 20.535-.778.032-1.483-.25-2.139-.748 0 0 1.008-4.564 2.464-9.893 1.666-6.097 3.777-13.268 3.175-17.008-1.127-7.007-2.421-16.34-2.029-20.872.393-4.532 11.036-3.734 11.738.035z"
/>
<Path
fill="#FAB9AF"
d="M59.566 159.662s1.774-.848 2.553-1.292c.78-.443 2.782-1.053 2.944-1.197.161-.145 5.938-.501 6.289-.802.35-.302.69.707-.807 1.036-1.497.327-3.58 1.13-3.694 1.715-.114.586 1.537.724 1.705 1.205.167.482-.047.375-.283.478-.237.103-1.965-.854-2.725-.582s-1.921-.104-2.504.095c-.582.199-3.413 1.152-3.413 1.152l-.065-1.808z"
/>
<Path
fill="#F7F7F7"
d="M62.768 160.915l.914-.338s-1.14-2.675-1.637-2.61c-.573.075-1.288.264-1.288.264l2.01 2.684z"
/>
<Path
fill="#DA9B5B"
d="M62.977 161.377c-.118-.087-1.943-3.59-1.943-3.59l-3.901.529 2.108 4.149 3.736-1.088z"
/>
<Path
fill="#FAB9AF"
d="M73.101 166.545s1.49-1.341 2.211-1.903c.722-.561 2.075-2.212 2.275-2.307.199-.097 2.784-5.402 3.206-5.614.42-.212-.4-.927-1.292.356-.892 1.284-2.458 2.935-3.054 2.814-.596-.12-.083-1.731-.472-2.075-.39-.347-.37-.103-.56.08-.19.184.04 2.184-.513 2.795-.552.609-.65 1.851-1.064 2.321-.415.471-2.416 2.77-2.416 2.77l1.679.763zM49.337 133.44s4.473-1.671 6.535 1.735c2.062 3.404 1.864 10.219-.391 11.058-2.254.837-5.64.399-6.795-1.731-1.154-2.13-2.197-5.209-2.146-7.268.05-2.058 1.623-3.2 2.797-3.794z"
/>
<Path
fill="#FAB9AF"
d="M54.996 146.389s-.361 3.21-.054 3.806c.307.594-5.583 0-5.583 0s-.532-4.629-1.47-7.364c-.94-2.732 7.107 3.558 7.107 3.558z"
/>
<Path
fill="#0E538C"
d="M47.888 142.832s.217 3.446 1.936 3.176c1.719-.27 4.021-5.307 4.739-5.558.718-.252.724-.673.724-.673l.45.656.762.049s-.695-2.046.354-2.881c1.049-.833-1.09-6.623-6.602-4.696 0 0-4.235 1.168-4.081 3.576.154 2.409.77 5.152 1.718 6.351z"
/>
<Path
fill="#F7F7F7"
d="M55.64 150.911s-.018-1.136-.534-1.246c-.515-.108-5.687-.606-6.319-.357v1.324s1.219.75 6.854.279z"
/>
<Path
fill="#EEA886"
d="M55.173 138.901c-.096-.404-1.123-1.558-1.517-.322-.393 1.236.595 2.898 1.146 2.755.55-.141.616-1.408.371-2.433z"
/>
<Path
fill="#347AF0"
d="M40.18 193.354s2.742.808 7.42 1.324c4.677.515 16.363-.186 16.437-.739.074-.553-2.513-20.577-2.366-21.608.147-1.031.225-4.706.225-4.706.059 1.007 1.084 5.12 2.322 7.361.447.81 1.948 3.348 2.671 2.771 3.501-2.795 8.922-13.329 9.267-13.418-.29-.126-2.57-1.175-2.89-1.281-.28-.094-2.806 2.58-4.337 4.237-.682.739-1.166 1.276-1.166 1.276-.443-.994-2.052-7.258-2.552-9.426-1.128-4.889-.955-5.092-.955-5.092-3.422-1.035-8.616-3.142-8.616-3.142l-6.853-.279s-6.29 1.385-8.767 2.503c-.235.107-.236 5.612-.88 7.055l2.053 4.333s1.187 8.583 1.433 12.4c.113 1.752-2.447 16.431-2.447 16.431z"
/>
<Path
fill="#347AF0"
d="M38.855 167.338c.179.578.992 1.065 1.519 1.279.338.137.716.181 1.097.11l.269-.049v-.001l4.697-.872s1.027-11.834-6.417-14.67c-.196.065-2.809 8.904-1.165 14.203z"
/>
<Path
fill="#0E538C"
d="M48.064 133.842s-5.628.571-.1 9.114l.1-9.114zM53.445 241.514s4.03-.137 4.98-.723c0 0 3.217.566 4.028 1.25.81.684.918 1.908-1.566 1.908s-7.442-.359-7.442-.359-.961-1.235 0-2.076zM36.368 238.405s2.269.971 3.061.648c0 0 .36 1.89 2.952 2.412 2.593.523 2.179 1.927.703 2.088-1.477.162-6.697-.521-7.525-1.62-.83-1.098-.235-3.078.81-3.528zM82.525 153.435v.341l-4.4 5.392-2.386 1.809-3.474-1.881-.073-.205 10.334-5.456z"
/>
<Path
fill="#0E538C"
d="M78.4 158.453l4.125-5.018-4.896-2.161-5.437 7.617 4.213 2.249 1.995-2.687z"
/>
<Path
fill="#F7F7F7"
d="M77.782 151.778l4.024 1.738-4.447 5.805-3.888-1.71 4.311-5.833zM75.023 159.825a.572.572 0 100-1.143.572.572 0 000 1.143z"
/>
<Path
fill="#2A94F4"
d="M78.837 153.499l-1.203-.586a.301.301 0 11.264-.542l1.203.585a.302.302 0 11-.264.543zM77.145 155.786l-1.203-.586a.302.302 0 01.264-.543l1.203.586a.302.302 0 01-.264.543zM76.634 156.532l-1.203-.585a.302.302 0 01.264-.543l1.203.586a.302.302 0 01-.264.542zM79.809 154.94l-1.203-.586a.302.302 0 01.264-.543l1.203.586a.302.302 0 01-.264.543zM79.242 155.704l-1.203-.585a.302.302 0 01.264-.543l1.203.586a.302.302 0 01-.264.542zM77.457 158.018l-1.203-.586a.302.302 0 01.264-.543l1.203.586a.302.302 0 01-.264.543z"
/>
<Path
fill="#fff"
d="M77.994 88.427l-.66-1.894-.661 1.894c-.557 1.596-1.881 2.944-3.673 3.74 1.792.796 3.115 2.143 3.673 3.739l.66 1.894.661-1.894c.557-1.597 1.88-2.944 3.673-3.74-1.792-.795-3.115-2.143-3.673-3.74z"
/>
<Path
fill="#C5D6F1"
d="M122.833 97.8c18.907 0 34.234-15.327 34.234-34.233 0-18.907-15.327-34.234-34.234-34.234-18.906 0-34.233 15.327-34.233 34.234 0 18.906 15.327 34.233 34.233 34.233z"
/>
<Path
fill="#fff"
d="M145.624 28.059L144.5 25l-1.124 3.059c-.947 2.579-3.196 4.755-6.243 6.041 3.047 1.286 5.296 3.462 6.243 6.041L144.5 43.2l1.124-3.059c.947-2.579 3.196-4.755 6.243-6.041-3.047-1.287-5.296-3.463-6.243-6.041zM87.16 42.206l-.727-2.04-.727 2.04c-.612 1.72-2.068 3.17-4.04 4.027 1.972.858 3.428 2.309 4.04 4.028l.727 2.039.727-2.04c.613-1.718 2.069-3.17 4.04-4.027-1.971-.857-3.427-2.308-4.04-4.027z"
/>
<Path
fill="#fff"
fillRule="evenodd"
d="M35.527 65.927c6.849 0 12.4-5.551 12.4-12.4 0-6.848-5.551-12.4-12.4-12.4-6.848 0-12.4 5.552-12.4 12.4 0 6.849 5.552 12.4 12.4 12.4z"
clipRule="evenodd"
/>
<Path
fill="#C5D6F1"
fillRule="evenodd"
d="M24.072 53.463c0-6.28 5.11-11.391 11.391-11.391 6.282 0 11.392 5.11 11.392 11.391 0 6.282-5.11 11.392-11.392 11.392-6.281 0-11.391-5.11-11.391-11.392zm11.425 13.463a13.399 13.399 0 006.184-1.522 13.52 13.52 0 006.824-8.585c.275-1.073.422-2.197.422-3.356 0-.917-.093-1.812-.267-2.678C47.418 44.633 41.982 40 35.463 40 28.028 40 22 46.028 22 53.463c0 4.464 2.174 8.419 5.518 10.868a13.403 13.403 0 007.945 2.596l.034-.001z"
clipRule="evenodd"
/>
<Path
fill="#E0E9F8"
fillRule="evenodd"
d="M30.28 48.57a2.295 2.295 0 013.126.063c.716.705.864 1.764.449 2.618l.62.62a2.806 2.806 0 002.316.8l.87-.104a2.276 2.276 0 011.97-1.781 2.295 2.295 0 012.498 1.883 2.277 2.277 0 01-4.291 1.373l-.122.014a2.804 2.804 0 00-2.41 2.205 2.275 2.275 0 01-1.746 4.152 2.295 2.295 0 01-1.655-2.655 2.275 2.275 0 011.95-1.805l.14-.661a2.803 2.803 0 00-.762-2.563l-.428-.428a2.276 2.276 0 01-2.526-3.73zm16.575 4.894c0-6.282-5.11-11.392-11.391-11.392-6.282 0-11.392 5.11-11.392 11.392 0 6.28 5.11 11.391 11.392 11.391 6.281 0 11.391-5.11 11.391-11.391z"
clipRule="evenodd"
/>
<Path
fill="#E0E9F8"
d="M122.833 92.6C106.824 92.6 93.8 79.576 93.8 63.567c0-16.01 13.024-29.034 29.033-29.034s29.034 13.025 29.034 29.034S138.842 92.6 122.833 92.6z"
/>
<Path
fill="#fff"
fillRule="evenodd"
d="M129.5 62.115c2.141-.738 3.501-2.911 3.501-5.6 0-3.753-2.602-6.23-6.76-6.496v-3.352h-4.174v3.328h-1.916v-3.328h-4.174v3.328h-3.11v5.269h2.976v15.285h-2.976v5.266h3.11V79.6h4.174v-3.784h1.916V79.6h4.174v-3.791c4.549-.146 7.426-2.875 7.426-7.174-.001-3.316-1.592-5.857-4.167-6.52zm-8.392-6.851h4.081c.392 0 .746.064 1.052.19.828.338 1.32 1.112 1.32 2.24 0 1.181-.492 2.01-1.32 2.373-.306.133-.66.205-1.052.205h-4.081v-5.008zm4.081 15.322c.381 0 .733-.044 1.052-.128 1.227-.328 1.957-1.268 1.957-2.672 0-1.288-.73-2.203-1.957-2.524a4.116 4.116 0 00-1.052-.128h-4.081v5.415l4.081.037z"
clipRule="evenodd"
/>
<Path
stroke="#C5D6F1"
strokeDasharray={4.8}
strokeWidth={0.8}
d="M52.111 129.067s-2.073-43 34.556-58.067M202.952 127.305s1.781-46.282-46.752-62.924"
/>
<Path
fill="#fff"
fillRule="evenodd"
d="M216.378 79.794c5.483 1.47 11.119-1.784 12.588-7.267 1.469-5.483-1.785-11.119-7.268-12.588-5.483-1.47-11.118 1.785-12.588 7.268-1.469 5.483 1.785 11.118 7.268 12.588z"
clipRule="evenodd"
/>
<Path
fill="#C5D6F1"
fillRule="evenodd"
d="M228.099 72.375c-1.33 4.966-6.453 7.923-11.418 6.593-4.966-1.33-7.924-6.453-6.594-11.42 1.331-4.965 6.454-7.922 11.42-6.592 4.965 1.33 7.923 6.453 6.592 11.419zm-6.153-13.056c-5.879-1.576-11.921 1.913-13.496 7.791-1.575 5.879 1.913 11.92 7.792 13.496.091.025.183.044.274.066.693.167 1.386.265 2.072.297 2.578.12 5.066-.675 7.069-2.159a10.97 10.97 0 004.08-5.996c.67-2.5.421-5.03-.535-7.232a11 11 0 00-7.256-6.263z"
clipRule="evenodd"
/>
<Path
fill="#E0E9F8"
fillRule="evenodd"
d="M218.811 71.017l-2.863-2.413 4.685-4.389 1.864 6.144-3.686.658zm-1.257 4.692l-1.864-6.144 2.7 3.02 3.849-1.265-4.685 4.389zm3.953-14.753c-4.966-1.33-10.089 1.627-11.419 6.593-1.331 4.966 1.627 10.088 6.592 11.419 4.966 1.33 10.089-1.627 11.419-6.593 1.331-4.966-1.627-10.089-6.592-11.419z"
clipRule="evenodd"
/>
<Path
fill="#C5D6F1"
fillRule="evenodd"
d="M184.072 6.55c4.7 0 8.523 3.823 8.523 8.523 0 4.699-3.823 8.522-8.523 8.522-4.699 0-8.522-3.823-8.522-8.522 0-4.7 3.823-8.523 8.522-8.523zm0 18.595c5.563 0 10.073-4.51 10.073-10.072 0-2.69-1.055-5.13-2.772-6.936A10.041 10.041 0 00184.072 5c-5.552 0-10.054 4.492-10.071 10.04l-.001.033c0 5.562 4.51 10.072 10.072 10.072z"
clipRule="evenodd"
/>
<Path
fill="#E0E9F8"
fillRule="evenodd"
d="M184.934 14.169c.24-.107.382-.351.382-.7 0-.332-.142-.56-.382-.66a.79.79 0 00-.305-.055h-1.182v1.475h1.182a.75.75 0 00.305-.06zM184.934 17.23c.355-.096.567-.373.567-.787 0-.38-.212-.649-.567-.743a1.172 1.172 0 00-.305-.038h-1.182v1.595l1.182.011c.111 0 .213-.012.305-.037z"
clipRule="evenodd"
/>
<Path
fill="#E0E9F8"
fillRule="evenodd"
d="M183.17 10.22v.98h.555v-.98h1.209v.988c1.205.079 1.958.808 1.958 1.914 0 .792-.394 1.433-1.014 1.65.746.196 1.207.944 1.207 1.921 0 1.267-.833 2.072-2.151 2.114v1.118h-1.209v-1.116h-.555v1.116h-1.209v-1.116h-.901v-1.552h.862v-4.504h-.862v-1.552h.901v-.98h1.209zm-7.62 4.852c0 4.7 3.823 8.523 8.522 8.523 4.7 0 8.523-3.823 8.523-8.522 0-4.7-3.823-8.523-8.523-8.523-4.699 0-8.522 3.823-8.522 8.523z"
clipRule="evenodd"
/>
<Path
fill="#fff"
fillRule="evenodd"
d="M183.447 15.662h1.182c.111 0 .213.013.305.038.356.094.567.364.567.743 0 .414-.211.691-.567.788a1.172 1.172 0 01-.305.037l-1.182-.01v-1.596zm0-2.909h1.182a.79.79 0 01.305.056c.24.1.382.328.382.66 0 .349-.142.593-.382.7a.751.751 0 01-.305.06h-1.182v-1.476zm-1.486-1.552h-.901v1.552h.862v4.505h-.862v1.551h.901v1.116h1.209v-1.116h.555v1.116h1.209v-1.118c1.318-.043 2.151-.847 2.151-2.113 0-.978-.461-1.726-1.207-1.922.62-.217 1.014-.858 1.014-1.65 0-1.106-.754-1.835-1.958-1.914v-.988h-1.209v.98h-.555v-.98h-1.209v.98z"
clipRule="evenodd"
/>
<Path
fill="#fff"
d="M152.895 81.202L152.3 79.6l-.595 1.602c-.501 1.351-1.692 2.491-3.305 3.165 1.613.673 2.804 1.813 3.305 3.164l.595 1.602.595-1.602c.501-1.35 1.692-2.49 3.305-3.164-1.613-.674-2.804-1.814-3.305-3.165zM19.495 30.602L18.9 29l-.595 1.602c-.501 1.351-1.692 2.491-3.305 3.165 1.613.673 2.804 1.813 3.305 3.164l.595 1.602.595-1.602c.501-1.35 1.692-2.49 3.305-3.164-1.613-.674-2.804-1.814-3.305-3.165zM49.495 55.602L48.9 54l-.595 1.602c-.501 1.351-1.692 2.491-3.305 3.165 1.613.673 2.804 1.813 3.305 3.164l.595 1.602.595-1.602c.501-1.35 1.692-2.49 3.305-3.164-1.613-.674-2.804-1.814-3.305-3.165zM199.495 1.602L198.9 0l-.595 1.602c-.501 1.351-1.692 2.491-3.305 3.165 1.613.673 2.804 1.813 3.305 3.164l.595 1.602.595-1.602c.501-1.35 1.692-2.49 3.305-3.164-1.613-.674-2.804-1.814-3.305-3.165zM209.458 74.233L209 73l-.458 1.233c-.385 1.038-1.301 1.915-2.542 2.434 1.241.518 2.157 1.395 2.542 2.434l.458 1.232.458-1.232c.385-1.04 1.301-1.916 2.542-2.434-1.241-.519-2.157-1.396-2.542-2.434z"
/>
<Path
fill="url(#social_svg__pattern0)"
d="M10.289 116.801h20v20h-20z"
transform="rotate(-19 10.29 116.801)"
/>
<Defs>
<Pattern
id="social_svg__pattern0"
width={1}
height={1}
patternContentUnits="objectBoundingBox"
>
<Use transform="scale(.00417)" xlinkHref="#social_svg__image0" />
</Pattern>
</Defs>
</Svg>
);
}
Example #12
| Source File: bank.tsx From react-native-paper-onboarding with MIT License | 4 votes |
|
BankSVG = ({ color = '#fff' }: SVGProps) => (
<Svg width={197} height={199} viewBox="0 0 197 199">
<Defs>
<Path id="prefix__a" d="M0 0h197v199H0z" />
<Path
d="M94.09.797c51.914 0 94 42.086 94 94 0 24.413-9.307 46.652-24.566 63.364l31.386 31.382a5.011 5.011 0 01.004 7.078 5 5 0 01-7.078-.004l-31.435-31.44c-16.587 14.697-38.407 23.62-62.311 23.62-51.914 0-94-42.086-94-94s42.086-94 94-94zm0 10c-46.39 0-84 37.61-84 84s37.61 84 84 84 84-37.61 84-84-37.61-84-84-84z"
id="prefix__c"
/>
<Path id="prefix__e" d="M0 0h49v11H0z" />
<Path
d="M.707 1.656c0-.23.047-.43.137-.59.094-.164.219-.296.37-.402.157-.102.337-.176.54-.227.207-.046.422-.074.652-.074h2.27c.332 0 .676.008 1.027.02.352.012.695.047 1.031.101.336.059.653.141.954.25.296.11.558.266.78.461.227.2.407.45.536.75.133.297.2.664.2 1.094a2.394 2.394 0 01-.567 1.55 2.495 2.495 0 01-1.469.852v.028c.363.054.695.156.992.304.293.149.543.336.75.563.203.223.363.48.477.773.113.293.168.61.168.946 0 .37-.075.734-.22 1.09a2.627 2.627 0 01-.675.94c-.3.274-.687.493-1.152.661-.469.168-1.02.254-1.66.254H2.406a3.71 3.71 0 01-.734-.066 1.106 1.106 0 01-.531-.266 1.291 1.291 0 01-.325-.574c-.074-.246-.109-.57-.109-.977v-7.46zM3.293 9.36h1.215c.39 0 .734-.02 1.031-.058.3-.04.547-.117.75-.235.2-.117.352-.28.453-.488.102-.207.153-.476.153-.808 0-.31-.06-.56-.176-.754a1.24 1.24 0 00-.496-.465 2.364 2.364 0 00-.778-.239c-.3-.042-.64-.066-1.011-.066H3.293V9.36zm0-7.351v2.906H4.34c.32 0 .62-.023.898-.066.274-.043.512-.121.707-.235.2-.113.356-.265.47-.457.108-.195.167-.437.167-.738 0-.297-.055-.535-.168-.719a1.132 1.132 0 00-.45-.43 1.979 1.979 0 00-.663-.207 5.369 5.369 0 00-.809-.054H3.293zm14.187.355l-1.613 4.711h3.254l-1.605-4.71h-.036zm4.774 6.418c.035.086.07.18.11.274.038.097.077.191.113.289.03.097.058.191.082.281.023.094.035.172.035.246 0 .18-.035.34-.102.48-.066.141-.156.258-.265.352a1.21 1.21 0 01-.395.219 1.44 1.44 0 01-.469.078c-.191 0-.355-.027-.492-.082a.96.96 0 01-.367-.254 1.926 1.926 0 01-.297-.457 9.09 9.09 0 01-.289-.695l-.352-.93h-4.144l-.3.93c-.09.281-.177.515-.267.703a1.882 1.882 0 01-.3.46.993.993 0 01-.38.247 1.47 1.47 0 01-.495.078c-.168 0-.325-.027-.473-.078a1.252 1.252 0 01-.395-.219 1.046 1.046 0 01-.363-.832c0-.074.008-.152.031-.246.024-.09.051-.184.086-.281.032-.098.07-.192.11-.29.039-.093.074-.187.11-.273l1.968-5.324c.187-.5.363-.941.531-1.324.168-.383.356-.707.559-.969.203-.266.433-.465.699-.598.262-.132.582-.203.957-.203.352 0 .652.055.902.16.25.106.473.278.672.52.203.242.395.559.574.957.18.395.38.879.602 1.457l2.004 5.324zm6.176 1.07c0 .16-.032.31-.09.45a1.182 1.182 0 01-.617.61 1.172 1.172 0 01-.902 0 1.224 1.224 0 01-.36-.247 1.153 1.153 0 01-.332-.813v-8c0-.238.035-.449.105-.636.075-.184.168-.344.29-.469a1.15 1.15 0 01.417-.289c.164-.066.336-.098.52-.098.156 0 .312.028.46.09.15.063.29.145.427.246.136.102.27.223.398.364.125.136.246.285.363.441l4.325 5.86V1.507a1.137 1.137 0 01.328-.813c.101-.101.222-.183.363-.246.137-.062.29-.09.45-.09.16 0 .312.028.448.09.141.063.262.145.364.246.101.102.183.223.246.364.062.136.09.289.09.449v7.457c0 .265-.012.523-.043.773-.028.246-.09.461-.184.649-.09.183-.223.332-.394.445-.172.113-.399.168-.68.168-.152 0-.3-.031-.445-.09a1.88 1.88 0 01-.418-.238 3.716 3.716 0 01-.391-.363c-.125-.141-.25-.29-.375-.454l-4.363-5.93v5.927zm14.203-4.82l2.832-3.715c.215-.28.426-.511.633-.687.203-.176.441-.266.707-.266a1.29 1.29 0 01.843.325c.118.101.211.222.286.359.074.137.109.285.109.445 0 .098-.02.2-.066.305-.043.105-.098.21-.164.316-.067.106-.141.207-.227.313-.086.105-.168.207-.246.297L45.152 5.28l2.547 3.2c.082.101.168.21.25.324.082.117.16.23.227.347.07.114.125.227.168.336.047.11.066.215.066.317 0 .164-.039.316-.113.46-.074.141-.176.27-.297.38-.121.109-.258.195-.414.261a1.196 1.196 0 01-.457.094c-.176 0-.34-.04-.492-.117a2.061 2.061 0 01-.426-.301 2.824 2.824 0 01-.375-.402c-.113-.149-.223-.29-.324-.434l-2.88-3.902.016 3.726c0 .203-.039.387-.109.563a1.414 1.414 0 01-.723.758c-.164.074-.343.109-.53.109-.192 0-.368-.035-.532-.11a1.344 1.344 0 01-.43-.304 1.473 1.473 0 01-.394-1.016V1.785a1.466 1.466 0 01.394-1.012c.121-.132.266-.234.43-.304.164-.074.34-.11.531-.11.18 0 .352.036.52.11.164.07.312.172.433.304.125.13.227.278.297.454a1.4 1.4 0 01.113.558l-.015 3.246z"
id="prefix__g"
/>
</Defs>
<G fill="none" fillRule="evenodd">
<G opacity={0.5}>
<Mask id="prefix__b" fill={color}>
<Use xlinkHref="#prefix__a" />
</Mask>
<G mask="url(#prefix__b)">
<Mask id="prefix__d" fill={color}>
<Use xlinkHref="#prefix__c" />
</Mask>
<Path
fill={color}
fillRule="nonzero"
mask="url(#prefix__d)"
d="M-45.918 94.797L94.09-45.211l174.863 174.863L128.945 269.66z"
/>
</G>
</G>
<Path
stroke={color}
strokeWidth={2}
strokeLinecap="round"
d="M37 140h111M83.07 156h12M74.07 148h10M94.07 148h20"
/>
<Path stroke={color} strokeWidth={2} d="M140 88.121V140H45V88.031" />
<Path
d="M52 110.004A3.004 3.004 0 0155 107c1.656 0 3 1.344 3 3.004v9.988c0 .559-.45 1.008-.992 1.008h-4.016a1 1 0 01-.992-1.008v-9.988zM127 110.004a3.004 3.004 0 013-3.004c1.656 0 3 1.344 3 3.004v9.988c0 .559-.45 1.008-.992 1.008h-4.016a1 1 0 01-.992-1.008v-9.988zM50 137.008c0-.555.457-1.008 1-1.008h83c.555 0 1 .441 1 1.008v1.984c0 .555-.457 1.008-1 1.008H51c-.555 0-1-.441-1-1.008v-1.984z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M55 133.008c0-.555.441-1.008 1.004-1.008h72.992a1 1 0 011.004 1.008v1.984c0 .555-.441 1.008-1.004 1.008H56.004A1 1 0 0155 134.992v-1.984z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M62 130c0-1.105.895-2 1.992-2h11.016A1.99 1.99 0 0177 130c0 1.105-.895 2-1.992 2H63.992A1.99 1.99 0 0162 130zM62 90c0-1.105.895-2 1.992-2h11.016A1.99 1.99 0 0177 90c0 1.105-.895 2-1.992 2H63.992A1.99 1.99 0 0162 90z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M65 93c0-.55.445-1 .996-1h7.008c.55 0 .996.457.996 1v34c0 .55-.445 1-.996 1h-7.008c-.55 0-.996-.457-.996-1V93zM85 130c0-1.105.895-2 1.992-2h11.016a1.99 1.99 0 011.992 2c0 1.105-.895 2-1.992 2H86.992A1.99 1.99 0 0185 130zM85 90c0-1.105.895-2 1.992-2h11.016A1.99 1.99 0 01100 90c0 1.105-.895 2-1.992 2H86.992A1.99 1.99 0 0185 90z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M88 93c0-.55.445-1 .996-1h7.008c.55 0 .996.457.996 1v34c0 .55-.445 1-.996 1h-7.008c-.55 0-.996-.457-.996-1V93zM108 130c0-1.105.895-2 1.992-2h11.016a1.99 1.99 0 011.992 2c0 1.105-.895 2-1.992 2h-11.016a1.99 1.99 0 01-1.992-2zM108 90c0-1.105.895-2 1.992-2h11.016A1.99 1.99 0 01123 90c0 1.105-.895 2-1.992 2h-11.016A1.99 1.99 0 01108 90z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M111 93c0-.55.445-1 .996-1h7.008c.55 0 .996.457.996 1v34c0 .55-.445 1-.996 1h-7.008c-.55 0-.996-.457-.996-1V93zM42 82.992c0-.547.45-.992 1-.992h99a1 1 0 011 .992v4.016c0 .547-.45.992-1 .992H43a1 1 0 01-1-.992v-4.016zM116 51.387c-2.7-10.18-11.977-17.684-23.004-17.684-11.016 0-20.285 7.484-22.996 17.645"
stroke={color}
strokeWidth={2}
/>
<Path
stroke={color}
strokeWidth={2}
strokeLinecap="round"
d="M52 102h6M127 102h6"
/>
<Path
d="M55 57.992A.994.994 0 0156.004 57h72.992c.555 0 1.004.45 1.004.992v4.016a.994.994 0 01-1.004.992H56.004c-.555 0-1.004-.45-1.004-.992v-4.016z"
stroke={color}
strokeWidth={2}
/>
<Path
d="M67 51.992c0-.547.45-.992.992-.992h50.016c.547 0 .992.45.992.992v4.016c0 .547-.45.992-.992.992H67.992a.996.996 0 01-.992-.992v-4.016zM58 63.996c0-.55.441-.996 1.004-.996h66.992c.555 0 1.004.45 1.004.996v17.008c0 .55-.441.996-1.004.996H59.004c-.555 0-1.004-.45-1.004-.996V63.996z"
stroke={color}
strokeWidth={2}
/>
<G transform="translate(68 67)">
<Mask id="prefix__f" fill={color}>
<Use xlinkHref="#prefix__e" />
</Mask>
<G mask="url(#prefix__f)">
<Mask id="prefix__h" fill={color}>
<Use xlinkHref="#prefix__g" />
</Mask>
<Path
fill={color}
fillRule="nonzero"
mask="url(#prefix__h)"
d="M-4.293-4.64H53.41V16H-4.293z"
/>
</G>
</G>
</G>
</Svg>
)
