@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
34 lines (33 loc) • 1.83 kB
JavaScript
import { memo } from 'react';
import Svg, { Mask, Path, G, Rect } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill="none" viewBox="0 0 40 40" width={size} height={size} {...props}>
<Mask id="a" width={40} height={40} x={0} y={0} maskUnits="userSpaceOnUse" style={{
maskType: 'alpha',
}}>
<Path fill="#D80027" d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20"/>
</Mask>
<G mask="url(#a)">
<Rect width={59.5} height={42.5} x={-9.801} y={-0.6} fill="#fff" rx={21.25}/>
<Mask id="b" width={60} height={43} x={-10} y={-1} maskUnits="userSpaceOnUse" style={{
maskType: 'luminance',
}}>
<Rect width={59.5} height={42.5} x={-9.801} y={-0.6} fill="#fff" rx={21.25}/>
</Mask>
<G fillRule="evenodd" clipRule="evenodd" mask="url(#b)">
<Path fill="#1EC160" d="M-9.8 27.733 49.7-.6H-9.8z"/>
<Path fill="#DF2A40" d="M-9.8 41.9h59.5V13.567z"/>
<Path fill="#FFD956" d="m-8.135 53.234 69.68-43.542-13.512-21.625-69.681 43.542z"/>
<Path fill="#262626" d="M-11.137 48.428 58.544 4.886 51.037-7.128l-69.681 43.542z"/>
<Path fill="#fff" d="m33.356 15.97-2.009 3.182-1.303-3.53-3.648-.927 2.955-2.33-.245-3.756 3.13 2.09 3.495-1.394-1.02 3.622 2.405 2.894zM10.69 29.711l-2.009 3.182-1.304-3.53-3.647-.927 2.955-2.33-.245-3.756 3.13 2.09 3.495-1.394-1.02 3.623 2.405 2.893z"/>
</G>
</G>
</Svg>);
});
Icon.displayName = 'SaintKittsAndNevis';
/**
* Flags by `Deji.Zeal`: Saint Kitts And Nevis
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const SaintKittsAndNevis = Icon;