onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
12 lines (11 loc) • 1.67 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const DirectionsBus = ({ 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: "M12.526 2.000C7.874 2.000 4.105 2.526 4.105 6.211V16.737C4.105 17.663 4.516 18.495 5.158 19.074V20.947C5.158 21.526 5.632 22.000 6.211 22.000H7.263C7.842 22.000 8.316 21.526 8.316 20.947V19.895H16.737V20.947C16.737 21.526 17.211 22.000 17.789 22.000H18.842C19.421 22.000 19.895 21.526 19.895 20.947V19.074C20.537 18.495 20.947 17.663 20.947 16.737V6.211C20.947 2.526 17.179 2.000 12.526 2.000ZM18.484 5.147H6.568C7.147 4.589 8.642 4.105 12.526 4.105C16.411 4.105 17.905 4.589 18.484 5.147ZM18.842 7.253V10.421H6.211V7.253H18.842ZM18.484 17.505L18.179 17.789H6.874L6.568 17.505C6.432 17.389 6.211 17.126 6.211 16.737V12.526H18.842V16.737C18.842 17.126 18.621 17.389 18.484 17.505Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color }),
React.createElement(Path, { d: "M12.000 22.000C17.523 22.000 22.000 17.523 22.000 12.000C22.000 6.477 17.523 2.000 12.000 2.000C6.477 2.000 2.000 6.477 2.000 12.000C2.000 17.523 6.477 22.000 12.000 22.000Z", fill: color })));
};
DirectionsBus.displayName = 'DirectionsBus';