@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.81 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_42082" style={{
maskType: 'alpha',
}} maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="25">
<Rect x="0.890625" y="0.5" width="24" height="24" fill={color}/>
</Mask>
<G mask="url(#mask0_1009_42082)">
<Path d="M5.89062 22.5C5.34063 22.5 4.86979 22.3042 4.47813 21.9125C4.08646 21.5208 3.89062 21.05 3.89062 20.5V8.5C3.89062 7.95 4.08646 7.47917 4.47813 7.0875C4.86979 6.69583 5.34063 6.5 5.89062 6.5H7.89062C7.89062 5.11667 8.37813 3.9375 9.35313 2.9625C10.3281 1.9875 11.5073 1.5 12.8906 1.5C14.274 1.5 15.4531 1.9875 16.4281 2.9625C17.4031 3.9375 17.8906 5.11667 17.8906 6.5H19.8906C20.4406 6.5 20.9115 6.69583 21.3031 7.0875C21.6948 7.47917 21.8906 7.95 21.8906 8.5V20.5C21.8906 21.05 21.6948 21.5208 21.3031 21.9125C20.9115 22.3042 20.4406 22.5 19.8906 22.5H5.89062ZM12.8906 14.5C14.274 14.5 15.4531 14.0125 16.4281 13.0375C17.4031 12.0625 17.8906 10.8833 17.8906 9.5H15.8906C15.8906 10.3333 15.599 11.0417 15.0156 11.625C14.4323 12.2083 13.724 12.5 12.8906 12.5C12.0573 12.5 11.349 12.2083 10.7656 11.625C10.1823 11.0417 9.89062 10.3333 9.89062 9.5H7.89062C7.89062 10.8833 8.37813 12.0625 9.35313 13.0375C10.3281 14.0125 11.5073 14.5 12.8906 14.5ZM9.89062 6.5H15.8906C15.8906 5.66667 15.599 4.95833 15.0156 4.375C14.4323 3.79167 13.724 3.5 12.8906 3.5C12.0573 3.5 11.349 3.79167 10.7656 4.375C10.1823 4.95833 9.89062 5.66667 9.89062 6.5Z" fill={color}/>
</G>
</Svg>);
};
Icon.displayName = 'LocalMall';
export const LocalMall = memo(Icon);