@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
38 lines (37 loc) • 3.92 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_1521)">
<Path d="M20 39.9999C31.0457 39.9999 40 31.0456 40 19.9999C40 8.95418 31.0457 -0.00012207 20 -0.00012207C8.9543 -0.00012207 0 8.95418 0 19.9999C0 31.0456 8.9543 39.9999 20 39.9999Z" fill="#FFDA44"/>
<Path d="M8.72754 3.47828C11.9373 1.28406 15.8184 0 20 0C24.1815 0 28.0626 1.28406 31.2724 3.47828L20 4.34781L8.72754 3.47828Z" fill="#A2001D"/>
<Path d="M20.0001 19.9999L18.7237 18.7235L18.3848 19.3306L20.0001 19.9999Z" fill="#0052B4"/>
<Path d="M5.85785 5.85779C-1.95262 13.6683 -1.95262 26.3316 5.85785 34.1422C9.08543 30.9146 12.1896 27.8104 20 20L5.85785 5.85779Z" fill="#496E2D"/>
<Path d="M34.1422 5.85779C41.9527 13.6683 41.9527 26.3316 34.1422 34.1422C30.9146 30.9146 27.8105 27.8104 20 20L34.1422 5.85779Z" fill="#496E2D"/>
<Path d="M20.0004 26.9564C23.8424 26.9564 26.9569 23.8419 26.9569 19.9999C26.9569 16.158 23.8424 13.0435 20.0004 13.0435C16.1585 13.0435 13.0439 16.158 13.0439 19.9999C13.0439 23.8419 16.1585 26.9564 20.0004 26.9564Z" fill="#A2001D"/>
<Path d="M20.0004 13.0433L21.5597 17.8425H26.6064L22.5238 20.8091L24.083 25.6085L20.0004 22.6424L15.9176 25.6085L17.4772 20.8091L13.3945 17.8425H18.4409L20.0004 13.0433Z" fill="#FFDA44"/>
<Path d="M20.0062 -0.00012207H19.9929C14.4731 0.0016748 9.47613 2.23941 5.8584 5.85675H34.1407C30.5229 2.23941 25.5259 0.0016748 20.0062 -0.00012207Z" fill="#A2001D"/>
<Path d="M5.8584 34.1431C9.47762 37.7617 14.4771 39.9999 19.9994 39.9999C25.5217 39.9999 30.5212 37.7617 34.1404 34.1431H5.8584Z" fill="#A2001D"/>
<Path d="M19.9994 2.17395L20.3232 3.17036H21.3709L20.5233 3.78622L20.8472 4.78262L19.9994 4.16684L19.1518 4.78262L19.4757 3.78622L18.6279 3.17036H19.6756L19.9994 2.17395Z" fill="#FFDA44"/>
<Path d="M15.1498 2.17395L15.4736 3.17036H16.5213L15.6737 3.78622L15.9975 4.78262L15.1498 4.16684L14.3023 4.78262L14.6261 3.78622L13.7783 3.17036H14.826L15.1498 2.17395Z" fill="#FFDA44"/>
<Path d="M24.85 2.17395L25.1738 3.17036H26.2215L25.3739 3.78622L25.6977 4.78262L24.85 4.16684L24.0024 4.78262L24.3262 3.78622L23.4785 3.17036H24.5262L24.85 2.17395Z" fill="#FFDA44"/>
<Path d="M19.9994 35.2174L20.3232 36.2138H21.3709L20.5233 36.8297L20.8472 37.8261L19.9994 37.2102L19.1518 37.8261L19.4757 36.8297L18.6279 36.2138H19.6756L19.9994 35.2174Z" fill="#FFDA44"/>
<Path d="M15.1498 35.2174L15.4736 36.2138H16.5213L15.6737 36.8297L15.9975 37.8261L15.1498 37.2102L14.3023 37.8261L14.6261 36.8297L13.7783 36.2138H14.826L15.1498 35.2174Z" fill="#FFDA44"/>
<Path d="M24.85 35.2174L25.1738 36.2138H26.2215L25.3739 36.8297L25.6977 37.8261L24.85 37.2102L24.0024 37.8261L24.3262 36.8297L23.4785 36.2138H24.5262L24.85 35.2174Z" fill="#FFDA44"/>
<Path d="M6.09374 19.6696C6.60741 20.4813 6.36601 21.5556 5.55436 22.0693C4.7428 22.5831 3.66843 22.3417 3.15468 21.53C2.2246 20.0607 2.7639 17.6609 2.7639 17.6609C2.7639 17.6609 5.16358 18.2002 6.09374 19.6696V19.6696Z" fill="#FFDA44"/>
<Path d="M5.08926 22.2043C5.56949 22.2043 5.95879 21.815 5.95879 21.3347C5.95879 20.8545 5.56949 20.4652 5.08926 20.4652C4.60903 20.4652 4.21973 20.8545 4.21973 21.3347C4.21973 21.815 4.60903 22.2043 5.08926 22.2043Z" fill="#A2001D"/>
</G>
<Defs>
<ClipPath id="clip0_51_1521">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'Grenada';
/**
* Flags by `Deji.Zeal`: Grenada
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Grenada = memo(Icon);