@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.91 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Mask, Path, Rect } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 25 24" fill="none" height={size} width={size} {...otherProps}>
<Mask id="mask0_1383_25969" style={{
maskType: 'alpha',
}} maskUnits="userSpaceOnUse" x="0" y="0" width="25" height="24">
<Rect x="0.433594" width="24" height="24" fill={color}/>
</Mask>
<G mask="url(#mask0_1383_25969)">
<Path d="M13.2328 23C11.8661 23 10.5828 22.6875 9.38281 22.0625C8.18281 21.4375 7.19948 20.5667 6.43281 19.45L1.63281 12.4L2.10781 11.925C2.44115 11.575 2.85365 11.375 3.34531 11.325C3.83698 11.275 4.28281 11.3917 4.68281 11.675L7.43281 13.575V4C7.43281 3.71667 7.52865 3.47917 7.72031 3.2875C7.91198 3.09583 8.14948 3 8.43281 3C8.71615 3 8.95365 3.09583 9.14531 3.2875C9.33698 3.47917 9.43281 3.71667 9.43281 4V17.425L5.73281 14.85L8.10781 18.3C8.69115 19.15 9.43281 19.8125 10.3328 20.2875C11.2328 20.7625 12.1995 21 13.2328 21C14.9495 21 16.412 20.3958 17.6203 19.1875C18.8286 17.9792 19.4328 16.5167 19.4328 14.8V5C19.4328 4.71667 19.5286 4.47917 19.7203 4.2875C19.912 4.09583 20.1495 4 20.4328 4C20.7161 4 20.9536 4.09583 21.1453 4.2875C21.337 4.47917 21.4328 4.71667 21.4328 5V14.8C21.4328 17.0833 20.637 19.0208 19.0453 20.6125C17.4536 22.2042 15.5161 23 13.2328 23ZM11.4328 12V2C11.4328 1.71667 11.5286 1.47917 11.7203 1.2875C11.912 1.09583 12.1495 1 12.4328 1C12.7161 1 12.9536 1.09583 13.1453 1.2875C13.337 1.47917 13.4328 1.71667 13.4328 2V12H11.4328ZM15.4328 12V3C15.4328 2.71667 15.5286 2.47917 15.7203 2.2875C15.912 2.09583 16.1495 2 16.4328 2C16.7161 2 16.9536 2.09583 17.1453 2.2875C17.337 2.47917 17.4328 2.71667 17.4328 3V12H15.4328Z" fill={color}/>
</G>
</Svg>);
};
Icon.displayName = 'BackHand';
export const BackHand = memo(Icon);