@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
29 lines (28 loc) • 3.02 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="#496E2D" d="M23.913 39.616c7.907-1.568 14.135-7.797 15.703-15.703H23.913zM.384 23.913c1.568 7.906 7.796 14.135 15.703 15.703V23.913zM39.616 16.087C38.048 8.18 31.82 1.952 23.913.384v15.703zM16.087.384C8.18 1.952 1.952 8.18.384 16.087h15.703z"/>
<Path fill="#FFDA44" d="M18.696 23.913h-2.61v15.703q1.279.254 2.61.34zM18.696 16.087V.043a20 20 0 0 0-2.61.34v15.704z"/>
<Path fill="#000" d="M21.304.044A20 20 0 0 0 20 0q-.658.001-1.305.044v16.043h2.609zM18.695 39.956Q19.342 40 20 40a20 20 0 0 0 1.304-.044V23.913h-2.609z"/>
<Path fill="#FFDA44" d="M16.087 18.696v-2.61H.384a20 20 0 0 0-.34 2.61zM23.913 18.696h16.044a20 20 0 0 0-.34-2.61H23.912z"/>
<Path fill="#000" d="M23.913 21.304h16.044q.042-.647.043-1.304-.001-.657-.044-1.304H23.914zM.044 18.696Q0 19.342 0 20q.001.657.044 1.304h16.043v-2.608z"/>
<Path fill="#D80027" d="M20 29.565A9.565 9.565 0 0 0 29.565 20a9.565 9.565 0 0 0-19.13 0A9.565 9.565 0 0 0 20 29.565"/>
<Path fill="#496E2D" d="M22.179 21.067c-.712-1.423-1.636-2.865-1.636-2.865s.023-.657.023-1.048a1.067 1.067 0 0 0-2.13-.092.841.841 0 0 0-.334 1.585c.134-.312.396-.556.72-.668q.08.065.17.115l.137.065s-.507 1.43-.507 2.197c0 2.158 1.423 2.823 1.423 2.823v.023l-.712.711h1.423V22.49l.712.712c.006-.014 1.347-.862.71-2.135M20 12.174l.323.996h1.048l-.848.616.324.997-.848-.616-.847.616.323-.997-.847-.616h1.048zM15.4 13.669l.847.615.848-.615-.324.996.848.616H16.57l-.324.996-.323-.996h-1.048l.848-.616zM12.557 17.582h1.047l.324-.997.324.997h1.047l-.847.616.324.996-.848-.616-.848.616.324-.996zM12.557 22.418l.847-.615-.324-.997.848.616.848-.616-.324.997.848.615h-1.048l-.324.997-.324-.997zM15.4 26.332l.324-.997-.848-.616h1.048l.323-.996.324.996h1.048l-.848.616.324.997-.848-.616zM20 27.826l-.324-.996h-1.048l.848-.616-.324-.996.847.615.848-.615-.324.996.848.616h-1.048zM24.6 26.332l-.848-.616-.847.616.323-.997-.847-.616h1.048l.323-.996.324.996h1.048l-.848.616zM27.443 22.418h-1.047l-.324.997-.324-.996H24.7l.848-.616-.324-.997.848.616.847-.616-.323.997zM27.443 17.582l-.847.615.323.997-.847-.616-.848.616.324-.996-.848-.616h1.048l.324-.997.324.997zM24.6 13.669l-.324.996.848.616h-1.048l-.324.996-.323-.996H22.38l.848-.616-.324-.996.847.615z"/>
</G>
<Defs>
<ClipPath id="a">
<Path fill="#fff" d="M0 0h40v40H0z"/>
</ClipPath>
</Defs>
</Svg>);
});
Icon.displayName = 'Dominica';
/**
* Flags by `Deji.Zeal`: Dominica
* @see {@link https://www.figma.com/community/file/1088904439772569873/alphabetical-country-flags Alphabetical Country Flags}
*/
export const Dominica = Icon;