@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 2.05 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Mask, Path, Rect } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 25 25" fill="none" height={size} width={size} {...otherProps}>
<Mask id="mask0_1009_41592" style={{
maskType: 'alpha',
}} maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
<Rect x="0.390625" y="0.5" width="24" height="24" fill={color}/>
</Mask>
<G mask="url(#mask0_1009_41592)">
<Path d="M4.39062 21.5C3.84063 21.5 3.36979 21.3042 2.97813 20.9125C2.58646 20.5208 2.39062 20.05 2.39062 19.5V16.5H22.3906V19.5C22.3906 20.05 22.1948 20.5208 21.8031 20.9125C21.4115 21.3042 20.9406 21.5 20.3906 21.5H4.39062ZM12.3906 14C11.7906 14 11.3156 14.1667 10.9656 14.5C10.6156 14.8333 9.97396 15 9.04063 15C8.10729 15 7.47396 14.8333 7.14062 14.5C6.80729 14.1667 6.34063 14 5.74063 14C5.14062 14 4.66563 14.1667 4.31563 14.5C3.96563 14.8333 3.32396 15 2.39062 15V13C2.99063 13 3.46563 12.8333 3.81563 12.5C4.16563 12.1667 4.80729 12 5.74063 12C6.67396 12 7.30729 12.1667 7.64062 12.5C7.97396 12.8333 8.44063 13 9.04063 13C9.64062 13 10.1156 12.8333 10.4656 12.5C10.8156 12.1667 11.4573 12 12.3906 12C13.324 12 13.9656 12.1667 14.3156 12.5C14.6656 12.8333 15.1406 13 15.7406 13C16.3406 13 16.8073 12.8333 17.1406 12.5C17.474 12.1667 18.1073 12 19.0406 12C19.974 12 20.6323 12.1667 21.0156 12.5C21.399 12.8333 21.8573 13 22.3906 13V15C21.4573 15 20.8323 14.8333 20.5156 14.5C20.199 14.1667 19.7406 14 19.1406 14C18.5406 14 18.0573 14.1667 17.6906 14.5C17.324 14.8333 16.674 15 15.7406 15C14.8073 15 14.1656 14.8333 13.8156 14.5C13.4656 14.1667 12.9906 14 12.3906 14ZM2.39062 10.5V9.5C2.39062 7.58333 3.29479 6.10417 5.10313 5.0625C6.91146 4.02083 9.34062 3.5 12.3906 3.5C15.4406 3.5 17.8698 4.02083 19.6781 5.0625C21.4865 6.10417 22.3906 7.58333 22.3906 9.5V10.5H2.39062Z" fill={color}/>
</G>
</Svg>);
};
Icon.displayName = 'LunchDining';
export const LunchDining = memo(Icon);