onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
13 lines (12 loc) • 1.19 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const House = ({ size = 'md', color = 'currentColor', style, }) => {
const sizeMap = { xs: 16, sm: 20, md: 24, lg: 32, xl: 40 };
const iconSize = typeof size === 'number' ? size : sizeMap[size];
return (React.createElement(Svg, { width: iconSize, height: iconSize, viewBox: "0 0 24 24", fill: "none", style: style },
React.createElement(Path, { d: "M8.667 2.000H22.000C15.333 5.000 12.333 2.000 8.667 2.000C5.000 2.000 2.000 5.000 2.000 8.667Z", fill: color }),
React.createElement(Path, { d: "M18.000 9.300V3.000H16.000V5.600L12.000 2.000L2.000 11.000H5.000V19.000H11.000V13.000H13.000V19.000H19.000V11.000H22.000L18.000 9.300ZM16.000 18.000H14.000V12.000H8.000V18.000H6.000V10.190L11.000 5.690L16.000 10.190V17.000Z", fill: color }),
React.createElement(Path, { d: "M2.000 22.000H3.212C3.212 21.667 2.939 21.394 2.606 21.394C2.273 21.394 2.000 21.667 2.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M2.000 22.000H2.758C2.758 21.792 2.587 21.621 2.379 21.621C2.170 21.621 2.000 21.792 2.000 22.000Z", fill: color })));
};
House.displayName = 'House';