@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.02 kB
JavaScript
import { memo } from 'react';
import Svg, { Mask, Path, G } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg fill="none" viewBox="0 0 25 25" width={size} height={size} {...props}>
<Mask id="a" width={25} height={25} x={0} y={0} maskUnits="userSpaceOnUse" style={{
maskType: 'alpha',
}}>
<Path fill={color} d="M.891.5h24v24h-24z"/>
</Mask>
<G mask="url(#a)">
<Path fill={color} d="M13.166 19.5q.3-.025.512-.238a.7.7 0 0 0 .213-.512.74.74 0 0 0-.225-.562.72.72 0 0 0-.575-.188q-1.026.075-2.175-.562-1.15-.638-1.45-2.313a.74.74 0 0 0-.263-.45.75.75 0 0 0-.487-.175.72.72 0 0 0-.575.262q-.225.263-.15.613.425 2.275 2 3.25t3.175.875m-.275 3q-3.426 0-5.713-2.35T4.891 14.3q0-2.501 1.987-5.437Q8.866 5.925 12.891 2.5q4.024 3.425 6.012 6.363 1.988 2.937 1.988 5.437 0 3.5-2.288 5.85t-5.712 2.35"/>
</G>
</Svg>);
});
Icon.displayName = 'WaterDrop';
export const WaterDrop = Icon;