@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
27 lines (26 loc) • 2.31 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_1001)">
<Path d="M20 40C31.0457 40 40 31.0457 40 20C40 8.9543 31.0457 0 20 0C8.9543 0 0 8.9543 0 20C0 31.0457 8.9543 40 20 40Z" fill="#FFDA44"/>
<Path d="M40 20C40 13.1358 36.5415 7.08007 31.2724 3.47827H8.72758C3.45859 7.08007 0 13.1358 0 20C0 26.8643 3.45859 32.9199 8.72758 36.5217H31.2724C36.5415 32.9199 40 26.8643 40 20Z" fill="#A2001D"/>
<Path d="M15.6523 14.7825H24.348V11.3043L22.6088 12.1739L20.0002 9.56519L17.3915 12.1739L15.6523 11.3043V14.7825Z" fill="#FFDA44"/>
<Path d="M27.8262 19.9999H23.48C23.6505 19.7051 23.7495 19.3639 23.7495 18.9989C23.7495 17.8905 22.851 16.9922 21.7428 16.9922C20.9771 16.9922 20.3121 17.4212 19.9737 18.0517C19.6354 17.4212 18.9704 16.9922 18.2047 16.9922C17.0965 16.9922 16.198 17.8905 16.198 18.9989C16.198 19.364 16.2972 19.7052 16.4675 19.9999H12.1738C12.1738 21.3298 13.3322 22.4079 14.662 22.4079H14.5819C14.5819 23.4987 15.3074 24.4198 16.3022 24.7157L14.3477 26.6703L16.1923 28.5149L18.809 25.8983C18.9115 25.9359 19.0175 25.9659 19.1271 25.9865L17.546 29.5564C18.3037 29.8645 19.1317 30.0355 20.0001 30.0355C20.8684 30.0355 21.6964 29.8645 22.4541 29.5564L20.873 25.9865C20.9826 25.9659 21.0886 25.9359 21.191 25.8983L23.8077 28.5149L25.6522 26.6703L23.6977 24.7158C24.6923 24.4198 25.418 23.4988 25.418 22.408H25.3377C26.6677 22.4079 27.8262 21.3298 27.8262 19.9999V19.9999Z" fill="#FFDA44"/>
<Path d="M19.9999 21.3044L17.1738 22.6087V25.2175L19.9999 26.9566L22.826 25.2175V22.6087L19.9999 21.3044Z" fill="#6DA544"/>
<Path d="M17.1738 20H22.826V23.4783H17.1738V20Z" fill="#0052B4"/>
</G>
<Defs>
<ClipPath id="clip0_51_1001">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'Montenegro';
/**
* Flags by `Deji.Zeal`: Montenegro
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Montenegro = memo(Icon);