@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
15 lines (14 loc) • 882 B
JavaScript
import { memo } from 'react';
import { Svg, Path } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 24 24" fill={color} height={size} width={size} {...otherProps}>
<Path d="M12 4C18.0751 4 23 8.92487 23 15V20H20V15C20 10.6651 16.5522 7.13546 12.2492 7.00381L12 7C7.66509 7 4.13546 10.4478 4.00381 14.7508L4 15V20H1V15C1 8.92487 5.92487 4 12 4ZM12 8C15.866 8 19 11.134 19 15V20H16V15C16 12.8578 14.316 11.1089 12.1996 11.0049L12 11C9.8578 11 8.10892 12.684 8.0049 14.8004L8 15V20H5V15C5 11.134 8.13401 8 12 8ZM12 12C13.6569 12 15 13.3431 15 15V20H9V15C9 13.3431 10.3431 12 12 12Z"/>
</Svg>);
};
Icon.displayName = 'RainbowFill';
/**
* Remix Icon: Rainbow Fill
* @see {@link https://remixicon.com/icon/rainbow-fill Remix Icon Docs}
*/
export const RainbowFill = memo(Icon);