@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.9 kB
JavaScript
import { memo } from 'react';
import Svg, { G, Path } from 'react-native-svg';
const Icon = memo((_props) => {
const { color = 'black', size = 24, ...props } = _props;
return (<Svg viewBox="0 0 24 24" width={size} height={size} {...props}>
<G fill="none">
<Path d="M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035q-.016-.005-.024.005l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093q.019.005.029-.008l.004-.014-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014-.034.614q.001.018.017.024l.015-.002.201-.093.01-.008.004-.011.017-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M4 6a1 1 0 0 1 0-2h8a1 1 0 1 1 0 2zm16.837 2.394c.132.258-.062.556-.38.583l-.565.043-.464.025-.527.02-.585.011h-.61l-.555-.01-.504-.018-.448-.023L15.811 9l-.324-.026c-.296-.027-.461-.299-.332-.552l.15-.29.19-.345.228-.399q.06-.105.129-.217l.288-.467.16-.248q.164-.254.32-.482l.3-.429.274-.375.242-.318.206-.26c.183-.227.53-.236.704-.021l.326.415.263.35.292.408q.23.327.48.71l.301.476.264.437q.122.209.225.394l.188.344.152.29Zm0 10c.132.257-.062.556-.38.583l-.565.042-.464.026-.527.02-.585.011h-.61l-.555-.01-.504-.018-.448-.023-.558-.04-.154-.013c-.296-.026-.461-.298-.332-.552l.15-.289.19-.346.228-.398q.06-.105.129-.217l.288-.467.322-.496.31-.455q.076-.108.148-.208l.274-.375.242-.318.206-.261c.183-.226.53-.235.704-.02l.326.415.263.35.292.408q.23.326.48.71l.156.243.282.457.244.416.108.19.188.345zM4 20a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2zm-1-8a1 1 0 0 0 1 1h8a1 1 0 1 0 0-2H4a1 1 0 0 0-1 1"/>
</G>
</Svg>);
});
Icon.displayName = 'ListCollapseLine';
/**
* MingCute Icon: List Collapse Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const ListCollapseLine = Icon;