@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
35 lines (34 loc) • 2.94 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Path, Rect, Defs, ClipPath } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 40 40" fill="none" height={size} width={size} {...otherProps}>
<G clipPath="url(#clip0_51_198)">
<Path d="M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.95431 0 0 8.9543 0 20C0 31.0457 8.95431 40 20 40Z" fill="#F0F0F0"/>
<Path d="M4.13484 7.82373C2.56383 9.86771 1.37922 12.2236 0.689453 14.7829H11.094L4.13484 7.82373Z" fill="#0052B4"/>
<Path d="M39.3106 14.7829C38.6209 12.2237 37.4362 9.86784 35.8652 7.82385L28.9062 14.7829H39.3106Z" fill="#0052B4"/>
<Path d="M0.689453 25.2177C1.3793 27.7769 2.56391 30.1327 4.13484 32.1766L11.0938 25.2177H0.689453Z" fill="#0052B4"/>
<Path d="M32.1759 4.13456C30.1319 2.56354 27.7761 1.37893 25.2168 0.689087V11.0935L32.1759 4.13456Z" fill="#0052B4"/>
<Path d="M7.82422 35.8656C9.8682 37.4367 12.2241 38.6213 14.7833 39.3111V28.9067L7.82422 35.8656Z" fill="#0052B4"/>
<Path d="M14.7832 0.689087C12.224 1.37893 9.86813 2.56354 7.82422 4.13448L14.7832 11.0935V0.689087Z" fill="#0052B4"/>
<Path d="M25.2168 39.3111C27.776 38.6213 30.1319 37.4367 32.1758 35.8657L25.2168 28.9067V39.3111Z" fill="#0052B4"/>
<Path d="M28.9062 25.2177L35.8652 32.1767C37.4362 30.1328 38.6209 27.7769 39.3106 25.2177H28.9062Z" fill="#0052B4"/>
<Path d="M39.8307 17.3913H22.6088H22.6088V0.169297C21.7548 0.058125 20.8841 0 20 0C19.1157 0 18.2452 0.058125 17.3913 0.169297V17.3912V17.3913H0.169297C0.058125 18.2452 0 19.1159 0 20C0 20.8843 0.058125 21.7548 0.169297 22.6087H17.3912H17.3913V39.8307C18.2452 39.9419 19.1157 40 20 40C20.8841 40 21.7548 39.942 22.6087 39.8307V22.6088V22.6087H39.8307C39.9419 21.7548 40 20.8843 40 20C40 19.1159 39.9419 18.2452 39.8307 17.3913V17.3913Z" fill="#D80027"/>
<Path d="M25.2168 25.2176L34.1415 34.1423C34.552 33.732 34.9435 33.303 35.3171 32.8583L27.6763 25.2175H25.2168V25.2176Z" fill="#D80027"/>
<Path d="M14.7822 25.2175H14.782L5.85742 34.1421C6.26773 34.5526 6.69672 34.9442 7.14141 35.3178L14.7822 27.6768V25.2175Z" fill="#D80027"/>
<Path d="M14.7819 14.7827V14.7826L5.85727 5.85779C5.4468 6.2681 5.05523 6.69708 4.68164 7.14177L12.3225 14.7826H14.7819V14.7827Z" fill="#D80027"/>
<Path d="M25.2168 14.7828L34.1416 5.85792C33.7312 5.44745 33.3023 5.05589 32.8576 4.68237L25.2168 12.3232V14.7828Z" fill="#D80027"/>
</G>
<Defs>
<ClipPath id="clip0_51_198">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'UnitedKingdom';
/**
* Flags by `Deji.Zeal`: United Kingdom
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const UnitedKingdom = memo(Icon);