@risemaxi/sigil
Version:
Icons and Signs for the Rise Design System
18 lines (17 loc) • 1.78 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="M7.587 2.27q.162-.075.33-.144l.345-.135c1.643-.607 3.812-.878 7.48.039 1.639.41 2.87 1.684 3.668 3.12C20.412 6.954 21 9.378 21 12c0 2.623-.588 5.046-1.59 6.85-.799 1.436-2.03 2.71-3.668 3.12-3.668.917-5.837.646-7.48.04l-.344-.136a11 11 0 0 1-.33-.143c-1.397-.633-2.538-1.974-3.322-3.638C3.473 16.41 3 14.309 3 12s.473-4.41 1.266-6.093C5.05 4.243 6.19 2.902 7.587 2.27M15 4c-.853 0-1.835.634-2.661 2.122C11.53 7.576 11 9.652 11 12s.53 4.424 1.339 5.878C13.165 19.366 14.147 20 15 20s1.835-.634 2.661-2.122C18.47 16.424 19 14.348 19 12s-.53-4.424-1.339-5.878C16.835 4.634 15.853 4 15 4m0 4.5c.706 0 1.21.559 1.508 1.155.313.626.492 1.456.492 2.345s-.18 1.719-.492 2.345c-.298.596-.802 1.155-1.508 1.155s-1.21-.559-1.508-1.155C13.18 13.719 13 12.889 13 12s.18-1.719.492-2.345C13.79 9.06 14.294 8.5 15 8.5"/>
</G>
</Svg>);
});
Icon.displayName = 'TyreFill';
/**
* MingCute Icon: Tyre Fill
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const TyreFill = Icon;