onecart-ui/icons/PersonRemove.web.js

OneCart UI: Cross-platform design tokens + React & React Native components

import React from 'react';
export const PersonRemove = ({ size = 'md', color = 'currentColor', className, 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", xmlns: "http://www.w3.org/2000/svg", className: className, style: style },
        React.createElement("path", { d: "M22.000 12.000C22.000 6.475 17.525 2.000 12.000 2.000C6.475 2.000 2.000 6.475 2.000 12.000C2.000 17.525 6.475 22.000 12.000 22.000C17.525 22.000 22.000 17.525 22.000 12.000ZM17.000 12.000C17.000 14.750 14.750 17.000 12.000 17.000C9.250 17.000 7.000 14.750 7.000 12.000C7.000 9.250 9.250 7.000 12.000 7.000C14.750 7.000 17.000 9.250 17.000 12.000Z", fill: color }),
        React.createElement("path", { d: "M2.000 19.778V22.000H19.778V19.778C19.778 16.822 13.856 15.333 10.889 15.333C7.922 15.333 2.000 16.822 2.000 19.778ZM4.222 19.778C4.444 18.989 7.889 17.556 10.889 17.556C13.878 17.556 17.300 18.978 17.556 19.778H4.222Z", fill: color }),
        React.createElement("path", { d: "M22.000 2.000H2.000V8.667H22.000V2.000Z", fill: color }),
        React.createElement("path", { d: "M2.000 21.524V22.000H5.809V21.524C5.809 20.890 4.540 20.571 3.905 20.571C3.269 20.571 2.000 20.890 2.000 21.524ZM2.476 21.524C2.524 21.355 3.262 21.048 3.905 21.048C4.545 21.048 5.279 21.352 5.333 21.524H2.476Z", fill: color }),
        React.createElement("path", { d: "M2.000 21.676V22.000H4.589V21.676C4.589 21.246 3.727 21.029 3.294 21.029C2.862 21.029 2.000 21.246 2.000 21.676ZM2.324 21.676C2.356 21.561 2.858 21.353 3.294 21.353C3.730 21.353 4.228 21.560 4.265 21.676H2.324Z", fill: color }),
        React.createElement("path", { d: "M2.000 21.733V22.000H4.133V21.733C4.133 21.379 3.423 21.200 3.067 21.200C2.711 21.200 2.000 21.379 2.000 21.733ZM2.267 21.733C2.293 21.639 2.707 21.467 3.067 21.467C3.425 21.467 3.836 21.637 3.867 21.733H2.267Z", fill: color }),
        React.createElement("path", { d: "M2.000 21.763V22.000H3.895V21.763C3.895 21.448 3.264 21.289 2.948 21.289C2.631 21.289 2.000 21.448 2.000 21.763ZM2.237 21.763C2.261 21.679 2.628 21.526 2.948 21.526C3.266 21.526 3.631 21.678 3.658 21.763H2.237Z", fill: color })));
};
PersonRemove.displayName = 'PersonRemove';