@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.92 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_42100" 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_42100)">
<Path d="M4.89062 21.5V12.125L3.09063 13.5L1.89062 11.9L12.8906 3.5L23.8906 11.9L22.6906 13.475L20.8906 12.125V21.5H4.89062ZM8.89062 15.5C8.60729 15.5 8.36979 15.4042 8.17812 15.2125C7.98646 15.0208 7.89062 14.7833 7.89062 14.5C7.89062 14.2167 7.98646 13.9792 8.17812 13.7875C8.36979 13.5958 8.60729 13.5 8.89062 13.5C9.17396 13.5 9.41146 13.5958 9.60313 13.7875C9.79479 13.9792 9.89062 14.2167 9.89062 14.5C9.89062 14.7833 9.79479 15.0208 9.60313 15.2125C9.41146 15.4042 9.17396 15.5 8.89062 15.5ZM12.8906 15.5C12.6073 15.5 12.3698 15.4042 12.1781 15.2125C11.9865 15.0208 11.8906 14.7833 11.8906 14.5C11.8906 14.2167 11.9865 13.9792 12.1781 13.7875C12.3698 13.5958 12.6073 13.5 12.8906 13.5C13.174 13.5 13.4115 13.5958 13.6031 13.7875C13.7948 13.9792 13.8906 14.2167 13.8906 14.5C13.8906 14.7833 13.7948 15.0208 13.6031 15.2125C13.4115 15.4042 13.174 15.5 12.8906 15.5ZM16.8906 15.5C16.6073 15.5 16.3698 15.4042 16.1781 15.2125C15.9865 15.0208 15.8906 14.7833 15.8906 14.5C15.8906 14.2167 15.9865 13.9792 16.1781 13.7875C16.3698 13.5958 16.6073 13.5 16.8906 13.5C17.174 13.5 17.4115 13.5958 17.6031 13.7875C17.7948 13.9792 17.8906 14.2167 17.8906 14.5C17.8906 14.7833 17.7948 15.0208 17.6031 15.2125C17.4115 15.4042 17.174 15.5 16.8906 15.5Z" fill={color}/>
</G>
</Svg>);
};
Icon.displayName = 'RealEstate';
export const RealEstate = memo(Icon);