onecart-ui
Version:
OneCart UI: Cross-platform design tokens + React & React Native components
11 lines (10 loc) • 984 B
JavaScript
import React from 'react';
import { Svg, Path } from 'react-native-svg';
export const BookmarkBorder = ({ 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.556 2.000H6.444C5.222 2.000 4.222 3.000 4.222 4.222V22.000L12.000 18.667L19.778 22.000V4.222C19.778 3.000 18.778 2.000 17.556 2.000ZM17.556 18.667L12.000 16.244L6.444 18.667V4.222H17.556V18.667Z", fill: color }),
React.createElement(Path, { d: "M4.439 17.610H2.000C2.220 17.122 2.000 17.341 2.000 17.610V22.000L3.219 21.268L4.927 22.000V17.610C5.415 17.341 5.195 17.122 4.927 17.122ZM4.927 20.781L3.707 20.249L2.488 20.781V18.098H4.439V21.268Z", fill: color })));
};
BookmarkBorder.displayName = 'BookmarkBorder';