@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
37 lines (36 loc) • 3.71 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_248)">
<Path d="M40 20C40 31.0456 31.0456 40 20.0001 40C8.95438 40 0 31.0456 0 20C0 20.0048 20.0001 0.0021875 20.0001 0C31.0456 0 40 8.95437 40 20Z" fill="#338AF3"/>
<Path d="M9.56445 20.0002H16.3099L10.434 13.0437L9.56445 15.6524V20.0002Z" fill="#0052B4"/>
<Path d="M19.9995 16.311L13.043 9.56543H19.9995L19.9995 16.311Z" fill="#0052B4"/>
<Path d="M19.9473 20.0001H20.0008C20.0008 19.9821 20.0008 19.9646 20.0008 19.9465C19.983 19.9644 19.9652 19.9822 19.9473 20.0001Z" fill="#F0F0F0"/>
<Path d="M20.0001 10.4348C20.0001 6.91563 20.0001 4.60969 20.0001 0H19.9967C8.9525 0.001875 0 8.95539 0 20H10.4348V14.1241L16.3107 20H19.9466C19.9645 19.9822 19.9823 19.9644 20.0002 19.9465C20.0002 18.5991 20.0002 17.3968 20.0002 16.3108L14.1241 10.4348H20.0001Z" fill="#F0F0F0"/>
<Path d="M10.1191 2.60889C6.99102 4.39006 4.39055 6.99053 2.60938 10.1186V20.0002H7.8268V7.82647V7.82631H20.0007C20.0007 6.18076 20.0007 4.61311 20.0007 2.60889H10.1191Z" fill="#D80027"/>
<Path d="M20.0008 17.5408L12.8949 10.4351H10.4355V10.4352L20.0006 20.0002H20.0008C20.0008 20.0002 20.0008 18.3044 20.0008 17.5408V17.5408Z" fill="#D80027"/>
<Path d="M21.8286 33.0437L22.2603 34.3723H23.6573L22.5272 35.1934L22.9589 36.5219L21.8286 35.7009L20.6985 36.5219L21.1302 35.1934L20 34.3723H21.3969L21.8286 33.0437Z" fill="#FFDA44"/>
<Path d="M32.9537 24.3479L33.3853 25.6765H34.7823L33.6522 26.4977L34.084 27.8262L32.9537 27.0052L31.8236 27.8262L32.2553 26.4977L31.125 25.6765H32.522L32.9537 24.3479Z" fill="#FFDA44"/>
<Path d="M35.7427 11.3044L36.1744 12.633H37.5713L36.4412 13.4541L36.8729 14.7826L35.7427 13.9616L34.6126 14.7826L35.0443 13.4541L33.9141 12.633H35.311L35.7427 11.3044Z" fill="#FFDA44"/>
<Path d="M36.4322 20.8696L36.8638 22.1983H38.2608L37.1307 23.0194L37.5624 24.3479L36.4322 23.5269L35.3021 24.3479L35.7338 23.0194L34.6035 22.1983H36.0005L36.4322 20.8696Z" fill="#FFDA44"/>
<Path d="M23.832 29.9186L25.0769 30.5529L26.0646 29.5652L25.8462 30.9448L27.0908 31.579L25.7109 31.7976L25.4924 33.1774L24.8584 31.9326L23.4785 32.1513L24.4663 31.1635L23.832 29.9186Z" fill="#FFDA44"/>
<Path d="M23.832 24.7014L25.0769 25.3356L26.0646 24.3479L25.8462 25.7276L27.0908 26.3617L25.7109 26.5803L25.4924 27.9601L24.8584 26.7154L23.4785 26.934L24.4663 25.9463L23.832 24.7014Z" fill="#FFDA44"/>
<Path d="M28.1796 28.0458L29.4245 28.6801L30.4123 27.6924L30.1938 29.072L31.4384 29.7062L30.0586 29.9248L29.8401 31.3046L29.206 30.0597L27.8262 30.2785L28.8139 29.2907L28.1796 28.0458Z" fill="#FFDA44"/>
<Path d="M28.1796 16.8752L29.4245 17.5095L30.4123 16.5217L30.1938 17.9014L31.4384 18.5356L30.0586 18.7541L29.8401 20.1339L29.206 18.8892L27.8262 19.1078L28.8139 18.1201L28.1796 16.8752Z" fill="#FFDA44"/>
<Path d="M32.3925 16.7415L33.6374 17.3757L34.6252 16.3879L34.4066 17.7676L35.6513 18.4018L34.2715 18.6204L34.053 20.0001L33.4189 18.7554L32.0391 18.974L33.0268 17.9863L32.3925 16.7415Z" fill="#FFDA44"/>
</G>
<Defs>
<ClipPath id="clip0_51_248">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'Tuvalu';
/**
* Flags by `Deji.Zeal`: Tuvalu
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Tuvalu = memo(Icon);