@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.83 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="evenodd">
<Path d="M24 0v24H0V0zM12.594 23.258l-.012.002-.071.035-.02.004-.014-.004-.071-.036c-.01-.003-.019 0-.024.006l-.004.01-.017.428.005.02.01.013.104.074.015.004.012-.004.104-.074.012-.016.004-.017-.017-.427c-.002-.01-.009-.017-.016-.018m.264-.113-.014.002-.184.093-.01.01-.003.011.018.43.005.012.008.008.201.092c.012.004.023 0 .029-.008l.004-.014-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014-.034.614c0 .012.007.02.017.024l.015-.002.201-.093.01-.008.003-.011.018-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m1.617 11.984A12.019 12.019 0 0 0 7.28 18.46 7.964 7.964 0 0 0 12 20a7.96 7.96 0 0 0 3.028-.593 32.766 32.766 0 0 0-1.411-5.424Zm1.978-.403c.532 1.543.96 3.135 1.274 4.768a8.004 8.004 0 0 0 2.922-4.523 12.11 12.11 0 0 0-4.196-.245m-3.244-2.669a19.117 19.117 0 0 1-8.35.984L4 12c0 1.927.682 3.695 1.817 5.076a14.024 14.024 0 0 1 7.072-4.963 32.77 32.77 0 0 0-.538-1.2Zm6.137-3.593a19.027 19.027 0 0 1-4.288 2.825c.234.5.457 1.005.668 1.517 1.7-.26 3.45-.206 5.13.161a7.96 7.96 0 0 0-1.51-4.503M8.574 4.77a8.02 8.02 0 0 0-4.298 5.145 17.115 17.115 0 0 0 7.157-.8A33.054 33.054 0 0 0 8.574 4.77M12 4c-.48 0-.95.042-1.405.123a35.03 35.03 0 0 1 2.703 4.235 17.02 17.02 0 0 0 3.826-2.502A7.968 7.968 0 0 0 12 4"/>
</G>
</Svg>);
};
Icon.displayName = 'DribbbleLine';
/**
* MingCute Icon: Dribbble Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const DribbbleLine = memo(Icon);