@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.22 kB
JavaScript
import { memo } from 'react';
import { Svg, G, Path } from 'react-native-svg';
const Icon = (props) => {
const { color = 'black', size = 24, ...otherProps } = props;
return (<Svg viewBox="0 0 24 24" height={size} width={size} {...otherProps}>
<G fill="none" fillRule="nonzero">
<Path d="M24 24H0V0h24v24ZM.742 12.594l-.002-.012-.035-.071-.004-.02.004-.014.035-.071c.004-.01.001-.019-.005-.024l-.01-.004-.428-.017-.02.005-.013.01-.074.105-.004.014.004.012.074.104.016.012.017.004.427-.017c.01-.002.017-.009.018-.016Zm.113.264-.002-.013-.093-.185-.01-.01-.011-.003-.43.018-.012.005-.007.008-.093.201c-.004.012 0 .023.008.029l.014.004.614-.034c.012-.003.02-.01.022-.02Zm-.002-.715a.023.023 0 0 0-.006-.027l-.014-.006-.614-.034a.023.023 0 0 0-.024.017l.002.015.093.201.008.01.011.004.43.017.012-.003.01-.01.092-.184Z"/>
<Path fill={color} d="M19.5 18a1.5 1.5 0 0 1-1.5 1.5h-8a1.5 1.5 0 0 1 0-3h4.379L5.282 7.404a1.5 1.5 0 1 1 2.122-2.122L16.5 14.38V10a1.5 1.5 0 1 1 3 0v8Z"/>
</G>
</Svg>);
};
Icon.displayName = 'ArrowRightDownFill';
/**
* MingCute Icon: Arrow Right Down Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ArrowRightDownFill = memo(Icon);