UNPKG

@risemaxi/sigil

Version:

Icons and Signs for the Rise Design System

risevest.com

risevest/sigil

18 lines (17 loc) • 2 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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="evenodd"> <Path d="M24,0 L24,24 L0,24 L0,0 L24,0 Z M12.5935,23.2578 L12.5819,23.2595 L12.5109,23.295 L12.4919,23.2987 L12.4767,23.295 L12.4057,23.2595 C12.3958,23.2564 12.387,23.259 12.3821,23.2649 L12.378,23.2758 L12.3609,23.7031 L12.3659,23.7235 L12.3769,23.7357 L12.4805,23.8097 L12.4953,23.8136 L12.5071,23.8097 L12.6107,23.7357 L12.6233,23.7197 L12.6267,23.7031 L12.6096,23.2758 C12.6076,23.2657 12.601,23.2593 12.5935,23.2578 Z M12.8584,23.1453 L12.8445,23.1473 L12.6598,23.2397 L12.6499,23.2499 L12.6472,23.2611 L12.6651,23.6906 L12.6699,23.7034 L12.6784,23.7105 L12.8793,23.8032 C12.8914,23.8069 12.9022,23.803 12.9078,23.7952 L12.9118,23.7812 L12.8777,23.1665 C12.8753,23.1546 12.8674,23.147 12.8584,23.1453 Z M12.143,23.1473 C12.1332,23.1424 12.1222,23.1453 12.1156,23.1526 L12.1099,23.1665 L12.0758,23.7812 C12.0751,23.7927 12.0828,23.8019 12.0926,23.8046 L12.1083,23.8032 L12.3092,23.7105 L12.3186,23.7024 L12.3225,23.6906 L12.3404,23.2611 L12.3372,23.2485 L12.3278,23.2397 L12.143,23.1473 Z"/> <Path fill={color} d="M6,4 C6.55228,4 7,4.44772 7,5 L7,12 C7,12.5523 7.44772,13 8,13 L16.5858,13 L13.7929,10.2071 C13.4024,9.81657 13.4024,9.1834 13.7929,8.79288 C14.1834,8.40236 14.8166,8.40236 15.2071,8.79288 L19.7071,13.2929 C20.0976,13.6834 20.0976,14.3166 19.7071,14.7071 L15.2071,19.2071 C14.8166,19.5976 14.1834,19.5976 13.7929,19.2071 C13.4024,18.8166 13.4024,18.1834 13.7929,17.7929 L16.5858,15 L8,15 C6.34315,15 5,13.6569 5,12 L5,5 C5,4.44772 5.44772,4 6,4 Z"/> </G> </Svg>); }; Icon.displayName = 'CornerDownRightLine'; /** * MingCute Icon: Corner Down Right Line * @see {@link https://www.mingcute.com MingCute Icon Docs} */ export const CornerDownRightLine = memo(Icon);