onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
9 lines (8 loc) • 1.15 kB
JavaScript
import React from 'react';
export const KeyboardVoice = ({ 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: "M9.684 14.632C11.432 14.632 12.832 13.221 12.832 11.474L12.842 5.158C12.842 3.411 11.432 2.000 9.684 2.000C7.937 2.000 6.526 3.411 6.526 5.158V9.684C8.316 11.432 9.726 12.842 11.474 12.842ZM10.211 3.263C10.211 2.568 10.779 2.000 11.474 2.000C12.168 2.000 12.737 2.568 12.737 3.263L12.726 9.789C12.726 10.484 12.168 11.053 11.474 11.053C10.779 11.053 10.211 10.484 10.211 9.789V5.053ZM15.263 11.474C15.263 14.632 12.589 16.842 9.684 16.842C6.779 16.842 4.105 14.632 4.105 11.474H2.316C4.105 13.274 6.968 16.242 10.421 16.758V22.000H10.737V18.547C14.189 18.042 17.053 15.074 17.053 11.474H15.263Z", fill: color })));
};
KeyboardVoice.displayName = 'KeyboardVoice';