@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 2.15 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" fillRule="evenodd">
<Path d="M24 0v24H0V0zM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036q-.016-.004-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427q-.004-.016-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092q.019.005.029-.008l.004-.014-.034-.614q-.005-.019-.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.003-.011.018-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M12 2c4.76 0 8.742 3.325 9.752 7.779.36 1.585-.113 2.825-.827 3.688a5.03 5.03 0 0 1-2.09 1.476c-.965.341-2.05.327-2.912.176a5.6 5.6 0 0 1-1.213-.346c-.308-.132-.73-.354-.99-.726a1 1 0 0 1 .109-1.277c.485-.49.709-.995.742-1.447.032-.44-.107-.936-.549-1.45-.703-.813-1.887-.97-2.723-.374-.804.577-1.188 1.457-1.104 2.454.085 1.016.67 2.216 1.945 3.279C13.317 16.212 15.353 17 17 17a7 7 0 0 0 1.669-.2 1 1 0 0 1 1.004 1.613A9.98 9.98 0 0 1 12 22c-.77 0-1.52-.087-2.242-.252C5.315 20.73 2 16.753 2 12c0-.994.145-1.956.417-2.864C3.648 5.01 7.47 2 12 2M8.316 12.862A7.2 7.2 0 0 0 8 15c0 1.827.938 3.548 2.435 4.847a8.04 8.04 0 0 0 5.558-.913c-1.871-.238-3.847-1.094-5.133-2.166-1.365-1.138-2.23-2.51-2.544-3.906M9.951 7.92a6 6 0 0 0-1.168.023c-1.475.17-3.007.873-4.532 2.06A8 8 0 0 0 4 12a7.98 7.98 0 0 0 2.574 5.88A7.6 7.6 0 0 1 6 15c0-3.298 1.717-5.976 3.553-6.894q.197-.1.398-.187ZM12 4a7.98 7.98 0 0 0-5.906 2.603 9.3 9.3 0 0 1 2.459-.648c2.067-.24 4.125.303 6.047 1.745 1.36 1.02 2.068 2.371 1.966 3.77a3.94 3.94 0 0 1-.503 1.638q.098.022.204.04c.651.114 1.363.1 1.899-.09a3.06 3.06 0 0 0 1.218-.865c.364-.44.625-1.057.418-1.972A8.004 8.004 0 0 0 12 4"/>
</G>
</Svg>);
});
Icon.displayName = 'EdgeLine';
/**
* MingCute Icon: Edge Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const EdgeLine = Icon;