onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.2 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const AddAPhoto = ({ 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: "M20.261 6.348H17.504L15.043 5.478H9.826V7.217H14.278L16.739 8.087H20.261V18.522H6.348V10.696H4.609V18.522C4.609 19.478 5.391 20.261 6.348 20.261H20.261C20.348 21.130 21.130 20.348 21.130 19.391V8.087C22.000 7.130 21.217 6.348 20.261 6.348ZM8.957 13.304C8.957 15.704 10.904 17.652 13.304 17.652C15.704 17.652 17.652 15.704 17.652 13.304C17.652 10.904 15.704 8.957 13.304 8.957C10.904 8.957 8.957 10.904 8.957 13.304ZM13.304 10.696C14.739 10.696 15.913 11.870 15.913 13.304C15.913 14.739 14.739 15.913 13.304 15.913C11.870 15.913 10.696 14.739 10.696 13.304C10.696 11.870 11.870 10.696 13.304 10.696ZM6.348 6.348H8.957V4.609H6.348V2.000H4.609V4.609H2.000V6.348H4.609V8.957H6.348V6.348Z", fill: color })));
};
AddAPhoto.displayName = 'AddAPhoto';