@risemaxi/sigil/build/icon-pack/flags/mauritius.js

Icons and Signs for the Rise Design System

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="M2.432 10.435 20 12.174l17.568-1.74C34.176 4.219 27.581 0 20 0S5.824 4.218 2.432 10.435"/>
        <Path fill="#FFDA44" d="M2.432 29.565 20 31.305l17.568-1.74A19.9 19.9 0 0 0 40 20l-20-1.739-20 1.74c0 3.464.881 6.723 2.432 9.564"/>
        <Path fill="#0052B4" d="M2.432 10.435A19.9 19.9 0 0 0 0 20h40c0-3.465-.882-6.724-2.432-9.565H2.432"/>
        <Path fill="#6DA544" d="M20 40c7.58 0 14.176-4.218 17.568-10.435H2.432C5.824 35.782 12.419 40 20 40"/>
      </G>
      <Defs>
        <ClipPath id="a">
          <Path fill="#fff" d="M0 0h40v40H0z"/>
        </ClipPath>
      </Defs>
    </Svg>);
});
Icon.displayName = 'Mauritius';
/**
 * Flags by `Deji.Zeal`: Mauritius
 * @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
 */
export const Mauritius = Icon;