onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
10 lines (9 loc) • 1.3 kB
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const Dns = ({ 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: "M19.778 15.333V19.778H4.222V15.333H19.778ZM20.889 13.111H3.111C2.500 13.111 2.000 13.611 2.000 14.222V20.889C2.000 21.500 2.500 22.000 3.111 22.000H20.889C21.500 22.000 22.000 21.500 22.000 20.889V14.222C22.000 13.611 21.500 13.111 20.889 13.111ZM6.444 19.222C5.533 19.222 4.778 18.478 4.778 17.556C4.778 16.633 5.533 15.889 6.444 15.889C7.356 15.889 8.111 16.633 8.111 17.556C8.111 18.478 7.367 19.222 6.444 19.222ZM19.778 4.222V8.667H4.222V4.222H19.778ZM20.889 2.000H3.111C2.500 2.000 2.000 2.500 2.000 3.111V9.778C2.000 10.389 2.500 10.889 3.111 10.889H20.889C21.500 10.889 22.000 10.389 22.000 9.778V3.111C22.000 2.500 21.500 2.000 20.889 2.000ZM6.444 8.111C5.533 8.111 4.778 7.367 4.778 6.444C4.778 5.522 5.533 4.778 6.444 4.778C7.356 4.778 8.111 5.533 8.111 6.444C8.111 7.356 7.367 8.111 6.444 8.111Z", fill: color })));
};
Dns.displayName = 'Dns';