UNPKG

@risemaxi/sigil

Version:

Icons and Signs for the Rise Design System

18 lines (17 loc) 2.13 kB
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="M17.9999975,3.5 C18.8284,3.5 19.4999975,4.17157 19.4999975,5 L19.4999975,12 C19.4999975,13.933 17.933,15.5 15.9999975,15.5 L8.62132,15.5 L10.5607,17.4393 C11.1464,18.0251 11.1464,18.9749 10.5607,19.5607 C9.97487,20.1464 9.02513,20.1464 8.43934,19.5607 L3.93934,15.0607 C3.35355,14.4749 3.35355,13.5251 3.93934,12.9393 L8.43934,8.43934 C9.02513,7.85355 9.97487,7.85355 10.5607,8.43934 C11.1464,9.02513 11.1464,9.97487 10.5607,10.5607 L8.62132,12.5 L15.9999975,12.5 C16.2761,12.5 16.4999975,12.2761 16.4999975,12 L16.4999975,5 C16.4999975,4.17157 17.1716,3.5 17.9999975,3.5 Z"/> </G> </Svg>); }; Icon.displayName = 'CornerDownLeftFill'; /** * MingCute Icon: Corner Down Left Fill * @see {@link https://www.mingcute.com MingCute Icon Docs} */ export const CornerDownLeftFill = memo(Icon);