@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.76 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">
<Path d="M24 0v24H0V0zM12.593 23.258l-.011.002-.071.035-.02.004-.014-.004-.071-.035c-.01-.004-.019-.001-.024.005l-.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-.017-.018m.265-.113-.013.002-.185.093-.01.01-.003.011.018.43.005.012.008.007.201.093c.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.004-.011.017-.43-.003-.012-.01-.01z"/>
<Path fill={color} d="M13.774 14.439a32.815 32.815 0 0 1 1.536 7A9.987 9.987 0 0 1 12 22a9.954 9.954 0 0 1-5.567-1.692 12.029 12.029 0 0 1 7.34-5.87Zm7.799.463a10.024 10.024 0 0 1-4.355 5.63 34.79 34.79 0 0 0-1.46-6.468 12.058 12.058 0 0 1 5.815.838m-9.428-4.417c.332.678.643 1.37.93 2.073a14.034 14.034 0 0 0-8.207 6.451 10.079 10.079 0 0 1-2.827-7.922c3.343.708 6.87.502 10.104-.602m7.575-4.841a10.069 10.069 0 0 1 2.24 7.26 14.094 14.094 0 0 0-6.9-.77 34.782 34.782 0 0 0-1.055-2.398 19.05 19.05 0 0 0 5.715-4.092M7.266 3.19a33.098 33.098 0 0 1 3.93 5.502 17.129 17.129 0 0 1-8.776.43A10.027 10.027 0 0 1 7.266 3.19M12 2c2.388 0 4.581.837 6.3 2.234a17.043 17.043 0 0 1-5.22 3.726 35.077 35.077 0 0 0-3.86-5.568A10.005 10.005 0 0 1 12 2"/>
</G>
</Svg>);
};
Icon.displayName = 'DribbbleFill';
/**
* MingCute Icon: Dribbble Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const DribbbleFill = memo(Icon);