UNPKG

onecart-ui

Version:

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

11 lines (10 loc) 2.09 kB
import React from 'react'; import { Svg, Path } from 'react-native-svg'; export const Speaker = ({ 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: "M17.000 2.000H7.000C5.900 2.000 5.000 2.900 5.000 4.000V20.000C5.000 21.100 5.900 21.990 7.000 21.990L17.000 22.000C18.100 22.000 19.000 21.100 19.000 20.000V4.000C19.000 2.900 18.100 2.000 17.000 2.000ZM7.000 20.000V4.000H17.000V20.000H7.000ZM12.000 9.000C13.100 9.000 14.000 8.100 14.000 7.000C14.000 5.900 13.100 5.000 12.000 5.000C10.890 5.000 10.000 5.900 10.000 7.000C10.000 8.100 10.890 9.000 12.000 9.000ZM12.000 11.000C9.790 11.000 8.000 12.790 8.000 15.000C8.000 17.210 9.790 19.000 12.000 19.000C14.210 19.000 16.000 17.210 16.000 15.000C16.000 12.790 14.210 11.000 12.000 11.000ZM12.000 17.000C10.900 17.000 10.000 16.100 10.000 15.000C10.000 13.900 10.900 13.000 12.000 13.000C13.100 13.000 14.000 13.900 14.000 15.000C14.000 16.100 13.100 17.000 12.000 17.000Z", fill: color }), React.createElement(Path, { d: "M4.892 17.181H2.482C2.217 17.181 2.000 17.398 2.000 17.663V21.518C2.000 21.783 2.217 21.998 2.482 21.998L4.892 22.000C5.157 22.000 5.374 21.783 5.374 21.518V17.663C5.374 17.398 5.157 17.181 4.892 17.181ZM2.482 21.518V17.663H4.892V21.518H2.482ZM3.687 18.867C3.952 18.867 4.169 18.651 4.169 18.386C4.169 18.120 3.952 17.904 3.687 17.904C3.419 17.904 3.205 18.120 3.205 18.386C3.205 18.651 3.419 18.867 3.687 18.867ZM3.687 19.349C3.154 19.349 2.723 19.781 2.723 20.313C2.723 20.846 3.154 21.277 3.687 21.277C4.219 21.277 4.651 20.846 4.651 20.313C4.651 19.781 4.219 19.349 3.687 19.349ZM3.687 20.795C3.422 20.795 3.205 20.578 3.205 20.313C3.205 20.048 3.422 19.831 3.687 19.831C3.952 19.831 4.169 20.048 4.169 20.313C4.169 20.578 3.952 20.795 3.687 20.795Z", fill: color }))); }; Speaker.displayName = 'Speaker';