UNPKG

@risemaxi/sigil

Version:

Icons and Signs for the Rise Design System

26 lines (25 loc) 1.47 kB
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="#D80027" d="M0 20C0 8.954 8.954 0 20 0s20 8.954 20 20c-.87 0-20 2.609-20 2.609z"/> <Path fill="#000" d="M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20"/> <Path fill="#FFDA44" d="m17.258 15.907 1.695 1.23-.646 1.994 1.694-1.233 1.696 1.23-.649-1.992 1.695-1.232-2.095.001-.65-1.992-.645 1.993z"/> <Path fill="#FFDA44" d="M25 11.34a9.94 9.94 0 0 0-5-1.337v2.609a7.34 7.34 0 0 1 3.696.987c3.53 2.038 4.743 6.567 2.705 10.097s-6.567 4.743-10.097 2.705a7.34 7.34 0 0 1-2.47-2.33l-2.178 1.438A9.94 9.94 0 0 0 15 28.66c4.775 2.757 10.903 1.115 13.66-3.66S29.775 14.097 25 11.34"/> <Path fill="#FFDA44" d="M14.234 18.261a2.61 2.61 0 0 0 1.036 3.54l8.473 4.63c-.576 1.053-.27 2.335.783 2.912l2.289 1.252a2.174 2.174 0 0 0 2.95-.864l1.252-2.289z"/> </G> <Defs> <ClipPath id="a"> <Path fill="#fff" d="M0 0h40v40H0z"/> </ClipPath> </Defs> </Svg>); }); Icon.displayName = 'Angola'; /** * Flags by `Deji.Zeal`: Angola * @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags} */ export const Angola = Icon;