@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.53 kB
JavaScript
import { memo } from 'react';
import Svg, { G, Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg viewBox="0 0 24 24" width={size} height={size} {...props}>
<G fill="none" fillRule="evenodd">
<Path d="M24 0v24H0V0zM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="m12.55 4.117 5.118 1.462a3 3 0 0 1 2.156 2.535A3 3 0 0 1 22 11v1a4 4 0 0 1-2.979 3.868 5 5 0 0 1-2.546 3.012l-3.133 1.567a3 3 0 0 1-2.684 0L7.525 18.88a5 5 0 0 1-2.546-3.012A4 4 0 0 1 2 12v-1c0-1.371.92-2.528 2.176-2.886A3 3 0 0 1 6.332 5.58l5.119-1.462a2 2 0 0 1 1.098 0ZM15 13H9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2m4.679-2.735-.32 3.203c.394-.365.641-.888.641-1.468v-1a1 1 0 0 0-.322-.735Zm-15.357 0a1 1 0 0 0-.315.612L4 11v1c0 .516.195.986.516 1.34l.126.128zM15 10H9a1 1 0 0 0-.117 1.993L9 12h6a1 1 0 0 0 .117-1.993z"/>
</G>
</Svg>);
});
Icon.displayName = 'FaceMaskFill';
/**
* MingCute Icon: Face Mask Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const FaceMaskFill = Icon;