@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
31 lines (30 loc) • 2.63 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_1988)">
<Path d="M20 39.9972C31.0441 39.9972 39.9971 31.0442 39.9971 20.0001C39.9971 8.95605 31.0441 0.00305176 20 0.00305176C8.95592 0.00305176 0.00292969 8.95605 0.00292969 20.0001C0.00292969 31.0442 8.95592 39.9972 20 39.9972Z" fill="#F0F0F0"/>
<Path d="M2.68168 10.0015C1.77909 11.5646 1.11329 13.1989 0.669922 14.8635L34.1127 34.1718C35.3326 32.9555 36.4151 31.5616 37.3175 29.9985L2.68168 10.0015Z" fill="black"/>
<Path d="M29.9984 2.68201C21.997 -1.93755 12.1312 -0.397903 5.88672 5.82817L39.3295 25.1363C41.5993 16.6157 37.9997 7.30164 29.9984 2.68201V2.68201Z" fill="#FFDA44"/>
<Path d="M10.0015 37.318C18.0028 41.9375 27.8688 40.3979 34.1131 34.1719L0.670266 14.8635C-1.59939 23.3844 2.00006 32.6984 10.0015 37.318Z" fill="#FFDA44"/>
<Path d="M25.6509 17.8263C25.6509 20.9474 23.1206 23.4776 19.9995 23.4776C16.8783 23.4776 14.3481 20.9474 14.3481 17.8263C14.3481 16.8531 14.5941 15.9374 15.0274 15.1379C13.8011 16.3921 13.0439 18.1071 13.0439 19.9998C13.0439 23.8413 16.158 26.9554 19.9995 26.9554C23.841 26.9554 26.955 23.8413 26.955 19.9998C26.955 18.1071 26.198 16.3921 24.9715 15.1379C25.4048 15.9376 25.6509 16.8531 25.6509 17.8263V17.8263Z" fill="#D80027"/>
<Path d="M18.6953 11.3057H21.3036V24.3473H18.6953V11.3057Z" fill="#D80027"/>
<Path d="M24.3467 13.9139H15.6523C15.6523 14.5142 16.1752 15.0008 16.7754 15.0008H16.7392C16.7392 15.601 17.2258 16.0876 17.826 16.0876C17.826 16.6878 18.3126 17.1744 18.9128 17.1744H21.0864C21.6866 17.1744 22.1732 16.6878 22.1732 16.0876C22.7734 16.0876 23.26 15.601 23.26 15.0008H23.2238C23.8238 15.0007 24.3467 14.5143 24.3467 13.9139Z" fill="#D80027"/>
<Path d="M13.9141 25.2167H26.0862V27.825H13.9141V25.2167Z" fill="#D80027"/>
<Path d="M22.6084 26.0862H27.825V28.6945H22.6084V26.0862Z" fill="#D80027"/>
<Path d="M12.1748 26.0862H17.3914V28.6945H12.1748V26.0862Z" fill="#D80027"/>
</G>
<Defs>
<ClipPath id="clip0_51_1988">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'Brunei';
/**
* Flags by `Deji.Zeal`: Brunei
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Brunei = memo(Icon);