@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
11 lines (10 loc) • 1.16 kB
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 28 28" fill={color} height={size} width={size} {...otherProps}>
<Path d="M23.5 23.5H4V11.96H8.02V5.75C8.02 4.79 8.81 4 9.77 4H21.75C22.71 4 23.5 4.79 23.5 5.75V23.5ZM5.5 22H22V5.75C22 5.61 21.89 5.5 21.75 5.5H9.77C9.63 5.5 9.52 5.61 9.52 5.75V16.87H8.02V13.46H5.5V22ZM20.47 19.71L11.49 19.69V18.19L20.48 18.21V19.71H20.47ZM20.47 17.14L11.49 17.12V15.62L20.48 15.64V17.14H20.47ZM17.87 13.61C17.13 13.61 16.44 13.32 15.92 12.79C15.41 12.29 15.12 11.6 15.12 10.86C15.12 10.12 15.41 9.43 15.94 8.91C16.44 8.4 17.13 8.11 17.87 8.11C19.39 8.11 20.62 9.34 20.62 10.86C20.62 11.6 20.33 12.29 19.81 12.8C19.3 13.32 18.61 13.61 17.87 13.61ZM17.87 9.61C17.54 9.61 17.23 9.74 17 9.97C16.75 10.21 16.62 10.52 16.62 10.86C16.62 11.2 16.75 11.5 16.98 11.73C17.46 12.23 18.28 12.21 18.74 11.74H18.75C18.98 11.5 19.11 11.19 19.11 10.85C19.11 10.16 18.55 9.6 17.86 9.6L17.87 9.61Z"/>
</Svg>);
};
Icon.displayName = 'FeedInactive';
export const FeedInactive = memo(Icon);