@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
35 lines (34 loc) • 3.03 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_1206)">
<Path d="M20 40C31.0457 40 40 31.0457 40 20C40 8.95431 31.0457 0 20 0C8.95431 0 0 8.95431 0 20C0 31.0457 8.95431 40 20 40Z" fill="#F0F0F0"/>
<Path d="M4.57129 7.2728H35.4282C34.2885 5.89272 32.9666 4.6689 31.5003 3.63647H8.49918C7.03285 4.66874 5.71105 5.89265 4.57129 7.2728V7.2728Z" fill="#F0F0F0"/>
<Path d="M0 20C0 20.6131 0.0291406 21.2192 0.083125 21.8182H39.9169C39.9709 21.2192 40 20.6131 40 20C40 19.387 39.9709 18.7809 39.9169 18.1819H0.083125C0.0291406 18.7809 0 19.387 0 20H0Z" fill="#F0F0F0"/>
<Path d="M2.18074 29.0908H37.8189C38.4078 27.9388 38.8881 26.7223 39.2467 25.4546H0.75293C1.11145 26.7223 1.59191 27.9389 2.18074 29.0908V29.0908Z" fill="#F0F0F0"/>
<Path d="M8.49918 36.3636H31.5002C32.9665 35.3312 34.2884 34.1074 35.4281 32.7273H4.57129C5.71105 34.1072 7.03285 35.3312 8.49918 36.3636V36.3636Z" fill="#F0F0F0"/>
<Path d="M0.75293 14.5455H39.2468C38.8882 13.2777 38.4079 12.0611 37.8189 10.9092H2.18082C1.59199 12.0611 1.11152 13.2777 0.75293 14.5455V14.5455Z" fill="#F0F0F0"/>
<Path d="M9.56543 3.63633H31.5007C28.2476 1.34586 24.2812 0 20.0002 0C17.3915 0 12.8186 1.34586 9.56543 3.63633Z" fill="#D80027"/>
<Path d="M19.1299 10.9093H37.8185C37.1534 9.60826 36.3501 8.38959 35.4279 7.27295H19.1299V10.9093Z" fill="#D80027"/>
<Path d="M19.1299 18.182H39.9163C39.8038 16.9334 39.5777 15.7175 39.2464 14.5457H19.1299V18.182Z" fill="#D80027"/>
<Path d="M0.753008 25.4547H39.2468C39.5782 24.283 39.8043 23.067 39.9168 21.8184H0.0830078C0.195508 23.067 0.421602 24.2829 0.753008 25.4547V25.4547Z" fill="#D80027"/>
<Path d="M4.57129 32.7271H35.4282C36.3504 31.6104 37.1537 30.3918 37.8188 29.0908H2.18066C2.84574 30.3918 3.64902 31.6105 4.57129 32.7271V32.7271Z" fill="#D80027"/>
<Path d="M19.9996 40.0001C24.2806 40.0001 28.247 38.6542 31.5001 36.3638H8.49902C11.7521 38.6542 15.7186 40.0001 19.9996 40.0001Z" fill="#D80027"/>
<Path d="M0.75293 14.5455C0.421523 15.7173 0.195508 16.9332 0.0830078 18.1818H19.9999V0C10.8452 0 3.1273 6.15094 0.75293 14.5455V14.5455Z" fill="#0052B4"/>
<Path d="M11.9048 5.21753L13.1997 9.20307H17.3908L14.0004 11.6665L15.2952 15.6523L11.9048 13.189L8.51426 15.6523L9.80941 11.6665L6.41895 9.20307H10.6098L11.9048 5.21753Z" fill="#F0F0F0"/>
</G>
<Defs>
<ClipPath id="clip0_51_1206">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'Liberia';
/**
* Flags by `Deji.Zeal`: Liberia
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Liberia = memo(Icon);