onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.08 kB
JavaScript
import React from 'react';
export const ToggleOff = ({ 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: "M15.684 7.263H5.158C4.832 4.105 2.000 6.937 2.000 10.421C2.000 13.905 4.832 16.737 8.316 16.737H18.842C19.168 19.895 22.000 17.063 22.000 13.579C22.000 10.095 19.168 7.263 15.684 7.263ZM15.684 17.789H5.158C5.989 14.632 4.105 12.747 4.105 10.421C4.105 8.095 5.989 6.211 8.316 6.211H18.842C18.011 9.368 19.895 11.253 19.895 13.579C19.895 15.905 18.011 17.789 15.684 17.789ZM5.158 10.421C3.411 10.421 2.000 11.832 2.000 13.579C2.000 15.326 3.411 16.737 5.158 16.737C6.905 16.737 8.316 15.326 8.316 13.579C8.316 11.832 6.905 10.421 5.158 10.421Z", fill: color })));
};
ToggleOff.displayName = 'ToggleOff';