@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" fillRule="evenodd">
<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="M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16M8.964 8.65a1.192 1.192 0 0 1 1.654-.953l.325.143.44.202.349.169.39.196.43.223.462.251.494.28.249.145.469.282.428.268.564.368.464.318.455.328.083.061c.635.477.64 1.429.001 1.909l-.283.209-.393.276-.496.335-.387.25-.43.27-.473.283q-.123.073-.252.147l-.498.282-.466.253-.43.224-.39.196-.505.242-.4.181-.202.088a1.192 1.192 0 0 1-1.651-.954l-.054-.499-.03-.334-.042-.599-.024-.46-.018-.506-.01-.549v-.579l.01-.548.018-.506.024-.46.042-.599.071-.73zm1.884 1.355-.027.467-.021.525-.012.58v.618l.012.58.02.525.028.467.416-.21.226-.118.488-.262.53-.299.522-.309.242-.148.444-.28.39-.255-.392-.257-.444-.281-.496-.3a30 30 0 0 0-.793-.453l-.488-.262-.442-.227z"/>
</G>
</Svg>);
});
Icon.displayName = 'PlayCircleLine';
/**
* MingCute Icon: Play Circle Line
* @see {@link https://www.mingcute.com MingCute Icon Docs}
*/
export const PlayCircleLine = Icon;