@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
29 lines (28 loc) • 1.92 kB
JavaScript
import { memo } from 'react';
import Svg, { G, Path, Defs, ClipPath } 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}>
<G clipPath="url(#a)">
<Path fill="#F0F0F0" d="M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20"/>
<Path fill="#000" d="M20 0C12.07 0 5.22 4.614 1.984 11.304h36.031C34.78 4.614 27.93 0 20 0"/>
<Path fill="#496E2D" d="M20 40c-7.93 0-14.78-4.614-18.016-11.304h36.031C34.78 35.386 27.93 40 20 40"/>
<Path fill="#A2001D" d="M39.056 13.913H.944A20 20 0 0 0 0 20c0 2.122.332 4.167.944 6.087h38.112c.612-1.92.944-3.965.944-6.087 0-2.123-.332-4.168-.944-6.087"/>
<Path fill="#F0F0F0" d="M26.228 9.242 23.859 8.15 20 16.887 16.141 8.15l-2.368 1.093L18.563 20l-4.79 10.758 2.368 1.093 3.86-8.739 3.858 8.739 2.369-1.093L21.437 20z"/>
<Path fill="#F0F0F0" d="M21.609 10.272C20.692 9.272 20 8.695 20 8.695s-.692.576-1.608 1.577v19.455C19.308 30.73 20 31.304 20 31.304s.692-.575 1.609-1.577z"/>
<Path fill="#A2001D" d="M15.652 14.003v11.993c.97 1.717 2.155 3.124 3.044 4.057V9.946c-.889.933-2.075 2.34-3.044 4.057M24.348 14.003c-.969-1.717-2.155-3.124-3.043-4.057v20.107c.888-.933 2.074-2.34 3.043-4.057z"/>
<Path fill="#000" d="M24.348 14.003v11.993c.98-1.738 1.739-3.793 1.739-5.996s-.759-4.258-1.74-5.997M15.652 14.003v11.993c-.98-1.738-1.739-3.793-1.739-5.996s.758-4.258 1.74-5.997"/>
</G>
<Defs>
<ClipPath id="a">
<Path fill="#fff" d="M0 0h40v40H0z"/>
</ClipPath>
</Defs>
</Svg>);
});
Icon.displayName = 'Kenya';
/**
* Flags by `Deji.Zeal`: Kenya
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Kenya = Icon;