@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
28 lines (27 loc) • 2.38 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_560)">
<Path d="M20 40.0002C31.0457 40.0002 40 31.0459 40 20.0002C40 8.95455 31.0457 0.000244141 20 0.000244141C8.9543 0.000244141 0 8.95455 0 20.0002C0 31.0459 8.9543 40.0002 20 40.0002Z" fill="#F0F0F0"/>
<Path d="M20 39.9999C31.0456 39.9999 40 31.0456 40 19.9999C40 17.5535 39.56 15.21 38.756 13.0435H1.24398C0.440078 15.21 0 17.5535 0 19.9999C0 31.0456 8.95437 39.9999 20 39.9999Z" fill="#0052B4"/>
<Path d="M20.0002 40.0001C28.5995 40.0001 35.9303 34.5726 38.7562 26.9565H1.24414C4.07 34.5726 11.4009 40.0001 20.0002 40.0001Z" fill="#D80027"/>
<Path d="M5.17188 11.3044V21.2815C5.17188 26.9568 12.586 28.6958 12.586 28.6958C12.586 28.6958 20.0001 26.9568 20.0001 21.2815V11.3044H5.17188Z" fill="#F0F0F0"/>
<Path d="M6.91016 11.3044V21.2815C6.91016 21.9477 7.05813 22.5769 7.35125 23.1669H17.819C18.1121 22.577 18.2601 21.9477 18.2601 21.2815V11.3044H6.91016Z" fill="#D80027"/>
<Path d="M16.0639 18.2608H13.4553V16.5217H15.1945V14.7825H13.4553V13.0435H11.7162V14.7825H9.97711V16.5217H11.7162V18.2608H9.10742V19.9999H11.7162V21.7391H13.4553V19.9999H16.0639V18.2608Z" fill="#F0F0F0"/>
<Path d="M9.72367 25.5945C10.8444 26.2988 11.9958 26.7078 12.5852 26.8896C13.1747 26.7078 14.3261 26.2988 15.4468 25.5945C16.577 24.8842 17.3692 24.0719 17.8191 23.1668C17.3229 22.8158 16.7175 22.6088 16.0635 22.6088C15.8254 22.6088 15.5941 22.637 15.3716 22.6888C14.9003 21.6178 13.8304 20.8696 12.5853 20.8696C11.3402 20.8696 10.2702 21.6178 9.79898 22.6888C9.57656 22.637 9.34516 22.6088 9.10711 22.6088C8.45312 22.6088 7.84773 22.8158 7.35156 23.1668C7.80117 24.0718 8.59344 24.8842 9.72367 25.5945Z" fill="#0052B4"/>
</G>
<Defs>
<ClipPath id="clip0_51_560">
<Rect width="40" height="40" fill="white"/>
</ClipPath>
</Defs>
</Svg>);
};
Icon.displayName = 'Slovakia';
/**
* Flags by `Deji.Zeal`: Slovakia
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Slovakia = memo(Icon);